@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#14131b;--panel:#1d1b26;--text:#efebe6;--muted:#aaa4b2;--gold:#cbbb97;--line:#cbbb9726;--serif:'Noto Serif SC','Songti SC',SimSun,serif;--sans:'Microsoft YaHei','PingFang SC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.95 var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border-radius:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img{display:block;width:100%}p{margin:0 0 20px}::selection{background:#80718c;color:white}.skip-link{position:fixed;left:20px;top:-100px;z-index:99;background:var(--bg);padding:12px 24px}.skip-link:focus{top:10px}.site-header{height:90px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#14131bf5;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:18px;flex-shrink:0}.brand-mark{font:28px Georgia,serif;border-right:1px solid var(--line);padding-right:18px;letter-spacing:-2px}.brand-text{font:17px/1.4 var(--serif);letter-spacing:3px}.brand-text small{display:block;font:10px/2.1 Georgia,serif;letter-spacing:3px;color:var(--gold)}nav{display:flex;gap:32px;height:100%;align-items:center}nav a{color:#b7b2be;font-size:14px;position:relative;white-space:nowrap;padding:30px 0}nav a:hover,nav a.active{color:var(--gold)}nav a.active:after{content:'';position:absolute;bottom:20px;left:calc(50% - 2px);width:4px;height:4px;background:var(--gold);transform:rotate(45deg)}.header-note{font:12px Georgia,serif;color:#84798f;letter-spacing:2px}.hero{position:relative;min-height:704px;height:calc(100svh - 90px);max-height:920px;overflow:hidden;display:flex;align-items:center}.hero-image{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 42%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14131bf5,#14131bd1 25%,#14131b68 49%,#14131b0d 75%),linear-gradient(0deg,#14131b,transparent 30%);pointer-events:none}.hero-copy{position:relative;z-index:2;width:100%;max-width:1440px;margin:auto;padding:20px 8% 95px}.eyebrow{color:var(--gold);font:12px/1.8 Georgia,var(--sans);letter-spacing:3px;text-transform:uppercase}.hero .eyebrow{display:flex;align-items:center;gap:17px;margin-bottom:40px}.hero .eyebrow:before{content:'';width:32px;height:1px;background:var(--gold)}.hero-role{font:19px var(--serif);letter-spacing:7px;color:#d7ccd9;margin-bottom:18px}h1{font:500 106px/1.25 var(--serif);letter-spacing:17px;margin:0 0 4px}.hero-name{font:italic 38px/1.5 Georgia,serif;color:var(--gold);letter-spacing:5px;margin:0 0 25px}.hero-intro{font:16px/2.1 var(--serif);letter-spacing:1px;color:#c9c2cf;max-width:360px}.hero-links{display:flex;align-items:center;gap:30px;margin-top:35px}.button{border:1px solid #cbbb9780;padding:12px 24px;display:inline-flex;gap:36px;align-items:center;font-size:14px;letter-spacing:2px;background:#1b18243b;transition:background .2s}.button:hover{background:#cbbb9720}.text-link{font-size:14px;border-bottom:1px solid #cbbb9760;padding:6px 0;color:var(--gold)}.hero-bottom{position:absolute;z-index:2;bottom:28px;left:8%;right:6%;display:flex;justify-content:space-between;align-items:center;color:#b3a8b8;font:11px/1.6 Georgia,var(--sans);letter-spacing:2px}.hero-bottom a{font:12px var(--sans);letter-spacing:2px}.hero-bottom span{max-width:250px;text-align:right}.chapter-nav{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);max-width:1240px;margin:auto;padding:27px 0}.chapter-nav a{display:flex;justify-content:center;align-items:center;gap:16px;border-right:1px solid var(--line);font:15px var(--serif)}.chapter-nav a:last-child{border:0}.chapter-nav small{font:12px Georgia,serif;color:#85768e}.section{max-width:1240px;margin:auto;padding:105px 0}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:45px}.section-heading h2{margin:11px 0 0;font:500 40px/1.5 var(--serif);letter-spacing:4px}.section-heading .eyebrow{margin:0}.section-description{color:var(--muted);max-width:430px;font-size:14px;margin:0;line-height:1.9}.profile-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}.profile-art{position:relative;padding:14px;border:1px solid var(--line);margin:0}.profile-art img{height:470px;object-fit:cover;object-position:64% center}.art-caption{display:flex;justify-content:space-between;gap:20px;margin:14px 0 0;font:12px/1.5 var(--sans);color:var(--muted)}.art-caption a{color:var(--gold)}.profile-text h3{font:500 27px/1.6 var(--serif);margin:0 0 20px}.profile-text>p{color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px;margin:28px 0 20px}.facts div{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:18px}.facts dt{color:#a294ad;font-size:14px;min-width:55px}.facts dd{margin:0;font-size:14px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.tag{border:1px solid #b49bba32;color:#bcafc6;font-size:12px;padding:2px 12px;letter-spacing:1px}.source-inline{font-size:12px;color:#a193ab;margin-top:20px}.source-inline a{color:var(--gold);border-bottom:1px solid var(--line)}.abilities-wrap{background:#1a1822;border-block:1px solid #ffffff05}.abilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.ability{background:#1a1822;padding:32px 29px}.ability-no{font:46px/1.2 Georgia,serif;color:#977ba1}.ability-label{font-size:12px;letter-spacing:2px;color:#b3a1be;float:right;margin-top:10px}.ability h3{font:500 25px/1.5 var(--serif);margin:23px 0 15px;letter-spacing:2px}.ability p{color:var(--muted);font-size:15px;line-height:2}.ability ul{padding:0;list-style:none;color:#cfc5d5;font-size:14px;margin:20px 0 0}.ability li{padding-left:14px;position:relative;margin:7px 0}.ability li:before{content:'';position:absolute;width:3px;height:3px;background:var(--gold);left:0;top:13px}.ability-tip{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;color:#bcaaca;font-size:14px}.note{font-size:13px;color:#a194a8;margin:22px 0 0;line-height:1.9}.note a{color:var(--gold)}.gallery-heading{margin-bottom:30px}.gallery-label{display:flex;align-items:center;gap:13px;font-size:13px;color:var(--gold);margin:0 0 25px}.gallery-label:after{content:'';height:1px;background:var(--line);flex:1}.poster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 25px}.poster-card{min-width:0}.poster-button{display:block;position:relative;border:0;background:#211e2a;padding:0;width:100%;overflow:hidden;text-align:left}.poster-button img{aspect-ratio:4/5;object-fit:cover;transition:transform .65s,filter .65s;filter:saturate(.8)}.poster-button:hover img{transform:scale(1.045);filter:saturate(1)}.poster-button:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff17;pointer-events:none}.poster-zoom{position:absolute;bottom:13px;right:13px;display:flex;align-items:center;justify-content:center;width:33px;height:33px;background:#17121bd6;color:#eee0d0;border:1px solid #ffffff36;font:22px Georgia,serif}.rarity{position:absolute;top:14px;left:14px;background:#201620ef;border:1px solid #cbbb9770;padding:3px 10px;font-size:12px;letter-spacing:1px;color:#e3cfa4}.rarity.purple{border-color:#b695d980;color:#d2b7eb}.poster-info{padding:16px 0 0}.poster-title-line{display:flex;justify-content:space-between;align-items:center;gap:12px}.poster-info h3{font:500 22px/1.5 var(--serif);letter-spacing:2px;margin:0}.skin-en{font:12px Georgia,serif;letter-spacing:1px;color:#aa96b3}.poster-info p{font-size:14px;color:var(--muted);line-height:1.9;margin:12px 0}.poster-meta{color:#a697b0;font-size:12px;border-top:1px solid var(--line);padding-top:11px;display:flex;justify-content:space-between;gap:10px}.poster-meta a{color:#c4b19a}.gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);margin-top:35px;padding-top:22px}.gallery-footer p{color:#a697b0;font-size:13px;max-width:780px;margin:0}.story-wrap{background:#1d1924;border-block:1px solid #ffffff06}.story-layout{display:grid;grid-template-columns:.68fr 1fr;gap:85px}.story-aside{position:sticky;top:135px;align-self:start}.story-aside h2{font:500 40px/1.6 var(--serif);letter-spacing:4px;margin:17px 0 22px}.story-aside p{color:var(--muted);font-size:15px}.story-quote{border-left:1px solid var(--gold);padding:8px 0 8px 23px;margin:32px 0;font:21px/1.9 var(--serif);color:#d3c1d3}.story-quote small{display:block;font:12px/2 var(--sans);color:#a38fae;margin-top:12px}.story-content details{border-top:1px solid #cbbb9736;padding:0 0 4px}.story-content details:last-child{border-bottom:1px solid #cbbb9736}.story-content summary{list-style:none;cursor:pointer;padding:25px 38px 25px 0;font:20px/1.6 var(--serif);position:relative}.story-content summary::-webkit-details-marker{display:none}.story-content summary:after{content:'+';position:absolute;right:4px;font:25px Georgia,serif;color:var(--gold)}.story-content details[open] summary:after{content:'−'}.story-content summary small{display:block;font:12px/2.3 var(--sans);letter-spacing:2px;color:#ac96b9}.detail-content{padding:0 30px 15px 0;font-size:15px;color:var(--muted)}.detail-content h4{font-weight:500;color:#d8cbdc;font-size:16px;margin:22px 0 12px}.detail-content a{color:var(--gold);border-bottom:1px solid var(--line)}.detail-content ol{padding-left:20px}.detail-content li{margin:10px 0}.guide-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:65px}.guide-step{display:grid;grid-template-columns:42px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--line)}.guide-step>span{font:18px/2 Georgia,serif;color:var(--gold)}.guide-step h3{font:500 21px/1.6 var(--serif);margin:0 0 12px}.guide-step p{color:var(--muted);font-size:15px;margin:0;line-height:2}.guide-aside{background:#201c28;padding:29px 30px;align-self:start;border:1px solid #cbbb9718}.guide-aside h3{font:22px var(--serif);margin:0 0 22px}.guide-aside h4{font-size:15px;font-weight:500;color:#d6c3dd;margin:26px 0 8px}.guide-aside p,.guide-aside ul{font-size:14px;color:var(--muted)}.guide-aside ul{padding-left:18px}.guide-aside li{margin-bottom:12px}.faq{margin-top:55px;border-top:1px solid var(--line);padding-top:36px}.faq>h3{font:500 25px var(--serif);margin:0 0 28px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:27px 45px}.faq-item h4{font-size:16px;color:#d9ccdf;font-weight:500;margin:0 0 10px}.faq-item p{color:var(--muted);font-size:14px;margin:0;line-height:1.95}.references{border-top:1px solid var(--line);padding-top:35px;margin-top:50px}.references h3{font-size:16px;font-weight:400;color:var(--gold);margin:0 0 15px}.reference-list{display:flex;flex-wrap:wrap;gap:12px 30px;font-size:13px;color:#b3a4bc}.reference-list a{border-bottom:1px solid var(--line)}.site-footer{border-top:1px solid var(--line);padding:40px 6%;display:flex;justify-content:space-between;gap:40px;align-items:center;background:#111017}.footer-brand{font:25px var(--serif);letter-spacing:6px;color:var(--gold);flex-shrink:0}.footer-brand small{display:block;font:12px/2.5 Georgia,serif;letter-spacing:3px;color:#a38fae}.footer-note{font-size:12px;color:#a495af;max-width:650px;margin:0}.back-top{font:13px var(--sans);white-space:nowrap;color:#b5a2c2}.lightbox{border:1px solid var(--line);padding:0;background:#17131e;color:var(--text);width:min(1250px,94vw);max-height:94svh;overflow:auto}.lightbox::backdrop{background:#07050ae8;backdrop-filter:blur(8px)}.lightbox-inner{display:grid;grid-template-columns:1fr 280px;min-height:300px}.lightbox-image-area{display:flex;align-items:center;justify-content:center;background:#0d0b11;min-height:280px}.lightbox-image{max-height:86svh;object-fit:contain;width:100%}.lightbox-text{padding:65px 27px 35px;align-self:center}.lightbox-text h2{font:500 30px/1.5 var(--serif);margin:15px 0}.lightbox-text p{font-size:14px;color:var(--muted)}.lightbox-close{position:absolute;right:12px;top:12px;z-index:2;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#1f182bd9;border:1px solid #cbbb9750;font-size:25px}.lightbox-source{font-size:13px;color:var(--gold);border-bottom:1px solid var(--line)}.lightbox-controls{display:flex;gap:10px;margin-top:30px}.lightbox-controls button{border:1px solid var(--line);background:transparent;padding:7px 16px}.lightbox-counter{color:#b09ac0;font:12px Georgia,serif;margin-top:15px}.lightbox-hint{font-size:12px!important;color:#ab96b5!important;margin-top:20px}
@media(max-width:1380px){.section{margin-inline:6%}.chapter-nav{margin-inline:6%}.header-note{display:none}nav{gap:26px}.hero-copy{padding-left:7%}.profile-layout{gap:50px}.hero-image{object-position:60% center}}
@media(max-width:1000px){.site-header{padding-inline:4%;height:80px}nav{gap:18px}.brand-text{font-size:15px}.brand-mark{font-size:25px}.hero{min-height:640px;height:760px;max-height:calc(100svh - 80px)}.hero-copy{padding-bottom:40px}.hero h1{font-size:88px}.hero-image{object-position:63% center}.hero:after{background:linear-gradient(90deg,#14131be6,#14131b8a 47%,#14131b1a),linear-gradient(0deg,#14131b,transparent 35%)}.section{padding-block:80px}.profile-layout{gap:35px}.profile-art img{height:440px}.profile-text h3{font-size:24px}.facts div{display:block}.section-heading h2,.story-aside h2{font-size:34px}.ability{padding:25px 22px}.ability h3{font-size:23px}.poster-grid{gap:30px 20px}.poster-title-line{display:block}.skin-en{display:block;margin-top:5px}.story-layout{gap:50px}.guide-layout{gap:35px}.site-footer{flex-wrap:wrap}.footer-note{max-width:65%}}
@media(max-width:760px){html{scroll-padding-top:115px}.site-header{height:auto;display:block;padding:16px 6% 0}.brand{gap:12px}.brand-mark{padding-right:12px}.brand-text small{display:none}.brand-text{font-size:14px;letter-spacing:2px}nav{overflow:auto;gap:25px;scrollbar-width:none;margin-top:8px}nav a{font-size:14px;padding:13px 0 16px}nav a.active:after{bottom:8px}.hero{height:740px;max-height:none;min-height:0;align-items:flex-end}.hero-image{height:66%;object-position:67% 35%;top:0}.hero:after{background:linear-gradient(0deg,#14131b 1%,#14131b 26%,#14131bde 39%,#14131b60 61%,#14131b08 80%)}.hero-copy{padding:0 7% 80px}.hero .eyebrow{letter-spacing:2px;margin-bottom:22px}.hero-role{font-size:16px;letter-spacing:5px}.hero h1{font-size:74px;letter-spacing:13px}.hero-name{font-size:28px;margin:0 0 16px}.hero-intro{font-size:16px;max-width:320px;line-height:1.9}.hero-links{margin-top:25px;gap:26px}.button{padding:10px 17px;gap:24px;font-size:14px}.hero-bottom{bottom:23px;left:7%;right:7%;font-size:12px}.hero-bottom span{max-width:150px;font-size:12px;letter-spacing:1px}.chapter-nav{grid-template-columns:repeat(2,1fr);gap:23px 0;padding-block:24px}.chapter-nav a{font-size:14px;gap:12px}.chapter-nav a:nth-child(2){border:0}.section{padding-block:65px;margin-inline:7%}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.story-aside h2{font-size:30px;letter-spacing:2px}.section-description{margin-top:18px;font-size:14px}.eyebrow{font-size:12px;letter-spacing:2px}.profile-layout{grid-template-columns:1fr;gap:35px}.profile-art img{height:380px;object-position:65% center}.profile-text h3{font-size:23px}.facts div{display:flex;gap:14px}.facts{gap:0 16px}.facts dt,.facts dd{font-size:14px}.facts dt{min-width:42px}.tags{gap:8px}.abilities-grid{grid-template-columns:1fr}.ability{padding:25px}.ability h3{margin-top:10px}.ability-no{font-size:37px}.ability-tip{margin-top:18px}.poster-grid{grid-template-columns:repeat(2,1fr);gap:28px 15px}.poster-button img{aspect-ratio:3/4}.rarity{font-size:12px;padding:2px 7px;top:8px;left:8px}.poster-info h3{font-size:19px;letter-spacing:1px}.poster-info{padding-top:13px}.poster-info p{font-size:14px;margin:10px 0;line-height:1.8}.poster-meta{font-size:12px;display:block}.poster-meta a{display:inline-block;margin-top:5px}.poster-zoom{width:27px;height:27px;right:9px;bottom:9px;font-size:18px}.gallery-footer{display:block}.gallery-footer .text-link{display:inline-block;margin-top:20px}.story-layout{grid-template-columns:1fr;gap:20px}.story-aside{position:static}.story-quote{font-size:18px}.story-content summary{font-size:18px;padding-block:21px}.detail-content{padding-right:0;font-size:16px}.guide-layout{grid-template-columns:1fr;gap:30px}.guide-step{gap:10px;grid-template-columns:32px 1fr}.guide-step h3{font-size:20px}.guide-aside{padding:26px}.faq-grid{grid-template-columns:1fr;gap:23px}.faq{margin-top:40px}.references{margin-top:35px}.reference-list{gap:12px 20px;font-size:13px}.site-footer{padding:30px 7%;gap:20px}.footer-note{max-width:none;order:3}.footer-brand{font-size:22px}.back-top{margin-left:auto}.lightbox-inner{grid-template-columns:1fr}.lightbox{width:94vw;max-height:92svh}.lightbox-image-area{min-height:0}.lightbox-image{max-height:60svh}.lightbox-text{padding:22px 23px 26px}.lightbox-text h2{font-size:24px;margin:10px 0}.lightbox-controls{margin-top:18px}.lightbox-hint{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero-image{left:23%;width:77%;object-position:50% 40%}.hero:after{background:linear-gradient(90deg,#14131b 7%,#14131bf5 21%,#14131b9c 37%,#14131b1a 59%,#14131b08 85%),linear-gradient(0deg,#14131b,transparent 32%)}.poster-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr;gap:38px;border-top:1px solid var(--line);padding-top:36px}.poster-card:last-child .poster-button img{aspect-ratio:16/9;object-fit:contain}.poster-card:last-child .poster-info{align-self:center}.poster-card:last-child h3{font-size:30px}.ability p,.profile-text>p,.guide-step p{font-size:16px}
@media(max-width:760px){.hero-image{left:0;width:100%;object-position:50% 30%}.hero:after{background:linear-gradient(0deg,#14131b 1%,#14131b 26%,#14131bde 39%,#14131b55 62%,#14131b08 83%)}.poster-card:last-child{grid-template-columns:1fr;gap:8px}.poster-card:last-child h3{font-size:24px}}
.poster-button img{height:auto}.skin-en{overflow-wrap:anywhere}@media(max-width:760px){.hero-copy{margin:0}.hero{height:740px}.hero-intro{max-width:340px}}@media(max-width:350px){.poster-grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.hero h1{font-size:66px}}