body{font-family:'Roboto',sans-serif;margin:0;padding:0;background-color:#f5f5f5;color:#333;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:linear-gradient(135deg,#32CD32,#87CEEB);padding:40px 20px;text-align:center;color:white;border-radius:0 0 20px 20px;box-shadow:0 10px 20px rgba(0,0,0,0.1)}.header h1{font-size:2.5em;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,0.2)}.notice{background-color:white;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-weight:bold}.article{background-color:white;padding:30px;border-radius:8px;margin-bottom:30px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.article h2{color:#32CD32;font-size:1.8em;margin-top:0}.article h3{color:#87CEEB;font-size:1.4em}.article p{font-size:1.1em;margin-bottom:20px}.article pre{background-color:#f5f5f5;padding:15px;border-radius:8px;overflow-x:auto}.article code{font-family:'Courier New',monospace;font-size:0.9em}.article table{width:100%;border-collapse:collapse;margin:20px 0}.article th{background-color:#87CEEB;color:white;padding:10px;text-align:left}.article td{padding:10px;border-bottom:1px solid #ddd}.article tr:hover td{background-color:#f0f0f0}.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 6px rgba(0,0,0,0.1);transition:transform 0.3s ease}.image-grid img:hover{transform:scale(1.05)}.footer{background-color:#333;color:white;text-align:center;padding:20px;border-radius:8px 8px 0 0}.footer p{margin:0}@media(max-width:768px){.header h1{font-size:2em}.article{padding:20px}.image-grid{grid-template-columns:1fr}}