:root{--paper:#f6f8f9;--white:#fff;--ink:#182d32;--muted:#53636b;--blue:#405d6d;--line:#cbd5d9;--rust:#a94732;--gold:#b49b70;--dark:#122b31;--nav-gap:90px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-gap)}body{margin:0;font-size:16px;line-height:1.8}h1,h2,h3,h4,h5,p,dl,ol,ul,figure{margin:0}h1,h2,h3,h4{line-height:1.35}p{max-width:66ch}img{display:block;max-width:100%;height:auto}a{color:var(--rust);text-underline-offset:.25em}a:focus-visible{outline:3px solid var(--rust);outline-offset:5px}ul{list-style:none;padding:0}section,article,[id]{scroll-margin-top:var(--nav-gap)}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-160px;left:16px;padding:12px;background:white;z-index:20}.skip:focus{top:10px}.brandbar{border-bottom:1px solid var(--line);padding:20px 0}.brandbar .wrap{display:flex;justify-content:space-between;gap:24px;align-items:center}.wordmark{font-weight:750;letter-spacing:.04em;color:var(--ink);font-size:19px}.domain{color:var(--muted);font-size:12px}.opening{padding:48px 0 50px}.brand-text{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:end;margin-bottom:44px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:650;color:var(--rust);margin-bottom:14px}.brand-large{font-size:clamp(66px,7.5vw,108px);font-weight:780;letter-spacing:.015em;line-height:1.08;display:block}.brand-subtitle{font-size:clamp(19px,2vw,25px);display:block;margin-top:22px;letter-spacing:0;font-weight:550}.brand-description{color:var(--muted);font-size:15px}.slogan{font-size:20px;color:var(--rust);font-weight:500;margin-top:20px}.hero-work{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);border:1px solid var(--line);background:var(--white)}.hero-art{padding:34px;background:var(--dark);color:#eef4f5;min-width:0}.hero-art figure{width:min(360px,100%);margin:0 auto 26px}.hero-art .work-name{color:#eef4f5}.hero-art .story{font-family:"Songti SC","STSong","SimSun",serif;font-size:19px;line-height:1.9}.hero-art .tags li{color:#d7e4e8;border-color:#66838e}.hero-data{padding:34px;min-width:0}.hero-data h2{font-family:"Songti SC","SimSun",serif;font-size:clamp(25px,3vw,34px)}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px;margin-top:26px;padding:22px 0;border-block:1px solid var(--line)}dt{font-size:12px;color:var(--muted)}dd{margin:5px 0 0;font-size:15px;font-variant-numeric:tabular-nums}.range-note{font-size:13px;color:var(--muted);margin-top:24px}.primary-nav{position:sticky;top:0;z-index:8;background:var(--paper);border-block:1px solid var(--line)}.primary-nav ul{display:flex;gap:0;justify-content:space-between;padding:12px 0}.primary-nav a{display:flex;min-height:44px;min-width:44px;align-items:center;justify-content:center;padding:9px 16px;color:var(--ink);font-size:14px;font-weight:500;text-decoration:none;border:1px solid transparent;transition:background .14s,color .14s,border-color .14s}.primary-nav a:hover{border-color:var(--line);color:var(--rust)}.primary-nav a[aria-current]{background:#f1e3dd;color:#853323;border-color:#d4b2a5}.section{padding:62px 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:48px;align-items:end;margin-bottom:36px}.section-head h2{font-size:clamp(30px,3.8vw,46px);font-weight:560;letter-spacing:-.025em}.section-head p{font-size:14px;color:var(--muted)}.section-eyebrow{color:var(--rust);font-size:12px;font-weight:600;margin-bottom:12px}.mobile-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:40px;align-items:start}.device-rows{display:grid;gap:0;border-top:1px solid var(--line)}.device-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:26px;padding:26px 0;border-bottom:1px solid var(--line)}.device-row h3{font-size:19px;font-weight:550}.device-row p{color:var(--muted);font-size:15px}.app-card{border-left:1px solid var(--line);padding-left:22px;display:grid;grid-template-columns:146px minmax(0,1fr);gap:18px 22px;align-items:start;min-width:0}.app-card>div{grid-column:1/-1;min-width:0}.app-card h3{font-size:20px}.app-card .app-intro{font-size:14px;color:var(--muted);margin-top:12px}.app-shot{width:min(146px,100%);margin:0;border:1px solid var(--line);grid-column:1;align-self:start}.app-card dl{display:grid;grid-template-columns:1fr;gap:14px;grid-column:2;min-width:0}.app-card dd{font-size:13px}.app-feature-strip{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px 30px;color:var(--blue);font-size:14px}.app-note{margin-top:20px;font-size:13px;color:var(--muted)}.poster{position:relative;min-width:0}.poster-link{display:block;min-width:44px;min-height:44px;box-shadow:0 0 0 1px #8e9fa4;transition:box-shadow .15s}.poster-link img{width:100%;object-fit:contain}.poster-link:hover{box-shadow:0 0 0 4px var(--rust)}.poster-link:active,.poster-link.pressed{box-shadow:0 0 0 4px #71322b}.poster-link:focus-visible{outline:3px solid var(--rust);outline-offset:5px}.episode-badge{display:table;background:var(--ink);color:white;padding:5px 9px;font-size:12px;line-height:1.5;pointer-events:none;font-variant-numeric:tabular-nums}.work-name{margin-top:11px;font-size:15px;font-weight:550;line-height:1.55;color:var(--ink)}.tags{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:12px}.tags li{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);line-height:1.7}.selected-main{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.2fr);gap:48px;align-items:start;padding:0 0 32px}.selected-main figure{width:min(290px,100%)}.selected-story h3{font-family:"Songti SC","SimSun",serif;font-size:29px}.selected-story .story{margin-top:24px;font-size:18px;font-family:"Songti SC","SimSun",serif;line-height:1.9}.selection-reason{margin-top:20px;color:var(--rust);font-size:14px}.state{margin-top:14px;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.selected-secondary{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,.65fr);gap:30px;align-items:start;padding:30px 0;border-top:1px solid var(--line)}.selected-secondary h3{font-family:"Songti SC","SimSun",serif;font-size:25px}.selected-secondary .story{margin-top:15px;font-size:15px;color:var(--muted)}.selected-secondary dl{border-left:1px solid var(--line);padding-left:24px;display:grid;gap:15px}.themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.theme{border-top:2px solid var(--blue);padding-top:24px}.theme h3{font-size:23px;font-weight:550}.theme>p{margin-top:15px;font-size:14px;color:var(--muted)}.theme ol{list-style:none;padding:0;margin-top:24px}.theme li{display:flex;gap:15px;align-items:baseline;padding:12px 0;border-top:1px solid var(--line);font-size:14px}.theme .theme-number{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.ranks-title{font-size:25px;font-weight:550;margin:38px 0 22px}.rankings{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.ranking-board{padding-top:28px}.ranking-board h4{font-size:24px;font-weight:550;color:var(--rust);margin-bottom:22px}.rank-list{list-style:none;padding:0}.rank-row{display:grid;grid-template-columns:max-content 58px minmax(0,1fr);gap:17px;padding:18px 0;border-top:1px solid var(--line);align-items:start}.rank-no{font-size:14px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.rank-row .episode-badge{font-size:10px;padding:4px 5px}.rank-row .tags{margin-top:0}.rank-row .state{font-size:12px}.rank-title{grid-column:2/-1;font-size:15px;font-weight:550;line-height:1.5}.completed-intro{font-size:14px;color:var(--muted);margin-bottom:32px}.finished-set{margin-top:38px}.finished-set>h3{font-size:26px;font-weight:550;color:var(--blue);padding-bottom:20px;border-bottom:1px solid var(--line)}.finished-work{padding:32px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:110px minmax(0,1fr);gap:26px}.finished-work h4{font-family:"Songti SC","SimSun",serif;font-size:25px;font-weight:550}.finished-work .story{color:var(--muted);font-size:14px;margin-top:13px}.work-meta{display:flex;flex-wrap:wrap;gap:12px 26px;margin:18px 0 0;font-size:12px;color:var(--muted)}.work-meta b{font-size:13px;color:var(--ink);font-weight:550;margin-left:7px}.free-section{background:#e5edf0;margin-top:0;padding:42px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:50px}.free-section h2{font-size:35px;font-weight:550;line-height:1.45}.free-section p{font-size:15px;color:var(--muted)}.free-facts{margin-top:26px;display:grid;gap:16px}.free-facts>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:18px}.free-facts dd{margin:0;font-size:14px}.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 44px}.faq h3{font-size:18px;font-weight:550}.faq p{font-size:14px;color:var(--muted);margin-top:14px}.faq article{padding-top:20px;border-top:1px solid var(--line)}.about-section{background:var(--dark);color:#e4edf1;padding:58px 0}.about-layout{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:70px}.about-section h2{font-size:37px;font-weight:550;color:#f1f5f6}.about-section h3{font-size:18px;font-weight:550;margin:24px 0 12px}.about-section p{font-size:14px;color:#c7d8df;line-height:1.9}.about-section dl{margin-top:26px;display:grid;gap:18px}.about-section dt{color:#a8c0cb}.about-section dd{color:#e4edf1}.site-footer{background:var(--dark);border-top:1px solid #4b6671;padding:25px 0;color:#c7d8df;font-size:12px}.site-footer .wrap{display:flex;gap:15px 30px;flex-wrap:wrap;justify-content:space-between}.num{font-variant-numeric:tabular-nums}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.brand-text{gap:34px}.brand-large{font-size:78px}.hero-art,.hero-data{padding:26px}.primary-nav a{padding-inline:10px;font-size:13px}.mobile-layout{gap:28px;grid-template-columns:1fr}.app-card{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.themes{gap:24px}.selected-main{gap:32px}.selected-secondary{grid-template-columns:105px minmax(0,1fr) minmax(0,.6fr)}.section-head{gap:32px}.rankings{gap:30px}}
@media(max-width:760px){:root{--nav-gap:26px}.wrap{width:calc(100% - 40px)}.brandbar{padding:17px 0}.brandbar .domain{font-size:11px}.opening{padding:32px 0}.brand-text{display:block;margin-bottom:28px}.brand-large{font-size:clamp(54px,12vw,82px)}.brand-subtitle{font-size:20px;line-height:1.7;margin-top:18px}.brand-description{margin-top:24px;font-size:14px}.slogan{font-size:19px}.hero-work{grid-template-columns:1fr}.hero-art{padding:26px}.hero-art figure{width:min(300px,100%)}.hero-art .story{font-size:18px}.hero-data{padding:26px}.hero-data h2{font-size:27px}.primary-nav{position:static}.primary-nav ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.primary-nav a{text-align:center;font-size:12px;padding:8px 4px}.section{padding:40px 0}.section-head{display:block;margin-bottom:28px}.section-head h2{font-size:32px}.section-head p{margin-top:16px}.mobile-layout{display:block}.device-row{grid-template-columns:90px minmax(0,1fr);gap:20px}.device-row p{font-size:14px}.app-card{border-left:0;border-top:1px solid var(--line);padding:25px 0 0;margin-top:20px;display:grid;grid-template-columns:145px minmax(0,1fr);gap:18px}.app-card>div{min-width:0}.app-shot{margin:0;width:min(145px,100%)}.app-card dl{grid-column:2;grid-template-columns:1fr;gap:14px}.app-feature-strip{font-size:13px;gap:8px 18px}.selected-main{grid-template-columns:150px minmax(0,1fr);gap:25px}.selected-story h3{font-size:25px}.selected-story .story{font-size:16px;margin-top:18px}.selected-secondary{grid-template-columns:95px minmax(0,1fr);gap:23px}.selected-secondary dl{grid-column:1/-1;border-left:0;padding-left:0;grid-template-columns:repeat(3,minmax(0,1fr))}.themes{grid-template-columns:1fr;gap:30px}.theme ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.theme li{gap:12px;font-size:13px}.finished-work{grid-template-columns:85px minmax(0,1fr);gap:20px}.finished-work h4{font-size:22px}.work-meta{gap:9px 15px}.free-section{padding:28px;display:block}.free-section h2{font-size:30px}.free-section>div+div{margin-top:24px}.faq{grid-template-columns:1fr}.about-layout{grid-template-columns:1fr;gap:34px}.about-section{padding:40px 0}.about-section h2{font-size:31px}}
@media(max-width:540px){.primary-nav ul{grid-template-columns:repeat(3,minmax(0,1fr))}.selected-main{display:block}.selected-main figure{width:180px;margin:0 0 24px}.selected-secondary dl{grid-template-columns:repeat(2,minmax(0,1fr))}.rankings{grid-template-columns:1fr;gap:0}.ranking-board+section{border-top:1px solid var(--line);margin-top:20px}.rank-row{grid-template-columns:max-content 64px minmax(0,1fr)}.facts{gap:16px}.hero-data h2{font-size:26px}.theme ol{grid-template-columns:1fr}.work-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-meta b{display:block;margin-left:0;margin-top:4px}.device-row{display:block}.device-row p{margin-top:13px}.app-card{grid-template-columns:125px minmax(0,1fr);gap:18px}.app-card h3{font-size:18px}.free-facts>div{grid-template-columns:65px minmax(0,1fr);gap:14px}.domain{overflow-wrap:anywhere}}
.primary-nav.flow-nav{position:static}
html{scroll-padding-top:0}
@media(min-width:1180px) and (min-height:621px){:root{--nav-gap:128px}}
@media(max-width:1179px){.primary-nav{position:static}:root{--nav-gap:26px}}
@media(max-height:620px){.primary-nav{position:static}:root{--nav-gap:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}