:root{color:#19254a;background:#10295b;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,SimSun,serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #19254a;--ink-soft: #52607a;--blue: #10295b;--blue-deep: #081a43;--paper: #f4efe4;--paper-bright: #fbf8f0;--gold: #a7773d;--line: rgba(25, 37, 74, .22);--sans: "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--blue-deep)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #b98850;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-stage{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:var(--paper)}.stage-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.icon-button,.text-button,.quiet-action,.primary-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer}.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;background:transparent;transition:color .18s ease,background .18s ease,transform .18s ease}.icon-button:hover{background:#14254f14;transform:translateY(-1px)}.text-button{display:inline-flex;align-items:center;gap:8px;padding:9px 0;background:transparent;font-family:var(--sans);font-size:13px;letter-spacing:.08em}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 25px;background:var(--blue);color:#fffdf6;font-family:var(--sans);font-size:14px;letter-spacing:.1em;box-shadow:0 10px 30px #081a4324;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.primary-action:hover{transform:translateY(-2px);background:#18366d;box-shadow:0 14px 34px #081a4333}.quiet-action{display:inline-flex;align-items:center;gap:7px;padding:13px 4px;border-bottom:1px solid var(--line);background:transparent;font-family:var(--sans);font-size:13px;letter-spacing:.08em;transition:border-color .18s ease,gap .18s ease}.quiet-action:hover{gap:12px;border-color:var(--ink)}.cover-nav{position:absolute;top:clamp(22px,4vw,58px);right:clamp(26px,5vw,78px);display:flex;gap:30px;z-index:2}.cover-nav button{border:0;border-bottom:1px solid transparent;padding:8px 0;background:transparent;color:#fffdf6db;font-family:var(--sans);font-size:13px;letter-spacing:.18em;cursor:pointer;min-height:44px}.cover-nav button:hover{border-color:#fffdf6a6}.cover-copy{position:absolute;top:14.5%;left:clamp(36px,8vw,140px);width:min(37vw,590px)}.cover-eyebrow,.about-copy>p:first-child,.back-copy>p:first-child{margin:0 0 24px;color:var(--gold);font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.32em}.cover-copy h1{margin:0;font-size:clamp(54px,6.4vw,100px);font-weight:500;line-height:1.02;letter-spacing:.1em;text-wrap:balance}.cover-copy h1 span{display:block}.cover-subtitle{width:min(520px,100%);margin:27px 0 0;color:var(--ink-soft);font-size:clamp(15px,1.2vw,21px);line-height:1.8;letter-spacing:.1em}.cover-author{margin:19px 0 0;color:#6a6d73;font-size:13px;letter-spacing:.24em}.cover-actions{display:flex;align-items:center;gap:24px;margin-top:38px}.continue-reading{display:flex;align-items:center;gap:12px;max-width:360px;margin-top:25px;padding:12px 0;border:0;background:transparent;color:var(--ink-soft);text-align:left;cursor:pointer}.continue-reading span{display:grid;gap:2px;font-family:var(--sans);font-size:12px;letter-spacing:.08em}.continue-reading small{color:var(--ink);font-family:inherit;font-size:13px;letter-spacing:.02em}.random-reading{position:absolute;right:clamp(30px,5vw,80px);bottom:clamp(30px,5vw,70px);display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#fffdf6c7;font-family:var(--sans);font-size:12px;letter-spacing:.12em;cursor:pointer;min-height:44px;padding:10px 0}.cover-edition{position:absolute;left:clamp(36px,8vw,140px);bottom:clamp(23px,4vw,52px);margin:0;color:#19254a80;font-family:var(--sans);font-size:10px;letter-spacing:.18em}.catalog-view{color:var(--ink);--catalog-safe-left: clamp(118px, 9.2vw, 260px)}.catalog-topbar{position:absolute;z-index:10;top:clamp(20px,3vw,45px);left:var(--catalog-safe-left);right:clamp(28px,4.7vw,76px);display:flex;align-items:center;justify-content:space-between}.catalog-topbar .text-button{color:var(--ink)}.catalog-heading{position:absolute;top:12.5%;left:var(--catalog-safe-left);width:25%}.catalog-heading p,.chapter-heading p{margin:0 0 12px;color:var(--gold);font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.3em}.catalog-heading h1{margin:0;font-size:clamp(39px,4vw,72px);font-weight:500;letter-spacing:.12em}.catalog-heading span,.chapter-heading span{display:block;margin-top:14px;color:var(--ink-soft);font-size:clamp(12px,1vw,16px);letter-spacing:.08em}.parts-map{position:absolute;top:0;right:0;bottom:0;left:0}.part-map-item{position:absolute;top:var(--y);left:var(--x);z-index:2;display:grid;width:min(29vw,430px);transform:translateY(-50%);border:0;padding:5px 0;background:transparent;cursor:pointer;transition:color .18s ease,transform .22s ease,opacity .22s ease}.part-map-item.align-right{transform:translate(-100%,-50%);text-align:right}.part-map-item.align-left{text-align:left}.part-map-item:hover{color:#8c5d2f}.part-map-item.align-right:hover{transform:translate(-100%,-50%) translate(-8px)}.part-map-item.align-left:hover{transform:translateY(-50%) translate(8px)}.part-map-item small{color:var(--gold);font-family:var(--sans);font-size:9px;letter-spacing:.2em}.part-map-item strong{margin-top:2px;font-size:clamp(16px,1.35vw,24px);font-weight:500;letter-spacing:.09em}.part-map-item span{margin-top:3px;color:var(--ink-soft);font-size:clamp(9px,.75vw,12px);letter-spacing:.08em}.catalog-bookends{position:absolute;right:clamp(32px,5vw,88px);bottom:clamp(25px,4vw,60px);display:flex;gap:25px}.catalog-bookends button{display:grid;gap:3px;border:0;border-bottom:1px solid var(--line);padding:8px 0;background:transparent;font-size:12px;cursor:pointer}.catalog-bookends small{color:var(--gold);font-family:var(--sans);font-size:9px;letter-spacing:.16em}.chapter-catalog{position:absolute;top:0;right:0;bottom:0;left:0;animation:chapter-arrive .52s cubic-bezier(.22,1,.36,1) both}.chapter-heading{position:absolute;top:12%;left:var(--catalog-safe-left);width:min(34vw,560px)}.chapter-heading h1{margin:0;font-size:clamp(48px,5vw,90px);font-weight:500;line-height:1.15;letter-spacing:.12em}.back-to-parts{position:absolute;left:var(--catalog-safe-left);top:39%;display:flex;align-items:center;gap:7px;border:0;border-bottom:1px solid var(--line);padding:8px 0;background:transparent;color:var(--ink-soft);font-family:var(--sans);font-size:11px;letter-spacing:.08em;cursor:pointer}.article-directory{position:absolute;top:14%;right:clamp(50px,7vw,120px);display:grid;width:min(50vw,760px)}.article-directory button{display:grid;grid-template-columns:34px auto 1fr auto 25px;align-items:center;gap:12px;min-height:clamp(52px,7vh,76px);border:0;border-bottom:1px solid rgba(25,37,74,.16);padding:0 4px;background:transparent;text-align:left;cursor:pointer;transition:padding .18s ease,color .18s ease}.article-directory button:hover{padding-left:12px;color:#8c5d2f}.article-index{color:var(--gold);font-family:var(--sans);font-size:10px;letter-spacing:.1em}.article-name{font-size:clamp(14px,1.23vw,20px);letter-spacing:.055em}.article-dots{height:1px;background-image:linear-gradient(to right,rgba(25,37,74,.25) 35%,transparent 35%);background-size:6px 1px}.article-length{color:var(--ink-soft);font-family:var(--sans);font-size:9px;letter-spacing:.08em;white-space:nowrap}.article-arrow{opacity:0;transition:opacity .18s ease,transform .18s ease}.article-directory button:hover .article-arrow{opacity:1;transform:translate(3px)}.chapter-sequence{position:absolute;left:var(--catalog-safe-left);right:clamp(50px,7vw,120px);bottom:clamp(24px,4vh,50px);display:flex;justify-content:space-between}.chapter-sequence button{border:0;background:transparent;color:var(--ink-soft);font-family:var(--sans);font-size:10px;letter-spacing:.08em;cursor:pointer}@keyframes chapter-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}::view-transition-old(root),::view-transition-new(root){animation-duration:.43s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.dialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:start center;padding:8vh 20px 20px;background:#081a43ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in .16s ease both}.search-dialog{width:min(760px,100%);max-height:80vh;overflow:hidden;background:var(--paper-bright);box-shadow:0 30px 90px #040e2759}.search-field{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:16px 20px}.search-field input{width:100%;border:0;outline:0;padding:8px 0;background:transparent;color:var(--ink);font-size:17px}.search-results{display:grid;max-height:calc(80vh - 75px);overflow-y:auto;padding:8px 20px 24px}.search-results button{display:grid;gap:5px;border:0;border-bottom:1px solid var(--line);padding:16px 4px;background:transparent;text-align:left;cursor:pointer}.search-results button:hover strong{color:#8c5d2f}.search-results small{color:var(--gold);font-family:var(--sans);font-size:9px;letter-spacing:.12em}.search-results strong{font-size:17px;font-weight:500}.search-results span,.search-hint{color:var(--ink-soft);font-size:12px;line-height:1.8}.search-hint{padding:30px 4px;text-align:center}.reader-view{--reader-scale: 1;position:relative;width:100%;min-height:100svh;overflow:hidden;background:var(--blue-deep);color:var(--ink);transition:background .22s ease}.reader-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;transition:filter .26s ease}.reader-topbar{position:absolute;z-index:8;top:clamp(8px,1.5vw,25px);left:clamp(72px,6vw,160px);right:clamp(22px,2.2vw,42px);display:flex;align-items:center;justify-content:space-between;color:#fffcf3e0}.reader-return{color:var(--ink)}.reader-tools{display:flex}.reader-topbar .icon-button:hover,.reader-topbar .text-button:hover{background:#ffffff14;color:#fff}.reader-topbar .reader-return:hover{background:#19254a0f;color:var(--ink)}.book-spread{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;pointer-events:none}.paper-page{position:absolute;top:7.6%;bottom:8.7%;overflow:hidden;pointer-events:auto}.paper-page-left{left:8.2%;right:51.8%;padding:2.4% 3.3% 1.8% 3.8%}.paper-page-right{left:51.8%;right:8.2%;padding:2.4% 3.8% 1.8% 3.3%}.paper-page-inner{position:relative;height:100%;font-size:calc(clamp(14px,.98vw,18px) * var(--reader-scale));line-height:1.92;letter-spacing:.045em;transition:color .22s ease}.article-heading{margin:0 0 1.2em;padding-bottom:1.1em;border-bottom:1px solid rgba(25,37,74,.18)}.article-heading p{margin:0 0 .7em;color:var(--gold);font-family:var(--sans);font-size:.62em;font-weight:600;letter-spacing:.2em}.article-heading h1{margin:0;color:var(--ink);font-size:clamp(26px,2.25vw,43px);font-weight:500;line-height:1.35;letter-spacing:.08em;text-wrap:balance}.article-heading span{display:block;margin-top:.7em;color:var(--ink-soft);font-size:.75em;letter-spacing:.08em}.page-copy p{margin:0 0 .9em;text-align:justify;text-justify:inter-ideograph}.page-copy h2{margin:1.1em 0 .75em;color:var(--ink);font-size:1.1em;font-weight:600;letter-spacing:.09em}.printed-page-number{position:absolute;bottom:0;left:50%;transform:translate(-50%);color:#19254a80;font-family:var(--sans);font-size:.62em;letter-spacing:.12em}.page-turn{position:absolute;z-index:7;top:48%;display:grid;place-items:center;width:44px;height:64px;transform:translateY(-50%);border:0;background:transparent;color:#fffcf3b8;cursor:pointer;transition:color .18s ease,transform .18s ease}.page-turn:hover:not(:disabled){color:#fff;transform:translateY(-50%) scale(1.08)}.page-turn:disabled{opacity:.15;cursor:default}.page-turn-previous{left:2.2%}.page-turn-next{right:2.2%}.reader-progress{position:absolute;z-index:8;left:8.4%;right:8.4%;bottom:5.25%;height:1px;overflow:hidden;background:#ffffff29}.reader-progress span{display:block;height:100%;background:#d6a668;transition:width .28s ease}.article-sequence{position:absolute;z-index:8;left:9%;right:9%;bottom:.45%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;color:var(--ink)}.article-sequence button{display:flex;align-items:center;gap:10px;max-width:95%;border:0;padding:6px 0;background:transparent;color:inherit;text-align:left;cursor:pointer}.article-sequence button:last-child{justify-self:end;text-align:right}.article-sequence span{display:grid;font-size:clamp(10px,.74vw,12px);letter-spacing:.06em}.article-sequence small{color:#19254a94;font-family:var(--sans);font-size:8px;letter-spacing:.15em}.reader-night .reader-art{filter:brightness(.43) saturate(.78)}.reader-night .paper-page{background:#0d1630eb;color:#ded8ca}.reader-night .article-heading h1,.reader-night .page-copy h2{color:#f0e7d6}.reader-night .article-heading{border-color:#ebe0cd2e}.reader-night .printed-page-number{color:#ebe0cd75}.reader-night .reader-return,.reader-night .article-sequence{color:#fffcf3db}.reader-night .article-sequence small{color:#fffcf385}.reader-night .reader-topbar .reader-return:hover{background:#ffffff14;color:#fff}.toast{position:fixed;z-index:30;left:50%;bottom:8%;display:flex;align-items:center;gap:8px;transform:translate(-50%);padding:11px 18px;background:#07122eeb;color:#fffdf6;font-family:var(--sans);font-size:12px;letter-spacing:.07em;box-shadow:0 12px 35px #00000040;animation:toast-in .22s ease both}.back-view .stage-art{transform:scaleX(-1)}.back-home,.about-return{position:absolute;z-index:3;top:clamp(22px,4vw,58px);left:clamp(28px,5vw,78px)}.back-home{color:#fffdf6e6}.back-copy{position:absolute;top:50%;right:clamp(40px,8vw,145px);width:min(36vw,560px);transform:translateY(-50%);color:var(--ink)}.back-copy h1{margin:0;font-size:clamp(36px,4.3vw,76px);font-weight:400;line-height:1.48;letter-spacing:.08em}.back-copy>span{display:block;margin-top:28px;color:var(--ink-soft);font-size:14px;line-height:1.9;letter-spacing:.1em}.back-copy>div{display:flex;align-items:center;gap:24px;margin-top:36px}.back-copy .primary-action{background:var(--blue);color:var(--paper-bright)}.back-copy .quiet-action{border-color:var(--line);color:var(--ink)}.back-signature{position:absolute;left:clamp(38px,6vw,100px);bottom:clamp(30px,5vw,70px);margin:0;color:#fffdf6b3;font-size:12px;line-height:2;letter-spacing:.12em}.about-copy{position:absolute;top:50%;left:clamp(40px,8vw,140px);width:min(35vw,520px);transform:translateY(-50%)}.about-copy h1{margin:0 0 27px;font-size:clamp(39px,4.3vw,75px);font-weight:500;letter-spacing:.11em}.about-copy>p:nth-of-type(2){margin:0;color:var(--ink-soft);font-size:clamp(14px,1.1vw,18px);line-height:2.1;text-align:justify}.about-copy dl{display:grid;margin:28px 0;border-top:1px solid var(--line)}.about-copy dl div{display:grid;grid-template-columns:70px 1fr;border-bottom:1px solid var(--line);padding:10px 0}.about-copy dt{color:var(--ink-soft);font-family:var(--sans);font-size:10px;letter-spacing:.12em}.about-copy dd{margin:0;font-size:13px;letter-spacing:.08em}.missing-view{min-height:100svh;display:grid;place-content:center;gap:20px;background:var(--paper);text-align:center}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 1100px){.article-directory{right:5vw;width:53vw}.article-directory button{grid-template-columns:27px auto 1fr 22px}.article-length{display:none}.paper-page-left{left:8%;right:51.5%}.paper-page-right{left:51.5%;right:8%}}@media (max-width: 820px),(orientation: portrait) and (max-width: 1100px){.page-stage{min-height:100svh}.stage-art{object-position:center}.cover-view .stage-art,.about-view .stage-art{object-position:22% center}.cover-nav{top:18px;right:22px}.cover-nav button{color:var(--ink)}.cover-copy{top:46%;left:8vw;width:82vw;transform:translateY(-50%)}.cover-copy h1{width:78vw;font-size:clamp(46px,14vw,66px);letter-spacing:.07em}.cover-subtitle{width:75vw;font-size:14px}.cover-actions{align-items:flex-start;flex-direction:column;gap:6px;margin-top:28px}.continue-reading{margin-top:12px}.random-reading{right:22px;bottom:22px;color:var(--ink)}.cover-edition{left:8vw;bottom:22px}.catalog-view .stage-art{object-position:54% center}.catalog-topbar{top:14px;left:20px;right:20px}.catalog-topbar .text-button{color:var(--ink)}.catalog-heading{top:9%;left:7vw;width:52vw}.catalog-heading h1{font-size:38px}.catalog-heading span{font-size:11px}.part-map-item{width:42vw;top:calc(24% + var(--i) * 7.25%)}.part-map-item strong{font-size:clamp(13px,3.7vw,18px)}.part-map-item span{display:none}.part-map-item.align-right{left:45%}.part-map-item.align-left{left:57%}.catalog-view.is-overview .stage-art{object-position:56% center}.catalog-view.is-overview .catalog-heading{top:9%;width:86vw}.catalog-view.is-overview .catalog-heading span{white-space:nowrap}.catalog-view.is-overview .part-map-item{top:calc(30% + var(--i) * 6.55%)}.catalog-view.is-overview .part-map-item strong{font-size:clamp(13px,3.5vw,17px)}.catalog-view.is-overview .part-map-item.align-right{left:46%;width:39vw}.catalog-view.is-overview .part-map-item.align-left{left:67%;width:32vw}.catalog-bookends{right:18px;bottom:18px;gap:14px}.catalog-bookends button{max-width:125px;font-size:10px}.chapter-catalog{overflow-y:auto;padding-bottom:70px}.chapter-heading{position:relative;top:auto;left:auto;width:auto;margin:78px 7vw 0}.chapter-heading h1{font-size:clamp(44px,13vw,64px)}.back-to-parts{position:relative;top:auto;left:auto;margin:22px 7vw 10px}.article-directory{position:relative;top:auto;right:auto;width:auto;margin:4px 7vw 0}.article-directory button{grid-template-columns:25px 1fr 18px;min-height:62px}.article-dots,.article-length{display:none}.article-arrow{opacity:.55}.article-name{font-size:15px;line-height:1.5}.chapter-sequence{position:relative;left:auto;right:auto;bottom:auto;margin:28px 7vw 0}.reader-view{min-height:100svh}.reader-art{object-fit:cover;object-position:25% center;transform:scale(1.82)}.reader-topbar{top:8px;left:15px;right:15px}.reader-return span{display:none}.reader-return{width:42px;justify-content:center}.book-spread{display:block}.paper-page{top:8.5%;right:7%;bottom:10%;left:7%;padding:7% 8% 6%;background:transparent}.paper-page-right{display:none}.paper-page-inner{font-size:calc(clamp(14px,3.8vw,17px) * var(--reader-scale));line-height:1.88}.article-heading h1{font-size:clamp(25px,7.5vw,36px)}.page-turn{width:36px;height:58px;background:#081a43b3;border-radius:22px}.page-turn-previous{left:0}.page-turn-next{right:0}.reader-progress{left:7%;right:7%;bottom:7.8%}.article-sequence{left:7%;right:7%;bottom:.8%;gap:10px;color:var(--ink)}.reader-topbar{color:var(--ink)}.reader-night .reader-topbar,.reader-night .article-sequence{color:#fffcf3db}.reader-night .article-sequence small{color:#fffcf385}.article-sequence button{max-width:100%}.article-sequence span{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-view .stage-art{object-position:22% center}.back-home{color:var(--ink)}.back-home,.about-return{top:15px;left:20px}.back-copy{top:48%;right:8vw;width:82vw}.back-copy h1{font-size:clamp(36px,10vw,54px)}.back-copy>div{flex-direction:column;align-items:flex-start;gap:4px}.back-signature{left:8vw;bottom:24px;color:#19254aad}.about-copy{top:49%;left:8vw;width:82vw}.about-copy h1{font-size:42px}.about-copy>p:nth-of-type(2){font-size:13px}}@media (max-height: 690px) and (min-width: 821px){.cover-copy{top:10%;transform:scale(.84);transform-origin:left top}.part-map-item strong{font-size:15px}.part-map-item span{font-size:9px}.article-directory button{min-height:48px}.paper-page-inner{font-size:calc(12px * var(--reader-scale));line-height:1.78}.article-heading h1{font-size:25px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}