:root{--navy:#0c1926;--gold:#c7a269;--cream:#f7f0e4}
*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;color:#172c3b;background:#f7f0e4;font-family:'Noto Serif CJK SC','Microsoft YaHei',serif}
a{color:inherit}
.topnav{background:#0b1723;color:#e8d5ad;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px max(16px,calc((100vw - 1270px)/2));font:600 13px/1.7 'Microsoft YaHei',sans-serif}
.topnav a{text-decoration:none}.topnav a:hover{text-decoration:underline}.topnav .brand{font:600 15px Georgia,serif;letter-spacing:1.8px}.topnav nav{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.topnav .langs{padding:5px 13px;border:1px solid var(--gold);border-radius:22px}
.poster{position:relative;max-width:1280px;margin:0 auto}.poster img{width:100%;height:auto;display:block}.hotspot{display:block;position:absolute;z-index:3;border-radius:10px;text-decoration:none}.hotspot:hover,.hotspot:focus-visible{outline:3px solid #ffdc83;outline-offset:-3px;background:#fff6a61f}
.cross-intro{max-width:1100px;margin:35px auto 26px;padding:15px 22px;text-align:center}.cross-intro h1{font-size:clamp(28px,4.2vw,48px);margin:0 0 8px;color:#16364a}.cross-intro p{font-size:clamp(15px,2vw,18px);line-height:1.8;margin:0 auto;max-width:900px}
.actions{max-width:1220px;margin:22px auto 55px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0 18px}.actions a,.snake-button{border:1px solid #ae894f;border-radius:60px;padding:12px 21px;background:#102f45;color:#fff3d2;font:600 16px 'Microsoft YaHei',sans-serif;text-decoration:none}.actions a:hover,.snake-button:hover{background:#245473}.foot{text-align:center;background:#0b1723;color:#dbc4a0;padding:20px;font:13px/1.8 'Microsoft YaHei',sans-serif}.foot a{color:inherit}
.hero-full{max-width:1280px;margin:0 auto}.small-screen-only{display:none}
.snake-screen{background:radial-gradient(circle at 50% 20%,#182027,#020304 70%);min-height:calc(100vh - 60px);color:#eee;text-align:center;padding:32px 20px 70px}.snake-screen h1{font-size:clamp(28px,4vw,54px);margin:15px auto 8px;color:#ead3b5}.snake-screen p{font-size:18px;color:#c0b3ac;line-height:1.8}.snake-video{width:min(100%,900px);display:block;margin:20px auto 30px;border-radius:15px;box-shadow:0 12px 50px #000;background:#030407;aspect-ratio:16/9;object-fit:cover}.snake-button{display:inline-block;background:#ead1a4;color:#1b2630;font-size:20px;padding:14px 33px}.snake-button:hover{background:white}
@media(max-width:750px){.topnav{padding:12px 14px}.topnav nav{gap:8px}.cross-intro{margin:15px auto 8px}.small-screen-only{display:block;max-width:660px;margin:0 auto;padding:20px;text-align:center;line-height:1.7}.small-screen-only .actions{margin:5px auto 22px}.hero-full .poster{max-width:none}.snake-screen{padding:18px 12px 50px}.snake-video{margin:14px auto}}