*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica,sans-serif;line-height:1.6;color:#FFF;background:url('https://images.gptkong.com/idiom/b/184_x0.png') no-repeat center center fixed;background-size:cover;padding:0;margin:0}nav{position:fixed;top:0;width:100%;background:rgba(43,43,43,0.9);padding:15px 30px;z-index:1000;display:flex;justify-content:space-between;align-items:center;transition:background 0.3s ease}nav h1{font-size:24px;color:#FFF;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}nav ul{list-style:none;display:flex}nav ul li{margin-left:20px}nav ul li a{text-decoration:none;color:#FFD700;font-weight:bold;transition:color 0.3s ease}nav ul li a:hover{color:#FF4500}@media (max-width:768px){nav ul{display:none}}article{max-width:900px;margin:100px auto 50px auto;padding:20px;background:rgba(0,0,0,0.7);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.5)}section{margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#2F4F4F,#8B0000);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.3);transition:transform 0.3s ease,box-shadow 0.3s ease}section:hover{transform:translateY(-5px);box-shadow:0 4px 20px rgba(0,0,0,0.5)}h2,h3,h4{color:#FFD700;margin-bottom:15px;text-shadow:1px 1px 3px rgba(0,0,0,0.7)}h2{font-size:28px;border-bottom:2px solid #FF4500;padding-bottom:10px}h3{font-size:24px;border-bottom:1px solid #FF6347;padding-bottom:5px}h4{font-size:20px;color:#FFA500}p{font-size:16px;color:#FFF;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}table{width:100%;border-collapse:collapse;margin-bottom:30px;background:rgba(255,255,255,0.1);border-radius:8px;overflow:hidden}table tr{border-bottom:1px solid #FF4500}table tr:last-child{border-bottom:none}table td{padding:12px 15px;color:#FFF}table td strong{color:#FFD700}table ul{list-style:disc inside;margin-top:10px}table a{color:#FFD700;text-decoration:none}table a:hover{text-decoration:underline}img{display:block;max-width:90%;width:auto;height:auto;margin:20px auto;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.5);transition:transform 0.3s ease,box-shadow 0.3s ease}img:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,0.7)}.chapter-nav{position:fixed;top:60px;right:30px;background:rgba(43,43,43,0.8);padding:15px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.5);max-height:80vh;overflow-y:auto;transition:transform 0.3s ease}.chapter-nav h2{font-size:18px;margin-bottom:10px;color:#FFD700}.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:16px;transition:color 0.3s ease}.chapter-nav ul li a:hover{color:#FF4500}@media (max-width:768px){.chapter-nav{display:none}}footer{text-align:center;padding:20px;background:rgba(43,43,43,0.9);color:#FFF;position:relative;bottom:0;width:100%;box-shadow:0 -2px 10px rgba(0,0,0,0.5)}footer p{font-size:14px}html{scroll-behavior:smooth}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section{animation:fadeIn 1s ease forwards;opacity:0}section.visible{opacity:1}a{outline:none}a:focus{outline:2px dashed #FFD700}h2,h3,h4{background:linear-gradient(45deg,#FFD700,#FF4500);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-divider{height:2px;background:linear-gradient(90deg,#8B0000,#2F4F4F);margin:20px 0;border:none}.button{display:inline-block;padding:10px 20px;background:#FF4500;color:#FFF;text-decoration:none;border-radius:5px;transition:background 0.3s ease}.button:hover{background:#FFD700;color:#000}.highlight{background:rgba(255,69,0,0.3);padding:2px 5px;border-radius:3px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(43,43,43,0.5);border-radius:4px}::-webkit-scrollbar-thumb{background:#FF4500;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#FFD700}p::first-letter{font-size:2em;font-weight:bold;float:left;margin-right:10px;color:#FFD700}