 body{margin:0;padding:0;font-family:'Arial',sans-serif;background:url('https://images.gptkong.com/idiom/b/180_0.png') no-repeat center center fixed;background-size:cover;color:#FFF}nav{position:fixed;top:0;width:100%;height:60px;background:linear-gradient(135deg,#2c3e50,#4ca1af);display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 4px 6px rgba(0,0,0,0.3)}nav ul{list-style:none;display:flex;gap:30px}nav ul li a{color:#FFD700;text-decoration:none;font-size:18px;transition:color 0.3s ease}nav ul li a:hover{color:#F00}@media (max-width:768px){nav{display:none}}table{width:90%;max-width:800px;margin:80px auto 40px auto;border-collapse:collapse;background:rgba(0,0,0,0.7);box-shadow:0 4px 8px rgba(0,0,0,0.5)}table th,table td{padding:15px;border:1px solid #FFD700;text-align:left;font-size:16px}table th{background:linear-gradient(135deg,#4ca1af,#2c3e50);color:#FFD700;font-weight:bold}table td{background:rgba(255,255,255,0.1);color:#FFF}table ul{list-style:disc;padding-left:20px}.chapter-nav{position:fixed;top:60px;left:0;width:200px;height:calc(100% - 60px);background:rgba(0,0,0,0.8);overflow-y:auto;padding:20px;box-shadow:2px 0 5px rgba(0,0,0,0.5)}.chapter-nav ul{list-style:none;padding:0}.chapter-nav ul li{margin-bottom:15px}.chapter-nav ul li a{color:#FFD700;text-decoration:none;font-size:16px;transition:color 0.3s ease}.chapter-nav ul li a:hover{color:#F00}.content{margin-left:220px;padding:20px;max-width:1200px;background:rgba(0,0,0,0.6);box-shadow:0 4px 8px rgba(0,0,0,0.5);border-radius:10px;animation:fadeIn 2s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section{margin-bottom:40px;padding:20px;background:linear-gradient(135deg,rgba(76,161,191,0.8),rgba(44,62,80,0.8));border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,0.3)}section h2{color:#FFD700;font-family:'行书',cursive;font-size:24px;margin-bottom:15px;position:relative}section h2::after{content:'';width:50px;height:4px;background:#F00;position:absolute;bottom:-10px;left:0;border-radius:2px}section p{color:#FFF;font-size:17px;line-height:1.6}section img{display:block;margin:20px auto;max-width:90%;width:700px;border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,0.5);transition:transform 0.3s ease,box-shadow 0.3s ease}section img:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,0.7)}.btn{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#FF7F50,#FF4500);color:#FFF;text-decoration:none;border-radius:5px;transition:background 0.3s ease,transform 0.3s ease}.btn:hover{background:linear-gradient(135deg,#FF4500,#FF7F50);transform:translateY(-2px)}a[rel="nofollow"]{color:#FFD700;text-decoration:none}a[rel="nofollow"]:hover{color:#F00}@media (max-width:1200px){.chapter-nav{width:180px}.content{margin-left:200px}}@media (max-width:992px){.chapter-nav{display:none}.content{margin:20px}section img{width:90%}}@media (max-width:576px){section h2{font-size:20px}section p{font-size:15px}}
