body{font-family:'Open Sans',sans-serif;margin:0;padding:0;background:#f8f9fa;color:#333;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:40px 0;text-align:center;border-radius:0 0 20px 20px;box-shadow:0 10px 20px rgba(0,0,0,0.1)}.header h1{font-family:'Montserrat',sans-serif;font-size:2.5rem;margin:0;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.notice{background:#fff;padding:15px;border-radius:8px;margin:20px auto;max-width:800px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,0.1);font-size:0.9rem;color:#666}.article{background:#fff;border-radius:12px;padding:30px;margin-top:30px;box-shadow:0 5px 15px rgba(0,0,0,0.05)}.article h2,.article h3{font-family:'Montserrat',sans-serif;color:#1e3c72}.article h2{font-size:1.8rem;border-bottom:2px solid #eee;padding-bottom:10px;margin-top:40px}.article h3{font-size:1.4rem;margin-top:30px}.article p{font-size:1.1rem;margin-bottom:20px}.article pre{background:#2a3035;color:#f8f8f2;padding:15px;border-radius:8px;overflow-x:auto;margin:20px 0}.article code{font-family:monospace;font-size:0.9rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:30px 0}.image-card{border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s ease}.image-card:hover{transform:translateY(-5px)}.image-card img{width:100%;height:auto;display:block}.gradient-box{height:150px;border-radius:12px;margin:20px 0;background:linear-gradient(135deg,#8e44ad,#3498db)}.footer{text-align:center;padding:30px 0;margin-top:50px;color:#666;font-size:0.9rem}@media (max-width:768px){.header{padding:30px 0}.header h1{font-size:2rem}.article{padding:20px}.image-grid{grid-template-columns:1fr}}