@import url("/mobile-polish.css?v=2");
@import url("/image-motion.css?v=2");

@font-face{font-family:"Alibaba PuHuiTi";src:url("/fonts/alibaba-puhuiti-regular-site.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Alibaba PuHuiTi";src:url("/fonts/alibaba-puhuiti-medium-site.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Alibaba PuHuiTi";src:url("/fonts/alibaba-puhuiti-semibold-site.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"QianTu HouHei";src:url("/fonts/qiantu-houhei-site.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}
:root{--ink:#101820;--paper:#fff;--soft:#faf9f6;--line:rgba(16,24,32,.16);--muted:rgba(16,24,32,.62);--quiet:rgba(16,24,32,.62);--sans:"Alibaba PuHuiTi","PingFang SC","Microsoft YaHei",sans-serif;--display:"QianTu HouHei","Alibaba PuHuiTi",sans-serif;--pad:clamp(24px,6vw,112px);--space:clamp(85px,8vw,135px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,a{font:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}::selection{color:#fff;background:var(--ink)}
.story-header{position:fixed;z-index:30;top:14px;right:clamp(14px,2.5vw,36px);left:clamp(14px,2.5vw,36px);display:grid;min-height:68px;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px 0 18px;border:1px solid rgba(255,255,255,.86);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 16px 44px rgba(16,24,32,.08),inset 0 1px 0 rgba(255,255,255,.96);-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)}.story-brand{display:flex;width:122px;height:56px;align-items:center;overflow:hidden}.story-brand img{width:112px;height:auto;object-fit:contain}.story-header nav{display:flex;gap:34px;font-size:14px;white-space:nowrap}.story-header nav a{padding:24px 0;border-bottom:1px solid transparent}.story-header nav a:hover,.story-header nav a[aria-current="page"]{border-color:var(--ink)}.header-read,.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:28px;padding:0 20px;border:1px solid var(--ink);border-radius:12px;color:#fff;background:var(--ink);font-size:14px;font-weight:500}.header-read{min-height:46px;justify-self:end;gap:22px;padding:0 17px;font-size:13px}.button:hover,.header-read:hover{color:var(--ink);background:#fff}
.eyebrow{margin:0;color:var(--quiet);font-size:12px;font-weight:600;letter-spacing:.15em}.book-hero{display:grid;min-height:100dvh;grid-template-columns:minmax(360px,.86fr) minmax(420px,1.14fr);gap:clamp(60px,9vw,165px);align-items:center;padding:126px var(--pad) 72px;background:var(--soft)}.book-hero figure{margin:0;justify-self:end;width:min(600px,100%)}.book-hero figure img{width:100%;max-height:760px;object-fit:cover;box-shadow:0 28px 80px rgba(16,24,32,.14)}.book-copy{max-width:720px}.book-status{display:flex;flex-wrap:wrap;gap:0;margin:25px 0 35px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.book-status span{padding:10px 16px;border-right:1px solid var(--line);font-size:12px}.book-status span:first-child{padding-left:0}.book-copy h1{margin:0;font-family:var(--display);font-size:clamp(60px,6.2vw,96px);font-weight:800;letter-spacing:-.032em;line-height:1.04}.book-hook{max-width:670px;margin:34px 0 14px;font-size:clamp(22px,1.9vw,31px);line-height:1.6}.book-copy>p:not(.eyebrow):not(.book-hook){max-width:640px;color:var(--muted);font-size:17px;line-height:1.85}.book-copy .button{margin-top:30px}.book-copy>small{display:block;max-width:560px;margin-top:20px;color:var(--quiet);font-size:12px;line-height:1.7}
.book-intro{display:grid;grid-template-columns:.3fr 1fr .7fr;gap:clamp(35px,5vw,90px);align-items:start;padding:var(--space) var(--pad);border-top:1px solid var(--line)}.book-intro blockquote{margin:0;font-size:clamp(32px,3.7vw,60px);font-weight:500;letter-spacing:-.025em;line-height:1.45}.book-intro>p:last-child{max-width:480px;margin:0;color:var(--muted);font-size:17px;line-height:1.9}
.chapters{padding:var(--space) var(--pad);border-top:1px solid var(--line);background:var(--soft)}.chapters>header{display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:end;margin-bottom:70px}.chapters h2,.book-characters h2{margin:14px 0 0;font-size:clamp(43px,4.3vw,70px);font-weight:600;letter-spacing:-.03em;line-height:1.1}.chapters>header>p{max-width:480px;margin:0;color:var(--muted);font-size:16px;line-height:1.8}.chapters ol{margin:0;padding:0;border-top:1px solid var(--ink);list-style:none}.chapters li{display:grid;min-height:185px;grid-template-columns:.18fr 1fr auto;gap:30px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.chapters li>span{align-self:start;color:var(--quiet);font-size:13px}.chapters li small{color:var(--quiet);font-size:12px;letter-spacing:.07em}.chapters h3{margin:9px 0 5px;font-size:clamp(28px,2.4vw,40px);font-weight:500;letter-spacing:-.025em}.chapters li p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.chapters li>a{padding-bottom:5px;border-bottom:1px solid var(--ink);font-size:14px}.chapters li>em{color:var(--quiet);font-size:12px;font-style:normal}.chapters .available{background:#fff}.chapters .available>span{color:var(--ink)}
.book-characters{padding:var(--space) var(--pad);border-top:1px solid var(--line)}.book-characters>header{margin-bottom:60px}.book-characters>div{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px)}.book-characters article{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:end;padding-top:20px;border-top:1px solid var(--ink)}.book-characters article img{width:100%;aspect-ratio:1/1;object-fit:cover}.book-characters article h3{align-self:end;margin:0;font-size:clamp(27px,2.2vw,37px);font-weight:500}.book-characters article p{grid-column:2;margin:0;color:var(--muted);font-size:15px;line-height:1.75}
footer{display:grid;min-height:110px;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px var(--pad);border-top:1px solid var(--line);color:var(--quiet);font-size:12px}footer span:last-child{justify-self:end}
@media(max-width:1080px){.story-header{grid-template-columns:1fr auto}.story-header nav{display:none}.book-hero{grid-template-columns:.9fr 1.1fr;gap:50px}.book-intro{grid-template-columns:.25fr 1fr}.book-intro>p:last-child{grid-column:2}.book-characters article{grid-template-columns:1fr}.book-characters article p{grid-column:1}.chapters li{grid-template-columns:.12fr 1fr auto}}
@media(max-width:700px){:root{--pad:20px;--space:80px}.story-header{top:8px;right:8px;left:8px;min-height:62px;padding:0 10px 0 13px;border-radius:16px}.story-brand{width:96px;height:50px}.story-brand img{width:88px;height:auto}.header-read{min-height:44px;padding:0 13px;gap:10px}.book-hero{min-height:auto;grid-template-columns:1fr;gap:42px;padding:106px 20px 72px}.book-hero figure{order:2;justify-self:center;width:min(340px,88%)}.book-hero figure img{max-height:52svh;object-fit:contain}.book-copy{display:flex;order:1;flex-direction:column}.book-copy>.eyebrow{order:1}.book-status{display:none}.book-copy h1{order:2;margin-top:12px;font-size:clamp(52px,15vw,68px);line-height:1.05}.book-hook{order:3;margin:22px 0 8px;font-size:clamp(20px,5.8vw,25px);line-height:1.55}.book-copy>.button{order:4;margin-top:18px}.book-copy>p:not(.eyebrow):not(.book-hook){order:5;margin:22px 0 0;font-size:16px;line-height:1.75}.book-copy>small{order:6;margin-top:15px}.book-intro{grid-template-columns:1fr;gap:28px}.book-intro>p:last-child{grid-column:1}.chapters>header{grid-template-columns:1fr;gap:25px;margin-bottom:50px}.chapters li{min-height:auto;grid-template-columns:42px 1fr;padding:28px 0}.chapters li>a,.chapters li>em{grid-column:2;justify-self:start}.book-characters>div{grid-template-columns:1fr}.book-characters article{grid-template-columns:.75fr 1.25fr}.book-characters article p{grid-column:2}footer{display:flex;align-items:flex-start;flex-direction:column;gap:18px}footer span:last-child{justify-self:start}}
@media(max-width:440px){.header-read span{display:none}.button{width:100%}.book-characters article{grid-template-columns:1fr}.book-characters article p{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}

/* Preserve the intrinsic ratio of character artwork instead of honoring raw HTML pixel height. */
img{height:auto}
.book-characters article img{height:auto;object-fit:contain}
@media(prefers-reduced-transparency:reduce){.story-header{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
@media(forced-colors:active){.story-header,.header-read,.button{border:1px solid CanvasText;background:Canvas;color:CanvasText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}
.chapters .available{transition:background-color .2s ease}
.chapters .available:hover{background:#f5f3ee}
.chapters .is-reading small::before{content:"● ";font-size:8px}
.chapters .is-read small::before{content:"✓ ";color:var(--ink)}