:root{--paper:#f4f1e8;--ink:#263e3c;--muted:#657570;--red:#a74432;--line:#d7d9cf;--serif:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:wait;opacity:.65}a,button,input{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--red)}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}button{border-radius:0}::selection{background:#c4d8d0}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:relative;z-index:3;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}.brand-name{font:700 38px var(--serif);letter-spacing:-3px}.seal{display:inline-block;border:1px solid var(--red);padding:4px 3px;color:var(--red);font:12px/1.2 var(--serif);text-align:center;letter-spacing:2px}.header nav{display:flex;gap:44px;font-size:14px;letter-spacing:2px}.header nav a{position:relative;padding:37px 0}.header nav a:hover{color:var(--red)}.nav-home:after{content:"";position:absolute;bottom:24px;left:45%;width:5px;height:5px;transform:rotate(45deg);background:var(--red)}.nav-register{border:0;border-left:1px solid var(--line);padding:8px 0 8px 30px;background:none;font-size:14px;letter-spacing:2px}.nav-register span{margin-left:15px}.hero{position:relative;min-height:710px;height:calc(100svh - 100px);max-height:880px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 79% 53%,#bdd5d1aa,transparent 51%),linear-gradient(100deg,#f4f1e8 30%,#e5ece3)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.05;background-image:url('../image/battle_Ethereal_26a7c7ae.png');background-position:right center;background-size:auto 130%;background-repeat:no-repeat}.hero-rule{position:absolute;top:47px;left:3%;bottom:96px;display:flex;align-items:center;gap:25px;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;color:#637e75}.hero-rule i{display:block;width:1px;flex:1;background:#c3cec2}.hero-content{position:relative;z-index:2;padding:90px 0 0 10%;width:56%;pointer-events:none}.hero-content a,.hero-content button{pointer-events:auto}.eyebrow{font-size:12px;font-weight:500;letter-spacing:3px;line-height:1.8;color:var(--muted)}.hero-content>.eyebrow{display:flex;align-items:center;gap:12px;letter-spacing:6px;margin-bottom:24px}.eyebrow>span{width:22px;height:1px;background:#8c9c8d}h1{position:relative;display:inline-block;font:500 clamp(64px,6.7vw,100px)/1.3 var(--serif);letter-spacing:8px;white-space:nowrap}h1>span{padding-left:60px}.title-seal{position:absolute;left:0;bottom:19px;font:15px/1.2 var(--serif);padding:7px 5px;letter-spacing:3px;background:var(--red);color:#fff8ea;transform:rotate(-5deg)}.hero-description{margin:25px 0 30px;color:#65716a;font:16px/2 var(--sans);letter-spacing:3px}.hero-actions{display:flex;gap:14px}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:38px;padding:15px 28px;border:1px solid transparent;font-size:16px;letter-spacing:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--red);color:#fff7e6;border-color:var(--red);box-shadow:inset 0 0 0 4px var(--red),inset 0 0 0 5px #ffffff42}.button-primary:hover{background:#913a2a}.button-outline{background:#f6f3e888;border-color:#9bafa2;min-width:145px}.button-outline:hover{background:#e0e9dd}.play-note{margin-top:19px;font-size:12px;letter-spacing:2px;color:#748278;display:flex;align-items:center;gap:12px}.play-note i{height:3px;width:3px;background:#8c9c8d}.hero-art{position:absolute;width:64%;height:100%;right:-2%;bottom:0;z-index:1}.hero-figure{position:absolute;bottom:40px;left:0;width:100%;max-width:none;filter:drop-shadow(0 25px 17px #42675920)}.hero-companion{position:absolute;bottom:115px;width:67%;opacity:.26;filter:saturate(.45);mask-image:linear-gradient(#000 40%,transparent 95%)}.companion-left{left:-17%;transform:scale(.92)}.companion-right{right:-21%}.art-circle{position:absolute;left:18%;top:13%;height:65%;aspect-ratio:1;border:1px solid #879e8160;border-radius:50%;outline:1px solid #879e8130;outline-offset:16px}.art-word{position:absolute;right:3%;top:8%;font:420px/1 var(--serif);color:#86a59618}.art-caption{position:absolute;right:10%;top:10%;display:flex;align-items:center;gap:17px;writing-mode:vertical-rl;font:16px var(--serif);letter-spacing:6px}.art-caption span{height:50px;width:1px;background:#a6b5a5}.scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:12px;letter-spacing:4px}.scroll-cue>span:last-child{font-size:24px}.hero-edition{position:absolute;right:5.5%;bottom:39px;font-size:12px;letter-spacing:3px;color:#6f8176}.section-wrap{padding:84px 8%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:38px}.section-heading h2{font:500 38px/1.5 var(--serif);letter-spacing:3px;margin-top:9px}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.9;letter-spacing:2px}.characters{border-top:1px solid #ced5c7}.character-stage{position:relative;min-height:500px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 62% 62%,#d8e5db99,transparent 64%);overflow:hidden}.character-copy{position:relative;padding:48px 0 45px 5%;width:43%;z-index:1}.chapter-number{font:italic 75px/1 Georgia,serif;color:#b5c1b2}.character-kicker{margin-top:18px;font-size:13px;letter-spacing:5px;color:var(--muted)}.character-copy h3{font:500 46px/1.5 var(--serif);letter-spacing:7px;margin:15px 0}.character-copy>p:last-of-type{font-size:15px;line-height:2.1;color:var(--muted);white-space:pre-line}.character-mark{display:inline-block;margin-top:24px;border:1px solid #9b6450;color:#9b6450;padding:6px 10px;font:14px var(--serif);letter-spacing:4px}.portrait-wrap{position:absolute;right:7%;bottom:-42px;width:55%;max-width:650px}.portrait-wrap>img{position:relative;width:100%;z-index:1}.portrait-circle{position:absolute;border:1px solid #a1b49866;border-radius:50%;width:75%;aspect-ratio:1;top:12%;left:13%}.character-selector{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:9px;z-index:2}.character-choice{display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);padding:3px 10px 3px 3px;font:14px var(--serif);transition:border .2s,background .2s}.character-choice img{width:44px;height:46px;object-fit:cover}.character-choice.active{border-color:var(--red);background:#ece7d9;color:var(--red)}.character-choice:hover{border-color:#8b9e8a}.world{padding-top:0;padding-bottom:85px}.section-seal{border:1px solid var(--red);padding:12px 8px;color:var(--red);writing-mode:vertical-rl;letter-spacing:6px;font:20px var(--serif);transform:rotate(7deg)}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.world-card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,#e9eee3,#f4f1e8 70%);overflow:hidden}.card-number{position:absolute;top:20px;left:21px;writing-mode:vertical-rl;font:13px var(--serif);letter-spacing:4px;color:#6e8177}.world-image{height:258px;display:flex;align-items:center;justify-content:center;padding:27px 30px 8px}.world-image img{height:100%;width:100%;object-fit:contain;transition:transform .5s}.world-card:hover img{transform:translateY(-7px)}.card-text{padding:23px 25px 29px;border-top:1px solid var(--line)}.card-text h3{font:500 23px/1.6 var(--serif);letter-spacing:1px;margin-bottom:9px}.card-text p{font-size:14px;line-height:1.9;color:var(--muted)}.journey{position:relative;overflow:hidden;background:#253d3b;color:#f5f0df;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px 12%;isolation:isolate}.journey>img{position:absolute;z-index:-1;right:14%;top:-360px;width:650px;opacity:.23;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 80%,transparent)}.journey .eyebrow{color:#b6c4b5}.journey h2{font:500 35px/1.6 var(--serif);letter-spacing:3px;margin:9px 0}.journey p:last-child{font-size:14px;letter-spacing:3px;color:#c0c9bc}.journey>.button{flex-shrink:0}.footer{padding:45px 8%;display:flex;justify-content:space-between;align-items:center;gap:30px;background:#e9ece3}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-brand>span{font-size:12px;letter-spacing:3px;color:var(--muted)}.footer-info{text-align:right;font-size:12px;line-height:2;color:#68756b}.footer-info a{text-decoration:underline;text-underline-offset:4px}.footer-divider{padding:0 12px}.health-note{margin-top:9px;letter-spacing:1px}dialog{position:fixed;width:min(480px,calc(100% - 28px));max-height:calc(100svh - 32px);padding:36px 38px 25px;border:1px solid #a5b6a5;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #102c3340}dialog::backdrop{background:#172d32a8;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:12px;top:10px;background:none;border:0;width:36px;height:36px;font-size:28px;color:#697d70}.dialog-heading{position:relative;margin-bottom:24px}.dialog-heading>.seal{float:right;margin-top:17px}.dialog-heading .eyebrow{font-size:10px;letter-spacing:2px}.dialog-heading h2{font:500 32px/1.7 var(--serif);letter-spacing:2px}.dialog-heading>p:last-child{font-size:13px;color:var(--muted);line-height:1.8}.field{margin-bottom:13px}.field label{display:block;font-size:14px;letter-spacing:2px;margin-bottom:8px}.field input{width:100%;height:45px;border:1px solid #c5cfc1;background:#ffffff70;padding:11px 13px;font-size:14px;border-radius:0;color:var(--ink);outline-offset:1px}.field input:focus{outline:1px solid #547a68}.field input[aria-invalid=true]{border-color:var(--red)}.field input[readonly]{background:#e8eade;color:#68786c}.field-hint{min-height:17px;margin-top:6px;font-size:12px;color:#708071;line-height:1.5}.field-hint.error{color:#a43428}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.password-toggle{position:absolute;right:3px;top:3px;height:39px;padding:0 12px;border:0;background:transparent;font-size:12px;color:#66786c}#register-submit{width:100%;margin-top:5px;min-height:50px}.form-message{font-size:13px;line-height:1.8;color:#9c3527;margin-top:13px;overflow-wrap:anywhere}.form-message:empty{display:none}.dialog-bottom{margin-top:19px;text-align:center;font-size:12px;color:var(--muted)}.dialog-bottom a{color:var(--red);margin-left:6px}#register-success{text-align:center;padding:10px 0 20px}.success-symbol{display:inline-flex;border:1px solid #789f80;border-radius:50%;width:54px;height:54px;align-items:center;justify-content:center;color:#456d50;font-size:24px;margin-bottom:18px}#register-success h3{font:24px/1.8 var(--serif)}#register-success p{font-size:14px;line-height:2;margin:15px 0 25px;color:var(--muted)}#register-success .button{width:100%}[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:20px;background:var(--ink);color:white;padding:12px;z-index:10}.skip-link:focus{top:10px}.noscript-note{background:#eee2cf;padding:15px;text-align:center;font-size:14px}
@media(min-width:1600px){.hero-content{padding-top:115px}.hero-art{max-width:1050px;right:1%}.hero-figure{bottom:0}.section-wrap{padding-left:max(8%,calc((100% - 1350px)/2));padding-right:max(8%,calc((100% - 1350px)/2))}}
@media(max-width:1100px){.hero-content{padding-left:8%;padding-top:115px}.hero{min-height:670px}.hero-art{width:68%;right:-8%}.hero-figure{bottom:80px}.hero-companion{bottom:130px}.hero-description{font-size:14px;letter-spacing:2px}.hero-content>.eyebrow{font-size:11px}.hero-actions .button{padding:14px 22px;gap:20px}.section-wrap{padding-left:6%;padding-right:6%}.section-heading h2{font-size:32px}.portrait-wrap{width:60%;right:4%;bottom:-5px}.character-copy{padding-left:3%}.world-grid{gap:16px}.world-image{height:215px}.card-text{padding:20px}.card-text h3{font-size:20px}.footer{padding:35px 6%}.journey{padding:45px 8%}}
@media(max-width:760px){html{scroll-padding-top:20px}.header{height:76px;padding:0 6%}.brand-name{font-size:31px}.brand{gap:10px}.header nav{gap:22px;font-size:13px}.header nav .nav-home{display:none}.header nav a{padding:20px 0}.nav-register{padding-left:14px;font-size:13px;letter-spacing:1px}.nav-register span{display:none}.hero{height:860px;min-height:0;max-height:none}.hero-content{padding:48px 0 0 9%;width:100%}.hero-content>.eyebrow{margin-bottom:14px;letter-spacing:4px}h1{font-size:66px;letter-spacing:6px}h1>span{padding-left:48px}.title-seal{font-size:12px;bottom:15px}.hero-description{margin:18px 0 21px;line-height:1.9}.hero-actions{gap:10px}.hero-actions .button{min-height:50px;padding:13px 22px;font-size:14px}.hero-actions .button-outline{min-width:125px}.play-note{margin-top:15px;letter-spacing:1px}.hero-art{width:100%;height:500px;bottom:0;right:-10%}.hero-figure{width:105%;bottom:5px;left:0;max-height:530px;object-fit:contain}.hero-companion{bottom:68px;width:68%}.companion-left{left:-19%}.companion-right{right:-16%}.art-circle{top:15%;height:67%}.art-caption{right:15%;top:20%;font-size:13px;letter-spacing:4px}.art-word{font-size:300px}.hero-rule{display:none}.hero-edition{font-size:10px;bottom:24px;right:6%}.scroll-cue{left:9%;bottom:29px;transform:none;font-size:11px;letter-spacing:2px}.section-wrap{padding:52px 6%}.section-heading{align-items:flex-start;margin-bottom:26px}.section-heading h2{font-size:28px;letter-spacing:1px}.section-heading>.eyebrow,.eyebrow{font-size:10px;letter-spacing:2px}.section-heading>p{display:none}.character-stage{min-height:585px}.character-copy{padding:28px 0 0 4%;width:100%}.chapter-number{font-size:48px}.character-kicker{margin-top:13px;font-size:11px}.character-copy h3{font-size:34px;margin:8px 0;letter-spacing:5px}.character-copy>p:last-of-type{font-size:13px;line-height:2}.character-mark{margin-top:13px;font-size:12px}.portrait-wrap{width:88%;right:-9%;bottom:60px;max-width:440px}.character-selector{top:auto;bottom:17px;right:0;left:0;transform:none;justify-content:center;flex-direction:row;gap:8px}.character-choice{flex-direction:column;gap:2px;padding:3px 7px 6px;font-size:12px}.character-choice img{width:40px;height:41px}.world{padding-top:0}.world-grid{grid-template-columns:1fr;gap:16px}.world-card{display:grid;grid-template-columns:43% 57%;align-items:center}.world-image{height:190px;padding:32px 13px 15px}.card-number{font-size:11px;top:12px;left:12px;writing-mode:horizontal-tb}.card-text{border-top:0;padding:24px 20px 24px 5px}.card-text h3{font-size:21px}.card-text p{font-size:13px}.section-seal{font-size:16px;padding:9px 6px}.journey{padding:38px 8%;flex-direction:column;align-items:flex-start;gap:24px}.journey h2{font-size:28px}.journey>img{right:-22%;top:-220px;width:480px}.footer{flex-direction:column;align-items:flex-start;padding:32px 7%;gap:24px}.footer-brand{gap:12px}.footer-info{text-align:left;font-size:11px}.footer-info>p:first-child{font-size:12px}.health-note{letter-spacing:0}.footer-divider{padding:0 6px}dialog{padding:30px 25px 23px}.dialog-heading h2{font-size:29px}}
@media(max-width:380px){.header nav{gap:14px;font-size:12px}.nav-register{padding-left:10px;font-size:12px}.brand-name{font-size:27px}.brand .seal{display:none}h1{font-size:58px}.hero{height:810px}.hero-art{height:420px}.section-heading h2{font-size:25px}.character-copy>p:last-of-type{max-width:180px}.portrait-wrap{width:95%;right:-16%}.card-text h3{font-size:18px}.card-text{padding-right:14px}.world-image{height:175px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* 保留竖版小像的完整比例，与写实立绘分区展示。 */
.miniatures{padding-top:0}.miniature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.miniature{--portrait-tint:#eadbb9;position:relative;isolation:isolate;overflow:hidden;margin:0;border:1px solid var(--line);background:linear-gradient(180deg,var(--portrait-tint),#f4f1e8 87%);text-align:center}.miniature:before{content:"";position:absolute;inset:10px;border:1px solid #ffffff90;pointer-events:none;z-index:-1}.miniature-pink{--portrait-tint:#e7d9e2}.miniature-silver{--portrait-tint:#d8dfe4}.miniature-jade{--portrait-tint:#cfe2dd}.miniature-index{position:absolute;left:24px;top:24px;font:18px var(--serif);color:#6f786a}.miniature>img{width:auto;height:350px;max-width:100%;object-fit:contain;margin:10px auto 0;transition:transform .35s}.miniature:hover>img{transform:translateY(-5px)}.miniature figcaption{margin:0 24px;padding:20px 0 25px;border-top:1px solid #a6af9b66}.miniature figcaption>span{display:block;padding-left:8px;font:26px/1.5 var(--serif);letter-spacing:8px}.miniature figcaption>small{display:block;font-size:12px;line-height:1.8;letter-spacing:1px;color:var(--muted);margin-top:8px}
@media(max-width:1100px){.miniature-grid{gap:16px}.miniature>img{height:300px}.miniature figcaption{margin:0 16px}.miniature figcaption>small{letter-spacing:0}}
@media(max-width:760px){.miniature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.miniature>img{height:290px}.miniature-index{left:17px;top:19px;font-size:16px}.miniature figcaption{padding:14px 0 19px;margin:0 14px}.miniature figcaption>span{font-size:23px;letter-spacing:6px}.miniature figcaption>small{font-size:12px;margin-top:5px}}
@media(max-width:380px){.miniature-grid{gap:12px}.miniature>img{height:260px}.miniature figcaption{margin:0 10px}.miniature figcaption>small{font-size:12px}}