:root{--paper:#f7f2e8;--surface:#fffaf2;--ink:#272d32;--muted:#596773;--line:#c9cfce;--coral:#b64631;--soft:#efe1d7;--blue:#3c5d70;--offset:100px;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;font-size:1rem;line-height:1.85}h1,h2,h3,h4,p,dl,dd,ol,ul,figure{margin:0}h1,h2,h3,h4{line-height:1.4;overflow-wrap:anywhere}p,li,dt,dd{overflow-wrap:anywhere}a{color:inherit;text-underline-offset:.25em}a:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:5px}a:hover{text-decoration-thickness:2px}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}section[id],article[id]{scroll-margin-top:var(--offset)}.skip-link{position:fixed;z-index:100;top:12px;left:12px;background:var(--ink);color:#fff;padding:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}.header-inner{width:min(1500px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:88px}.brand-label{font-size:1.45rem;font-weight:800;color:var(--coral);white-space:nowrap}.brand-label span{display:block;font-size:.75rem;color:var(--muted);font-weight:400;letter-spacing:.08em}.menu{min-width:0}.menu summary{display:none;list-style:none;min-height:44px;align-items:center;cursor:pointer;font-weight:600;white-space:nowrap}.menu summary::-webkit-details-marker{display:none}.menu summary::after{content:"＋";margin-left:14px}.menu[open] summary::after{content:"−"}#site-navigation{display:flex;gap:8px;align-items:center}#site-navigation a{font-size:.875rem;text-decoration:none;padding:11px 12px;min-height:44px;white-space:nowrap;border-bottom:2px solid transparent}#site-navigation a:hover{border-color:var(--coral)}#site-navigation a[aria-current]{background:var(--soft);color:var(--coral);border-radius:6px;border-bottom-color:var(--coral)}.nav-fold .menu summary{display:flex}.nav-fold #site-navigation{position:absolute;top:100%;left:0;right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 32px;background:var(--surface);border-bottom:1px solid var(--line);max-height:var(--menu-height,65vh);overflow:auto}.nav-fold .menu:not([open]) #site-navigation{display:none}.hero{padding-block:70px 60px}h1 .hero-brand{display:block;color:var(--coral);font-size:clamp(4rem,8.7vw,8rem);font-weight:850;letter-spacing:-.04em;line-height:1.15}h1 .hero-position{display:block;font-size:clamp(1.4rem,2.5vw,2.4rem);font-weight:550;margin-top:15px}.hero-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:100px;margin-top:45px;align-items:start}.hero-intro>p{max-width:620px}.tagline{font-size:1.7rem;font-weight:600;line-height:1.6}.text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:15px;font-weight:600;color:var(--coral)}.section{padding-block:65px;border-top:1px solid var(--line)}.section-title{display:grid;grid-template-columns:220px 1fr;gap:30px;margin-bottom:35px}.section-title>span{font-size:.875rem;color:var(--blue);letter-spacing:.08em;padding-top:10px}h2{font-size:clamp(1.65rem,2.8vw,2.45rem);letter-spacing:-.025em}h3{font-size:1.35rem}.narrow-copy{margin-left:250px;max-width:820px}.muted{color:var(--muted)}.reading-scope{margin-left:250px;display:grid;grid-template-columns:1fr 1.15fr;gap:48px}.reading-scope dl>div{border-bottom:1px solid var(--line);padding-block:0 18px;margin-bottom:18px}.reading-scope dt{font-weight:700}.reading-scope dd{margin-top:8px;color:var(--muted)}.chapter-overview{margin-left:250px}.chapter-overview ol{display:flex;list-style:none;padding:0;gap:24px;margin-block:20px}.lead-work{display:grid;grid-template-columns:220px 1fr;gap:70px;margin-left:250px;align-items:start}.image-link{display:block;position:relative;background:#e6e4df;box-shadow:0 0 0 1px var(--line);min-width:44px;min-height:44px;border-radius:3px}.image-link img{display:block;width:100%;height:auto;border-radius:3px}.image-link:hover{box-shadow:0 0 0 3px var(--coral),0 9px 25px #272d321a}.image-link:active{filter:brightness(.88)}.image-link:focus-visible{outline:3px solid var(--coral);outline-offset:7px}.eyebrow{font-size:.875rem;color:var(--blue);margin-bottom:12px}.story{font-size:1.25rem;max-width:650px;margin-block:25px}footer{display:flex;justify-content:space-between;gap:30px;padding-block:40px;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}
@media(max-width:1240px){.menu summary{display:flex}#site-navigation{position:absolute;top:100%;left:0;right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 32px;background:var(--surface);border-bottom:1px solid var(--line);max-height:65vh;overflow:auto}.menu:not([open]) #site-navigation{display:none}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero-intro{gap:40px}.section-title{grid-template-columns:160px 1fr}.narrow-copy,.reading-scope,.chapter-overview,.lead-work{margin-left:190px}.lead-work{gap:35px;grid-template-columns:160px 1fr}.reading-scope{display:block}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{width:calc(100% - 40px);min-height:76px;gap:15px}.brand-label span{display:none}.hero{padding-block:42px}.hero-intro{display:block;margin-top:30px}.hero-intro>div{margin-top:25px}.tagline{font-size:1.4rem}.section{padding-block:45px}.section-title{display:block;margin-bottom:26px}.section-title>span{display:block;margin-bottom:12px}.narrow-copy,.reading-scope,.chapter-overview,.lead-work{margin-left:0}.lead-work{grid-template-columns:100px 1fr;gap:25px}.story{font-size:1.05rem;margin-block:18px}footer{display:block}footer p+p{margin-top:10px}}
@media(max-width:420px){.brand-label{font-size:1.15rem}.menu summary{font-size:.875rem}.lead-work{grid-template-columns:80px 1fr;gap:20px}.hero-brand{letter-spacing:0}.nav-fold #site-navigation,#site-navigation{grid-template-columns:1fr}.chapter-overview ol{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* 分部顺序、作品资料与阅读服务采用不同信息层级。 */
.hero{display:flex;flex-direction:column}
.hero h1{order:0}.hero-visuals{order:1;display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,1fr);gap:28px;align-items:center;margin-top:42px}
.hero-visuals img{display:block;width:100%;height:auto;border-radius:3px}
.hero-visuals .visual-square{width:82%;justify-self:end}
.hero-intro{order:2;margin-top:40px;grid-template-columns:1.3fr 1fr;gap:90px}
.hero-intro .text-link{gap:24px}.hero-intro .text-link span{font-size:1.4rem}
.large-copy{font-size:clamp(1.35rem,2.3vw,1.9rem);line-height:1.6;font-weight:600;letter-spacing:-.02em;margin-bottom:20px}
.reading-scope>div>p+p{margin-top:20px}
.chapter-section{padding-bottom:50px}.chapter-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-left:250px;margin-bottom:32px}.chapter-heading>div>p{color:var(--muted);margin-top:8px}.chapter-heading>p{font-size:.95rem;color:var(--muted)}
.part-order{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.part-order li{display:flex;gap:22px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:130px;background:var(--surface)}
.part-number{color:var(--coral);font-size:1.5rem;font-weight:700;line-height:1.5;min-width:32px;font-variant-numeric:tabular-nums}.part-label{font-size:.8rem;color:var(--muted)}.part-order h4{font-size:1.15rem;margin-top:5px}.part-order p{font-size:.8rem;color:var(--muted);margin-top:6px;letter-spacing:.02em}
.opening-index{margin-left:250px;margin-top:36px;display:grid;grid-template-columns:180px 1fr;gap:28px}.opening-index h3{font-size:1.05rem}.opening-index dl{display:grid;gap:15px}.opening-index dl>div{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;padding-bottom:15px;border-bottom:1px solid var(--line);font-size:.9rem}.opening-index dt{font-weight:500}.opening-index dd{color:var(--muted)}
.collection-heading{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:start;margin-block:15px 35px}.collection-heading h3{font-size:1.6rem;color:var(--coral)}.collection-heading p{max-width:680px;color:var(--muted)}
.lead-work{grid-template-columns:220px 1fr;margin-left:250px;gap:60px;padding-bottom:38px}.lead-work h4{font-size:2rem}.creator{font-size:.9rem;color:var(--muted);margin-top:6px}.lead-fields{margin-top:22px;border-top:1px solid var(--line)}.lead-fields>div{display:grid;grid-template-columns:95px 1fr;gap:22px;padding-block:13px;border-bottom:1px solid var(--line);font-size:.95rem}.lead-fields dt{color:var(--blue);font-weight:600}
.series-list{border-top:1px solid var(--line)}.series-row{display:grid;grid-template-columns:50px 86px minmax(0,1fr) minmax(175px,.42fr);gap:32px;padding-block:28px;border-bottom:1px solid var(--line);align-items:start}
.series-number{padding-top:5px;font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums}.series-row .image-link{width:86px}.series-info h4{font-size:1.25rem}.series-info>p:not(.creator):not(.work-tags){margin-top:10px;max-width:650px;font-size:.95rem}
.work-tags{font-size:.8rem;color:var(--blue);margin-top:10px}.edition-note{border-left:1px solid var(--line);padding-left:25px}.edition-note p{font-size:.85rem;color:var(--muted);margin-top:12px}.state{font-size:.875rem;font-weight:600}.second-collection{margin-top:56px}
.event-list{margin-left:250px}.event-list article{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:24px 0;border-top:1px solid var(--line)}.event-list article:last-child{border-bottom:1px solid var(--line)}.event-list time{font-size:.9rem;color:var(--blue);font-variant-numeric:tabular-nums;padding-top:5px}.event-list h3{font-size:1.2rem}.event-list p{margin-top:6px}.event-list span{display:block;font-size:.8rem;color:var(--muted);margin-top:8px}
.completed-feature{display:grid;grid-template-columns:250px minmax(0,1fr);gap:70px;background:var(--soft);padding:48px;margin-left:250px}.completed-feature .large-copy{margin-top:25px}.completed-feature h3{font-size:2rem}.completed-line{margin-left:250px;margin-top:30px;padding-block:22px;border-top:1px solid var(--line)}.completed-line h3{font-size:1.05rem;margin-bottom:12px}.completed-line p{font-size:.9rem}.completed-line p+p{margin-top:10px}
.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.world-grid article{border-top:2px solid var(--blue);padding-top:24px}.world-grid span{color:var(--blue);font-size:.875rem}.world-grid h3{margin-block:15px}.world-grid p{font-size:.95rem}
.character-lines{margin-left:250px}.character-lines article{display:grid;grid-template-columns:1fr 1.2fr;column-gap:35px;padding-block:22px;border-top:1px solid var(--line)}.character-lines h3{font-size:1.15rem;grid-column:1;grid-row:1}.character-lines p{color:var(--muted);font-size:.875rem;grid-column:1;grid-row:2;margin-top:10px}.character-lines article>div{grid-column:2;grid-row:1/3}
.creator-table{margin-left:250px;display:grid;grid-template-columns:1fr 1fr;gap:35px 50px}.creator-table>div{border-top:1px solid var(--line);padding-top:20px}.creator-table h3{font-size:1.2rem}.creator-table p{margin-top:10px;font-size:.95rem}
.device-copy{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-left:250px}.device-copy h3{margin-bottom:18px}.device-copy p{color:var(--muted)}
.faq-list{margin-left:250px;display:grid;grid-template-columns:1fr 1fr;gap:28px 50px}.faq-list article{border-top:1px solid var(--line);padding-top:22px}.faq-list h3{font-size:1.05rem}.faq-list p{font-size:.95rem;color:var(--muted);margin-top:13px}
.about-copy{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;margin-left:250px}.about-copy>div>p+p{margin-top:20px}
a.image-link{transition:box-shadow .18s ease,filter .18s ease}
@media(max-width:1100px){.completed-feature{grid-template-columns:180px 1fr;padding:30px;gap:35px}.series-row{gap:24px;grid-template-columns:35px 80px minmax(0,1fr) minmax(160px,.42fr)}.series-row .image-link{width:80px}.hero-intro{gap:50px}}
@media(max-width:1000px){.hero-visuals{gap:20px}.chapter-heading,.opening-index,.event-list,.completed-feature,.completed-line,.character-lines,.creator-table,.device-copy,.faq-list,.about-copy{margin-left:190px}.collection-heading{grid-template-columns:160px 1fr}.part-order li{padding:20px;gap:15px}.opening-index{display:block}.opening-index dl{margin-top:20px}.completed-feature{margin-left:0}.world-grid{gap:25px}.series-row{grid-template-columns:30px 80px 1fr}.edition-note{grid-column:3;border-left:none;padding-left:0;margin-top:-12px}.edition-note p{display:inline;margin-left:12px}.device-copy,.about-copy{gap:35px}}
@media(max-width:760px){.hero-visuals{order:2;display:block;margin-top:35px}.hero-visuals .visual-square{width:65%;margin-top:22px;margin-left:auto}.hero-intro{order:1;margin-top:26px}.hero-intro>p{font-size:.95rem}.hero-intro>div{margin-top:22px}.hero h1 .hero-brand{font-size:clamp(3.1rem,13vw,5.5rem);letter-spacing:-.03em}.hero-position{font-size:1.25rem!important}.hero-visuals img{border-radius:2px}.chapter-heading,.opening-index,.event-list,.completed-feature,.completed-line,.character-lines,.creator-table,.device-copy,.faq-list,.about-copy{margin-left:0}.chapter-heading{display:block}.chapter-heading>p{margin-top:18px}.part-order{grid-template-columns:repeat(2,minmax(0,1fr))}.part-order li{padding:18px 14px;gap:10px;min-height:120px}.part-number{font-size:1.15rem;min-width:24px}.part-order h4{font-size:1rem}.opening-index dl>div{grid-template-columns:1fr;gap:5px}.collection-heading{display:block}.collection-heading p{margin-top:15px}.collection-heading h3{font-size:1.4rem}.lead-work{grid-template-columns:110px 1fr;gap:25px}.lead-work h4{font-size:1.5rem}.lead-fields{grid-column:auto}.lead-fields>div{display:block}.lead-fields dd{margin-top:7px}.series-row{grid-template-columns:80px 1fr;gap:22px;padding-block:24px}.series-number{display:none}.series-row .image-link{width:80px;grid-row:1/3}.series-info h4{font-size:1.15rem}.edition-note{grid-column:2;margin-top:0}.edition-note p{display:block;margin-left:0;margin-top:7px}.series-info>p:not(.creator):not(.work-tags){font-size:.9rem}.creator{font-size:.8rem}.work-tags{font-size:.75rem}.event-list article{grid-template-columns:100px 1fr;gap:18px}.event-list time{font-size:.8rem}.event-list h3{font-size:1.1rem}.completed-feature{grid-template-columns:110px 1fr;padding:24px 20px;gap:25px}.completed-feature h3{font-size:1.5rem}.completed-feature .large-copy{font-size:1.3rem}.world-grid{display:block}.world-grid article+article{margin-top:30px}.character-lines article{display:block}.character-lines article>div{margin-top:14px}.creator-table,.device-copy,.faq-list,.about-copy{display:block}.creator-table>div+div,.device-copy>div+div,.faq-list article+article{margin-top:28px}.about-copy>div{margin-top:25px}}
@media(max-width:440px){.part-order{grid-template-columns:1fr}.part-order li{min-height:92px;align-items:center;padding:17px 20px;gap:22px}.part-order h4{font-size:1.1rem}.lead-work{display:block}.lead-work .image-link{width:130px;margin-bottom:25px}.completed-feature{display:block}.completed-feature .image-link{width:120px;margin-bottom:25px}.series-row{grid-template-columns:70px 1fr;gap:18px}.series-row .image-link{width:70px}.event-list article{display:block}.event-list time{display:block;margin-bottom:12px}.hero-visuals .visual-square{width:72%}}
@media(prefers-reduced-motion:reduce){a.image-link{transition:none}}
@media(max-width:1000px){.lead-work{margin-left:190px}}
@media(max-width:760px){.lead-work{margin-left:0}}
@media(max-width:760px){.hero h1 .hero-brand{font-size:min(clamp(3.1rem,13vw,5.5rem),calc((100vw - 56px)/4));white-space:nowrap}}
@media(max-width:340px){.header-inner{gap:6px}.brand-label{font-size:1rem}.menu summary{font-size:.75rem}.menu summary::after{margin-left:6px}}
.chapter-subnav{margin-left:250px;margin-bottom:25px}.chapter-subnav a{display:inline-flex;align-items:center;gap:22px;min-height:44px;color:var(--coral);font-weight:600}
.story-entry{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:60px;margin-left:250px;align-items:start;padding-block:32px;border-bottom:1px solid var(--line)}
.story-entry h4{font-size:1.5rem}.story-entry .creator{margin-top:9px}.story-premise{margin-top:18px;font-size:1.05rem;max-width:700px}.story-entry .image-link{width:86px}.story-entry .work-tags{margin-top:15px}.series-list{border-top:0}
.breadcrumb{padding-top:25px;color:var(--muted);font-size:.875rem}.breadcrumb nav{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.breadcrumb a{min-height:44px;display:inline-flex;align-items:center}
.range-intro{padding-block:45px 60px;display:grid;grid-template-columns:1.3fr 1fr;gap:20px 70px}.range-intro .eyebrow{grid-column:1/-1}.range-intro h1{font-size:clamp(2.4rem,4vw,4.3rem);color:var(--coral);line-height:1.4}.range-intro>p:last-child{align-self:end;max-width:520px}
.range-explain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.range-explain article{padding-top:25px;border-top:2px solid var(--blue)}.range-explain h3{font-size:1.15rem;margin-bottom:18px}
.range-table{width:100%;border-collapse:collapse;table-layout:fixed}.range-table th,.range-table td{text-align:left;padding:23px 25px;border-bottom:1px solid var(--line);font-size:.95rem;vertical-align:top;overflow-wrap:anywhere}.range-table th:first-child{width:25%}.range-table th:nth-child(2){width:35%}.range-table thead th{font-size:.875rem;color:var(--blue);border-top:1px solid var(--line)}.range-table tbody th{font-weight:600}.range-table tbody td:last-child{color:var(--muted)}.range-table tbody tr:nth-child(even){background:var(--surface)}
@media(max-width:1000px){.story-entry,.chapter-subnav{margin-left:190px}.story-entry{gap:35px}.range-explain{gap:25px}}
@media(max-width:760px){.story-entry,.chapter-subnav{margin-left:0}.story-entry{gap:25px;grid-template-columns:minmax(0,1fr) 70px}.story-entry .image-link{width:70px}.story-entry h4{font-size:1.2rem}.story-premise{font-size:.95rem}.range-intro{display:block;padding-block:30px 45px}.range-intro>p:last-child{margin-top:28px}.range-explain{display:block}.range-explain article+article{margin-top:30px}.range-table,.range-table tbody,.range-table tr,.range-table th,.range-table td{display:block;width:100%!important}.range-table thead{display:none}.range-table tbody tr{padding:20px 0;border-top:1px solid var(--line)}.range-table tbody th,.range-table tbody td{padding:6px 12px;border:0}.range-table tbody td:first-of-type::before{content:"对应范围 · ";color:var(--blue);font-weight:600}.range-table tbody td:last-child::before{content:"内容边界 · ";color:var(--blue);font-weight:600}}
tr[id]{scroll-margin-top:var(--offset)}.work-reference{margin-top:10px}.work-reference a{display:inline-flex;gap:18px;align-items:center;min-height:44px;font-size:.8rem;color:var(--blue)}
html:not(.has-js) .site-header{position:relative}#site-navigation{flex-wrap:wrap;justify-content:flex-end}.brand-label{flex-shrink:0}
:root{--coral:#ab402d}
