:root{--ink:#071419;--cream:#fce9b9;--gold:#d5af65;--red:#6a211a;--section-bg:url('assets/optimized/reference--section-bg-v1.webp');--card-frame:url('assets/optimized/reference--card-frame-v1.webp');--support-frame:url('assets/optimized/reference--support-frame-v1.webp');--button:url('assets/optimized/reference--button-v1.webp');--button-hover:url('assets/optimized/reference--button-active-v1.webp');color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#702e12;color:#2e201b;font:16px/1.6 'Microsoft YaHei','PingFang SC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f0b52b;outline-offset:5px}img{max-width:100%;vertical-align:middle}button{border:0}h1,h2,p{margin:0}i{font-style:normal}b{font-weight:400}[hidden]{display:none!important}.skip-link{position:fixed;left:12px;top:-80px;padding:12px;background:#fff;z-index:100}.skip-link:focus{top:12px}
.site-header{height:86px;background:linear-gradient(#061015,#0a1820);border-bottom:1px solid #746447;color:var(--cream);position:relative;z-index:5;box-shadow:0 3px 18px #0005}.header-inner{max-width:1330px;margin:auto;height:100%;padding:0 38px;display:flex;align-items:center;gap:50px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-seal{display:grid;place-items:center;width:56px;height:62px;border:1px solid #8c7959;border-radius:12px 3px;background:radial-gradient(ellipse at 30% 0%,#5c5d4b,#152226 70%);color:#ead7a9;font:42px/1 'STKaiti','KaiTi',serif;text-shadow:2px 2px #000;box-shadow:inset 0 0 10px #000,0 2px 5px #0007}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font:36px/1.2 'STKaiti','KaiTi','SimSun',serif;letter-spacing:4px;white-space:nowrap;text-shadow:1px 2px 1px #000}.brand-copy small{font:9px/1.8 Georgia,serif;letter-spacing:5px;color:#ae9c73}.brand-image{max-width:300px;max-height:70px;object-fit:contain}.music-toggle{flex-shrink:0;background:transparent;color:#d7c99e;font-size:25px;width:34px;height:34px;border:1px solid #a19067;transform:rotate(-10deg);margin-right:15px}.music-toggle[aria-pressed=true]{color:#ffcf68;box-shadow:0 0 16px #dca94866}.top-nav{display:flex;align-self:stretch;gap:12px}.top-nav a,.top-nav button{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:110px;background:none;padding:9px 15px;color:#ac9f86;border-bottom:2px solid transparent;font-size:11px;line-height:1.6}.top-nav strong{font-size:16px;color:#f7e6bf;font-weight:400;margin-bottom:3px}.top-nav a:hover,.top-nav button:hover,.top-nav .active{background:linear-gradient(transparent,#c39b3915);border-bottom-color:#bba063}.top-nav a:hover strong,.top-nav button:hover strong{color:#ffd480}
.hero{height:min(56.25vw,900px);min-height:540px;position:relative;overflow:hidden;background:#a45824}.hero-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.hero-video{opacity:0;transition:opacity .5s}.hero-video.ready{opacity:1}.hero::after{content:'';pointer-events:none;position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,#713113aa)}.hero-controls{position:absolute;right:28px;bottom:20px;display:flex;align-items:center;gap:10px;z-index:2}.hero-controls button,.reference-label{font-size:11px;color:#ffe7b5;background:#31160fb8;border:1px solid #d5a45566;border-radius:2px;padding:6px 10px}.hero-controls button:hover{background:#532413}.reference-label{color:#efd5a6}.hero-entry{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;color:#ffe2a0;text-shadow:0 2px 6px #3c170a;min-width:220px}.hero-entry>span:first-child{font-size:13px;letter-spacing:8px;padding-left:8px}.hero-entry strong{font:32px/1.8 'KaiTi','STKaiti',serif;letter-spacing:5px}.down-arrow{font-size:29px;line-height:20px;animation:bob 2s infinite}.hero-entry:hover{color:#fff7df}@keyframes bob{50%{transform:translateY(5px)}}
.download-section{padding:35px 20px 64px;background:var(--section-bg) center top/1920px auto no-repeat #8d4018;scroll-margin-top:0}.section-heading{display:flex;align-items:center;justify-content:center;gap:25px;text-align:center;color:#ffebbb;margin:0 auto 12px}.section-heading>span{width:120px;height:1px;background:linear-gradient(90deg,transparent,#dab974)}.section-heading>span:last-child{transform:rotate(180deg)}.section-heading small{font:10px/1.4 Georgia,serif;letter-spacing:5px;color:#e0b47b}.section-heading h1{font:34px/1.5 'KaiTi','STKaiti','SimSun',serif;letter-spacing:5px;text-shadow:0 2px 4px #4b170f}.preview-notice{text-align:center;font-size:12px;color:#ffe1ae;letter-spacing:2px;margin:0 auto 22px}.book-grid{max-width:1490px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.book-card{min-width:0;aspect-ratio:498/380;padding:12px 9% 36px;background:var(--card-frame) center/100% 100% no-repeat;filter:drop-shadow(0 5px 5px #39180580);display:flex;flex-direction:column}.book-card h2{display:flex;align-items:center;gap:8px;height:45px;flex-shrink:0;white-space:nowrap;font-size:clamp(16px,1.5vw,23px);color:#fff8df;text-shadow:0 1px 3px #2b0a0a;font-weight:700}.card-mark{display:grid;place-items:center;flex-shrink:0;width:34px;height:36px;border-radius:5px;background:linear-gradient(135deg,#847352,#181817);border:1px solid #b39562;font:26px/1 'KaiTi',serif;color:#eddfb3}.book-card h2 em{font:11px/1.4 'Microsoft YaHei',sans-serif;font-style:normal;color:#fff;background:#c85d22;border-radius:2px;padding:2px 4px;box-shadow:0 1px 2px #542413;margin-left:auto}.card-banner{width:100%;height:88px;object-fit:cover;margin:10px 0 10px;border:1px solid #b09776;flex-shrink:0}.card-copy{font-size:clamp(13px,1.12vw,18px);line-height:1.65;flex:1}.card-copy p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-description{color:#782b21}.card-actions{display:flex;gap:4px;margin-top:10px;flex-shrink:0}.card-actions button,.card-actions a{display:grid;place-items:center;min-width:0;flex:1;height:39px;line-height:1;font-size:clamp(12px,1.2vw,19px);font-weight:bold;color:#fff0cc;text-shadow:0 2px 3px #190600;background:var(--button) center/100% 100% no-repeat;padding:0 2px;white-space:nowrap;transition:filter .2s}.card-actions a:hover,.card-actions button:hover{filter:brightness(1.25);background-image:var(--button-hover)}
.support-rail{position:fixed;right:9px;top:80px;z-index:20;width:164px;min-height:536px;background:var(--support-frame) center/100% 100% no-repeat;padding:22px 23px 48px 27px;text-align:center;color:#f4d6a7;filter:drop-shadow(0 4px 3px #0008)}.support-rail h2{font:21px/1.8 'KaiTi',serif;margin-bottom:10px;letter-spacing:3px}.rail-close{position:absolute;right:13px;top:7px;background:none;font-size:21px;color:#f1c993;padding:0 5px}.support-slot{margin-bottom:16px}.qr-button{width:100%;aspect-ratio:1;background:#f5efe0;padding:5px;display:grid;place-items:center}.qr-button img{width:100%;height:100%;object-fit:contain}.qr-empty{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;border:1px dashed #b4a486;color:#877459;font-size:11px;line-height:1.5}.qr-empty>span{font-size:32px;line-height:1.1;margin-bottom:4px}.support-slot p{font-size:13px;margin-top:5px;background:#4b0c08bb;line-height:27px}.support-slot small{font-size:10px;color:#d4ad7d}.rail-download{display:block;border-top:1px solid #ba784260;border-bottom:1px solid #ba784260;padding:5px 0;font-size:13px;color:#ffdf9c}.rail-top{font-size:10px;display:block;margin-top:9px}.support-reopen{display:none;position:fixed;right:0;top:210px;z-index:20;writing-mode:vertical-rl;padding:15px 8px;letter-spacing:4px;background:#6f2119;border:1px solid #c19650;color:#ffe0a5}.rail-collapsed .support-rail{display:none}.rail-collapsed .support-reopen{display:block}
.site-footer{display:flex;justify-content:center;gap:44px;align-items:center;padding:35px 32px;background:linear-gradient(#141819,#050808);border-top:1px solid #836336;color:#a6a199;font-size:11px;line-height:2}.footer-brand{font:33px/1.5 'KaiTi','STKaiti',serif;color:#edd49c;white-space:nowrap;text-shadow:2px 2px #6a3921;letter-spacing:3px}.site-footer p:empty{display:none}.mobile-bar{display:none}.site-dialog{width:min(460px,calc(100% - 32px));border:1px solid #b38a50;border-radius:3px;padding:35px 32px 26px;background:linear-gradient(135deg,#fff7e5,#eee0c5);color:#4c3125;box-shadow:0 20px 90px #0007}.site-dialog::backdrop{background:#0b0709b5;backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:9px;right:13px;background:none;font-size:26px;color:#8b6843}.dialog-eyebrow{font:10px/1.5 Georgia,serif;letter-spacing:3px;color:#927340}.site-dialog h2{font:27px/1.6 'KaiTi','STKaiti',serif;margin:6px 0 14px;color:#6c231a}.site-dialog p{margin:9px 0;font-size:14px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere}.dialog-confirm{display:block;margin:25px auto 0;padding:9px 28px;color:#ffe6b4;background:linear-gradient(#8e3925,#571b16);border:1px solid #a7763d}.dialog-contact{padding:12px 0;border-top:1px solid #b9996144}.dialog-contact strong{color:#7a311f}.dialog-qr{display:block;width:180px;height:180px;object-fit:contain;margin:10px auto}.dialog-link{display:inline-block;background:#733024;color:#ffeaca;padding:10px 20px;margin:12px 0}.noscript-notice{position:fixed;bottom:0;left:0;right:0;z-index:40;padding:14px;background:#fff1ce;color:#751c16;text-align:center}
.download-page{background:var(--section-bg) center 86px/1920px auto no-repeat #8d4018}.download-page .header-inner{justify-content:space-between}.download-main{max-width:1140px;margin:0 auto;padding:55px 30px 65px;min-height:calc(100vh - 220px)}.download-intro{text-align:center;color:#ffe5b8;font-size:14px;margin:10px 0 16px;letter-spacing:3px}.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.platform-card{padding:26px 25px;background:linear-gradient(130deg,#fffbf0,#e6d9bc);border:4px double #b28b55;box-shadow:0 6px 20px #39140744;text-align:center}.platform-symbol{display:block;font:52px/1.3 Georgia,serif;color:#7f3828}.platform-card>small{font:11px/1.8 Georgia,serif;letter-spacing:4px;color:#996845}.platform-card h2{font:26px/1.6 'KaiTi',serif;color:#6c2d23}.platform-card p{font-size:12px;color:#8a7058;min-height:38px}.platform-card dl{font-size:12px;margin:18px 0 22px;border-top:1px solid #b5966566;padding-top:10px}.platform-card dl>div{display:flex;justify-content:space-between;gap:10px;margin:4px 0}.platform-card dd{margin:0;overflow-wrap:anywhere}.platform-card dt{color:#957d63;flex-shrink:0}.download-button{width:100%;min-height:46px;background:var(--button) center/100% 100% no-repeat;color:#fff0c9;font-size:18px;font-weight:bold;text-shadow:0 2px 3px #301000}.download-button:hover{filter:brightness(1.2)}.install-help{margin-top:36px;background:#fff6e8ed;border:1px solid #cdaa72;padding:25px 30px}.install-help h2{font:25px/1.5 'KaiTi',serif;color:#753526;margin-bottom:15px}.install-help details{border-top:1px solid #c6b28f66;padding:12px 0}.install-help summary{cursor:pointer;font-size:14px}.install-help p{font-size:13px;color:#846e59;padding:10px 0 0 16px}.download-bottom{display:flex;justify-content:space-between;margin-top:24px;color:#ffe1ad;font-size:13px}.download-bottom button{background:none;color:inherit}
@media(min-width:1600px){.book-grid{padding-right:55px}.header-inner{max-width:1500px}.book-card{padding-left:9%;padding-right:9%}}
@media(max-width:1350px){.support-rail{width:142px;right:3px;padding-left:23px;padding-right:21px;min-height:482px}.support-rail h2{font-size:18px}.header-inner{gap:25px;padding:0 28px}.top-nav a,.top-nav button{min-width:100px;padding-left:10px;padding-right:10px}.book-card{padding:11px 8% 29px}.card-banner{height:75px}.book-card h2{height:38px}.card-actions{margin-top:8px;height:34px}.card-actions button,.card-actions a{height:34px}.card-copy{font-size:14px}.book-card{aspect-ratio:auto;min-height:335px}}
@media(max-width:1100px){.support-rail{display:none}.support-reopen,.rail-collapsed .support-reopen{display:block}.header-inner{gap:22px}.music-toggle{margin-right:0}.brand-copy strong{font-size:29px}.brand-copy small{font-size:8px;letter-spacing:3px}.brand-seal{width:45px;height:52px;font-size:32px}.top-nav{gap:0}.top-nav a,.top-nav button{min-width:95px}.book-grid{max-width:980px}.book-card{min-height:308px;padding-left:8%;padding-right:8%}.book-card h2{font-size:16px;gap:5px}.card-mark{width:26px;height:30px;font-size:22px}.book-card h2 em{font-size:9px}.card-banner{height:63px;margin:8px 0}.card-copy{font-size:12px}.card-actions button,.card-actions a{font-size:12px}.hero-controls{right:20px}.hero-entry{bottom:55px}}
@media(max-width:800px){body{padding-bottom:60px}.site-header{height:auto;min-height:78px}.header-inner{padding:12px 18px;flex-wrap:wrap;justify-content:space-between;gap:8px}.brand-copy strong{font-size:28px}.brand-seal{height:47px;width:42px}.brand-copy small{letter-spacing:3px}.music-toggle{margin-right:10px;width:30px;height:30px;font-size:21px}.top-nav{width:100%;justify-content:space-around;border-top:1px solid #ac8b4d33;margin-top:5px;padding-top:5px}.top-nav a,.top-nav button{padding:5px 10px;min-width:0;flex:1}.top-nav strong{font-size:14px}.top-nav span{font-size:10px}.top-nav span:last-child{display:none}.hero{min-height:0;height:510px}.hero-poster,.hero-video{object-fit:cover;object-position:center top}.hero-entry{bottom:42px}.hero-entry strong{font-size:28px}.hero-entry>span:first-child{font-size:11px}.hero-controls{right:12px;bottom:10px;gap:5px}.hero-controls button,.reference-label{font-size:9px;padding:3px 6px}.download-section{padding:28px 15px 38px}.section-heading{gap:15px}.section-heading>span{width:65px}.section-heading h1{font-size:29px}.section-heading small{font-size:9px;letter-spacing:3px}.preview-notice{font-size:10px;letter-spacing:1px;margin-bottom:20px}.book-grid{grid-template-columns:1fr;max-width:498px;gap:18px}.book-card{aspect-ratio:498/380;min-height:0;padding:13px 10% 35px}.book-card h2{height:43px;font-size:22px;gap:10px}.card-mark{height:34px;width:34px;font-size:26px}.book-card h2 em{font-size:11px;margin-left:6px}.card-banner{height:auto;aspect-ratio:4.3/1;margin:10px 0}.card-copy{font-size:16px;line-height:1.65}.card-actions{margin-top:10px;height:37px}.card-actions button,.card-actions a{height:37px;font-size:16px}.support-reopen,.rail-collapsed .support-reopen{display:none}.site-footer{flex-direction:column;text-align:center;padding:26px 24px;gap:12px;font-size:10px}.footer-brand{font-size:29px}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;z-index:25;background:#091419;border-top:1px solid #c09851;color:#e8d3a9;padding-bottom:env(safe-area-inset-bottom)}.mobile-bar a,.mobile-bar button{display:grid;place-items:center;flex:1;background:transparent;color:inherit;font-size:14px}.mobile-bar .mobile-primary{background:linear-gradient(#9b4329,#661f17);color:#fff0ca;font-weight:bold}.download-main{padding:30px 18px 40px}.platform-grid{grid-template-columns:1fr;max-width:460px;margin:24px auto 0;gap:18px}.platform-card{padding:20px 25px}.platform-symbol{font-size:42px}.platform-card p{min-height:0}.platform-card dl{margin:13px 0}.install-help{padding:20px}.download-page .top-nav{width:100%}.download-bottom{font-size:12px}.site-dialog{padding:30px 24px 24px;max-height:85vh;overflow:auto}.site-dialog h2{font-size:25px}}
@media(max-width:420px){.hero{height:410px}.hero-poster,.hero-video{width:730px;max-width:none;left:50%;transform:translateX(-50%)}.hero-entry{bottom:40px}.hero-entry strong{font-size:24px}.hero-entry>span:first-child{font-size:10px}.book-card{padding:10px 9% 28px;aspect-ratio:auto;min-height:318px}.book-card h2{font-size:19px;height:39px;gap:7px}.card-banner{margin:9px 0}.card-copy{font-size:14px}.card-actions button,.card-actions a{font-size:14px;height:35px}.card-mark{width:29px;height:31px;font-size:23px}.section-heading h1{font-size:26px}.section-heading>span{width:40px}.brand-copy strong{font-size:26px}.brand-copy small{letter-spacing:2px}.download-intro{font-size:12px}.site-dialog{width:calc(100% - 24px)}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-seal.has-icon,.card-mark.has-icon{padding:0;background:none;border:0;box-shadow:none;width:58px;height:58px}.game-icon{width:100%;height:100%;object-fit:contain;border-radius:9px}.brand-copy .has-wordmark{line-height:1;letter-spacing:0}.brand-wordmark{display:block;width:232px;height:auto}.brand-copy:has(.brand-wordmark) small{text-align:center;letter-spacing:4px;margin-top:3px}.card-mark.has-icon{width:35px;height:35px}.card-mark .game-icon{border-radius:5px}.footer-wordmark{width:220px;height:auto}.card-actions button,.card-actions a{padding:0 9px}.download-button{padding:0 22px}.platform-card .download-button{background-size:100% 100%}
@media(max-width:1100px){.brand-seal.has-icon{width:48px;height:48px}.brand-wordmark{width:210px}.brand-copy:has(.brand-wordmark) small{letter-spacing:3px}.card-mark.has-icon{width:27px;height:27px}.card-actions button,.card-actions a{padding:0 5px}}
@media(max-width:800px){.brand-seal.has-icon{width:47px;height:47px}.brand-wordmark{width:200px}.brand-copy:has(.brand-wordmark) small{letter-spacing:2px}.card-mark.has-icon{width:31px;height:31px}.footer-wordmark{width:220px}.card-actions button,.card-actions a{padding:0 7px}}
@media(max-width:420px){.brand-wordmark{width:186px}.brand{gap:10px}.card-actions button,.card-actions a{font-size:13px;padding:0 5px}}
.dialog-qr{width:260px;height:auto;max-width:100%;aspect-ratio:1}.site-dialog{max-height:88dvh;overflow:auto}
.platform-icon{display:block;width:144px;height:144px;object-fit:contain;margin:0 auto 14px}
/* 顶栏导航以整个页面中线居中，小屏换行避免遮挡品牌。 */
.top-nav strong{margin:0;font-size:18px}.top-nav a,.top-nav button{padding:0 20px;min-width:130px;white-space:nowrap}
@media(min-width:1101px){.top-nav{position:absolute;left:50%;top:0;bottom:0;transform:translateX(-50%);gap:0}}
@media(max-width:1100px){.site-header{height:auto}.header-inner,.download-page .header-inner{flex-wrap:wrap;padding-top:12px;padding-bottom:0;gap:10px}.top-nav{position:static;transform:none;width:100%;justify-content:center;gap:0;min-height:48px;margin-top:0;padding-top:0}.top-nav a,.top-nav button{flex:0 1 150px;min-width:0;padding:10px 12px}.top-nav strong{font-size:16px}}
@media(max-width:420px){.top-nav a,.top-nav button{padding:10px 8px}.top-nav strong{font-size:15px}}
/* 放大客服卷轴与书本；图片缩放独立于布局尺寸。 */
.card-banner-frame{flex-shrink:0;overflow:hidden;border:1px solid #b09776;margin:10px 0;height:88px}
.card-banner-frame .card-banner{display:block;width:100%;height:100%;margin:0;border:0;aspect-ratio:auto;object-fit:cover;transform-origin:center;transition:transform .55s ease}
.qr-button{position:relative;transition:transform .25s ease;transform-origin:center}
@media(min-width:1101px){
  .support-rail{width:210px;right:8px;top:78px;min-height:640px;padding:25px 29px 52px 32px;max-height:calc(100dvh - 88px);overflow-y:auto;scrollbar-width:thin}
  .support-rail h2{font-size:25px;margin-bottom:12px}.support-slot{margin-bottom:20px}.support-slot p{font-size:15px;line-height:30px}.support-slot small{font-size:12px}.rail-download{font-size:15px}.rail-top{font-size:12px}
}
@media(min-width:1101px) and (max-width:1350px){.support-rail{width:186px;padding:23px 25px 48px 28px;min-height:590px}}
@media(min-width:801px){
  .download-section{padding-left:12px;padding-right:12px}.book-grid{max-width:1740px;gap:10px;padding-right:0}
  .book-card{min-height:390px;aspect-ratio:auto;padding:15px 8% 38px}.book-card h2{height:48px;font-size:clamp(18px,1.5vw,26px)}
  .card-banner-frame{height:clamp(88px,7.5vw,130px);margin:12px 0}.card-copy{font-size:clamp(14px,1.1vw,19px)}
  .card-actions,.card-actions button,.card-actions a{height:42px}
}
@media(min-width:801px) and (max-width:1100px){.book-card{min-height:345px;padding:12px 8% 32px}.book-card h2{font-size:16px;height:38px}.card-banner-frame{height:78px}.card-copy{font-size:12px}.card-actions,.card-actions button,.card-actions a{height:35px}}
@media(max-width:800px){.book-grid{max-width:540px}.card-banner-frame{height:auto;aspect-ratio:4.3/1;margin:10px 0}.book-card{min-height:340px}.card-banner-frame .card-banner{height:100%}}
@media(hover:hover) and (pointer:fine){.qr-button:hover{transform:scale(1.10);z-index:2}.book-card:hover .card-banner{transform:scale(1.10)}}
.qr-button:focus-visible{transform:scale(1.10);z-index:2}.book-card:focus-within .card-banner{transform:scale(1.10)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-logo-shine,.hero-spark{display:none}}

/* 下载卡片共享内容节奏；未知版本行隐藏后仍保留同高信息区。 */
.platform-card{display:flex;flex-direction:column;align-items:stretch}
.platform-card dl{min-height:68px}
.platform-card .download-button{margin-top:auto;flex-shrink:0}