:root{color-scheme:dark;--ink:#e8f3f4;--muted:#9cb4c3;--gold:#e0c58e;--blue:#9dd9ec;--line:#92c6df30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#061726;color:var(--ink);font:15px/1.7 'Microsoft YaHei',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{color:inherit}.skip{position:fixed;top:-100px}.skip:focus{top:0;z-index:100;background:#123}header{height:86px;position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;gap:28px;padding:0 5%;border-bottom:1px solid var(--line)}.brand{font-family:serif;font-size:21px;letter-spacing:3px}.brand-symbol{color:var(--gold);font-size:28px}.brand small{display:block;font:8px/1.2 sans-serif;letter-spacing:3px;margin-left:35px}.fan{font-size:11px;color:var(--muted);margin-left:auto}.quiet{background:none;border:0;color:var(--muted);padding:12px;font-size:12px;min-height:44px}nav{position:fixed;right:22px;top:34%;z-index:10;display:grid;gap:8px}nav a{font-size:11px;color:var(--muted);padding:8px 0;text-align:right}nav span{margin-left:12px;border:1px solid var(--line);padding:5px;border-radius:50%;font-size:9px}nav a.active{color:var(--gold)}nav a.active span{border-color:var(--gold)}.hero{height:100svh;min-height:760px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#264a63,#071a2d 70%)}.hero-art{position:absolute;height:87%;width:49%;object-fit:contain;right:9%;bottom:0;filter:drop-shadow(0 0 45px #87cfff15);animation:float 9s ease-in-out infinite}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061726 0%,#061726a0 32%,transparent 58%);pointer-events:none}.hero-copy{position:relative;margin:0 0 0 10%;padding-top:170px;width:42%}.eyebrow{font-size:10px;color:var(--blue);letter-spacing:4px;margin:0 0 22px}.rarity{color:var(--gold);letter-spacing:5px;font-size:15px}h1,h2,h3{font-family:'Songti SC','SimSun',serif;font-weight:400}h1{font-size:clamp(76px,9vw,136px);letter-spacing:16px;line-height:1.15;margin:16px 0}.roman{font-size:11px;letter-spacing:4px;color:var(--muted)}.roman span{font-size:9px;letter-spacing:2px}h2{font-size:32px;letter-spacing:4px;margin:12px 0}.hero-copy h2{font-size:25px;letter-spacing:9px;color:var(--gold)}.hero-quote{font-family:serif;font-size:23px;line-height:1.9;margin:30px 0;color:#c5dfeb}.tags{display:flex;gap:16px;color:var(--muted);font-size:11px;margin:24px 0}.tags span+span{border-left:1px solid var(--line);padding-left:16px}.primary{padding:13px 25px;background:#e3d3ad;border:1px solid #f9e9c1;color:#153047;font-size:13px;min-height:46px;transition:.2s}.primary:hover{background:#fff0ca;transform:translateY(-2px)}.text-link{display:block;margin-top:16px;font-size:12px;color:var(--muted)}.hero-bottom{position:absolute;bottom:24px;left:5%;right:7%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px;color:var(--muted)}.section{padding:110px 11% 100px 9%;border-top:1px solid var(--line);position:relative}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px;gap:30px}.section-head>p{font-size:12px;color:var(--muted)}.voice-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.voice-list{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:10px}.voice-list button,.chapter-list button{border:0;border-bottom:1px solid var(--line);background:none;text-align:left;padding:18px;color:var(--muted);font-size:13px}.voice-list button.selected,.chapter-list button.selected{background:#a1dbf510;color:var(--gold);border-color:var(--gold)}.voice-list button span{float:right;color:var(--gold)}.voice-player{border-left:1px solid var(--line);padding-left:50px}.small-label{font-size:10px;letter-spacing:2px;color:var(--muted)}h3{font-size:27px;letter-spacing:2px}.voice-player blockquote{margin:0 0 25px;font-size:17px;line-height:2;color:#c6dce5;min-height:100px}audio{width:100%;height:36px}#audio-status,.note{font-size:11px;color:var(--muted)}.wave{display:flex;align-items:center;gap:5px;height:65px;margin-top:20px}.wave i{width:3px;height:16px;background:var(--blue)}.wave i:nth-child(3n){height:38px}.wave i:nth-child(2n){height:25px}.playing .wave i{animation:pulse .7s alternate infinite}.playing .wave i:nth-child(2n){animation-delay:.3s}.story-section{background:linear-gradient(120deg,#102c3d80,transparent)}.story-layout{display:grid;grid-template-columns:1fr 2fr;gap:70px}.chapter-list{display:flex;flex-direction:column}.chapter-list button small{display:block;font-size:9px;letter-spacing:2px}.chapter{min-height:460px}.chapter h3{font-size:32px;margin-top:0}.chapter p{line-height:2.15;color:#bed1dd;font-size:15px}.chapter .small-label{color:var(--gold)}.chapter-controls{display:flex;gap:12px;margin-top:25px}.chapter-controls button{background:none;border:1px solid var(--line);padding:10px 18px}.chapter-controls button:disabled{opacity:.3;cursor:default}.stars-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:45px;align-items:center}.star-map{position:relative;aspect-ratio:700/420;background:radial-gradient(ellipse,#20537850,transparent 65%)}.star-map svg{width:100%;height:100%}.whale-outline{stroke:#8bd3ec50;stroke-width:1;fill:#1b4a6720}.star-line{stroke:#84c8e75c;stroke-width:1;fill:none;stroke-dasharray:4 6}.star-node{position:absolute;transform:translate(-50%,-50%);border:1px solid #83c9e75c;background:#0d2940;color:#aed1e2;width:44px;height:44px;border-radius:50%;box-shadow:0 0 20px #91cfff18}.star-node.selected{outline:1px solid var(--gold);outline-offset:5px}.star-node.lit{background:#d4c08a;color:#061726;box-shadow:0 0 28px #decf9670}.star-info p{color:var(--muted)}.star-info .quiet{display:block}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.skill{border-top:1px solid var(--gold);padding-top:25px}.skill .glyph{font-size:34px;color:var(--gold)}.skill p{color:var(--muted);font-size:13px}.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}dl{margin:0;display:grid;grid-template-columns:100px 1fr;align-content:start}dt,dd{margin:0;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}dt{color:var(--muted)}.rice-panel{padding:35px;background:#17334455;border:1px solid var(--line)}.rice-panel p{font-size:13px;color:var(--muted)}#rice-response{min-height:45px;margin-top:24px}footer{text-align:center;padding:65px 8% 90px;border-top:1px solid var(--line)}footer p{font-family:serif;font-size:20px;color:var(--gold)}footer small{color:var(--muted);font-size:10px;line-height:2}footer a{display:block;margin-top:25px;font-size:12px}dialog{border:1px solid var(--line);background:#061726;max-height:95svh;max-width:94vw;padding:15px;text-align:center}dialog::backdrop{background:#020b13e8}dialog img{display:block;max-height:78svh;max-width:100%;margin:12px auto}dialog a{display:block;font-size:13px}body:has(dialog[open]){overflow:hidden}#toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);background:#e4d4ad;color:#19364a;padding:12px 25px;z-index:40;opacity:0;pointer-events:none;transition:.3s}#toast.show{opacity:1}.sky{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#a9dff055 .6px,transparent .6px);background-size:100px 100px;opacity:.3}.still *{animation:none!important;scroll-behavior:auto!important}@keyframes float{50%{transform:translateY(-12px)}}@keyframes pulse{to{transform:scaleY(.4)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(min-width:1600px){.hero-copy{padding-top:20vh}}@media(max-width:900px){nav{right:10px}.hero-art{right:2%;width:56%}.hero-copy{margin-left:6%;width:45%}.section{padding:80px 8% 70px 6%}.voice-layout,.story-layout{gap:25px}.voice-player{padding-left:25px}.section-head{align-items:start}.section-head>p{display:none}.profile-layout{gap:30px}.stars-layout{gap:20px}.fan{font-size:9px}header{gap:8px}}@media(max-width:600px){html{scroll-padding-top:20px}header{height:70px;padding:0 5%}.brand{font-size:17px}.brand small{font-size:6px}.fan{display:none}header .quiet{margin-left:auto}nav{inset:auto 0 0;display:flex;justify-content:space-around;background:#071a2ff5;border-top:1px solid var(--line);padding:6px 5px calc(6px + env(safe-area-inset-bottom));gap:0}nav a{padding:8px;font-size:11px}nav span{display:none}.hero{min-height:820px;height:100svh;max-height:1000px}.hero-art{height:65%;width:80%;right:-9%;bottom:80px;opacity:.9}.hero-shade{background:linear-gradient(90deg,#061726 0%,#06172695 24%,transparent 70%),linear-gradient(0deg,#061726,transparent 25%)}.hero-copy{padding-top:115px;margin-left:7%;width:80%}.eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:76px;margin:12px 0}.hero-copy h2{font-size:20px;letter-spacing:5px}.hero-quote{font-size:19px;margin:25px 0 130px}.hero-copy .tags{margin:20px 0}.hero-copy .primary{position:relative}.hero-bottom{bottom:20px;left:7%;right:7%;letter-spacing:0}.hero-bottom>span{display:none}.section{padding:65px 7%}.section-head{margin-bottom:30px}h2{font-size:25px;letter-spacing:2px}.voice-layout,.story-layout,.stars-layout,.profile-layout{grid-template-columns:1fr;gap:30px}.voice-player{border:0;padding:0}.voice-list{gap:5px}.voice-list button{padding:13px 10px;font-size:12px}.chapter-list{display:grid;grid-template-columns:1fr 1fr}.chapter-list button{padding:12px}.chapter-list button:last-child{grid-column:1/-1}.chapter{min-height:0}.chapter h3{font-size:28px}.star-map{margin:0 -12px}.star-info h3{margin:12px 0}.skills-grid{grid-template-columns:1fr;gap:30px}.skill{display:grid;grid-template-columns:45px 1fr;gap:0 15px}.skill .glyph{grid-row:1/4}.skill h3{margin:5px 0}.skill p{margin:10px 0}.rice-panel{padding:25px}footer{padding-bottom:120px}footer p{font-size:16px}dialog{padding:10px}dialog img{max-height:75svh}}
/* 竖版卡与文字分区，避免窄屏叠压。 */
.profile-layout{align-items:start}
@media(max-width:600px){.hero{min-height:1140px;height:auto;max-height:none}.hero-copy{width:auto;padding-top:100px;margin:0 7%}.hero-copy h1{font-size:62px}.hero-copy .hero-quote{margin:18px 0}.hero-copy .tags{margin:12px 0}.hero-art{top:485px;bottom:auto;right:15%;width:70%;height:580px;animation:none;opacity:1}.hero-shade{display:none}.hero-bottom{bottom:20px}.hero-copy .text-link{margin-top:10px}}
.weapon-feature{display:grid;grid-template-columns:minmax(180px,1fr) 1.4fr;gap:50px;align-items:center;margin-top:70px;padding-top:40px;border-top:1px solid var(--line)}.weapon-feature img{width:100%;max-height:300px;object-fit:contain}.weapon-feature p{color:var(--muted);font-size:13px}.weapon-feature a{color:var(--gold);font-size:12px}.hero-art{width:57%;right:4%;height:88%}.hero-shade{background:linear-gradient(90deg,#061726 0%,#061726a0 26%,transparent 52%)}@media(max-width:600px){.weapon-feature{grid-template-columns:1fr;gap:15px}.weapon-feature img{max-height:220px}.hero-art{top:485px;width:92%;right:4%;height:580px}}

/* V6 法器暂以设定与参考下载呈现。 */
.weapon-feature{grid-template-columns:1fr}

.pet-download{display:block;width:fit-content;margin-top:18px;padding:12px 18px;border:1px solid #c6b88c;border-radius:4px;color:#e9dbb3;text-decoration:none;background:#102536}.pet-download:hover{background:#234358}.pet-download small{display:block;font-size:11px;margin-top:5px;color:#b9cbd5}@media(max-width:600px){.hero-art{top:555px}.hero{min-height:1210px}}