*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-image:url('https://images.gptkong.com/idiom/b/1445_0.png');background-size:cover;background-attachment:fixed;background-position:center;color:#fff;line-height:1.8}nav{position:fixed;top:0;width:100%;background:rgba(34,34,34,0.8);padding:15px 0;z-index:1000;transition:background 0.3s ease}nav ul{display:flex;justify-content:center;list-style:none}nav ul li{margin:0 20px}nav ul li a{color:#fff;text-decoration:none;font-size:16px;transition:color 0.3s ease}nav ul li a:hover{color:#FFD700}@media (max-width:768px){nav ul{display:none}}.container{max-width:1200px;margin:80px auto 40px;padding:20px;background:rgba(0,0,0,0.6);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.3);backdrop-filter:blur(10px)}.chapter-nav{position:fixed;top:60px;left:20px;background:rgba(34,34,34,0.8);padding:10px 20px;border-radius:8px;max-height:80vh;overflow-y:auto;transition:transform 0.3s ease}.chapter-nav ul{list-style:none}.chapter-nav ul li{margin-bottom:10px}.chapter-nav ul li a{color:#fff;text-decoration:none;font-size:14px;transition:color 0.3s ease}.chapter-nav ul li a:hover{color:#FFD700}@media (max-width:768px){.chapter-nav{display:none}.container{padding-top:60px}}table{width:100%;border-collapse:collapse;margin-bottom:30px;background:rgba(255,255,255,0.1);border-radius:8px;overflow:hidden}table th,table td{padding:15px;border:1px solid #FFD700;text-align:left;font-size:16px}table th{background:rgba(34,34,34,0.9);color:#FFD700}table td ul{list-style:disc inside}section{margin-bottom:40px;padding:20px;border-radius:8px;background:linear-gradient(135deg,rgba(255,165,0,0.2),rgba(0,191,255,0.2));box-shadow:0 4px 10px rgba(0,0,0,0.2);transition:transform 0.3s ease,background 0.3s ease}section:hover{transform:translateY(-5px);background:linear-gradient(135deg,rgba(255,165,0,0.3),rgba(0,191,255,0.3))}section h3{margin-bottom:15px;color:#FFD700;font-size:20px;position:relative}section h3::after{content:'';display:block;width:50px;height:3px;background:#FFD700;margin-top:5px}section p{font-size:16px;color:#f0f0f0}.article-image{display:block;max-width:90%;width:600px;margin:20px auto;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.5);transition:transform 0.3s ease,box-shadow 0.3s ease}.article-image:hover{transform:scale(1.05);box-shadow:0 12px 25px rgba(0,0,0,0.6)}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,223,196,0.5),rgba(135,206,250,0.5));z-index:-1;transition:opacity 1s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section,table,nav,.chapter-nav{animation:fadeIn 1s ease forwards}a{color:#87CEFA;text-decoration:none;transition:color 0.3s ease}a:hover{color:#FFD700}h2{font-size:28px;color:#32CD32;margin-bottom:20px;text-align:center}@media (max-width:1200px){.article-image{width:80%}}@media (max-width:768px){.article-image{width:100%}}