:root{--serif:'Songti SC','STSong','Noto Serif SC',serif;--sans:'PingFang SC','Microsoft YaHei',sans-serif;--f-sm:clamp(12px,.84vw,17px);--f-body:clamp(15px,1vw,20px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 var(--sans);background:var(--wall)}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-family:var(--serif)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button{background:none}img{max-width:100%;vertical-align:middle}button,a{-webkit-tap-highlight-color:var(--literal-transparent)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--tone-001);outline-offset:5px}section{scroll-margin-top:80px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:8px;left:8px;z-index:1000;padding:9px 16px;background:var(--tone-002);transform:translateY(-150%)}.skip:focus{transform:none}.loading{padding:80px 20px;text-align:center}.page-error{position:fixed;left:20px;right:20px;bottom:20px;z-index:1000;padding:15px;border:1px solid var(--tone-003);background:var(--tone-004);color:var(--tone-005)}.content-width{width:min(90%,1600px);margin-inline:auto}
.button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:clamp(8px,1.5vw,26px);min-height:44px;padding:9px clamp(17px,1.8vw,32px);font-size:var(--f-sm);font-weight:600;line-height:1.5;border:1px solid var(--tone-006);border-bottom-width:2px;border-radius:100px;background:var(--gradient-001);box-shadow:inset 0 2px 1px var(--tone-009),2px 4px 8px var(--tone-010);white-space:nowrap;transition:transform .2s,box-shadow .2s}
.button.gold{background:var(--gradient-002);color:var(--tone-012);border-color:var(--tone-013);box-shadow:inset 0 2px 1px var(--tone-014),1px 4px 0 var(--tone-015),4px 7px 12px var(--tone-016)}.button:hover{transform:translateY(-2px);box-shadow:3px 7px 16px var(--tone-017)}.button:active{transform:translateY(1px)}.button::after{content:'';position:absolute;inset:-60% auto -60% -50%;width:25%;background:var(--gradient-003);transform:rotate(20deg);transition:left .6s;pointer-events:none}.button:hover::after{left:130%}.text-button{padding:8px 0;border:0;background:none;font-size:15px;color:var(--tone-019);text-underline-offset:5px}.text-button:hover{text-decoration:underline}.brand{font:700 30px/1.2 var(--serif)}
.nav{position:absolute;top:22px;left:5%;width:90%;height:56px;z-index:40;display:flex;gap:22px}.nav-capsule{display:flex;flex:1;align-items:center;justify-content:space-between;gap:30px;padding:0 30px;border-radius:50px;background:var(--tone-020);border:1px solid var(--tone-021);backdrop-filter:blur(10px)}.nav nav{display:flex;gap:36px}.nav nav a{font-size:15px}.nav-actions{display:flex;align-items:center;gap:10px}.nav-actions>.button{height:100%}.menu-toggle{display:none}.nav.scrolled{position:fixed;top:10px;height:48px}.nav.scrolled .nav-capsule{background:var(--tone-022)}
.section-heading{display:flex;align-items:center;justify-content:center;gap:24px;position:relative;z-index:4}.section-heading h2{font-size:clamp(28px,2.7vw,52px);line-height:1.25;white-space:nowrap;letter-spacing:.05em;font-weight:700}.gold-line{position:relative;display:block;width:clamp(40px,8vw,155px);height:1px;background:var(--gradient-004)}.gold-line::after{content:'';position:absolute;right:-6px;top:-3px;width:6px;height:6px;transform:rotate(45deg);border:1px solid var(--tone-024)}.gold-line.reverse{transform:rotate(180deg)}
.media{position:relative;overflow:hidden;background:var(--lining)}.content-image,.content-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.placeholder-badge{position:absolute;right:10px;bottom:8px;z-index:3;padding:2px 7px;border-radius:4px;background:var(--tone-025);color:var(--tone-026);font-size:10px;pointer-events:none}.clean-mode .placeholder-badge{display:none}.scene-window{position:absolute;z-index:1;overflow:hidden;mask:var(--window-mask) center/100% 100% no-repeat}.scene-window>.media{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}
.display-frame{position:relative;width:100%;aspect-ratio:var(--frame-aspect,1.6);isolation:isolate}.display-frame>.media{position:absolute;left:var(--port-x);top:var(--port-y);width:var(--port-w);height:var(--port-h);mask:var(--window-mask) center/100% 100% no-repeat;z-index:1}.frame-art{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;object-fit:fill}.tags,.card-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tag,.engine-tag{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:12px;padding:2px 10px;border:1px solid var(--tone-027);border-radius:6px;color:var(--tone-028);background:var(--tone-029)}.tag[data-type=合击]{color:var(--tone-030);background:var(--tone-031)}.tag[data-type=单职业]{color:var(--tone-032);background:var(--tone-033)}.tag[data-type=微变]{color:var(--tone-034);background:var(--tone-035)}.tag[data-type=迷失]{color:var(--tone-036);background:var(--tone-037)}.tag[data-type=神器]{color:var(--tone-038);background:var(--tone-039)}.engine-tag{background:var(--tone-040);color:var(--tone-041)}
.test-panel{position:fixed;right:18px;bottom:18px;width:270px;z-index:100;background:var(--tone-042);border:1px solid var(--tone-043);border-radius:16px;backdrop-filter:blur(15px);box-shadow:0 10px 35px var(--tone-044);font-size:12px;overflow:hidden}#panel-toggle{display:flex;justify-content:space-between;width:100%;padding:12px 15px;border:0;border-bottom:1px solid var(--tone-045);font-size:13px;font-weight:600}#panel-controls{padding:12px 15px}.test-panel fieldset{border:0;padding:0;margin:0 0 12px}.test-panel legend{font-size:11px;color:var(--tone-046);margin-bottom:6px}.panel-options{display:flex;gap:5px}.panel-options button{flex:1;padding:6px 3px;border:1px solid var(--tone-047);border-radius:6px;font-size:11px}.panel-options button[aria-pressed=true]{background:var(--tone-048);color:var(--tone-049)}.test-panel p{font-size:10px;color:var(--tone-050);margin-bottom:4px}#clean-link{color:var(--tone-051);font-size:11px}.test-panel.collapsed{width:180px}
dialog{border:1px solid var(--tone-052);border-radius:22px;padding:40px;width:min(90vw,620px);background:var(--tone-053);color:var(--ink);box-shadow:0 25px 100px var(--tone-054)}dialog::backdrop{background:var(--tone-055);backdrop-filter:blur(6px)}dialog h2{font-size:28px;margin-bottom:18px}#info-body{white-space:pre-line;line-height:1.9;margin-bottom:25px}.dialog-close,.lightbox-close{position:absolute;right:13px;top:9px;border:0;font-size:30px;background:none;min-width:40px;min-height:40px}#lightbox{width:96vw;max-width:1800px;height:94svh;padding:50px 60px 25px;background:var(--tone-056);border-color:var(--tone-057);color:var(--tone-026)}#lightbox figure{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.lightbox-image{position:relative;display:grid;place-items:center;max-width:100%;height:calc(100% - 40px)}.lightbox-image img{max-height:100%;max-width:100%;object-fit:contain}.lightbox-prev,.lightbox-next{position:absolute;top:45%;z-index:3;border:1px solid var(--tone-058);background:var(--tone-059);color:var(--tone-060);width:42px;height:60px;border-radius:22px;font-size:26px}.lightbox-prev{left:9px}.lightbox-next{right:9px}#lightbox-count{font-size:14px}.empty-state{grid-column:1/-1;text-align:center;padding:70px 20px}
.detail-main{padding-top:120px;background:var(--cabin-background-image) center top/100% auto}.breadcrumb{display:flex;gap:14px;color:var(--tone-061);font-size:13px;margin-bottom:28px}.detail-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}.detail-window{position:relative}.video-controls{position:absolute;bottom:16%;right:11%;z-index:5;display:flex;gap:8px}.video-controls button{padding:7px 13px;border:1px solid var(--tone-018);border-radius:30px;background:var(--tone-062);color:var(--literal-white);font-size:12px}.stone-tablet{padding:30px 40px;background:var(--tone-063);border:1px solid var(--tone-064);border-radius:40px}.eyebrow{font-size:12px;letter-spacing:.2em;color:var(--tone-065)}.stone-tablet h1{font-size:56px;margin:8px 0 14px}.stone-tablet dl{margin:26px 0}.stone-tablet dl>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--tone-066);padding:10px 0}.stone-tablet dt{color:var(--tone-067)}.stone-tablet dd{margin:0}.version-intro,.feature-section,.gallery-section,.related-section{padding:60px 0}.version-intro>p{max-width:950px;width:88%;margin:32px auto 0;font-size:18px;line-height:2}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.feature-niche{padding:35px 30px!important;background:var(--cooperation-feature-image) center/100% 100%;min-height:330px}.feature-niche h3{font-size:26px;margin:10px 0}.feature-niche p{font-size:15px;line-height:1.8}.feature-symbol{width:55px;height:55px;color:var(--tone-068)}.feature-symbol svg{width:100%;height:100%}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.gallery-item{padding:0;border:0;background:none}.related-note{text-align:center;color:var(--muted);margin:20px 0 30px}.related-section .version-grid{width:90%;max-width:1600px;margin:auto}.not-found{padding:170px 8vw;min-height:70vh}.not-found h1{font-size:44px}.not-found p{margin:20px 0}
@media(max-width:1023px){.content-width{width:92%}.section-heading{gap:20px}.section-heading h2{font-size:30px}.gold-line{width:38px}.nav{left:3%;width:94%;height:46px;gap:8px}.nav-capsule{padding:0 15px}.nav .brand{font-size:25px}.nav nav{display:none;position:absolute;top:60px;left:0;background:var(--tone-069);padding:20px;width:90vw;border:1px solid var(--tone-043);border-radius:18px}.nav nav.open{display:grid;gap:18px}.nav-actions>.button{font-size:11px;padding:0 15px}.menu-toggle{display:block;border:1px solid var(--tone-043);border-radius:50%;width:40px;height:40px;background:var(--tone-070)}.detail-layout{grid-template-columns:1fr;gap:22px}.stone-tablet{padding:25px}.stone-tablet h1{font-size:42px}.feature-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.detail-main{padding-top:100px}.version-intro>p{font-size:16px}.test-panel{right:10px;bottom:10px}.test-panel.collapsed{width:150px}dialog{padding:32px 23px}#lightbox{padding:50px 35px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@font-face{font-family:'Gallery Noto Serif SC';src:url('assets/fonts/NotoSerifSC-900-subset.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
:root{--display-serif:'Gallery Noto Serif SC','Noto Serif SC',var(--serif)}
.section-heading h2,.archive-copy h3,.business-copy h2,.pedestal-body h3,.cooperation-copy h3,.stone-tablet h1,.feature-niche h3,.news-item-title{font-family:var(--display-serif);font-weight:900;color:var(--heading-ink);text-shadow:0 1px var(--heading-engraving);-webkit-text-stroke:.2px var(--heading-gold)}
body[data-scene=v8] #home .v8-title{font-family:var(--display-serif);font-weight:900;color:var(--heading-ink);text-shadow:0 1px var(--heading-engraving);-webkit-text-stroke:.25px var(--heading-gold)}
body[data-scene=v8] #home[data-tone=dark] .v8-title{color:var(--heading-on-image);text-shadow:0 2px 5px var(--image-text-shadow);-webkit-text-stroke:.2px var(--heading-gold)}
.tag[data-type]{background:var(--seal-red);color:var(--seal-gold);border:1px solid var(--seal-edge);border-radius:3px;box-shadow:inset 0 0 0 2px var(--seal-red),inset 0 0 0 3px var(--seal-rule);font-family:var(--serif);font-weight:700;padding:3px 9px;letter-spacing:.04em}
.card-tags .tag[data-type]{padding:3px 9px;font-size:clamp(11px,.74vw,17px)}
html{scroll-padding-top:0}section{scroll-margin-top:100px}.static-fallback{padding:90px 7vw;min-height:400px}.static-fallback>.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px}.static-fallback .stat strong{font-size:32px}
@media(max-width:1023px){body[data-scene=v8] #home .v8-title{color:var(--heading-on-image);text-shadow:0 2px 5px var(--image-text-shadow)}section{scroll-margin-top:90px}.card-tags .tag[data-type]{font-size:10px;padding:2px 7px}}
.feature-grid .feature-niche{position:relative!important;inset:auto!important;width:100%;height:auto}.detail-main .gallery-section{padding:55px 0}.detail-main .feature-section>.section-heading,.detail-main .gallery-section>.section-heading,.related-section>.section-heading{margin-bottom:25px}