*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Helvetica Neue',Arial,sans-serif;line-height:1.6;background:url('https://images.gptkong.com/idiom/b/2080_0.png') no-repeat center center fixed;background-size:cover;color:#fff;padding:0;transition:background 0.5s ease}nav{position:fixed;top:0;width:100%;background:linear-gradient(135deg,#4b6cb7,#182848);padding:15px 30px;box-shadow:0 4px 6px rgba(0,0,0,0.1);z-index:1000;display:flex;justify-content:space-between;align-items:center}nav ul{list-style:none;display:flex;gap:20px}nav ul li a{color:#fff;text-decoration:none;font-weight:bold;position:relative;transition:color 0.3s ease}nav ul li a::after{content:'';position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:#ff8c00;transition:width 0.3s ease}nav ul li a:hover::after{width:100%}@media (max-width:768px){nav ul{display:none}}table{width:80%;margin:80px auto 40px auto;border-collapse:collapse;background:rgba(255,255,255,0.1);box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:10px;overflow:hidden}table th,table td{padding:15px;border:1px solid #fff;text-align:left;font-size:18px}table th{background:linear-gradient(135deg,#b22222,#ff8c00)}table td ul{list-style:disc;margin-left:20px}.chapter-nav{position:fixed;top:60px;right:30px;background:rgba(0,0,0,0.7);padding:15px;border-radius:8px;max-height:calc(100vh - 100px);overflow-y:auto;transition:all 0.3s ease}.chapter-nav h3{margin-bottom:10px;color:#ff8c00;text-align:center}.chapter-nav ul{list-style:none}.chapter-nav ul li a{display:block;color:#fff;text-decoration:none;padding:8px 0;transition:color 0.3s ease}.chapter-nav ul li a:hover{color:#ff8c00}@media (max-width:768px){.chapter-nav{display:none}}section{max-width:900px;margin:40px auto;padding:20px;background:rgba(0,0,0,0.6);border-radius:15px;box-shadow:0 8px 16px rgba(0,0,0,0.3);position:relative;overflow:hidden;transition:background 0.5s ease}section::before{content:'';position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(120deg,rgba(255,140,0,0.3),rgba(75,108,183,0.3));transform:skewX(-25deg);transition:background 0.5s ease}section h2,section h3{position:relative;z-index:1;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}section h2{font-size:28px;color:#b22222;border-bottom:3px solid #ff8c00;padding-bottom:10px}section h3{font-size:22px;color:#4169e1;border-bottom:2px solid #ff8c00;padding-bottom:5px}section p{font-size:16px;color:#fff;line-height:1.8}section p strong{color:#ff8c00}.article-image{display:block;margin:20px auto;max-width:90%;width:600px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.3);transition:transform 0.3s ease,box-shadow 0.3s ease}.article-image:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,0.5)}footer{text-align:center;padding:20px;background:rgba(0,0,0,0.8);color:#fff;font-size:14px;position:relative}footer a{color:#ff8c00;text-decoration:none}footer a:hover{text-decoration:underline}@keyframes fadeIn{from{opacity:0}to{opacity:1}}section{animation:fadeIn 1s ease-in-out}a{color:#ff8c00;text-decoration:none;transition:color 0.3s ease}a:hover{color:#b22222}body{color:#fff}section p,section h2,section h3,nav ul li a,.chapter-nav ul li a{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.7)}