:root{--night:#17232d;--deep:#101e28;--ink:#eae9e4;--mist:#9cabb0;--line:rgba(188,200,201,.22);--gold:#e8d7bf;--coral:#b47f70;--paper:#f5f0e8;--paper-ink:#283841;--page-width:1260px;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;font-size:15px;line-height:1.75}body:has(dialog[open]){overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e1be8c;outline-offset:4px}img{max-width:100%}.shell{width:min(calc(100% - 96px),var(--page-width));margin-inline:auto}.skip-link{position:absolute;left:14px;top:-80px;z-index:999;background:#f5f0e8;color:#17232d;padding:8px 16px}.skip-link:focus{top:8px}[hidden]{display:none!important}
.site-header{height:82px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;left:0;right:0;top:0;background:linear-gradient(#0c1923c4,#0c192300);border-bottom:1px solid rgba(226,230,222,.13)}.site-brand{display:flex;align-items:center;gap:11px;min-width:210px}.brand-mark{font-family:Georgia,serif;font-size:40px;line-height:1;color:#ead2ac;font-weight:400}.mark-dot{color:var(--coral)}.brand-word{display:flex;flex-direction:column;line-height:1.3;letter-spacing:.17em}.brand-word strong{font-weight:500;font-family:Georgia,serif;font-size:14px;letter-spacing:.19em}.brand-word small{font-size:9px;letter-spacing:.25em;color:#acb7b9;margin-top:5px}.main-nav{display:flex;align-items:center;gap:clamp(18px,3vw,44px)}.main-nav a{font-size:12px;color:#dde0dc;letter-spacing:.07em;transition:color .2s;padding:28px 0;position:relative;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:var(--gold)}.main-nav a.active:after{content:"";position:absolute;bottom:21px;left:0;right:0;border-bottom:1px solid var(--gold)}.header-cta{font-size:12px;letter-spacing:.14em;padding:10px 17px;border:1px solid #a1a99b6b;color:var(--gold);transition:background .2s}.header-cta:hover{background:#f5f0e81a}.menu-toggle{display:none;background:none;border:0;padding:12px}.menu-toggle span{display:block;height:1px;width:23px;background:#e4d9ca;margin:6px 0}
.hero{min-height:740px;height:min(95vh,940px);display:flex;align-items:center;position:relative;overflow:hidden;background:#101d26}.hero-art{position:absolute;inset:0;background: url('./assets/hero-city.svg') center 48%/cover no-repeat;transform:scale(1.025);animation:hero-reveal 1.6s ease-out both}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,27,.89) 0%,rgba(10,25,34,.73) 27%,rgba(10,25,34,.15) 70%),linear-gradient(0deg,#14232deb 0%,transparent 30%,#0b1c257d 100%)}.hero-grain{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(93deg,transparent 0 42px,rgba(205,216,215,.013) 43px 44px)}.hero-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding-top:56px}.hero-copy{max-width:780px}.eyebrow,.section-label{display:flex;align-items:center;gap:12px;color:var(--gold);letter-spacing:.23em;font-size:11px;font-weight:500}.eyebrow-rule{width:28px;height:1px;background:var(--gold)}.hero-kicker{font-size:12px;letter-spacing:.29em;color:#b1bbc0;margin-top:40px;margin-bottom:5px}.hero h1{font-family:Georgia,"Noto Serif TC","Songti TC",serif;font-size:clamp(39px,5.6vw,84px);font-weight:400;line-height:1.25;letter-spacing:.11em;margin:10px 0 1px;text-shadow:0 8px 30px #06121b80}.hero-script{font-family:Georgia,serif;font-style:italic;font-size:clamp(45px,5.6vw,85px);letter-spacing:-.08em;font-weight:400;line-height:1.17;margin:0 0 36px;color:#d4a985}.script-dot{color:#e0d4c5}.hero-quote{font-family:Georgia,"Noto Serif TC","Songti TC",serif;font-size:clamp(17px,1.4vw,23px);letter-spacing:.12em;font-weight:400;line-height:2;margin:0}.hero-small-rule{width:45px;height:1px;background:var(--gold);margin:24px 0 20px}.hero-english{letter-spacing:.22em;color:#a7b7bd;font-family:Georgia,serif;font-size:11px;line-height:1.9}.hero-edge{writing-mode:vertical-rl;letter-spacing:.25em;font-size:12px;color:#b6c0bc9c;display:flex;gap:20px;align-self:flex-end;margin-bottom:40px}.hero-bottom{position:absolute;z-index:2;left:0;right:0;bottom:25px;display:flex;justify-content:space-between;letter-spacing:.19em;font-size:10px;color:#c0c7c8}.down-arrow{font-size:18px;padding-left:9px}
.home-collections{padding-top:102px;padding-bottom:80px}.collection-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:36px}.collection-intro h2{font-family:Georgia,"Noto Serif TC","Songti TC",serif;font-size:clamp(28px,3vw,47px);font-weight:400;letter-spacing:.08em;margin:15px 0 0}.collection-intro h2 em{color:#a9b5b9;font-style:normal}.collection-intro>p{font-size:13px;line-height:2.05;color:#a4b4bb;letter-spacing:.09em;margin:0}.label-glyph{color:#d4b994}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.feature-card{min-height:472px;position:relative;isolation:isolate;border:1px solid rgba(200,209,207,.35);overflow:hidden;transition:border-color .3s,transform .3s;background:#192b34}.feature-card:hover{transform:translateY(-4px);border-color:#d8bb91}.feature-image{position:absolute;inset:0;z-index:-2}.feature-image img{height:100%;width:100%;object-fit:cover;transition:transform .8s}.feature-card:hover .feature-image img{transform:scale(1.045)}.feature-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07162250 0%,#0c1a2888 32%,#0b1724ed 100%)}.feature-content{padding:32px 38px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.feature-top{display:flex;justify-content:space-between;gap:12px;color:#e9cdab;font-size:11px;letter-spacing:.16em}.feature-icon{font-size:24px;line-height:1}.feature-type{color:#e3c59d;font-size:10px;letter-spacing:.18em;margin:0 0 12px}.feature-description h3{font-family:Georgia,"Noto Serif TC","Songti TC",serif;font-size:clamp(29px,3.4vw,52px);font-weight:400;line-height:1.13;margin:0 0 20px;letter-spacing:.01em}.feature-description>p:not(.feature-type){color:#d0d6d3;line-height:2;letter-spacing:.05em;margin:0 0 25px;font-size:13px}.feature-action{border:1px solid rgba(226,217,201,.55);padding:10px 16px;display:inline-flex;align-items:center;gap:33px;font-size:12px;letter-spacing:.09em;color:#f1dfc6}.feature-card:hover .feature-action{background:#ffffff14}.archive-note{text-align:center;color:#91a1a8;margin:30px auto 0;font-size:12px;letter-spacing:.04em}.home-ending{padding:30px 0 115px;display:flex;align-items:center;gap:30px}.ending-rule{height:1px;width:65px;background:#b9a182}.home-ending p{font-family:Georgia,"Noto Serif TC",serif;letter-spacing:.12em;font-size:18px;color:#dfd4c4}.ending-en{font-size:10px;letter-spacing:.21em;color:#899fa8;margin-left:auto}
.site-footer{background:#101c25;border-top:1px solid #ffffff17;padding:64px 0 25px}.footer-layout{display:flex;justify-content:space-between;gap:28px}.footer-logo{font-family:Georgia,serif;letter-spacing:.22em;font-size:16px;color:#e5dacd}.footer-logo span{color:#bd947a}.footer-layout>div>p:nth-child(2){color:#93a7a9;font-size:13px;line-height:2.1}.footer-links{display:flex;flex-direction:column;align-items:end;gap:12px;font-size:12px;letter-spacing:.05em;color:#abbabe}.footer-links a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;margin-top:28px;border-top:1px solid #ffffff1c;letter-spacing:.1em;font-size:10px;color:#809298}
/* Page scaffolding */
.sub-view{min-height:76vh;padding-top:82px}.crumbs{display:flex;align-items:center;gap:12px;font-size:11px;color:#a8b7b7;letter-spacing:.09em;flex-wrap:wrap}.crumbs a:hover{color:var(--gold)}.inner-shell{width:min(calc(100% - 96px),1160px);margin-inline:auto}.sub-banner{min-height:355px;position:relative;display:flex;align-items:end;background:#23303a;isolation:isolate;overflow:hidden}.sub-banner:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--banner-image);background-size:cover;background-position:center 53%}.sub-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c1924eb 0%,#152630b8 47%,#15263040 100%),linear-gradient(0deg,#14232df5,transparent 80%)}.sub-banner-content{padding-top:66px;padding-bottom:44px;width:100%}.sub-banner .crumbs{margin-bottom:48px}.sub-banner h1{font-family:Georgia,"Noto Serif TC","Songti TC",serif;font-size:clamp(38px,4.5vw,65px);font-weight:400;line-height:1.2;margin:11px 0 12px;max-width:820px}.sub-banner p.banner-desc{max-width:650px;color:#d5d6d2;font-size:14px;letter-spacing:.04em;line-height:2}.banner-kicker{color:#e4c8a2;font-size:11px;letter-spacing:.22em}.series-content{padding-top:49px;padding-bottom:120px}.series-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.series-header h2{font-family:Georgia,"Noto Serif TC",serif;font-weight:400;font-size:27px;margin:0}.small-meta{font-size:12px;letter-spacing:.12em;color:#98a9b0}.status-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0 0}.tiny-tag{padding:5px 11px;border:1px solid #e0c9a67f;color:#e8d7bf;font-size:11px;letter-spacing:.06em}.status-row .plain{font-size:12px;color:#a9b9bb}.series-blurb{max-width:720px;color:#aebcc1;line-height:2;font-size:14px}.series-cta-row{display:flex;gap:11px;flex-wrap:wrap;margin:28px 0 37px}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:12px 21px;min-height:45px;border:1px solid #decbaa;letter-spacing:.08em;font-size:12px;transition:background .2s}.primary-button{background:#e8d7bf;color:#1d2a33}.primary-button:hover{background:#fff0d6}.ghost-button{background:transparent;color:#e7d8c3}.ghost-button:hover{background:#ffffff0e}.primary-button:disabled,.ghost-button:disabled{opacity:.4;cursor:not-allowed}.chapter-board{border:1px solid var(--line);background:#13242c89}.chapter-head{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.13em;color:#d9c8af}.chapter-head button{background:transparent;border:1px solid #9babaa80;padding:5px 12px;color:#c0ccca;font-size:11px}.chapter-head button:hover{color:white}.chapter-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto 22px;gap:18px;align-items:center;border-bottom:1px solid #ffffff19;width:100%;padding:17px 26px;background:transparent;color:#f3ede4;text-align:left;border-left:0;border-right:0;border-top:0}.chapter-row:last-child{border-bottom:0}.chapter-row:hover,.story-row:hover{background:#ffffff0b}.chapter-number{font-family:Georgia,serif;color:#cbb396;font-size:15px}.chapter-main{min-width:0;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.chapter-title{font-family:Georgia,"Noto Serif TC",serif;font-size:17px;letter-spacing:.03em}.chapter-subtitle{color:#7d939b;font-size:11px}.chapter-last{font-size:12px;color:#a9b2b3}.chapter-arrow{font-size:20px;color:#e0c7a9;text-align:right}.chapter-read{font-size:10px;color:#efc99b;border:1px solid #c9a77870;padding:2px 6px}.chapter-adult{font-size:10px;color:#efd5d0;background:#8055558f;padding:2px 7px}.chapter-empty,.empty{padding:45px 26px;text-align:center;line-height:2;color:#aabcc0;font-size:14px}.chapter-empty strong,.empty strong{display:block;color:#e3d7c7;font-size:17px;font-weight:400;margin-bottom:7px}.filter-bar{display:flex;gap:12px;margin-bottom:25px;flex-wrap:wrap}.filter-bar input,.filter-bar select{background:#101f29;border:1px solid #71838d74;color:#dce4e2;border-radius:0;padding:12px 14px;font-size:13px;min-height:46px}.filter-bar input{flex:1;min-width:215px}.filter-bar select{min-width:115px}.filter-bar input::placeholder{color:#879ba2}.story-list{border-top:1px solid #72838a64}.story-row{background:transparent;color:#e5e4df;padding:19px 7px;display:grid;grid-template-columns:45px minmax(0,1fr) minmax(110px,auto) 75px 28px;align-items:center;gap:20px;width:100%;border:0;border-bottom:1px solid #ffffff22;text-align:left}.story-main strong{font-size:16px;letter-spacing:.035em;font-weight:400;display:block}.story-main small{font-size:11px;color:#b1bec0}.story-cp{font-size:11px;color:#aebdc1;line-height:1.4}.rating-tag{font-size:11px;padding:3px 9px;display:inline-block;background:#6c879070;color:#e3f0ef}.rating-tag.adult{background:#80504e;color:#f0d8d2}.story-no{font-family:Georgia,serif;font-size:14px;color:#bdaa90}.story-arrow{font-size:21px;color:#e2cbaa}.count-note{text-align:right;color:#8fa4a9;font-size:11px;letter-spacing:.08em;margin:18px 0}
/* Reader is intentionally warm-white on the cold dark website */
.reader-layout{background:var(--paper);color:var(--paper-ink);--reader-font-size:18px;--reader-bg:#f5f0e8;--reader-color:#283841;min-height:calc(100vh - 82px);padding-bottom:100px;transition:background .15s,color .15s}.reader-layout[data-mode="dark"]{--reader-bg:#1e2930;--reader-color:#e4e1da;background:var(--reader-bg);color:var(--reader-color)}.reader-topbar{height:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-bottom:1px solid #7c7e7738;padding:17px 0}.reader-layout .crumbs{color:var(--reader-color);opacity:.65}.reader-tools{display:flex;align-items:center;gap:7px}.reader-tools button{border:1px solid #8a8f8d5b;background:transparent;color:var(--reader-color);font-size:12px;min-width:38px;height:35px}.reader-tools button:hover{background:#9298951c}.reader-paper{max-width:782px;margin:0 auto;padding:76px 15px 36px}.reader-kicker{font-family:Georgia,serif;letter-spacing:.21em;font-size:11px;color:#967c63;text-transform:uppercase}.reader-title{font-family:Georgia,"Noto Serif TC","Songti TC",serif;font-weight:400;font-size:clamp(30px,4vw,46px);letter-spacing:.045em;line-height:1.48;margin:19px 0}.reader-meta{font-size:12px;letter-spacing:.06em;color:var(--reader-color);opacity:.62;display:flex;gap:17px;flex-wrap:wrap}.reader-rule{width:100%;border-bottom:1px solid #a59d8b63;margin:28px 0 48px}.reader-content{font-family:Georgia,"Noto Serif TC","Songti TC",serif;font-size:var(--reader-font-size);line-height:2.15;letter-spacing:.035em;overflow-wrap:anywhere}.reader-content p{white-space:pre-wrap;margin:1em 0}.reader-content a{color:#846152;text-decoration:underline;text-underline-offset:3px}.reader-layout[data-mode="dark"] .reader-content a{color:#dcb995}.reader-content h2{font-size:1.42em;margin:1.7em 0 .8em;line-height:1.4}.reader-content h3{font-size:1.15em;margin:1.4em 0 .6em}.reader-content blockquote{padding:6px 0 6px 20px;border-left:2px solid #bc9975;margin:1.5em 0;color:var(--reader-color);opacity:.82}.reader-content hr{border:0;border-top:1px solid #999b9469;margin:2.3em 0}.reader-content ul,.reader-content ol{padding-left:1.6em}.reader-content li{margin:.6em 0}.reader-content figure{margin:1.5em auto}.reader-content figure img{display:block;max-width:100%;height:auto;margin:auto}.reader-content figcaption{text-align:center;font-family:sans-serif;font-size:12px;opacity:.7}.reader-content .callout{padding:12px 17px;background:#a7a99e22}.reader-content .to-do{display:flex;align-items:start;gap:12px}.reader-content table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto;font-size:.84em}.reader-content td{padding:8px;border:1px solid #9996}.reader-content pre{overflow-x:auto;padding:12px;background:#78787814;font-size:.82em}.reader-content details{padding:8px 0}.reader-content .media-url{font-size:.85em}.reader-playlist{display:inline-block;margin:22px 0;background:#a8998b1c;color:var(--reader-color);font-size:13px;padding:8px 15px;border:1px solid #c4b4a2}.reader-toc{border:1px solid #b9b0a67d;padding:16px 20px;margin:25px 0 32px}.reader-toc strong{display:block;letter-spacing:.08em;font-size:13px;margin-bottom:10px}.reader-toc a{font-size:12px;display:inline-block;margin:6px 17px 6px 0;text-decoration:underline;text-underline-offset:3px}.reader-actions{border-top:1px solid #9a998f62;padding-top:24px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.reader-actions a{color:var(--reader-color);font-size:12px;letter-spacing:.04em;max-width:33%}.reader-actions a:hover{text-decoration:underline}.reader-progress{position:fixed;top:0;left:0;width:0;height:3px;background:#bd9574;z-index:30;transition:width .12s}
.about-view{padding:75px 0 130px}.about-view h1{font-family:Georgia,"Noto Serif TC",serif;font-size:48px;font-weight:400}.about-view p{font-size:15px;line-height:2.2;color:#b5c2c3;max-width:700px}.about-card{border:1px solid var(--line);padding:35px;margin-top:30px}.about-card h2{font-family:Georgia,"Noto Serif TC",serif;font-size:20px;font-weight:400;color:#e7d4b6;margin:15px 0 5px}dialog{max-width:490px;width:calc(100% - 38px);border:1px solid #c7ad8d;background:#1b2c36;color:#f7f0e6;padding:0;box-shadow:0 16px 70px #000a}dialog::backdrop{background:#06101bd9}.dialog-inner{padding:35px}.dialog-inner h2{font-weight:400;font-family:Georgia,"Noto Serif TC",serif;font-size:29px}.dialog-inner p:not(.section-label){color:#bbc9c9;line-height:2}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:24px}.noscript{padding:20px;text-align:center}
@keyframes hero-reveal{from{transform:scale(1.065);filter:brightness(.65)}to{transform:scale(1.025);filter:brightness(1)}}
@media(max-width:1050px){.site-header{padding:0 4.1%}.main-nav{gap:18px}.main-nav a{font-size:11px}.header-cta{display:none}.collection-intro>p{display:none}.ending-en{display:none}}
@media(max-width:740px){.shell,.inner-shell{width:calc(100% - 36px)}.site-header{height:72px;padding:0 18px}.site-brand{min-width:0}.brand-mark{font-size:35px}.brand-word strong{font-size:12px}.brand-word small{font-size:8px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#142630f7;border-bottom:1px solid #73818a7a;box-shadow:0 15px 25px #0005;padding:11px 24px 22px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:13px 0;font-size:14px}.main-nav a.active:after{bottom:9px;right:auto;width:28px}.hero{height:calc(100svh - 0px);min-height:650px;max-height:860px}.hero-art{background-position:46% center}.hero-vignette{background:linear-gradient(90deg,#091823d9,#0e22278a 75%),linear-gradient(0deg,#13232bf5,transparent 48%,#11212bb3)}.hero-inner{padding-top:64px}.hero-edge{display:none}.hero-kicker{margin-top:26px;font-size:10px}.hero h1{font-size:clamp(34px,8vw,56px);letter-spacing:.055em}.hero-script{font-size:59px;margin-bottom:32px}.hero-quote{font-size:18px}.hero-english{font-size:10px}.hero-bottom{font-size:9px;bottom:18px}.hero-bottom>span:last-child{display:none}.home-collections{padding-top:65px;padding-bottom:55px}.collection-intro{margin-bottom:27px}.collection-intro h2{font-size:29px;line-height:1.5}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-card{min-height:430px}.feature-content{padding:25px}.feature-description h3{font-size:40px}.feature-description>p:not(.feature-type){font-size:12px}.home-ending{padding:15px 0 73px;gap:16px}.home-ending p{font-size:14px}.ending-rule{width:25px;flex:none}.site-footer{padding-top:42px}.footer-layout{flex-direction:column}.footer-links{align-items:start}.footer-bottom{flex-direction:column;gap:4px}.sub-view{padding-top:72px}.sub-banner{min-height:330px}.sub-banner-content{padding:40px 0 34px}.sub-banner .crumbs{margin-bottom:42px}.sub-banner h1{font-size:37px}.series-content{padding-top:35px;padding-bottom:70px}.series-header h2{font-size:23px}.chapter-row{grid-template-columns:39px minmax(0,1fr) 20px;padding:16px 12px;gap:10px}.chapter-last{display:none}.chapter-title{font-size:15px}.chapter-head{padding:14px 15px}.story-row{grid-template-columns:28px minmax(0,1fr) 55px 18px;gap:9px;padding:15px 3px}.story-cp{grid-column:2;grid-row:2}.story-main{grid-column:2}.story-row .rating-tag{grid-column:3;grid-row:1}.story-arrow{grid-column:4;grid-row:1}.filter-bar input{flex-basis:100%}.filter-bar select{min-width:0;flex:1}.reader-topbar{padding-top:14px}.reader-paper{padding-top:46px}.reader-content{font-size:var(--reader-font-size);line-height:2}.reader-actions a{max-width:33%;font-size:11px}.about-view{padding-top:45px}.about-view h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Small-screen art direction: keep one warm window in view rather than the central city tower. */
@media(max-width:740px){.hero-art{background-position:left center}.hero-vignette{background:linear-gradient(90deg,#091823c9,#0e22277a 75%),linear-gradient(0deg,#13232bf5,transparent 48%,#11212bac)}}

/* Notion English subtitle below each chapter heading */
.reader-article-subtitle{margin:-.3rem 0 1.4rem;color:#997b69;font-family:Georgia,serif;font-size:clamp(17px,2.2vw,23px);font-style:italic;letter-spacing:.025em}
.reader-article-subtitle[hidden]{display:none}