*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Arial',sans-serif;background-image:url('https://images.gptkong.com/idiom/b/940_0.png');background-size:cover;background-attachment:fixed;color:#f0f0f0;line-height:1.6;padding:20px}nav{position:fixed;top:0;width:100%;background:rgba(34,34,34,0.8);padding:10px 0;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,0.5)}nav ul{display:flex;justify-content:center;list-style:none}nav ul li{margin:0 15px}nav ul li a{color:#fff;text-decoration:none;font-size:16px;transition:color 0.3s}nav ul li a:hover{color:#a8d5ba}table{width:90%;margin:100px auto 40px;border-collapse:collapse;background:rgba(255,255,255,0.8);color:#333;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,0.2)}table th,table td{padding:15px;border:1px solid #ddd;text-align:left}table th{background:#5a8d5a;color:#fff}table td ul{list-style:disc inside}@media (max-width:768px){nav ul{flex-direction:column}nav ul li{margin:10px 0}table{width:100%;margin:120px 0 20px}}.section-nav{position:fixed;right:20px;top:150px;background:rgba(34,34,34,0.7);padding:10px;border-radius:8px;max-width:200px}.section-nav ul{list-style:none}.section-nav ul li{margin-bottom:10px}.section-nav ul li a{color:#fff;text-decoration:none;font-size:14px;transition:color 0.3s}.section-nav ul li a:hover{color:#a8d5ba}@media (max-width:768px){.section-nav{position:static;max-width:100%;margin-bottom:20px}}article{max-width:800px;margin:0 auto;background:rgba(0,0,0,0.6);padding:20px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.5)}article h2{font-size:28px;margin-bottom:20px;color:#a8d5ba;text-align:center}article h3{font-size:22px;margin-top:30px;margin-bottom:10px;color:#c4e3cb;position:relative}article h3::after{content:'';display:block;width:50px;height:3px;background:linear-gradient(90deg,#a8d5ba,#5a8d5a);margin-top:5px;border-radius:2px}article p{margin-bottom:15px;font-size:16px;color:#e0e0e0}article img{display:block;margin:20px auto;width:80%;max-width:800px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.3);transition:transform 0.3s,box-shadow 0.3s}article img:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,0.4)}section{margin-bottom:40px;padding:20px;background:rgba(255,255,255,0.1);border-radius:8px;box-shadow:inset 0 0 10px rgba(0,0,0,0.3)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}body{animation:fadeIn 2s ease-in-out}a{position:relative}a::after{content:'';position:absolute;width:0;height:2px;display:block;background:#a8d5ba;transition:width 0.3s;bottom:-2px;left:0}a:hover::after{width:100%}