@charset "UTF-8";
:root{--ink:#1c2022;--muted:#626866;--paper:#f7f6f1;--white:#fffefa;--line:#d5d7ce;--yellow:#f1ce55;--soft:#eceee7;--radius:4px;--nav:78px;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;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav) + 24px)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}p{margin:0;line-height:1.9}h1,h2,h3{margin:0;line-height:1.3}a,button{-webkit-tap-highlight-color:#f1ce5570}a:focus-visible,button:focus-visible{outline:3px solid #946600;outline-offset:6px}section[id]{scroll-margin-top:calc(var(--nav) + 24px)}.container{width:min(1320px,calc(100% - 104px));margin-inline:auto}.eyebrow{font-size:.75rem;font-weight:650;letter-spacing:.14em;color:var(--muted);line-height:1.6}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,246,241,.98);border-bottom:1px solid var(--line)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-size:1.16rem;font-weight:750;white-space:nowrap;letter-spacing:.1em}.wordmark:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--yellow);margin-right:12px}.nav-list{display:flex;gap:24px;align-items:center}.nav-list a{display:flex;min-height:48px;align-items:center;font-size:.86rem;border-bottom:2px solid transparent;transition:border-color .18s,color .18s}.nav-list a:hover,.nav-list a[aria-current]{border-color:var(--yellow);color:#745b0b}.menu-toggle{display:none;min-width:48px;min-height:44px;border:1px solid var(--line);background:transparent;border-radius:4px;padding:8px 14px;cursor:pointer}.hero{padding-top:24px;display:grid;grid-template-columns:1fr}.hero-visual{grid-row:1;min-width:0;background:#dddcd5}.image-link{display:block;position:relative;isolation:isolate;background:#e8e7df;border-radius:var(--radius);transition:box-shadow .18s,filter .18s}.image-link img{border-radius:inherit;transition:filter .18s}.image-link:hover{box-shadow:0 0 0 3px var(--yellow)}.image-link:hover img{filter:brightness(1.06)}.image-link:active{filter:brightness(.9)}.hero-visual img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#202426}.brand-panel{grid-row:2;position:relative;margin:-28px 6% 0;width:88%;background:var(--white);padding:42px 48px 38px;border:1px solid var(--line);display:grid;grid-template-columns:1.25fr 1fr;gap:32px;box-shadow:0 12px 28px #23242306}.brand-heading h1{font-size:clamp(3.1rem,5.2vw,5.8rem);font-weight:750;letter-spacing:-.055em;margin:10px 0 12px}.hero-slogan{font-size:clamp(1.05rem,1.4vw,1.35rem);font-weight:500;letter-spacing:.04em}.brand-description{font-size:.92rem;color:var(--muted);max-width:34em}.brand-message{align-self:center}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:50px;padding:12px 23px;border:1px solid var(--ink);border-radius:3px;font-size:.9rem;font-weight:650;transition:background .2s}.action.primary{background:var(--yellow);border-color:var(--yellow)}.action:hover{background:var(--ink);color:var(--white)}.action span{font-size:1.1rem}.brand-intro{display:flex;align-items:baseline;gap:32px;padding:28px 6%;font-size:.82rem;color:var(--muted);border-bottom:1px solid var(--line)}.brand-intro strong{white-space:nowrap;color:var(--ink);font-weight:600}.section{padding-top:104px}.section-heading{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:40px}.section-heading h2{font-size:clamp(1.9rem,3vw,2.65rem);font-weight:650;letter-spacing:-.04em;margin-top:10px}.section-heading>p{max-width:390px;font-size:.9rem;color:var(--muted)}.feature-story{display:grid;grid-template-columns:250px 1fr;gap:64px;padding:38px 0;border-top:1px solid var(--line);align-items:center}.feature-story:nth-of-type(even){grid-template-columns:1fr 250px}.feature-story:nth-of-type(even) .feature-art{order:2}.feature-art img{width:100%;object-fit:contain}.feature-copy{max-width:680px}.feature-copy h3{font-size:2rem;font-weight:630;margin:8px 0 18px}.feature-copy .synopsis{font-size:1rem;line-height:2}.editor-note{border-left:2px solid var(--yellow);padding-left:20px;margin:22px 0;font-size:.88rem;color:var(--muted)}.facts{display:flex;flex-wrap:wrap;gap:8px 24px;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}.facts span{line-height:1.7}.collections{margin-top:90px;padding:66px 0;background:var(--ink);color:var(--white)}.collections .eyebrow,.collections .section-heading>p{color:#b6bcb6}.collections .section-heading{margin-bottom:32px}.theme-rows{border-top:1px solid #5b605b}.theme-row{display:grid;grid-template-columns:190px 1fr 1fr;gap:42px;padding:32px 0;border-bottom:1px solid #5b605b}.theme-row h3{font-size:1.15rem;font-weight:600}.theme-row .theme-title>p{margin-top:10px;color:#d8bf65;font-size:.78rem}.theme-row p{font-size:.86rem;color:#c6cbc5;line-height:1.9}.theme-row strong{font-weight:550;color:var(--white)}.catalog-intro{max-width:710px}.genre-jumps{display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:28px;padding:14px 0;border-block:1px solid var(--line)}.genre-jumps a{display:flex;gap:14px;align-items:center;min-height:44px;font-size:.84rem}.genre-jumps a:hover{color:#775c08;text-decoration:underline;text-underline-offset:6px}.genre-jumps small{color:var(--muted)}.genre-section{margin-top:70px}.genre-header{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:end;margin-bottom:26px}.genre-header h3{font-size:1.6rem;font-weight:650}.genre-header p{font-size:.86rem;color:var(--muted)}.genre-count{font-size:.75rem;color:var(--muted);font-weight:400;margin-left:14px}.work-list{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}.work-row{display:grid;grid-template-columns:98px minmax(150px,.85fr) minmax(230px,1.7fr) minmax(160px,1fr);gap:28px;padding:25px 0;border-bottom:1px solid var(--line);align-items:center}.work-thumb img{width:98px;aspect-ratio:2/3;object-fit:contain}.work-title{font-size:1.05rem;font-weight:650;line-height:1.5;overflow-wrap:anywhere}.work-meta{margin-top:8px;font-size:.72rem;color:var(--muted);line-height:1.8}.work-synopsis{font-size:.85rem;line-height:1.85}.work-reason{font-size:.78rem;color:var(--muted);line-height:1.9;border-left:1px solid var(--line);padding-left:24px}.work-reason:before{content:"阅读看点";display:block;font-size:.66rem;letter-spacing:.13em;margin-bottom:7px;color:#7b651c}.updates{background:var(--soft);padding:60px 48px;margin-top:90px}.updates .section-heading{margin-bottom:28px}.timeline{border-top:1px solid #b9bfb3}.timeline article{display:grid;grid-template-columns:130px 1fr;gap:28px;padding:26px 0;border-bottom:1px solid #b9bfb3}.timeline time{font-size:.9rem;font-variant-numeric:tabular-nums;color:#4f584d}.timeline h3{font-size:1.12rem;font-weight:600;margin-bottom:8px}.timeline p{font-size:.86rem;max-width:750px;color:var(--muted)}.viewing-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;border-top:1px solid var(--line);padding-top:36px}.service-note h3{font-size:1.22rem;margin-bottom:12px}.service-note p{font-size:.88rem;color:var(--muted)}.device-line{display:grid;grid-template-columns:80px 1fr;gap:18px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.device-line strong{font-size:.85rem;font-weight:550}.device-line p{font-size:.83rem}.faq-item{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.faq-item h3{font-size:1rem;font-weight:620;margin-bottom:10px}.faq-item p{font-size:.85rem;color:var(--muted)}.profile{background:#24282a;color:var(--white);margin-top:100px;padding:62px 0}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.profile h2{font-size:1.8rem;font-weight:550;margin:10px 0 20px}.profile h3{font-size:.88rem;font-weight:550;margin-bottom:12px}.profile p{color:#c4c9c8;font-size:.85rem}.profile .eyebrow{color:#b8c0bc}.source-note{margin-top:28px;padding-top:24px;border-top:1px solid #505958}.site-footer{background:#24282a;color:#a9b0ac}.footer-inner{padding:24px 0;border-top:1px solid #505958;display:flex;justify-content:space-between;gap:20px;font-size:.75rem}.footer-inner span{overflow-wrap:anywhere}
@media(min-width:1650px){.hero-visual img{max-height:700px;object-fit:contain}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.nav-list{gap:17px}.brand-panel{padding:30px;gap:24px;margin-top:-20px}.feature-story{gap:40px}.work-row{gap:20px;grid-template-columns:86px .9fr 1.7fr 1fr}.work-thumb img{width:86px}.work-reason{padding-left:18px}.theme-row{gap:28px;grid-template-columns:160px 1fr 1fr}.viewing-layout{gap:50px}}
@media(max-width:900px){:root{--nav:68px}.header-inner{min-height:68px;flex-wrap:wrap;padding-block:10px}.container{width:calc(100% - 40px)}.nav-list{width:100%;flex-wrap:wrap;gap:0 23px;padding:8px 0 12px}.js .menu-toggle{display:block}.js .nav-list{display:none}.js .nav-list.open{display:flex}.site-header{position:sticky}.brand-panel{width:92%;margin-inline:4%;padding:28px;grid-template-columns:1.1fr 1fr;gap:25px}.brand-heading h1{font-size:3.3rem}.brand-description{font-size:.82rem}.brand-intro{padding-inline:4%;gap:20px}.actions{gap:9px}.action{padding:10px 14px;gap:18px;font-size:.8rem}.feature-story{grid-template-columns:210px 1fr;gap:34px}.feature-story:nth-of-type(even){grid-template-columns:1fr 210px}.feature-copy h3{font-size:1.7rem}.work-row{grid-template-columns:84px 1fr 1.8fr;gap:18px}.work-reason{grid-column:2/4;border-left:0;padding-left:0;margin-top:-6px}.work-reason:before{display:inline;margin-right:12px}.work-thumb{grid-row:1/3}.theme-row{grid-template-columns:1fr 1fr}.theme-title{grid-column:1/3}.theme-title>p{display:none}.viewing-layout,.profile-grid{gap:35px}.section{padding-top:76px}.updates{padding:40px 28px}.section-heading{gap:30px}}
@media(max-width:600px){:root{--nav:64px}.container{width:calc(100% - 32px)}.header-inner{min-height:64px}.wordmark{font-size:1rem}.nav-list{gap:0;display:grid;grid-template-columns:1fr 1fr}.js .nav-list.open{display:grid}.nav-list a{font-size:.85rem;min-height:48px}.hero{padding-top:20px}.brand-panel{grid-row:1;width:100%;margin:0;display:block;padding:27px 23px 28px;border:none;border-top:2px solid var(--ink);box-shadow:none;background:transparent}.brand-heading h1{font-size:3.6rem;line-height:1.18;letter-spacing:-.05em;margin:16px 0}.hero-slogan{font-size:1.12rem}.brand-message{margin-top:24px}.brand-description{font-size:.88rem;line-height:1.9}.actions{margin-top:22px;gap:10px}.action{padding:12px 17px;min-height:50px;font-size:.87rem;flex:1;gap:12px;white-space:nowrap}.hero-visual{grid-row:2}.hero-visual img{width:100%;aspect-ratio:auto}.brand-intro{display:block;padding:23px 8px}.brand-intro strong{display:block;margin-bottom:8px}.section{padding-top:65px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:17px;font-size:.87rem}.section-heading h2{font-size:1.95rem}.feature-story,.feature-story:nth-of-type(even){grid-template-columns:100px 1fr;gap:22px;padding:28px 0;align-items:start}.feature-story:nth-of-type(even) .feature-art{order:0}.feature-copy h3{font-size:1.33rem;margin:6px 0 12px}.feature-copy .synopsis{font-size:.86rem;line-height:1.9}.feature-copy .eyebrow{font-size:.65rem;letter-spacing:.04em}.editor-note{font-size:.8rem;padding-left:13px;margin:17px 0}.facts{font-size:.7rem;gap:5px 12px;padding-top:12px;margin-top:15px}.collections{padding:45px 0;margin-top:56px}.theme-row{display:block;padding:26px 0}.theme-row .theme-title>p{display:block}.theme-row>p{margin-top:17px}.genre-header{display:block}.genre-header p{margin-top:14px}.genre-jumps{gap:0;display:grid;grid-template-columns:1fr 1fr}.genre-jumps a{font-size:.8rem;gap:8px}.genre-section{margin-top:48px}.work-row{grid-template-columns:78px 1fr;gap:8px 20px;padding:24px 0;align-items:start}.work-thumb{grid-row:1/4}.work-thumb img{width:78px}.work-title{font-size:1rem;line-height:1.5}.work-meta{margin-top:5px;font-size:.68rem}.work-synopsis,.work-reason{grid-column:2;font-size:.8rem;line-height:1.9}.work-reason{margin-top:4px;font-size:.74rem}.work-reason:before{display:block;margin:0 0 3px;letter-spacing:.05em}.updates{margin-top:60px;padding:35px 22px}.timeline article{display:block;padding:23px 0}.timeline time{display:block;margin-bottom:9px;font-size:.79rem}.timeline h3{font-size:1rem}.timeline p{font-size:.82rem}.viewing-layout,.profile-grid{display:block}.faq-list{margin-top:34px}.viewing-layout{padding-top:26px}.profile{margin-top:65px;padding:44px 0}.profile-grid>div+div{margin-top:32px}.footer-inner{display:block;line-height:2}.footer-inner span{display:block}.profile h2{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:900px){html:not(.js) .site-header{position:static}}
.genre-section{display:grid;grid-template-columns:220px minmax(0,1fr);gap:50px;align-items:start}.genre-header{display:block;position:sticky;top:110px;padding-top:20px}.genre-header h3{margin-top:12px}.genre-header p{margin-top:18px}.genre-count{display:block;margin:10px 0 0}.work-row{grid-template-columns:90px minmax(0,1fr);gap:25px;padding:28px 0}.work-thumb{grid-row:auto}.work-thumb img{width:90px;aspect-ratio:auto}.work-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:11px}.work-heading .work-meta{margin:0;flex-shrink:0}.work-reason{border:0;padding:0;margin:12px 0 0;font-size:.78rem}.work-reason:before{display:inline;margin-right:12px;letter-spacing:.06em}.work-body{min-width:0}.work-synopsis{font-size:.87rem}.work-title{font-size:1.1rem}.genre-header .eyebrow{margin:0}
.hero-visual{width:80%;margin-left:auto}.hero-visual img{aspect-ratio:auto;max-height:none}.brand-panel{z-index:2;margin-left:0;margin-right:0;margin-top:-38px}.brand-intro{padding-left:0;padding-right:0}
:root{scroll-padding-top:0}
@media(max-width:1150px){.genre-section{grid-template-columns:180px minmax(0,1fr);gap:35px}.genre-header h3{font-size:1.4rem}}
@media(max-width:900px){.genre-section{grid-template-columns:145px minmax(0,1fr);gap:28px}.genre-header{top:100px}.work-heading{display:block}.work-heading .work-meta{margin-top:6px}.work-row{grid-template-columns:76px minmax(0,1fr);gap:20px}.work-thumb img{width:76px}}
@media(max-width:600px){.genre-section{display:block}.genre-header{position:static;margin-bottom:23px;padding-top:0}.genre-header h3{font-size:1.55rem}.genre-count{display:inline;margin-left:14px}.genre-header p{margin-top:12px}.work-row{grid-template-columns:72px minmax(0,1fr);gap:17px;padding:24px 0}.work-thumb img{width:72px}.work-title{font-size:1rem}.work-synopsis{font-size:.8rem}.work-reason{font-size:.74rem;line-height:1.85;margin-top:10px}.work-reason:before{display:block;margin-bottom:4px}.work-heading{margin-bottom:10px}}
@media(max-width:900px){.hero-visual{width:90%}.brand-panel{margin-top:-24px}}
@media(max-width:600px){.hero-visual{width:100%}.brand-panel{margin:0}}
@media(max-width:600px){.action{white-space:normal}.work-body p{overflow-wrap:anywhere}}
.profile p{overflow-wrap:anywhere}
