:root{--paper:#f6f3ef;--white:#fffdfa;--red:#791e32;--deep:#491421;--ink:#252b2f;--muted:#5e6367;--line:#d5ceca;--pale:#ebe5e0;--blue:#315fc1;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--serif:"Songti SC","STSong","SimSun",serif;--offset:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--offset)}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.8 var(--sans)}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p,ul,ol,figure{margin:0}h1,h2,h3,h4{line-height:1.3;overflow-wrap:anywhere}p{overflow-wrap:anywhere}h2{font-size:clamp(2rem,3.3vw,3rem);letter-spacing:-.035em}a{color:var(--red);text-underline-offset:5px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}[id]{scroll-margin-top:var(--offset)}.container{width:min(1320px,calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;z-index:30;left:20px;top:15px;padding:10px 20px;background:var(--white);transform:translateY(-200%)}.skip-link:focus{transform:none}
.site-header{background:var(--white);border-bottom:1px solid var(--line);z-index:15}.site-header.can-stick{position:sticky;top:0}.header-inner{width:min(1400px,calc(100% - 80px));margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0}.brand-lockup{display:flex;align-items:center;gap:15px;flex-shrink:0}.brand-lockup strong{font-size:1.65rem;color:var(--red);font-weight:750;letter-spacing:-.025em}.brand-lockup span{border-left:1px solid var(--line);padding-left:15px;font-size:.72rem;color:var(--muted)}.main-nav{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:3px 8px}.main-nav a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border-radius:5px;font-size:.85rem;line-height:1.6;text-decoration:none;color:var(--ink);border-bottom:2px solid transparent}.main-nav a:hover{background:var(--pale);color:var(--red)}.main-nav a[aria-current]{background:#f2e3e7;color:var(--red);border-bottom-color:var(--red);font-weight:650}.section-kicker,.eyebrow{color:var(--red);font-size:.85rem;font-weight:600;letter-spacing:.08em}.section-kicker{margin-bottom:20px}.text-nav a{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:.9rem}.text-nav span,.hero-paths span,.genre-doors a span{font-size:1.15rem}
.brand-hero{padding:56px 0 0;background:var(--paper)}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:58px;padding-bottom:56px}.hero-copy .eyebrow{margin-bottom:26px}.hero-copy h1{font-size:clamp(3rem,5.4vw,5.6rem);letter-spacing:-.05em;font-weight:750;color:var(--red)}.hero-copy h1 span{display:block;font-size:clamp(1.2rem,1.8vw,1.65rem);letter-spacing:0;font-weight:550;line-height:1.5;margin-top:14px}.hero-tagline{margin-top:26px;font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.65;font-weight:500;color:var(--ink)}.hero-intro{font-size:.88rem;line-height:1.95;max-width:530px;margin-top:23px;color:var(--muted)}.hero-paths{display:flex;flex-wrap:wrap;gap:12px 34px;margin-top:26px}.hero-paths a{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:44px;padding-block:6px;font-size:.88rem;text-decoration:none;border-bottom:1px solid var(--red)}.hero-visual{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:14px;min-width:0}.hero-work{min-width:0}.hero-work:nth-child(1){margin-top:110px}.hero-work:nth-child(3){margin-top:60px}.hero-work .tags{font-size:.7rem;gap:2px 8px}.hero-work .cover-name{font-size:.86rem}.brand-line{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;padding:22px 0;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}.brand-line p{color:var(--red);font-size:.88rem}
.photo-link{display:block;position:relative;border:2px solid transparent;line-height:0;width:fit-content;max-width:100%;min-width:44px;min-height:44px;background:var(--pale)}.photo-link img{width:100%;height:auto}.photo-link:hover,.photo-link:active{border-color:var(--blue)}.photo-link:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.episode-badge{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);font-size:.73rem;line-height:1.4;padding:5px 8px;background:var(--deep);color:var(--white);box-shadow:0 0 0 1px #ffffff70;font-variant-numeric:tabular-nums}.cover-name{font-size:.9rem;font-weight:650;line-height:1.5;margin-top:12px;overflow-wrap:anywhere}.tags{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:.74rem;color:var(--muted);margin-top:6px;line-height:1.7}.tags span+span:before{content:"·";margin-right:12px}
.app-section{background:var(--red);color:var(--white);padding:66px 0}.app-opening{display:grid;grid-template-columns:.5fr 2fr;gap:50px}.app-opening .section-kicker{color:#ead8df}.app-opening>div{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.app-opening h2{color:var(--white)}.app-opening>div>p{font-size:.92rem;line-height:1.95;color:#f2e8ea}.app-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px;margin-top:46px}.app-capabilities article{padding-top:22px;border-top:1px solid #b47787}.capability-word{display:block;color:#ead8df;font-size:.79rem;margin-bottom:12px}.app-capabilities h3{font-size:1.23rem;margin-bottom:16px}.app-capabilities p{font-size:.86rem;line-height:1.9;color:#f2e8ea}.app-product-facts{display:flex;flex-wrap:wrap;gap:22px 35px;border-top:1px solid #b47787;margin-top:37px;padding-top:23px;font-size:.73rem;line-height:1.7;color:#f2e8ea}.app-product-facts span{display:block;margin-bottom:5px;color:#ead8df}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px 60px;margin-bottom:42px}.section-heading>p{font-size:.91rem;color:var(--muted);max-width:370px}.selected-section{padding-block:72px}.selected-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:54px}.selected-main{display:grid;grid-template-columns:minmax(170px,.9fr) minmax(0,1.15fr);gap:30px;align-items:start}.selected-cover{max-width:235px}.selected-copy{padding-top:15px}.story-type{font-size:.77rem;color:var(--muted);margin-bottom:13px}.selected-copy h3{font-size:2.25rem;color:var(--red);font-family:var(--serif);font-weight:600;margin-bottom:20px}.story-intro{font-size:.95rem;line-height:1.95}.story-state{font-size:.79rem;color:var(--muted);margin-top:25px;border-top:1px solid var(--line);padding-top:16px;font-variant-numeric:tabular-nums}.selected-side{display:flex;flex-direction:column;gap:34px}.selected-side article{display:grid;grid-template-columns:100px minmax(0,1fr);gap:23px;padding-top:21px;border-top:1px solid var(--line)}.selected-small-cover{max-width:100px}.selected-small-cover .cover-name{font-size:.79rem}.selected-small-cover .tags{font-size:.68rem}.selected-side h3{font-family:var(--serif);font-size:1.4rem;color:var(--red);font-weight:600;margin-bottom:12px}.selected-side article>div>p:not(.story-type){font-size:.83rem;color:var(--muted);line-height:1.9}
.genre-section{background:#eee8e3;padding:60px 0}.genre-doors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}.genre-doors article{border-top:2px solid var(--red);padding-top:25px}.genre-doors h3{font-size:1.37rem;color:var(--red);font-family:var(--serif);font-weight:600;margin-bottom:18px}.genre-doors p{font-size:.85rem;line-height:1.9;color:var(--muted);margin-bottom:23px}.genre-doors a{display:inline-flex;align-items:center;gap:18px;font-size:.78rem;min-height:44px;text-decoration:none;border-bottom:1px solid var(--red)}
.about-section{padding-block:72px;display:grid;grid-template-columns:1fr 1.1fr;gap:95px}.about-brand>p:not(.section-kicker){font-size:.96rem;line-height:1.95;color:var(--muted);margin-top:30px;max-width:500px}.about-details h3{font-size:1.12rem;color:var(--red);margin-bottom:15px}.about-details>p{font-size:.84rem;color:var(--muted);line-height:1.9}.about-details>p+h3{margin-top:28px}.faq-list{margin-top:27px;border-top:1px solid var(--line)}.faq-list article{padding-top:21px}.faq-list h4{font-size:.86rem;font-weight:650;margin-bottom:10px}.faq-list p{font-size:.81rem;color:var(--muted);line-height:1.9}.site-footer{background:#ece7e3;padding:35px 0;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;align-items:center}.footer-brand{font-size:2.5rem;letter-spacing:-.035em;color:var(--red);font-weight:750}.footer-grid p{font-size:.78rem;line-height:1.85;color:var(--muted)}.footer-grid>p{text-align:right}
.catalog-title{padding:54px 0 33px}.catalog-title h1{font-size:3.75rem;color:var(--red);letter-spacing:-.04em}.catalog-title h1 span{display:block;font-size:1.65rem;font-weight:500;letter-spacing:0;margin-top:14px}.catalog-title>p:last-of-type{max-width:860px;font-size:.94rem;color:var(--muted);line-height:1.95;margin-top:24px}.catalog-jumps{margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.catalog-jumps ul{list-style:none;padding:12px 0;display:flex;flex-wrap:wrap;gap:4px 26px}.catalog-jumps a{display:inline-flex;align-items:center;min-height:44px;padding:7px 4px;color:var(--red);text-decoration:none;font-size:.86rem;border-bottom:2px solid transparent}.catalog-jumps a[aria-current]{font-weight:700;border-bottom-color:var(--red)}.genre-chapter{padding:42px 0 46px;border-bottom:1px solid var(--line)}.chapter-heading{display:grid;grid-template-columns:1fr 2.1fr;gap:46px;margin-bottom:30px}.chapter-heading h2{font-family:var(--serif);font-weight:600;font-size:2.1rem;color:var(--red)}.chapter-heading p{font-size:.88rem;color:var(--muted)}.chapter-content{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,2.5fr);gap:43px}.work-lead{padding-right:32px;border-right:1px solid var(--line)}.work-lead .work-cover{max-width:220px}.work-lead .work-copy{margin-top:22px}.work-copy h3{font-family:var(--serif);font-size:1.27rem;font-weight:600;line-height:1.55;color:var(--red);margin-bottom:12px}.work-copy .synopsis{font-size:.79rem;line-height:1.9;color:var(--muted)}.work-lead .synopsis{font-size:.87rem}.work-state,.roles{font-size:.71rem;color:var(--muted);line-height:1.8;margin-top:13px;font-variant-numeric:tabular-nums}.roles{font-size:.68rem}.chapter-works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px;align-items:start}.chapter-works .work-entry{display:grid;grid-template-columns:86px minmax(0,1fr);gap:18px;align-items:start}.work-cover{min-width:0}.chapter-works .cover-name{font-size:.75rem}.chapter-works .tags{font-size:.67rem;gap:2px 6px}.chapter-works .tags span+span:before{margin-right:6px}.chapter-works .episode-badge{left:5px;bottom:5px;padding:4px 5px;max-width:calc(100% - 10px);font-size:.67rem}.rankings{padding:55px 0}.ranking-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.ranking-grid h3{font-family:var(--serif);font-size:1.75rem;color:var(--red);font-weight:600;margin-bottom:22px}.rank-list{padding:0;list-style:none;counter-reset:rank}.rank-list li{counter-increment:rank;display:grid;grid-template-columns:27px 64px minmax(0,1fr);gap:20px;padding:15px 0;border-top:1px solid var(--line);align-items:center}.rank-list li:before{content:counter(rank,decimal-leading-zero);font-size:.82rem;color:var(--red);font-variant-numeric:tabular-nums}.rank-list .photo-link{width:64px}.rank-list .episode-badge{left:3px;bottom:3px;padding:3px;max-width:calc(100% - 6px);font-size:.6rem}.rank-list .cover-name{font-size:.91rem;margin:0}.rank-list .tags{font-size:.75rem}.catalog-scope{border-top:1px solid var(--line);padding:35px 0 50px}.catalog-scope h2{font-size:1.3rem;color:var(--red);margin-bottom:17px}.catalog-scope p{font-size:.81rem;max-width:900px;color:var(--muted)}.catalog-scope .text-nav{margin-top:15px}
.faq-title{margin-top:27px}.faq-title+.faq-list{margin-top:19px}
@media(max-width:1240px){.header-inner{flex-wrap:wrap;gap:14px;padding:17px 0}.header-inner nav{margin-left:auto}.hero-layout{gap:38px;grid-template-columns:1fr 1fr}.hero-visual{gap:11px}.hero-work:nth-child(1){margin-top:75px}.hero-work:nth-child(3){margin-top:45px}.selected-layout{gap:35px;grid-template-columns:1.35fr 1fr}.selected-main{gap:24px}.selected-main .selected-copy h3{font-size:1.9rem}.genre-doors{gap:20px}.chapter-content{gap:28px;grid-template-columns:.85fr 2.15fr}.chapter-works{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.about-section{gap:55px}}
@media(max-width:1040px){.container,.header-inner{width:calc(100% - 48px)}.header-inner{display:block}.brand-lockup{margin-bottom:13px}.main-nav{gap:3px 13px}.main-nav a{padding:7px 10px}.brand-hero{padding-top:33px}.hero-layout{grid-template-columns:1fr;gap:35px}.hero-copy h1{font-size:4.6rem}.hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;align-items:start}.hero-copy .eyebrow,.hero-copy h1{grid-column:1 / -1}.hero-tagline{margin-top:25px}.hero-intro{margin-top:25px}.hero-paths{grid-column:1/-1}.hero-visual{width:80%;margin-left:auto;grid-template-columns:1fr 1fr 1fr;gap:20px}.hero-work:nth-child(1){margin-top:40px}.hero-work:nth-child(3){margin-top:20px}.app-opening{grid-template-columns:1fr;gap:6px}.app-opening>div{gap:35px}.app-capabilities{gap:32px}.selected-layout{grid-template-columns:1fr}.selected-main{grid-template-columns:235px 1fr;gap:38px}.selected-side{display:grid;grid-template-columns:1fr 1fr;gap:30px}.genre-doors{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 27px}.section-heading{gap:35px}.about-section{grid-template-columns:1fr 1fr;gap:35px}.chapter-heading{grid-template-columns:1fr 1.8fr;gap:25px}.chapter-content{grid-template-columns:1fr;gap:35px}.work-lead{display:grid;grid-template-columns:180px 1fr;gap:30px;border-right:0;padding-right:0;padding-bottom:24px;border-bottom:1px solid var(--line)}.work-lead .work-copy{margin:0}.chapter-works{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 20px}.chapter-works .work-entry{display:block}.chapter-works .work-cover{width:110px;margin-bottom:19px}.ranking-grid{gap:45px}}
@media(max-width:680px){.container,.header-inner{width:calc(100% - 36px)}.header-inner{padding:17px 0}.brand-lockup{justify-content:space-between;gap:20px;margin-bottom:14px}.brand-lockup strong{font-size:1.45rem}.brand-lockup span{font-size:.7rem}.main-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px 5px}.main-nav a{padding:7px 2px;font-size:.78rem;min-height:44px;text-align:center;line-height:1.55;overflow-wrap:anywhere}.brand-hero{padding-top:29px}.hero-layout{padding-bottom:31px;gap:31px}.hero-copy{display:block}.hero-copy .eyebrow{font-size:.76rem;margin-bottom:21px}.hero-copy h1{font-size:3.85rem}.hero-copy h1 span{font-size:1.15rem;margin-top:12px}.hero-tagline{font-size:1.22rem;margin-top:21px;line-height:1.65}.hero-intro{font-size:.83rem;margin-top:18px}.hero-paths{margin-top:18px;gap:12px 28px}.hero-paths a{font-size:.79rem;gap:16px}.hero-visual{width:100%;gap:11px}.hero-work:nth-child(1){margin-top:36px}.hero-work:nth-child(3){margin-top:18px}.hero-work .cover-name{font-size:.72rem}.hero-work .tags{font-size:.64rem;gap:2px 6px}.hero-work .tags span+span:before{margin-right:6px}.brand-line{padding:18px 0;gap:8px 25px;align-items:start;font-size:.7rem}.brand-line p{width:100%;font-size:.82rem}.episode-badge{font-size:.68rem;left:5px;bottom:5px;padding:4px 5px;max-width:calc(100% - 10px)}.section-kicker{font-size:.77rem;margin-bottom:17px}h2{font-size:1.87rem;letter-spacing:-.025em}.app-section{padding:38px 0}.app-opening>div{display:block}.app-opening h2{font-size:2rem}.app-opening>div>p{margin-top:24px;font-size:.86rem}.app-capabilities{grid-template-columns:1fr;gap:24px;margin-top:31px}.app-capabilities h3{font-size:1.11rem;margin-bottom:12px}.app-capabilities p{font-size:.83rem}.app-product-facts{display:block;margin-top:28px;padding-top:19px;font-size:.72rem}.app-product-facts p+p{margin-top:16px}.app-product-facts span{margin-bottom:3px}.selected-section{padding-block:42px}.section-heading{display:block;margin-bottom:29px}.section-heading>p{margin-top:21px;font-size:.85rem;max-width:none}.selected-main{grid-template-columns:160px minmax(0,1fr);gap:23px}.selected-copy{padding-top:0}.selected-copy h3{font-size:1.7rem;margin-bottom:15px}.story-type{font-size:.72rem;margin-bottom:10px}.story-intro{font-size:.83rem}.story-state{font-size:.72rem;margin-top:19px;padding-top:13px}.selected-cover{width:160px}.selected-side{grid-template-columns:1fr;gap:25px}.selected-small-cover{max-width:96px}.selected-side article{grid-template-columns:96px 1fr;gap:24px;padding-top:22px}.selected-side h3{font-size:1.3rem}.selected-side article>div>p:not(.story-type){font-size:.79rem}.genre-section{padding:39px 0}.genre-doors{grid-template-columns:1fr;gap:24px}.genre-doors article{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px 22px;padding-top:21px}.genre-doors h3{font-size:1.22rem;margin:0}.genre-doors p{font-size:.81rem;margin:0}.genre-doors nav{grid-column:2}.genre-doors a{font-size:.76rem;gap:14px}.section-heading .text-nav{margin-top:21px}.about-section{padding-block:43px;grid-template-columns:1fr;gap:33px}.about-brand>p:not(.section-kicker){font-size:.86rem;margin-top:23px}.about-details h3{font-size:1.04rem}.about-details>p,.faq-list p{font-size:.8rem}.faq-list h4{font-size:.85rem}.site-footer{padding:29px 0}.footer-grid{display:block}.footer-brand{font-size:2.05rem}.footer-grid>div{margin-top:19px}.footer-grid p{font-size:.73rem}.footer-grid>p{text-align:left;margin-top:16px}.catalog-title{padding:31px 0 20px}.catalog-title h1{font-size:2.8rem}.catalog-title h1 span{font-size:1.3rem;margin-top:13px}.catalog-title>p:last-of-type{font-size:.84rem;margin-top:20px}.catalog-jumps{margin-top:24px}.catalog-jumps ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 13px;padding:11px 0}.catalog-jumps a{font-size:.76rem;min-height:44px;line-height:1.6}.genre-chapter{padding:31px 0}.chapter-heading{grid-template-columns:1fr;gap:15px;margin-bottom:25px}.chapter-heading h2{font-size:1.9rem}.chapter-heading p{font-size:.83rem}.work-lead{grid-template-columns:140px minmax(0,1fr);gap:25px;padding-bottom:25px}.work-copy h3{font-size:1.2rem;margin-bottom:12px}.work-copy .synopsis,.work-lead .synopsis{font-size:.81rem}.work-state{font-size:.72rem}.roles{font-size:.7rem}.chapter-works{grid-template-columns:1fr;gap:25px}.chapter-works .work-entry{display:grid;grid-template-columns:96px minmax(0,1fr);gap:25px;padding-bottom:23px;border-bottom:1px solid var(--line)}.chapter-works .work-cover{width:96px;margin:0}.chapter-works .cover-name{font-size:.77rem}.chapter-works .tags{font-size:.7rem}.chapter-works .work-copy h3{font-size:1.15rem}.ranking-grid{grid-template-columns:1fr;gap:35px}.rankings{padding:38px 0}.ranking-grid h3{font-size:1.5rem;margin-bottom:21px}.rank-list li{grid-template-columns:24px 64px minmax(0,1fr);gap:17px}.rank-list .cover-name{font-size:.85rem}.rank-list .tags{font-size:.71rem}.catalog-scope{padding:29px 0 38px}.catalog-scope h2{font-size:1.15rem}.catalog-scope p{font-size:.8rem}.text-nav a{font-size:.79rem}}
@media(max-width:380px){.container,.header-inner{width:calc(100% - 28px)}.hero-copy h1{font-size:3.5rem}.selected-main{grid-template-columns:1fr;gap:22px}.selected-cover{width:160px}.selected-copy{max-width:none}.work-lead{grid-template-columns:1fr;gap:21px}.work-lead .work-cover{width:150px}.genre-doors article{grid-template-columns:1fr;gap:12px}.genre-doors nav{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
