body{margin:0;padding:0;font-family:'Microsoft YaHei',sans-serif;background:url('https://images.gptkong.com/idiom/b/1625_x0.png') no-repeat center center fixed;background-size:cover;color:#fff;line-height:1.6}article{max-width:1000px;margin:80px auto 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)}nav{position:fixed;top:0;left:0;width:100%;background:linear-gradient(135deg,#1e3c72,#2a5298);padding:15px 30px;box-shadow:0 4px 6px rgba(0,0,0,0.3);z-index:1000}nav ul{list-style:none;display:flex;justify-content:space-around;margin:0;padding:0}nav li{position:relative}nav a{color:#fff;text-decoration:none;font-size:16px;padding:8px 12px;transition:background 0.3s ease,color 0.3s ease}nav a:hover{background:rgba(255,255,255,0.2);border-radius:5px}@media (max-width:600px){nav ul{flex-direction:column;align-items:center}nav li{margin:10px 0}}.chapter-nav{position:sticky;top:60px;background:rgba(0,0,0,0.7);padding:10px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,0.3);margin-bottom:20px}.chapter-nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0}.chapter-nav li{margin:5px 10px}.chapter-nav a{color:#fc0;text-decoration:none;font-size:14px;padding:6px 10px;border:1px solid #fc0;border-radius:5px;transition:background 0.3s ease,color 0.3s ease}.chapter-nav a:hover{background:#fc0;color:#000}h2{font-size:2.5em;color:#ff4d4d;text-align:center;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}h3{font-size:1.8em;color:#f96;margin-top:40px;margin-bottom:20px;border-bottom:2px solid #f96;padding-bottom:10px}h4{font-size:1.5em;color:#fc6;margin-top:30px;margin-bottom:15px;border-bottom:1px solid #fc6;padding-bottom:5px}p{font-size:1.1em;margin-bottom:20px;text-align:justify;text-justify:distribute}p em{color:#f66;font-style:italic}p b{color:#f93;font-weight:bold}p code{background:#333;padding:2px 4px;border-radius:3px;color:#fc0}table{width:100%;border-collapse:collapse;margin:30px 0;background:rgba(255,255,255,0.1);border-radius:10px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,0.3)}table th,table td{padding:12px 15px;border:1px solid #ff4d4d;text-align:left;font-size:1em}table th{background:linear-gradient(135deg,#ff4d4d,#f66);color:#fff;font-weight:bold}table td{background:rgba(0,0,0,0.5)}table ul{list-style:disc inside;padding-left:20px}img{display:block;max-width:90%;width:auto;height:auto;margin:20px auto;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.3);transition:transform 0.3s ease,box-shadow 0.3s ease}img:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,0.5)}.sword{position:absolute;top:-100px;left:50%;width:120px;height:400px;background:linear-gradient(45deg,#ccc,#999);transform:translateX(-50%) rotate(0deg);animation:swipe 4s infinite linear;box-shadow:0 0 20px #ff4d4d}@keyframes swipe{0%{transform:translateX(-50%) rotate(0deg)}50%{transform:translateX(-50%) rotate(360deg)}100%{transform:translateX(-50%) rotate(720deg)}}.hero{position:relative;width:200px;height:400px;background:url('https://images.gptkong.com/idiom/b/1625_x1.png') no-repeat center center;background-size:contain;margin:0 auto 40px auto;animation:heroMove 5s infinite alternate ease-in-out}@keyframes heroMove{0%{transform:translateY(0px)}100%{transform:translateY(-20px)}}.action{font-weight:bold;color:#f66}.shadow{text-shadow:3px 3px 6px rgba(0,0,0,0.7)}.icon{display:inline-block;width:25px;height:25px;margin-right:8px;background:linear-gradient(45deg,#fc0,#f60);clip-path:polygon(50% 0,0% 100%,100% 100%);animation:blink 2s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0.6}}.focus{background:rgba(255,77,77,0.3);padding:10px 15px;border-radius:8px;display:inline-block;animation:pulse 3s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.7}100%{transform:scale(1);opacity:1}}.dynamic-layout{display:flex;flex-direction:column;align-items:center;position:relative}.emotional-tone{color:#f93}.interactive:hover{color:#fff;background:#ff4d4d;cursor:pointer;transition:all 0.3s ease}.spacer{height:30px}@media (max-width:1200px){article{margin:100px 20px 20px 20px;padding:15px}}@media (max-width:768px){nav ul{flex-direction:column}nav li{margin:10px 0}.chapter-nav ul{flex-direction:column}.chapter-nav li{margin:8px 0}h2{font-size:2em}h3{font-size:1.6em}h4{font-size:1.3em}}@media (max-width:480px){nav{padding:10px 20px}.chapter-nav{top:50px;padding:8px}.chapter-nav a{font-size:12px;padding:5px 8px}h2{font-size:1.8em}h3{font-size:1.4em}h4{font-size:1.1em}img{max-width:100%}}