body{background:linear-gradient(135deg,#0d0d0d,#1a1a1a);color:#e0e0e0;font-family:'Roboto',sans-serif;margin:0;padding:0;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;padding:40px 0;position:relative}.header h1{font-size:2.5rem;margin-bottom:20px;background:linear-gradient(45deg,#00c6ff,#0072ff);-webkit-background-clip:text;background-clip:text;color:transparent}.header p{font-size:1.2rem;max-width:800px;margin:0 auto}.notice{background:rgba(0,114,255,0.1);border:1px solid #0072ff;border-radius:8px;padding:15px;margin:30px auto;max-width:800px;text-align:center}.article{background:rgba(26,26,26,0.8);border-radius:12px;padding:40px;margin:40px 0;box-shadow:0 10px 30px rgba(0,0,0,0.3)}.article h2{font-size:1.8rem;color:#00c6ff;margin-top:40px;border-bottom:1px solid #333;padding-bottom:10px}.article h3{font-size:1.5rem;color:#0072ff;margin-top:30px}.article p{font-size:1.1rem;margin:20px 0}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:30px 0}.image-grid img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.3);transition:transform 0.3s ease,box-shadow 0.3s ease}.image-grid img:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,198,255,0.3)}pre{background:#0d0d0d;border:1px solid #333;border-radius:8px;padding:20px;overflow-x:auto;margin:20px 0}code{font-family:'Courier New',monospace;color:#00c6ff}.button{display:inline-block;background:linear-gradient(45deg,#00c6ff,#0072ff);border:none;padding:12px 24px;color:white;border-radius:6px;text-decoration:none;font-weight:bold;transition:all 0.3s ease;margin:10px 0}.button:hover{background:linear-gradient(45deg,#0072ff,#00c6ff);transform:scale(1.05)}.footer{text-align:center;padding:30px 0;margin-top:50px;border-top:1px solid #333}@media (max-width:768px){.container{padding:10px}.header{padding:20px 0}.header h1{font-size:2rem}.article{padding:20px}}