body{margin:0;padding:0;font-family:'Roboto',sans-serif;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.header{text-align:center;margin-bottom:60px;position:relative}.header:after{content:"";display:block;width:100px;height:4px;background:linear-gradient(90deg,#00d2ff,#3a7bd5);margin:20px auto;border-radius:2px}.notice{background:rgba(255,255,255,0.1);padding:15px;border-radius:8px;margin-bottom:40px;text-align:center;border-left:4px solid #3a7bd5}article{background:rgba(255,255,255,0.05);padding:40px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.2);margin-bottom:40px}h2{font-size:32px;margin-top:0;color:#fff;position:relative;padding-bottom:15px}h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#00d2ff,#3a7bd5)}h3{font-size:24px;color:#a8d8ff;margin-top:40px}p{font-size:17px;margin-bottom:25px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin:40px 0}.image-item{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,0.2);transition:transform 0.3s ease}.image-item:hover{transform:translateY(-10px)}.image-item img{width:100%;height:auto;display:block}pre{background:rgba(0,0,0,0.3);padding:20px;border-radius:8px;overflow-x:auto;border-left:4px solid #3a7bd5;margin:30px 0}code{font-family:'Courier New',monospace;font-size:15px;color:#a8d8ff}@media (max-width:768px){.container{padding:20px}article{padding:20px}h2{font-size:26px}h3{font-size:20px}.image-grid{grid-template-columns:1fr}}