*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.6;color:#333;background:url('https://images.gptkong.com/idiom/b/790_0.png') no-repeat center center fixed;background-size:cover;padding:20px}header{position:fixed;top:0;width:100%;background:rgba(255,255,255,0.9);box-shadow:0 2px 4px rgba(0,0,0,0.1);z-index:1000}nav{display:flex;justify-content:center;padding:10px 0}nav a{margin:0 15px;text-decoration:none;color:#007BFF;font-weight:bold;transition:color 0.3s ease}nav a:hover{color:#0056b3}.container{max-width:1200px;margin:100px auto 50px;padding:20px;background:rgba(255,255,255,0.8);border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}table{width:100%;border-collapse:collapse;margin:20px 0}table,th,td{border:1px solid #ddd}th,td{padding:10px;text-align:left}th{background-color:#f4f4f4}ul{list-style-type:disc;margin-left:20px}img{width:100%;max-width:800px;height:auto;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:transform 0.3s ease,box-shadow 0.3s ease;margin:20px 0}img:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,0.3)}h2,h3,h4{color:#2c3e50;margin-bottom:10px;position:relative}h2::after,h3::after,h4::after{content:'';display:block;width:50px;height:3px;background:linear-gradient(90deg,#ff7e5f,#feb47b);margin-top:5px;border-radius:2px}p{margin-bottom:15px}section{margin-bottom:30px}.article-section{padding:20px;background:linear-gradient(135deg,#f0f4f8,#d9e2ec);border-radius:10px;margin-bottom:20px}.article-section:nth-child(even){background:linear-gradient(135deg,#d4fc79,#96e6a1)}.article-section:hover{background:linear-gradient(135deg,#84fab0,#8fd3f4)}pre{background:#f4f4f4;padding:10px;border-radius:5px;overflow-x:auto}code{font-family:'Courier New',Courier,monospace;color:#c7254e;background-color:#f9f2f4;padding:2px 4px;border-radius:4px}@media (max-width:768px){nav{flex-direction:column}nav a{margin:10px 0}.container{margin:120px auto 20px;padding:10px}img{max-width:100%}}@media (max-width:480px){h2{font-size:1.5em}h3{font-size:1.2em}p{font-size:1em}nav a{font-size:1em}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}body{animation:fadeIn 2s ease-in}nav a::before{content:'';display:block;width:0;height:2px;background:#007BFF;transition:width 0.3s}nav a:hover::before{width:100%}.button{display:inline-block;padding:10px 20px;background:linear-gradient(45deg,#ff7e5f,#feb47b);color:#fff;border:none;border-radius:25px;cursor:pointer;transition:background 0.3s ease;text-decoration:none}.button:hover{background:linear-gradient(45deg,#feb47b,#ff7e5f)}.footer{text-align:center;padding:20px;background:rgba(255,255,255,0.9);position:fixed;bottom:0;width:100%;box-shadow:0 -2px 4px rgba(0,0,0,0.1)}.footer p{color:#555}