:root{--blue:#244cd0;--ink:#252b37;--muted:#536079;--wash:#edf2fc;--line:#d6deed;--white:#fff;--accent:#f1d3a0;--anchor-offset:108px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--white);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0}h1,h2,h3,h4,p,dl,dd{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}p{line-height:1.85}h1,h2,h3{overflow-wrap:anywhere}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}a,button,summary{touch-action:manipulation}section[id],main[id]{scroll-margin-top:var(--anchor-offset)}.wrap{width:min(1184px,calc(100% - 96px));margin-inline:auto}.overline{font-size:.8rem;letter-spacing:.1em;color:var(--blue);font-weight:650;line-height:1.5}.genre{font-size:.82rem;color:var(--blue);font-weight:600;line-height:1.5}.facts{font-variant-numeric:tabular-nums;font-size:.86rem;color:var(--muted);line-height:1.65;margin-top:12px}.skip-link{position:fixed;top:10px;left:20px;padding:12px 20px;background:#fff;z-index:20;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:10;background:#fffffffa;border-bottom:1px solid var(--line)}.header-wrap{width:min(1360px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:36px;min-height:86px}.brand{font-size:1.5rem;font-weight:760;letter-spacing:.03em;white-space:nowrap}.brand span{display:block;font-size:.65rem;letter-spacing:.12em;color:var(--muted);font-weight:500;margin-top:5px}.menu-toggle{display:none;min-width:76px;min-height:44px;padding:9px 12px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:6px}.menu-toggle span{margin-left:12px}nav{display:flex;gap:8px;align-items:center}nav a{min-height:44px;display:flex;align-items:center;padding:10px 16px;font-size:.9rem;text-decoration:none;border-radius:5px;position:relative;white-space:nowrap}nav a:hover{background:var(--wash);color:var(--blue)}nav a[aria-current]{color:var(--blue);background:var(--wash)}nav a[aria-current]:after{content:"";height:2px;position:absolute;left:16px;right:16px;bottom:5px;background:var(--blue)}nav a:active,.menu-toggle:active{background:#dfe7fa}
.opening{padding-top:66px}.opening-copy{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:74px;padding-bottom:42px}.opening h1{font-size:clamp(36px,4.3vw,64px);line-height:1.24;font-weight:730;letter-spacing:-.035em;margin-top:22px}.opening h1 span{font-size:.69em;letter-spacing:-.025em;color:var(--blue)}.opening-intro{max-width:470px;padding-bottom:8px}.tagline{font-size:1.4rem;font-weight:600;line-height:1.5;margin-bottom:18px}.opening-intro>p:last-child{font-size:.96rem;color:var(--muted)}.photo{overflow:hidden;background:var(--wash)}.photo img{display:block;width:100%;height:auto}.opening-photo{aspect-ratio:3/1;border-radius:2px}.opening-photo img{height:100%;object-fit:cover;object-position:center 58%}.opening-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:20px 0 34px;border-bottom:1px solid var(--line)}.opening-bottom>span{font-size:1.05rem;font-weight:650;color:var(--blue)}.opening-bottom p{font-size:.78rem;color:var(--muted);letter-spacing:.03em}
.categories{padding-top:84px}.category-intro{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.category-intro h2{font-size:2rem;line-height:1.4;margin-top:14px;font-weight:660}.category-intro>p{font-size:.94rem;color:var(--muted);max-width:530px}.category-map{margin-top:38px;border-top:1px solid var(--ink)}.category-map>div{display:grid;grid-template-columns:180px 1fr 1.2fr;gap:32px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.category-map dt{font-size:1.13rem;font-weight:680}.category-map dd:first-of-type{font-size:1.05rem;color:var(--blue)}.category-map dd:last-child{font-size:.87rem;color:var(--muted);line-height:1.65}.genre-section{padding-top:94px}.genre-heading{display:grid;grid-template-columns:170px 1.1fr 1fr;column-gap:42px;align-items:center;margin-bottom:36px}.genre-heading h2{font-size:clamp(28px,2.55vw,38px);line-height:1.4;font-weight:650;letter-spacing:-.02em}.genre-heading>p:last-child:not(.overline){font-size:.9rem;color:var(--muted);max-width:440px}.period-photo{aspect-ratio:2.45/1}.period-photo img{height:100%;object-fit:cover;object-position:center 42%}.period-story{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;background:var(--wash);padding:38px 42px 40px}.feature-title h3,.family-story h3,.workplace-story h3{font-family:"Songti SC","Noto Serif CJK SC",SimSun,serif;font-size:clamp(26px,2.4vw,34px);line-height:1.45;font-weight:680;margin-top:14px;letter-spacing:.015em}.feature-description>p{font-size:.98rem}.plot-notes{margin-top:25px}.plot-notes>div{display:grid;grid-template-columns:80px 1fr;gap:20px;margin-top:13px}.plot-notes dt{font-size:.78rem;line-height:1.75;color:var(--blue);font-weight:650}.plot-notes dd{font-size:.84rem;line-height:1.75;color:var(--muted)}
.more-series{margin-top:24px;border-block:1px solid var(--line)}.more-series>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:16px 4px;cursor:pointer}.more-series>summary::-webkit-details-marker{display:none}.more-series>summary:hover{color:var(--blue)}.more-series>summary:active{background:var(--wash)}.more-series>summary>span:first-child{font-size:1rem;font-weight:620}.summary-count{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:28px}.plus{font-size:1.6rem;font-weight:400;color:var(--blue);line-height:1}.more-series[open] .plus{font-size:0}.more-series[open] .plus:after{content:"−";font-size:1.6rem}.series-row{display:grid;grid-template-columns:96px 245px 1fr;gap:32px;padding:26px 4px;border-top:1px solid var(--line);align-items:center}.mini-photo{aspect-ratio:2/3}.mini-photo img{height:100%;object-fit:cover}.series-name h3{font-family:"Songti SC",SimSun,serif;font-size:1.2rem;line-height:1.55;margin-top:8px;font-weight:650}.series-plot{font-size:.93rem;color:var(--muted);max-width:630px}.life-sections{position:relative;margin-top:18px}.family-section .genre-heading,.workplace-section .genre-heading{grid-template-columns:170px 1fr;gap:42px}.family-feature{display:grid;grid-template-columns:1.05fr 1fr;gap:58px;align-items:center}.family-photo{aspect-ratio:1.4/1}.family-photo img{height:100%;object-fit:cover;object-position:center 30%}.family-story{padding:22px 0}.family-story>p:not(.genre):not(.facts){margin-top:22px;font-size:.96rem}.relationship-note{border-left:3px solid var(--accent);padding-left:22px;margin-top:28px}.relationship-note h4{font-size:.88rem;line-height:1.7;font-weight:650}.relationship-note p{font-size:.86rem;color:var(--muted);margin-top:9px}.workplace-section{padding-bottom:90px}.workplace-feature{display:grid;grid-template-columns:1fr .83fr;gap:70px;align-items:start}.workplace-story{padding:22px 0}.workplace-story>p:not(.genre):not(.facts){margin-top:22px;font-size:.96rem}.workplace-photo{aspect-ratio:1/1.12;margin-top:7px}.workplace-photo img{height:100%;object-fit:cover;object-position:30% center}.career-notes{margin-top:28px;border-top:1px solid var(--line)}.career-notes>div{padding:17px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:90px 1fr;gap:22px}.career-notes dt{font-size:.83rem;color:var(--blue);line-height:1.7;font-weight:650}.career-notes dd{font-size:.86rem;color:var(--muted);line-height:1.7}
.about-section{background:var(--wash);padding:76px 0 80px}.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:96px}.about-brand h2{font-size:2.1rem;line-height:1.45;margin-top:16px;font-weight:670}.about-brand>p:not(.overline){font-size:.95rem;color:var(--muted);margin-top:22px}.reading-note{margin-top:28px;padding-top:25px;border-top:1px solid #bdc9e0}.reading-note h3{font-size:.97rem}.reading-note p{margin-top:12px;font-size:.86rem;color:var(--muted)}.faq h3{font-size:1.3rem;margin-bottom:19px;line-height:1.5}.faq details{border-top:1px solid #bdc9e0}.faq details:last-child{border-bottom:1px solid #bdc9e0}.faq summary{cursor:pointer;font-size:.96rem;line-height:1.7;padding:20px 24px 20px 0;min-height:64px}.faq summary:hover{color:var(--blue)}.faq p{font-size:.89rem;color:var(--muted);padding:0 24px 22px 0}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:30px;font-size:.8rem;color:var(--muted)}footer>span:first-child{font-size:1rem;font-weight:700;color:var(--ink)}
@media(max-width:1100px){.header-wrap{gap:20px;flex-wrap:wrap;min-height:76px;padding-block:14px}.menu-toggle{display:block;margin-left:auto}nav{width:100%;flex-wrap:wrap;gap:6px}.js-ready nav{display:none}.js-ready nav.is-open{display:flex}.opening-copy{gap:44px}.genre-heading{grid-template-columns:140px 1fr;gap:24px}.genre-heading>p:last-child:not(.overline){grid-column:2;margin-top:16px}.period-story{gap:40px;padding:32px}.category-map>div{grid-template-columns:140px 1fr 1fr;gap:20px}.series-row{grid-template-columns:84px 220px 1fr;gap:24px}.family-feature{gap:38px}.workplace-feature{gap:45px}.about-wrap{gap:56px}.site-header:not(:has(+main)){}html:not(.js-ready) .site-header{position:relative}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-wrap{width:calc(100% - 40px);min-height:66px;padding-block:10px}.brand{font-size:1.2rem}.brand span{font-size:.6rem}.site-header{border-bottom-color:var(--line)}nav a{padding:11px 14px}.opening{padding-top:38px}.opening-copy{display:block;padding-bottom:28px}.opening h1{font-size:clamp(35px,7.5vw,52px);line-height:1.28;margin-top:16px}.opening h1 span{font-size:.67em}.opening-intro{margin-top:24px;max-width:100%;padding-bottom:0}.tagline{font-size:1.08rem;margin-bottom:12px}.opening-intro>p:last-child{font-size:.89rem}.opening-photo{aspect-ratio:1.7/1}.opening-photo img{object-position:center 58%}.opening-bottom{display:block;padding:17px 0 24px}.opening-bottom>span{font-size:.92rem}.opening-bottom p{margin-top:9px;font-size:.7rem;letter-spacing:0}.categories{padding-top:49px}.category-intro{display:block}.category-intro h2{font-size:1.65rem;margin-top:12px}.category-intro>p{margin-top:18px;font-size:.9rem}.category-map{margin-top:26px}.category-map>div{grid-template-columns:1fr;gap:8px;padding:20px 0}.category-map dt{font-size:1.08rem}.category-map dd:first-of-type{font-size:.96rem}.category-map dd:last-child{font-size:.83rem}.genre-section{padding-top:56px}.genre-heading,.family-section .genre-heading,.workplace-section .genre-heading{display:block;margin-bottom:25px}.genre-heading h2{font-size:1.7rem;line-height:1.5;margin-top:13px}.genre-heading>p:last-child:not(.overline){margin-top:17px;font-size:.85rem}.period-photo{aspect-ratio:1.65/1}.period-story{display:block;padding:25px 23px}.feature-title h3,.family-story h3,.workplace-story h3{font-size:1.6rem}.feature-description{margin-top:24px}.feature-description>p{font-size:.9rem}.plot-notes>div{grid-template-columns:70px 1fr;gap:12px}.plot-notes dd{font-size:.82rem}.more-series{margin-top:23px}.more-series>summary{gap:14px;padding:16px 1px;min-height:68px}.more-series>summary>span:first-child{font-size:.92rem}.summary-count{font-size:.7rem;gap:10px;white-space:nowrap}.series-row{grid-template-columns:78px 1fr;column-gap:20px;row-gap:14px;padding:24px 0;align-items:start}.series-name h3{font-size:1.1rem;line-height:1.5}.series-plot{grid-column:1/-1;font-size:.86rem}.series-name .genre{font-size:.73rem}.series-name .facts{font-size:.79rem;margin-top:10px}.family-feature,.workplace-feature{display:flex;flex-direction:column;gap:0}.family-photo{width:100%;aspect-ratio:1.6/1}.family-story{padding-top:25px}.family-story>p:not(.genre):not(.facts),.workplace-story>p:not(.genre):not(.facts){font-size:.9rem}.relationship-note{margin-top:22px;padding-left:18px}.family-section .more-series{margin-top:8px}.workplace-story{padding-top:0;padding-bottom:0}.workplace-photo{width:100%;aspect-ratio:1.5/1;margin-top:26px}.career-notes{margin-top:22px}.career-notes>div{grid-template-columns:76px 1fr;gap:16px}.workplace-section{padding-bottom:55px}.about-section{padding:48px 0}.about-wrap{display:block}.about-brand h2{font-size:1.75rem}.about-brand>p:not(.overline){font-size:.89rem}.faq{margin-top:38px}.faq h3{font-size:1.15rem}.faq summary{font-size:.9rem}.faq p{font-size:.85rem}footer{display:grid;grid-template-columns:1fr auto;gap:10px;padding-block:25px}footer p{grid-column:1/-1;grid-row:2;font-size:.72rem}footer>span:last-child{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.opening-photo img{object-position:center 100%}