body{font-family:'Open Sans',sans-serif;margin:0;padding:0;background-color:#0A2647;color:#CDD3DE;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;padding:40px 0;position:relative;overflow:hidden}.header h1{font-size:2.5rem;margin-bottom:20px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.header p{font-size:1.2rem;max-width:800px;margin:0 auto}.note{background-color:rgba(30,144,255,0.2);padding:15px;border-radius:8px;margin:30px 0;text-align:center;font-weight:bold}.article{background-color:rgba(205,211,222,0.1);border-radius:12px;padding:30px;margin-bottom:40px;box-shadow:0 10px 20px rgba(0,0,0,0.2)}h2{font-size:1.8rem;color:#1E90FF;margin-top:40px;border-bottom:2px solid #32CD32;padding-bottom:10px}h3{font-size:1.5rem;color:#CDD3DE;margin-top:30px}p{font-size:1.1rem;margin-bottom:20px}table{width:100%;border-collapse:collapse;margin:20px 0}th,td{padding:12px;text-align:left;border-bottom:1px solid #1E90FF}th{background-color:rgba(30,144,255,0.1)}pre{background-color:rgba(0,0,0,0.3);padding:15px;border-radius:8px;overflow-x:auto;margin:20px 0}code{font-family:monospace;color:#32CD32}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:30px 0}.image-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.3);transition:transform 0.3s ease}.image-container:hover{transform:translateY(-5px)}.image-container img{width:100%;height:auto;display:block}.footer{text-align:center;padding:30px;margin-top:50px;background-color:rgba(0,0,0,0.2)}@media (max-width:768px){.container{padding:15px}.header{padding:20px 0}.header h1{font-size:2rem}.article{padding:20px}h2{font-size:1.5rem}h3{font-size:1.3rem}.image-grid{grid-template-columns:1fr}}