:root{--ink:#232a27;--green:#164e45;--paper:#faf8f2;--sage:#e2e9e1;--line:#cbd4cc;--muted:#5d6962;--white:#fff;--nav-height:82px;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;line-height:1.7;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 22px)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.35}button,a{-webkit-tap-highlight-color:#b5d4c8}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b2672d;outline-offset:5px}section[id],article[id]{scroll-margin-top:calc(var(--nav-height) + 22px)}[hidden]{display:none!important}.wrap{width:min(1380px,calc(100% - 96px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:82px}.wordmark{font-size:27px;letter-spacing:-.06em;font-weight:850;white-space:nowrap;color:var(--green)}.wordmark span{font-size:31px;margin-right:5px;font-variant-numeric:lining-nums}.site-nav ul{display:flex;gap:10px;align-items:center;list-style:none;margin:0;padding:0}.site-nav a{display:flex;align-items:center;min-height:46px;padding:9px 15px;font-size:15px;font-weight:600;border-radius:7px;transition:background-color .18s,color .18s}.site-nav a:hover,.site-nav a[aria-current]{background:var(--sage);color:var(--green)}.menu-toggle{display:none;min-width:64px;min-height:44px;border:1px solid var(--line);border-radius:5px;background:none;color:var(--green)}.skip-link{position:fixed;left:20px;top:-100px;z-index:40;background:var(--green);color:white;padding:12px 20px}.skip-link:focus{top:12px}
.hero{padding:72px 0 58px}.hero-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,1.6fr) minmax(0,1fr);gap:48px;align-items:center}.hero-copy{grid-column:2;grid-row:1 / span 2;text-align:center;padding:40px 0}.hero-name{font-size:clamp(64px,7.6vw,118px);font-weight:900;line-height:1.13;letter-spacing:-.065em;color:var(--green);white-space:nowrap}.hero h1{font-size:clamp(20px,2vw,28px);font-weight:600;margin-top:26px;letter-spacing:.035em}.hero-tagline{font-size:17px;letter-spacing:.14em;margin-top:34px;color:var(--green)}.hero-description{font-size:16px;line-height:1.95;color:var(--muted);max-width:380px;margin:20px auto 0}.hero-photo{min-width:0}.hero-photo img{width:100%;height:100%;object-fit:contain;background:#e8e9e0}.hero-photo .image-link{aspect-ratio:5/4;background:#e8e9e0}.hero-photo:nth-of-type(1){grid-column:1;grid-row:1;align-self:end;max-width:230px}.hero-photo:nth-of-type(2){grid-column:1;grid-row:2;max-width:260px;margin-left:22px}.hero-photo:nth-of-type(3){grid-column:3;grid-row:1;margin-top:40px;max-width:270px}.hero-photo:nth-of-type(4){grid-column:3;grid-row:2;max-width:224px;margin-left:auto;align-self:start}.hero-photo figcaption{font-size:14px;margin-top:10px;color:var(--muted)}.hero-bottom{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:42px 0 22px;margin-top:15px;font-size:14px;color:var(--muted)}.image-link{display:block;overflow:hidden;min-width:44px;min-height:44px;outline:1px solid transparent;outline-offset:0;transition:outline-color .18s,box-shadow .18s,filter .18s}.image-link:hover{outline-color:var(--green);box-shadow:0 7px 24px #164e451a;filter:brightness(1.035)}.image-link:active{filter:brightness(.88)}.image-link:focus-visible{outline:3px solid #b2672d;outline-offset:5px}.section-kicker{font-size:14px;letter-spacing:.18em;font-weight:600;color:var(--green);margin-bottom:14px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:36px}.section-head h2{font-size:clamp(28px,3.3vw,45px);font-weight:650;letter-spacing:-.04em}.section-head p{max-width:390px;color:var(--muted);font-size:16px}.overview{padding:16px 0 84px}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.overview-item{padding:30px 32px 34px}.overview-item:first-child{padding-left:0}.overview-item:last-child{padding-right:0}.overview-item+.overview-item{border-left:1px solid var(--line)}.overview-item h3{font-size:22px;color:var(--green);margin-bottom:12px}.overview-item p{font-size:15px;color:var(--muted);line-height:1.9}.overview-names{margin-top:22px;color:var(--ink)!important;font-size:14px!important}
.workplace{padding:70px 0 85px;background:#fff;border-block:1px solid var(--line)}.work-list{display:grid;grid-template-columns:1fr 1fr;column-gap:64px}.work-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;padding:30px 0;border-top:1px solid var(--line);align-items:start}.work-row .image-link{width:110px;background:var(--sage)}.work-row img{width:100%;height:auto}.work-row h3{font-size:21px;font-weight:650;margin:2px 0 8px;overflow-wrap:anywhere}.work-tags{font-size:13px;color:var(--green);letter-spacing:.03em}.work-summary{font-size:15px;line-height:1.85;margin:10px 0 13px;overflow-wrap:anywhere}.work-meta{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.split-genres{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.genre-column{padding:75px 48px 65px;min-width:0}.genre-column .section-head{display:block}.genre-column .section-head p{margin-top:22px;max-width:500px}.republic{background:var(--sage)}.xianxia{background:var(--green);color:var(--paper)}.xianxia .section-kicker,.xianxia .work-tags{color:#bcdfd0}.xianxia .section-head p,.xianxia .work-meta{color:#d0ddd5}.xianxia .work-row{border-color:#5a7c72}.xianxia .image-link:hover{outline-color:#bcdfd0}.genre-column .work-list{display:block}.genre-column .work-row{grid-template-columns:100px minmax(0,1fr);gap:22px;padding-block:26px}.genre-column .work-row .image-link{width:100px}.genre-column .work-row h3{font-size:20px}.genre-column .work-summary{font-size:15px}.genres-wrap{width:min(1476px,100%);margin:auto}
.about{padding:86px 0}.about-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:12%}.about h2{font-size:42px;color:var(--green);margin-bottom:25px}.about p{max-width:550px;color:var(--muted);margin-bottom:15px}.faq{border-top:1px solid var(--line)}.faq article{padding:20px 0;border-bottom:1px solid var(--line)}.faq h3{font-size:17px;margin-bottom:9px}.faq p{font-size:14px;margin:0}.site-footer{border-top:1px solid var(--line);padding:28px 0;font-size:13px;color:var(--muted)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-inner strong{font-size:21px;color:var(--green)}
.catalog-main{padding:65px 0 90px}.catalog-title{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:32px}.catalog-title h1{font-size:58px;color:var(--green)}.catalog-title p{color:var(--muted)}.filter-panel{padding:28px 32px;background:#fff;border:1px solid var(--line)}.filter-row{display:grid;grid-template-columns:82px minmax(0,1fr);border:0;padding:0;margin:0 0 15px;min-width:0}.filter-row:last-child{margin-bottom:0}.filter-row legend{float:left;width:82px;font-size:15px;font-weight:600;padding:9px 0}.filter-options{display:flex;flex-wrap:wrap;gap:9px;min-width:0}.filter-chip{min-width:48px;min-height:44px;padding:7px 17px;border:0;background:#edf0ec;color:#45534a;border-radius:25px;font-size:15px}.filter-chip:hover{background:#dae6dc}.filter-chip[aria-pressed=true]{background:var(--green);color:#fff}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:40px 0 20px}.results-heading h2{font-size:26px}.results-heading p{font-size:14px;color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}.catalog-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding:26px 0;min-width:0}.catalog-card .image-link{width:96px;align-self:start}.catalog-card h3{font-size:18px;overflow-wrap:anywhere;margin-bottom:7px}.catalog-card p{font-size:14px;line-height:1.8;margin-top:8px}.catalog-card .work-meta{font-size:13px}.rank-number{display:inline-block;font-variant-numeric:tabular-nums;font-size:15px;color:#95602e;margin-right:9px}.empty-results{padding:60px 0;text-align:center}.empty-results button{margin-top:20px;min-height:44px;padding:8px 22px;background:var(--green);color:#fff;border:0}.no-script-note{font-size:14px;color:var(--muted);margin-top:20px}
.family{padding:20px 0 76px}.family .section-head{padding-bottom:22px}.family .work-list{column-gap:64px}.family .work-row{grid-template-columns:128px minmax(0,1fr);padding-block:30px}.family .work-row .image-link{width:128px}.family .work-row img{max-height:190px;object-fit:contain}
@media(min-width:1540px){.genre-column{padding-inline:70px}}@media(max-width:1200px){.wrap{width:calc(100% - 64px)}.header-inner{gap:15px}.site-nav ul{gap:2px}.site-nav a{padding-inline:10px}.hero-composition{gap:28px;grid-template-columns:minmax(0,1fr) minmax(300px,1.6fr) minmax(0,1fr)}.hero-photo:nth-of-type(2){margin-left:0}.work-list{column-gap:36px}.genre-column{padding-inline:32px}.catalog-grid{grid-template-columns:1fr 1fr}.work-row{gap:18px}}
@media(max-width:960px){:root{--nav-height:72px}.wrap{width:calc(100% - 48px)}.header-inner{min-height:72px;flex-wrap:wrap;gap:0;padding-block:12px}.wordmark{font-size:24px}.wordmark span{font-size:28px}.js .menu-toggle{display:block}.site-nav{width:100%;padding-top:12px}.site-nav ul{flex-wrap:wrap;gap:4px}.site-nav a{font-size:15px}.hero{padding-top:42px}.hero-composition{grid-template-columns:1fr 1fr;gap:24px}.hero-copy{grid-column:1/-1;grid-row:1;padding:20px 0 30px}.hero-name{font-size:100px}.hero-description{max-width:490px}.hero-photo:nth-of-type(n){grid-column:auto;grid-row:auto;max-width:none;margin:0;align-self:start}.hero-photo .image-link{aspect-ratio:8/5}.hero-bottom{padding-top:15px}.work-list{display:block}.work-row{grid-template-columns:125px minmax(0,1fr);gap:28px}.work-row .image-link{width:125px}.split-genres{grid-template-columns:1fr}.genre-column{padding:55px 24px}.genre-column .work-row{grid-template-columns:115px minmax(0,1fr);gap:26px}.genre-column .work-row .image-link{width:115px}.about-grid{gap:40px;grid-template-columns:1fr 1fr}.about h2{font-size:34px}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.hero{padding-top:24px;padding-bottom:30px}.hero-copy{padding-top:22px;padding-bottom:18px}.hero-name{font-size:78px}.hero h1{font-size:21px;margin-top:20px}.hero-tagline{font-size:15px;letter-spacing:.06em;margin-top:23px}.hero-description{font-size:15px;max-width:330px;margin-top:15px}.hero-composition{gap:23px 14px}.hero-photo figcaption{font-size:13px;margin-top:8px}.hero-bottom{display:block;padding:26px 0 18px;margin-top:6px}.hero-bottom span{display:block;margin-top:6px}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:30px}.section-head p{font-size:15px;margin-top:18px}.overview{padding:10px 0 40px}.overview-grid{grid-template-columns:1fr}.overview-item:nth-child(n){padding:23px 0;border-left:0}.overview-item+.overview-item{border-top:1px solid var(--line)}.overview-item h3{font-size:21px}.overview-names{margin-top:13px}.workplace{padding:42px 0}.work-row,.genre-column .work-row{grid-template-columns:90px minmax(0,1fr);gap:18px;padding-block:24px}.work-row .image-link,.genre-column .work-row .image-link{width:90px}.work-row h3,.genre-column .work-row h3{font-size:19px}.work-summary,.genre-column .work-summary{font-size:14px;margin-block:8px 10px}.work-tags,.work-meta{font-size:13px}.genre-column{padding:45px 18px 35px}.about{padding:45px 0}.about-grid{grid-template-columns:1fr;gap:30px}.about h2{font-size:32px}.about p{font-size:15px}.footer-inner{flex-wrap:wrap;gap:10px 25px}.footer-inner p{width:100%}.catalog-main{padding:35px 0 55px}.catalog-title{display:block;padding-bottom:24px}.catalog-title h1{font-size:42px}.catalog-title p{margin-top:12px;font-size:15px}.filter-panel{padding:20px 16px}.filter-row{grid-template-columns:1fr;gap:5px}.filter-row legend{float:none;width:auto;padding:0 0 8px}.filter-options{gap:7px}.filter-chip{font-size:14px;padding-inline:14px}.catalog-grid{grid-template-columns:1fr}.catalog-card{grid-template-columns:96px minmax(0,1fr);gap:20px}.results-heading{margin-top:30px}.results-heading h2{font-size:23px}}
:root{scroll-padding-top:0}.hero-photo .image-link{aspect-ratio:auto}.hero-photo img{height:auto}.hero-name{white-space:normal}.header-inner{flex-wrap:wrap}.site-nav ul{flex-wrap:wrap}.xianxia .image-link:focus-visible{outline-color:#f0cf8f}
@media(max-width:960px){html:not(.js) .site-header{position:relative}}
@media(max-width:620px){.hero-name{font-size:clamp(42px,20vw,78px)}.family{padding:10px 0 38px}.family .section-head{padding-bottom:0}.family .work-row{grid-template-columns:90px minmax(0,1fr);padding-block:24px}.family .work-row .image-link{width:90px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}