 body{margin:0;padding:0;font-family:'Roboto',sans-serif;line-height:1.6;background:url('https://images.gptkong.com/idiom/b/608_x0.png') no-repeat center center fixed;background-size:cover;color:#fff;overflow-x:hidden}body::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6));z-index:-1}nav{position:fixed;top:0;width:100%;background:rgba(34,34,34,0.9);padding:5px 30px;box-shadow:0 2px 10px rgba(0,0,0,0.5);z-index:1000;display:flex;justify-content:center;transition:all 0.3s ease}nav ul{list-style:none;display:flex;gap:20px}nav ul li{position:relative}nav ul li a{color:#FFD700;text-decoration:none;font-size:16px;font-weight:bold;transition:color 0.3s ease}nav ul li a:hover{color:#FFA500}@media (max-width:768px){nav{display:none}}table{width:90%;max-width:800px;margin:100px auto 40px auto;border-collapse:collapse;background:rgba(255,255,255,0.1);box-shadow:0 4px 20px rgba(0,0,0,0.5)}table th,table td{padding:15px;border:1px solid #fff;text-align:left;font-size:16px}table th{background:linear-gradient(45deg,#8B0000,#FF4500);color:#fff;font-weight:bold}table td ul{list-style:disc;padding-left:20px}section{width:90%;max-width:1000px;margin:40px auto;padding:20px;background:rgba(0,0,0,0.5);border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,0.7);backdrop-filter:blur(5px);transition:transform 0.3s ease,background 0.3s ease}section:hover{transform:scale(1.02);background:rgba(0,0,0,0.7)}section h2{font-family:'Montserrat',sans-serif;font-size:28px;color:#FFD700;margin-bottom:20px;position:relative;display:inline-block}section h2::after{content:'';position:absolute;width:50px;height:4px;background:linear-gradient(45deg,#8B0000,#FFA500);bottom:-10px;left:0}section p{font-size:18px;color:#F5F5F5;margin-bottom:15px;text-shadow:1px 1px 2px #000}img{display:block;margin:20px auto;max-width:90%;width:80%;height:auto;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.7);transition:transform 0.3s ease,box-shadow 0.3s ease}img:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(255,215,0,0.8)}.chapter-nav{position:fixed;top:60px;right:20px;background:rgba(34,34,34,0.8);padding:10px 20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.5)}.chapter-nav ul{list-style:none;padding:0;margin:0}.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{top:70px;right:10px}.chapter-nav ul li a{font-size:12px}}@keyframes flagWave{0%{transform:rotate(0deg)}50%{transform:rotate(3deg)}100%{transform:rotate(0deg)}}.animated-flag{animation:flagWave 3s infinite ease-in-out}@keyframes soldierMove{0%{transform:translateX(-10px)}50%{transform:translateX(10px)}100%{transform:translateX(-10px)}}.animated-soldier{animation:soldierMove 5s infinite linear}.btn{display:inline-block;padding:10px 20px;background:linear-gradient(45deg,#8B0000,#FFA500);color:#FFF;text-decoration:none;border-radius:5px;transition:background 0.3s ease,transform 0.3s ease;box-shadow:0 4px 10px rgba(0,0,0,0.5)}.btn:hover{background:linear-gradient(45deg,#FFA500,#8B0000);transform:scale(1.05)}.background-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(120deg,rgba(34,34,34,0.3),rgba(0,0,0,0.7));z-index:-2;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background:linear-gradient(120deg,rgba(34,34,34,0.3),rgba(0,0,0,0.7))}50%{background:linear-gradient(240deg,rgba(34,34,34,0.3),rgba(0,0,0,0.7))}100%{background:linear-gradient(120deg,rgba(34,34,34,0.3),rgba(0,0,0,0.7))}}a{color:#FFA500;text-decoration:none;transition:color 0.3s ease}a:hover{color:#FFD700;text-shadow:1px 1px 2px #000}@media (max-width:1200px){section h2{font-size:24px}section p{font-size:16px}}@media (max-width:768px){section{padding:15px}section h2{font-size:20px}section p{font-size:14px}}.decorative-line{width:100%;height:2px;background:linear-gradient(90deg,#8B0000,#FFA500);margin:10px 0}.highlight{background:linear-gradient(90deg,rgba(255,215,0,0.5),rgba(255,165,0,0.5));-webkit-background-clip:text;color:transparent}
