:root{--berry:#843447;--night:#191a22;--paper:#fbf8f7;--rose:#f1e4e6;--ink:#292932;--muted:#665c62;--line:#d9cacc;--header:8rem;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:1rem;line-height:1.75}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35;text-wrap:balance}h1{font-size:clamp(2.3rem,3.7vw,4rem);font-weight:650;letter-spacing:-.02em}h2{font-size:2.2rem;font-weight:650}h3{font-size:1.3rem;font-family:"Songti SC",STSong,SimSun,serif}img{display:block;max-width:100%;height:auto}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #a37330;outline-offset:4px}.wrap{width:min(82rem,calc(100% - 6rem));margin-inline:auto}section[id]{scroll-margin-top:calc(var(--header) + 1.5rem)}.skip-link{position:fixed;top:-10rem;left:1rem;padding:.7rem 1rem;background:white;z-index:30}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:10}.enhanced .site-header{position:sticky;top:0}.header-brand{display:flex;justify-content:center;align-items:baseline;gap:1rem;padding:1.05rem;min-height:4.7rem}.wordmark{font-size:1.65rem;font-weight:750;letter-spacing:.1em}.brand-caption{font-size:.8rem;color:var(--muted)}nav{display:flex;justify-content:center;gap:1rem;padding:.2rem 1rem .75rem}nav a{padding:.5rem .85rem;min-height:44px;text-decoration:none;font-size:.93rem;white-space:nowrap;border-bottom:2px solid transparent;border-radius:.2rem}nav a:hover{color:var(--berry);background:var(--rose)}nav a[aria-current]{border-color:var(--berry);color:var(--berry);background:var(--rose)}.menu-toggle{background:var(--rose);border:1px solid var(--line);min-width:4rem;min-height:44px;border-radius:.2rem;color:var(--ink)}.menu-toggle[hidden],nav[hidden]{display:none}
.hero{background:var(--night);color:var(--paper);padding:2.5rem 0 3rem}.hero .wrap{display:grid;grid-template-columns:minmax(0,2fr) minmax(15rem,.85fr);gap:0 4rem}.hero-brand{grid-column:1;grid-row:2;padding-top:2rem}.hero-image{grid-column:1;grid-row:1;width:100%;background:#13131a}.hero-image img{width:100%;height:auto}.eyebrow{font-size:.85rem;letter-spacing:.1em;color:#d4b6be;margin-bottom:1rem}.slogan{color:#eac7ce;font-size:1.2rem;margin-top:1.2rem}.hero-intro{grid-column:2;grid-row:1/3;color:#d8d1d6;align-self:center;border-top:1px solid #62555e;padding-top:1.5rem}.hero-scope{margin-top:2rem;border-top:1px solid #62555e;padding-top:1rem;display:flex;flex-direction:column;gap:.45rem;font-size:.9rem;color:#d4b6be}.section-title{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:2rem}.section-title>p{color:var(--muted)}.section-label{color:var(--berry);font-size:.88rem;letter-spacing:.04em;margin-bottom:1rem}.subtitle{font-family:"Songti SC",STSong,SimSun,serif;font-size:1.4rem;line-height:1.6;margin-top:1.3rem}.category{color:var(--berry);font-size:.85rem;margin-bottom:.5rem}.facts{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.9rem;font-variant-numeric:tabular-nums;color:var(--berry);margin-top:.7rem}.facts span+span{border-left:1px solid var(--line);padding-left:.75rem}.angle{color:var(--muted);font-size:.87rem;margin-bottom:.7rem}.brief{font-size:1rem;line-height:1.8}.relation{font-size:.9rem;color:#c9bbc4;margin-top:1.2rem}.works-section{padding-block:4rem 4.5rem}.comparison-head{display:grid;grid-template-columns:1.3fr 1fr 1.3fr;gap:3rem;padding:1rem 0;border-top:2px solid var(--berry);font-size:.88rem;color:var(--muted)}.comparison-row{display:grid;grid-template-columns:1.3fr 1fr 1.3fr;gap:3rem;align-items:center;padding:1.7rem 0;border-top:1px solid var(--line)}.comparison-name{display:flex;gap:1.3rem;align-items:center}.comparison-photo{width:5rem;flex:0 0 5rem}.comparison-photo img{width:100%;height:auto}.comparison-row>p{font-size:.94rem;line-height:1.8}.comparison-row>p:last-child{color:var(--muted)}
.urban-section{border-top:1px solid var(--line);padding-block:4rem}.urban-heading{display:grid;grid-template-columns:1fr 13rem;gap:5rem;align-items:center;margin-bottom:3rem;max-width:57rem}.urban-heading>div:first-child>p:last-child{margin-top:1.5rem;max-width:38rem;color:var(--muted)}.urban-visual{border-bottom:5px solid var(--berry);padding-bottom:1rem}.urban-stories{border-top:1px solid var(--ink)}.urban-drama{display:grid;grid-template-columns:7.5rem 1fr;gap:2rem;padding:1.6rem 0;border-bottom:1px solid var(--line);align-items:start}.urban-drama .drama-copy{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr);gap:0 4rem;align-items:start}.urban-drama .angle{grid-column:1}.urban-drama h3{grid-column:1}.urban-drama .facts{grid-column:1}.urban-drama .brief{grid-column:2;grid-row:1/4}.urban-drama:nth-child(3n){padding-left:8%;border-left:2px solid var(--rose)}.drama-photo{background:var(--rose);overflow:hidden}.drama-photo img{width:100%;height:auto}
.sweet-section{background:var(--rose);padding-block:4rem}.sweet-opening{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:3rem;align-items:center;margin-bottom:3.5rem}.sweet-heading{text-align:center}.sweet-heading>p:last-child{margin-top:1.4rem;color:var(--muted)}.sweet-visual:last-child{align-self:end}.sweet-visual:first-child{align-self:start;margin-top:1rem}.sweet-pair{display:grid;grid-template-columns:1fr 1fr;gap:4rem;border-top:1px solid #c3acb2;padding-block:1.7rem}.sweet-drama{display:flex;gap:1.7rem;align-items:start}.sweet-drama .drama-photo{width:7rem;flex:0 0 7rem}.sweet-drama .drama-copy{min-width:0}.sweet-drama .brief{margin-top:1rem}.sweet-pair>.sweet-drama:last-child{padding-top:1.8rem}.sweet-pair:last-child{border-bottom:1px solid #c3acb2}.sweet-drama h3{font-size:1.22rem}
.fantasy-section{background:var(--night);color:var(--paper);padding-block:4rem}.fantasy-opening{display:grid;grid-template-columns:1fr 1.5fr;gap:5rem;align-items:start;margin-bottom:3.5rem}.fantasy-opening>div:first-child>p:last-child{color:#d5cbd0;margin-top:1.5rem}.fantasy-section .section-label,.fantasy-section .facts{color:#e5b7c3}.fantasy-section .facts span+span{border-color:#71616b}.fantasy-visual{border-bottom:1px solid #76606b;padding-bottom:1.5rem}.fantasy-stories{border-top:1px solid #71616b}.fantasy-drama{display:grid;grid-template-columns:minmax(0,1.1fr) 6rem minmax(0,1.5fr);gap:3rem;padding-block:1.8rem;border-bottom:1px solid #574854;align-items:start}.fantasy-drama .angle{color:#c9bbc4}.fantasy-drama .drama-photo{background:#39303a}.fantasy-drama:nth-child(2n){grid-template-columns:minmax(0,1.1fr) 8rem minmax(0,1.5fr);padding-left:4%}.fantasy-drama .brief{color:#ede5e9}.fantasy-rule h3{font-size:1.3rem}
.about-section{padding-block:4rem;display:grid;grid-template-columns:1fr 1.5fr;gap:2.5rem 4rem}.about-copy p+p{margin-top:1.2rem}.about-copy{max-width:45rem}.content-notes{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding-block:1.5rem;border-top:1px solid var(--line)}.content-notes h3{font-size:1rem;font-family:inherit}.content-notes p{font-size:.93rem;color:var(--muted);margin-top:.7rem}.faq{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:3rem;border-top:1px solid var(--line);padding-top:2rem}.faq h2{font-size:1.4rem}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.faq-list h3{font-size:1rem;font-family:inherit}.faq-list p{font-size:.93rem;color:var(--muted);margin-top:.7rem}.site-footer{padding-block:1.5rem;display:flex;justify-content:space-between;gap:1rem;font-size:.85rem;border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:1000px){.wrap{width:calc(100% - 3rem)}.hero .wrap{gap:0 2rem;grid-template-columns:minmax(0,1.7fr) minmax(14rem,1fr)}.hero-image{align-self:end}.hero-brand h1{font-size:2.8rem}.comparison-head,.comparison-row{gap:1.5rem;grid-template-columns:1.4fr 1fr 1.3fr}.comparison-name{gap:1rem}.urban-drama .drama-copy{gap:0 2rem}.urban-heading{gap:3rem}.sweet-opening{gap:1.5rem;grid-template-columns:.9fr 1.5fr .9fr}.sweet-pair{gap:2rem}.sweet-drama{gap:1.2rem}.sweet-drama .drama-photo{width:5.5rem;flex-basis:5.5rem}.fantasy-opening{gap:3rem}.fantasy-drama{gap:2rem}.about-section{gap:2rem}}
@media(max-width:760px){:root{--header:4.5rem}.header-brand{justify-content:flex-start;padding:1rem 1.5rem;align-items:center}.wordmark{font-size:1.4rem}.brand-caption{font-size:.75rem}.menu-toggle{margin-left:auto}.enhanced nav{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;padding:0 1.5rem 1rem}.enhanced nav[hidden]{display:none}.enhanced nav a{text-align:center}.site-header:not(.enhanced .site-header) nav{flex-wrap:wrap;gap:.2rem}.hero .wrap{display:flex;flex-direction:column;gap:0}.hero-brand{padding-top:0;order:0;margin-bottom:1.8rem}.hero-brand h1{font-size:2.5rem}.hero-image{order:1;width:100%}.hero-intro{order:2;margin-top:1.8rem;padding-top:1.2rem}.hero-scope{flex-direction:row;flex-wrap:wrap;gap:.5rem 1.3rem;margin-top:1.2rem}.hero{padding-block:2rem 2.5rem}.section-title{display:block}.section-title>p{margin-top:.8rem}.comparison-head{display:none}.comparison-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;border-top:1px solid var(--line)}.comparison-name{grid-column:1/-1}.comparison-row>p{border-left:1px solid var(--line);padding-left:1rem}.urban-heading{grid-template-columns:1fr 8rem;gap:2rem}.urban-drama{grid-template-columns:6rem 1fr;gap:1.5rem}.urban-drama .drama-copy{display:block}.urban-drama .brief{margin-top:1rem}.urban-drama:nth-child(3n){padding-left:0;border-left:0}.sweet-opening{grid-template-columns:1fr 1fr;gap:1rem}.sweet-heading{grid-column:1/-1;grid-row:1;margin-bottom:1rem}.sweet-visual{grid-row:2}.sweet-visual:first-child{margin:0}.sweet-pair{display:block;padding-block:0}.sweet-drama{padding-block:1.6rem}.sweet-pair>.sweet-drama:last-child{padding-top:1.6rem;border-top:1px solid #c3acb2}.sweet-drama .drama-photo{width:6rem;flex-basis:6rem}.fantasy-opening{display:flex;flex-direction:column;gap:2rem}.fantasy-visual{width:100%}.fantasy-drama,.fantasy-drama:nth-child(2n){grid-template-columns:5.5rem 1fr;gap:1rem 1.5rem;padding-left:0}.fantasy-rule{grid-column:2;grid-row:1}.fantasy-drama .drama-photo{grid-column:1;grid-row:1/3}.fantasy-drama .drama-copy{grid-column:2;grid-row:2}.about-section{display:block}.about-copy{margin-top:1.8rem}.content-notes{margin-top:2rem;gap:2rem}.faq{display:block;margin-top:1rem}.faq-list{margin-top:1.5rem;gap:1.5rem}}
@media(max-width:450px){.wrap{width:calc(100% - 2rem)}.header-brand{padding-inline:1rem}.wordmark{font-size:1.25rem}.brand-caption{display:none}.hero-brand h1{font-size:2.1rem}.hero-brand h1 br{display:none}h2{font-size:1.85rem}.section-label{font-size:.83rem}.section-title{margin-bottom:1.5rem}.works-section,.urban-section,.sweet-section,.fantasy-section,.about-section{padding-block:2.8rem}.comparison-row{display:block}.comparison-row>p{margin-top:1.2rem}.comparison-photo{width:4.3rem;flex-basis:4.3rem}.comparison-row h3{font-size:1.15rem}.urban-heading{display:block;margin-bottom:2rem}.urban-visual{width:35%;margin:1.5rem 0 0 auto}.urban-heading>div:first-child>p:last-child{margin-top:1rem}.urban-drama{grid-template-columns:4.8rem 1fr;gap:1rem;padding-block:1.4rem}.urban-drama h3,.sweet-drama h3,.fantasy-drama h3{font-size:1.14rem}.brief{font-size:1rem}.sweet-drama{gap:1rem}.sweet-drama .drama-photo{width:4.8rem;flex-basis:4.8rem}.sweet-opening{margin-bottom:2rem}.fantasy-drama,.fantasy-drama:nth-child(2n){grid-template-columns:4.8rem 1fr;gap:.8rem 1rem}.fantasy-drama .relation{margin-top:.8rem}.fantasy-opening{margin-bottom:2rem}.content-notes,.faq-list{display:block}.content-notes>div+div,.faq-list>article+article{margin-top:1.5rem}.subtitle{font-size:1.2rem}.site-footer{flex-wrap:wrap}.enhanced nav{padding-inline:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:900px){.header-brand{justify-content:flex-start;flex-wrap:wrap;gap:.5rem 1rem;padding:1rem 1.5rem;align-items:center}.wordmark{font-size:1.4rem}.menu-toggle{margin-left:auto}.site-header nav,.enhanced nav{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:.3rem;overflow-x:auto;padding:0 1rem 1rem}.site-header nav a{flex:0 0 auto;min-width:6.2rem}.enhanced nav[hidden]{display:none}}
@media(max-width:450px){.header-brand{padding-inline:1rem}.wordmark{font-size:1.25rem}}