:root{--data-pine:#071d1c;--data-pine-2:#0d302d;--data-ink:#173f3f;--data-paper:#eee7cf;--data-paper-light:#f8f3e4;--data-jade:#70cfc2;--data-jade-dark:#3b8c84;--data-jade-on-paper:#2d6f65;--data-gold:#ddc178;--data-cinnabar:#ad6545;--data-cinnabar-strong:#965139;--data-rule:rgba(44, 76, 67, .22);--data-display:"STKaiti","KaiTi","FangSong",serif;--data-body:"Noto Sans SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif;--data-header-height:76px}*{box-sizing:border-box}html{min-width:0;overflow-x:hidden;scroll-behavior:smooth;background:var(--data-pine)}body{min-width:0;min-height:100vh;margin:0;color:var(--data-ink);background:var(--data-paper);font-family:var(--data-body);line-height:1.7}body::before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.13;background:url("assets/story-xuan-paper-v1.webp") center/cover;mix-blend-mode:multiply}img{display:block;max-width:100%}a{color:inherit}a,button,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--data-jade-on-paper);outline-offset:4px}.data-header :focus-visible,.data-scope :focus-visible{outline-color:var(--data-jade)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:200;top:12px;left:12px;width:1px;height:1px;padding:0;overflow:hidden;color:var(--data-ink);background:#fff;clip-path:inset(50%)}.skip-link:focus{width:auto;height:auto;padding:.7rem 1rem;clip-path:none}.data-header{position:sticky;z-index:40;top:0;display:grid;grid-template-columns:minmax(13rem,1fr) auto minmax(13rem,1fr);align-items:center;gap:1rem;min-height:var(--data-header-height);padding:.7rem clamp(1rem,4vw,3.5rem);color:#f4efd9;border-bottom:1px solid rgba(221,193,120,.32);background:rgba(7,29,28,.97);box-shadow:0 8px 30px rgba(0,0,0,.22)}.data-brand{display:inline-flex;align-items:center;gap:.75rem;width:max-content;text-decoration:none}.data-brand img{width:2.65rem;height:2.65rem;border-radius:.42rem;box-shadow:0 0 0 1px rgba(229,204,139,.34),0 5px 16px rgba(0,0,0,.2)}.data-brand span{display:grid;line-height:1.1}.data-brand b{font-family:var(--data-display);font-size:1.1rem;letter-spacing:.14em}.data-brand small{margin-top:.22rem;color:rgba(224,211,168,.68);font-size:.49rem;letter-spacing:.2em}.data-header-title{display:grid;justify-items:center;line-height:1.1;text-align:center}.data-header-title span{font-family:var(--data-display);font-size:1.18rem;letter-spacing:.22em}.data-header-title small{margin-top:.28rem;color:rgba(224,211,168,.58);font-size:.47rem;letter-spacing:.19em}.data-actions{justify-self:end;display:flex;align-items:center;gap:.55rem}.data-back,.data-language,.nav-search{min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:#f4efd9;border:1px solid rgba(220,198,140,.36);background:rgba(10,49,46,.72);font:650 .72rem/1 var(--data-body);letter-spacing:.06em}.nav-search{gap:.36rem;padding:.35rem .55rem;cursor:pointer}.nav-search[hidden]{display:none!important}.nav-search i{display:grid;width:1.35rem;aspect-ratio:1;place-items:center;color:var(--data-pine);border-radius:50%;background:var(--data-gold);font:700 .62rem/1 var(--data-display)}.nav-search kbd{padding:.15rem .26rem;color:rgba(244,239,217,.68);border:1px solid rgba(244,239,217,.18);background:rgba(0,0,0,.18);font:500 .45rem/1 monospace}.data-language{gap:.35rem;padding-left:.65rem;color:var(--data-jade)}.data-language select{min-height:42px;padding:.25rem 1.8rem .25rem .35rem;color:#f4efd9;border:0;background:0 0;font:650 .72rem/1 var(--data-body);cursor:pointer}.data-language select option{color:var(--data-ink);background:var(--data-paper-light)}.data-back{padding:.45rem .8rem;text-decoration:none}.data-back:hover,.data-language:hover,.nav-search:hover{border-color:rgba(112,207,194,.78);background:rgba(16,67,62,.9)}main{display:block;overflow:hidden}.data-hero{position:relative;min-height:min(720px,calc(100vh - var(--data-header-height)));display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.34fr);align-items:center;gap:clamp(2rem,6vw,7rem);padding:clamp(4.5rem,9vw,8rem) max(6vw,calc((100vw - 1320px)/ 2));color:#f5eed7;background:linear-gradient(100deg,rgba(5,27,26,.98) 0,rgba(6,36,34,.94) 52%,rgba(10,55,50,.82) 100%),url("assets/title-background-art-v214.webp") center/cover;isolation:isolate}.data-hero::after{content:"";position:absolute;right:7%;bottom:0;left:7%;height:1px;background:linear-gradient(90deg,transparent,rgba(221,193,120,.55),transparent)}.data-card header p,.data-kicker,.data-scope>div>p:first-child,.data-section-heading p{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.data-kicker,.data-scope>div>p:first-child{color:var(--data-jade)}.data-card header p,.data-section-heading p{color:var(--data-jade-on-paper)}.data-hero h1{max-width:830px;margin:1.2rem 0 1.5rem;font-family:var(--data-display);font-size:clamp(3.5rem, 6.6vw, 6.8rem);font-weight:400;line-height:.94;letter-spacing:-.025em}.data-hero h1 em,.data-hero h1 span{display:block}.data-hero h1 em{margin-left:.95em;color:#e8d08f;font-style:normal}.data-lede{max-width:720px;margin:0;color:rgba(235,239,220,.82);font-size:clamp(1rem, 1.35vw, 1.18rem);line-height:1.9}.data-facts{max-width:760px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:2.4rem 0 0;border:1px solid rgba(221,193,120,.28);background:rgba(221,193,120,.22)}.data-facts div{padding:1rem 1.15rem;background:rgba(5,30,29,.85)}.data-facts dt{color:rgba(234,224,192,.58);font-size:.65rem;letter-spacing:.12em}.data-facts dd{margin:.28rem 0 0;color:#f5eed7;font-family:var(--data-display);font-size:1rem;line-height:1.45}.data-seal{position:relative;justify-self:center;width:min(17rem,23vw);aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:.2rem;padding:2rem;color:#f3e3b4;border:1px solid rgba(221,193,120,.55);border-radius:50%;background:radial-gradient(circle,rgba(31,95,85,.86),rgba(6,37,35,.94) 70%);text-align:center;box-shadow:0 0 0 10px rgba(221,193,120,.06),0 26px 60px rgba(0,0,0,.28)}.data-seal::after,.data-seal::before{content:"";position:absolute;inset:-1.2rem 50% auto;width:1px;height:2.4rem;background:rgba(221,193,120,.45)}.data-seal::after{inset:50% -1.2rem auto auto;width:2.4rem;height:1px}.data-seal>span{font-family:var(--data-display);font-size:clamp(2.8rem, 5vw, 4.8rem);line-height:1}.data-seal strong{color:var(--data-jade);font-size:.76rem;letter-spacing:.18em}.data-seal p{max-width:9.5rem;margin:.35rem 0 0;color:rgba(239,231,203,.68);font-size:.68rem;line-height:1.55}.data-flow-section,.data-ledger,.data-scope{width:min(1320px,calc(100% - 2.5rem));margin-inline:auto}.data-flow-section{padding:clamp(4.5rem,8vw,7rem) 0 clamp(3.5rem,6vw,5rem)}.data-section-heading{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:2.4rem}.data-section-heading>span{display:grid;width:2.7rem;aspect-ratio:1;place-items:center;color:#f3e1ad;border-radius:50%;background:var(--data-ink);font-family:var(--data-display)}.data-section-heading h2{margin:.25rem 0 0;font-family:var(--data-display);font-size:clamp(2rem, 4vw, 3.7rem);font-weight:400;line-height:1.15}.data-flow{counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.2vw,2rem);margin:0;padding:0;list-style:none}.data-flow li{position:relative;min-height:190px;display:grid;grid-template-columns:auto 1fr;align-content:start;gap:1rem;padding:1.5rem;border:1px solid rgba(49,92,80,.25);background:rgba(248,243,228,.66);box-shadow:0 14px 36px rgba(32,62,54,.08)}.data-flow li:not(:last-child)::after{content:"";position:absolute;z-index:2;top:50%;right:calc(clamp(1rem,2.2vw,2rem) * -.9);width:clamp(1rem,2.2vw,2rem);height:1px;background:var(--data-cinnabar)}.data-flow b{display:grid;width:2.45rem;aspect-ratio:1;place-items:center;color:#fff6df;border-radius:50%;background:var(--data-cinnabar-strong);font-family:var(--data-display);font-weight:400}.data-flow span{display:block;color:var(--data-ink);font-family:var(--data-display);font-size:1.3rem}.data-flow p{margin:.55rem 0 0;color:rgba(23,63,63,.72);font-size:.93rem;line-height:1.75}.data-ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;padding-bottom:clamp(4.5rem,8vw,7rem)}.data-card{position:relative;padding:clamp(1.7rem,3vw,2.5rem);border:1px solid var(--data-rule);background:rgba(248,243,228,.72);box-shadow:0 16px 38px rgba(25,57,50,.08)}.data-card::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:var(--data-jade-dark)}.data-card-negative::before{background:var(--data-cinnabar)}.data-card-local::before{background:var(--data-gold)}.data-card-ops::before{background:#557b8e}.data-card header{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:1rem}.data-card header>span{display:grid;width:3rem;aspect-ratio:1;place-items:center;color:#fff;border-radius:50%;background:var(--data-ink);font-family:var(--data-display);font-size:1.2rem}.data-card h2{margin:.2rem 0 0;font-family:var(--data-display);font-size:clamp(1.45rem, 2.3vw, 2rem);font-weight:400;line-height:1.3}.data-card ul{display:grid;gap:.65rem;margin:1.45rem 0 0;padding:0;list-style:none}.data-card li{position:relative;padding-left:1.2rem;color:rgba(23,63,63,.78)}.data-card li::before{content:"";position:absolute;top:.72em;left:0;width:.42rem;height:.42rem;border-radius:50%;background:var(--data-jade-dark)}.data-card-negative li::before{background:var(--data-cinnabar)}.data-card>p{margin:1.35rem 0 0;color:rgba(23,63,63,.75)}.data-scope{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;margin-bottom:clamp(4rem,7vw,6rem);padding:clamp(2rem,4vw,3.2rem);color:#f1ead4;border:1px solid rgba(221,193,120,.28);background:var(--data-pine-2);box-shadow:0 24px 54px rgba(13,42,38,.16)}.data-scope h2{margin:.35rem 0 .7rem;font-family:var(--data-display);font-size:clamp(1.7rem, 3vw, 2.7rem);font-weight:400}.data-scope div>p:last-child{max-width:860px;margin:0;color:rgba(231,232,211,.72)}.data-scope a{min-width:11rem;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:.65rem 1rem;color:var(--data-pine);background:var(--data-jade);text-decoration:none;font-weight:700;letter-spacing:.08em}.data-scope a:hover{background:#98eadf}.data-footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem clamp(1rem,5vw,4rem);color:rgba(244,239,217,.62);border-top:1px solid rgba(221,193,120,.25);background:#061817;font-size:.75rem}.data-footer .data-brand{color:#fff}.data-footer .data-brand img{width:2.3rem;height:2.3rem}.data-footer p{margin:0}@media (max-width:1040px){:root{--data-header-height:126px}.data-header{grid-template-columns:minmax(0,1fr) auto}.data-header-title{justify-self:end}.data-actions{grid-column:1/-1;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.data-back,.data-language,.nav-search{width:100%}.data-hero{grid-template-columns:minmax(0,1fr) minmax(180px,.3fr);gap:2rem}.data-seal{width:min(15rem,25vw)}}@media (max-width:760px){:root{--data-header-height:124px}body::before{background-image:url("assets/mobile/story-xuan-paper-mobile-v121.webp")}.data-header{gap:.45rem .7rem;min-height:var(--data-header-height);padding:.48rem .7rem}.data-brand{gap:.45rem}.data-header>.data-brand{min-width:44px;min-height:44px;justify-content:center}.data-brand img{width:2.15rem;height:2.15rem}.data-brand b{font-size:.86rem}.data-brand small{display:none}.data-header-title span{font-size:.86rem;letter-spacing:.12em}.data-header-title small{display:none}.data-actions{gap:.35rem}.data-back,.data-language,.nav-search{min-height:44px;padding:.25rem .35rem;font-size:.68rem}.nav-search kbd{display:none}.data-language{padding-left:.35rem}.data-language select{width:100%;min-width:0;min-height:44px;padding-right:.35rem;font-size:.68rem}.data-hero{min-height:0;grid-template-columns:1fr;gap:2.5rem;padding:4.2rem 1rem 3.8rem;background-image:linear-gradient(100deg,rgba(5,27,26,.98) 0,rgba(6,36,34,.94) 52%,rgba(10,55,50,.82) 100%),url("assets/mobile/title-background-mobile-art-v214.webp");background-position:58% center}.data-hero h1{margin-top:.95rem;font-size:clamp(3.1rem, 15vw, 4.8rem)}.data-hero h1 em{margin-left:.55em}.data-lede{font-size:.98rem;line-height:1.8}.data-facts{grid-template-columns:1fr;margin-top:1.7rem}.data-facts div{display:grid;grid-template-columns:7rem 1fr;align-items:center;gap:.7rem;padding:.72rem .85rem}.data-facts dd{margin:0;font-size:.92rem}.data-seal{justify-self:center;width:12rem}.data-flow-section,.data-ledger,.data-scope{width:min(100% - 1.25rem,700px)}.data-flow-section{padding:3.8rem 0 3rem}.data-section-heading{gap:.8rem}.data-section-heading>span{width:2.35rem}.data-flow{grid-template-columns:1fr;gap:.75rem}.data-flow li{min-height:0;padding:1.15rem}.data-flow li:not(:last-child)::after{top:auto;right:auto;bottom:-.75rem;left:2.35rem;width:1px;height:.75rem}.data-ledger{grid-template-columns:1fr;gap:.75rem;padding-bottom:3.8rem}.data-card{padding:1.35rem}.data-card h2{font-size:1.45rem}.data-scope{grid-template-columns:1fr;gap:1.4rem;margin-bottom:3.8rem;padding:1.5rem}.data-scope a{width:100%;min-height:50px}.data-footer{flex-direction:column;padding:1.75rem 1rem;text-align:center}.data-footer .data-brand{min-height:44px;padding:.2rem .35rem}}@media (max-width:390px){.data-header .data-brand span{display:none}.data-header-title{justify-self:stretch}.data-hero h1{font-size:2.95rem}.data-kicker{letter-spacing:.15em}.data-facts div{grid-template-columns:6.2rem 1fr}}@media (max-width:760px){.data-back,.data-card header p,.data-facts dt,.data-kicker,.data-language,.data-language select,.data-scope>div>p:first-child,.data-seal p,.data-section-heading p,.nav-search,.nav-search i{font-size:.75rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.data-language select:focus-visible{outline:0;box-shadow:none}.data-language:focus-within{border-color:var(--data-jade);box-shadow:inset 0 0 0 1px rgba(112,207,194,.26)}:is(html:lang(en),html:lang(ja),html:lang(ko)) .data-brand b{letter-spacing:.06em}html:lang(en) .data-brand b{font-size:1rem;letter-spacing:.025em}:is(html:lang(en),html:lang(ja),html:lang(ko)) .data-header-title span{letter-spacing:.09em}html:lang(en) .data-header-title span{letter-spacing:.045em}:is(html:lang(en),html:lang(ja),html:lang(ko)) :is(.data-language,.data-back){letter-spacing:.02em}:is(html:lang(en),html:lang(ja),html:lang(ko)) .data-hero h1{max-width:900px;line-height:1;letter-spacing:-.018em;text-wrap:balance}html:lang(en) .data-hero h1{font-size:clamp(3.35rem, 6.1vw, 6.25rem);letter-spacing:-.032em}:is(html:lang(en),html:lang(ja),html:lang(ko)) .data-hero h1 em{margin-left:.68em}:is(html:lang(en),html:lang(ja),html:lang(ko)) .data-lede{max-width:70ch;line-height:1.72}:is(html:lang(en),html:lang(ja),html:lang(ko)) :is(.data-kicker,.data-section-heading p,.data-card header p){letter-spacing:.1em}:is(html:lang(en),html:lang(ja),html:lang(ko)) :is(.data-section-heading h2,.data-card h2,.data-scope h2){line-height:1.22;letter-spacing:-.005em;text-wrap:balance}:is(html:lang(en),html:lang(ja),html:lang(ko)) :is(.data-flow p,.data-card li,.data-card > p,.data-scope div > p:last-child){line-height:1.7}@media (max-width:760px){:is(html:lang(en),html:lang(ja),html:lang(ko)) .data-hero h1{max-width:15ch;font-size:clamp(2.75rem, 13vw, 4.2rem);line-height:1.04}:is(html:lang(en),html:lang(ja),html:lang(ko)) .data-hero h1 em{margin-left:.32em}:is(html:lang(en),html:lang(ja),html:lang(ko)) .data-facts div{grid-template-columns:minmax(6.5rem,.42fr) minmax(0,1fr)}}