:root{--background:#F7F8F5;--paper:#FFFEFB;--surface:#fff;--surface-soft:#EFF3F1;--teal:#276468;--teal-deep:#204F53;--teal-soft:#DEEEEA;--plum:#675184;--plum-deep:#4D3B67;--plum-soft:#EEE8F5;--apricot:#E8BE78;--apricot-soft:#FBF2DF;--blue:#557FAD;--blue-soft:#EAF0F8;--rose:#B9687E;--rose-soft:#F8E9EF;--mint:#5D9983;--ink:#28343C;--body:#3E4B54;--muted:#65717A;--border:#DEE5E1;--divider:#E9EEEB;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--background);color:var(--body);font-size:16px;line-height:1.76}img{max-width:100%;display:block;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input,summary{outline-offset:3px}a:hover{color:var(--teal)}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.23;letter-spacing:-.025em}h1{font-size:clamp(2rem,4.1vw,3.5rem)}h2{font-size:clamp(1.5rem,2.4vw,2.1rem)}h3{font-size:1.1rem}.layout{max-width:1680px;margin:auto;display:grid;grid-template-columns:196px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;align-self:start;padding:28px 17px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:#F5F7F4;z-index:22}.brand{display:flex;align-items:center;gap:11px;padding:5px}.brand-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--teal);color:white;font-weight:700}.brand strong{display:block;font-size:18px;color:var(--ink);line-height:1.4}.brand small{font-size:9px;letter-spacing:.065em;color:var(--muted)}.sidebar-label,.eyebrow{font-size:11px;font-weight:750;letter-spacing:.13em;color:var(--teal);text-transform:uppercase}.sidebar-label{margin:62px 12px 14px;color:var(--muted)}.side-links{display:grid;gap:6px}.side-links a{padding:11px 12px;border-radius:11px;font-size:14px;display:flex;align-items:center;gap:12px;color:var(--body);font-weight:600}.side-links a span{font-size:22px;width:22px;text-align:center;font-weight:400}.side-links a:hover,.side-links a.active{background:var(--teal-soft);color:var(--teal-deep)}.sidebar-note{margin-top:auto;border-top:1px solid var(--border);padding:22px 7px 8px;color:var(--muted);font-size:12px;line-height:2}.content{min-width:0}.topbar{height:78px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(18px,4vw,56px);border-bottom:1px solid var(--divider);background:rgba(255,255,255,.55)}.crumb{color:var(--muted);font-size:13px}.crumb span{padding:0 12px;color:#A5B0AF}.top-actions{display:flex;align-items:center;gap:22px;font-size:13px}.top-link{color:var(--muted)}.search-shortcut{border:1px solid var(--border);border-radius:26px;padding:4px 14px;color:var(--teal)}.menu-btn{display:none;border:0;background:transparent;font-size:24px;color:var(--ink)}main{max-width:1380px;padding:0 clamp(18px,4vw,56px);margin:auto}.skip{position:absolute;left:-9999px;top:0;background:white;z-index:100;padding:10px}.skip:focus{left:15px}.hero{padding:55px 0 45px}.editorial-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(28px,4vw,70px);align-items:center}.hero-copy h1{font-size:clamp(2.5rem,5.3vw,5rem);line-height:1.11;margin:23px 0}.hero-copy h1 em,.page-intro em{color:var(--teal);font-style:normal}.hero-copy>p{max-width:490px;font-size:17px;line-height:1.9;color:var(--body)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid transparent;border-radius:100px;padding:10px 20px;font-size:13px;font-weight:700;cursor:pointer}.btn-primary{background:var(--teal);color:white}.btn-primary:hover{background:var(--teal-deep);color:white}.btn-ghost{border-color:#b3cbc7;color:var(--teal-deep);background:transparent}.btn-ghost:hover{background:var(--teal-soft)}.hero-foot{color:var(--muted);font-size:12px;margin-top:65px}.hero-foot b{color:var(--teal);font-size:17px}.hero-foot span{padding:0 10px}.hero-visual{position:relative;min-height:490px}.hero-image{width:100%;height:490px;border-radius:150px 18px 18px 18px}.floating-caption{position:absolute;bottom:22px;left:-32px;background:var(--paper);border:1px solid var(--border);padding:18px 24px;border-radius:15px;box-shadow:0 20px 40px #28343C14;display:flex;flex-direction:column;line-height:1.6}.floating-caption span,.floating-caption small{font-size:11px;color:var(--muted)}.floating-caption strong{font-size:16px;color:var(--ink)}.photo-fallback{display:flex;flex-direction:column;justify-content:space-between;gap:35px;min-height:180px;padding:24px;border-radius:14px;background:radial-gradient(ellipse at 80% 20%,#dbe7e4,transparent 56%),linear-gradient(150deg,#e8f1ed,#eae5f1 65%,#f7ede0);color:var(--teal-deep);overflow:hidden}.photo-fallback span{font-size:11px;letter-spacing:.14em;font-weight:700}.photo-fallback strong{display:block;max-width:90%;font-size:clamp(18px,2.1vw,30px);line-height:1.4;font-weight:600}.section{padding:54px 0;border-top:1px solid var(--divider)}.compact-section{padding:35px 0}.section-head{margin-bottom:27px}.section-head h2{margin:8px 0}.section-head p{color:var(--muted);font-size:14px;max-width:700px}.mood-chips{display:flex;flex-wrap:wrap;gap:12px}.mood-chips a,.keyword-cloud a{border:1px solid var(--border);border-radius:26px;background:#fff;padding:10px 19px;font-size:14px}.mood-chips span{color:var(--teal);margin-left:18px}.feature-split{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.feature-photo{width:100%;height:405px;object-position:center 30%;border-radius:18px}.feature-copy{max-width:465px}.feature-copy h2{font-size:clamp(2rem,3vw,3.1rem);margin:14px 0}.feature-copy p{line-height:1.9;color:var(--body)}.text-link{display:inline-block;margin-top:12px;color:var(--teal);font-weight:750;font-size:14px}.film-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,23%);gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:17px}.film-rail .work-card{scroll-snap-align:start}.work-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s;min-width:0}.work-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #28343C12}.work-card>img,.work-card>.photo-fallback{height:230px;width:100%;border-radius:0;aspect-ratio:2/3}.work-card>.photo-fallback{padding:18px}.work-card>.photo-fallback strong{font-size:23px}.card-copy{padding:18px;display:flex;flex:1;flex-direction:column}.card-copy small,.mini-story small{color:var(--teal);font-size:11px;font-weight:700}.card-copy h3{margin:7px 0}.card-copy p{font-size:12px;line-height:1.75;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-copy .text-link{margin-top:auto;font-size:12px}.duo-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px}.duo-lead h2{font-size:clamp(2rem,3.4vw,3.3rem);margin:14px 0}.duo-lead p{max-width:320px}.duo-items{display:grid;gap:14px}.mini-story{display:grid;grid-template-columns:126px 1fr;gap:20px;padding:12px;border:1px solid var(--border);border-radius:14px;background:white;align-items:center}.mini-story>img,.mini-story>.photo-fallback{height:140px;width:126px;border-radius:9px}.mini-story .photo-fallback{padding:12px}.mini-story .photo-fallback strong{font-size:15px}.mini-story h3{margin:5px 0}.mini-story p{font-size:12px;color:var(--muted);margin:0}.fantasy{background:var(--plum-soft);padding:35px;border-radius:20px;border:0;margin:30px 0}.fantasy h2{margin:10px 0}.fantasy>div>p{max-width:600px}.fantasy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.fantasy-grid a{background:#fff9;border-radius:12px;padding:23px;min-height:155px;display:flex;flex-direction:column}.fantasy-grid span{color:var(--plum)}.fantasy-grid strong{font-size:20px;color:var(--ink);margin:auto 0 5px}.fantasy-grid small{color:var(--muted)}.city-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}.section-intro{line-height:1.9;max-width:410px}.city-photo img,.city-photo .photo-fallback{width:100%;height:330px}.sound-list{border-top:1px solid var(--border)}.sound-list a{display:grid;grid-template-columns:125px 1fr 25px;gap:18px;align-items:center;padding:18px 10px;border-bottom:1px solid var(--border)}.sound-wave{color:var(--teal);letter-spacing:4px}.sound-list strong,.sound-list small{display:block}.sound-list small{font-size:12px;color:var(--muted);margin-top:4px}.comedy{background:var(--apricot-soft);border:0;border-radius:20px;padding:35px;margin:22px 0}.comedy-layout{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:15px;align-items:stretch}.comedy-layout>div p{max-width:300px;font-size:14px}.comedy-layout a{background:#fff9;padding:18px;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;gap:25px}.comedy-layout a span{color:#9c7440}.comedy-layout a strong{color:var(--ink)}.curation-home{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.curation-home>a{padding:28px;border:1px solid var(--border);border-radius:15px;background:white;min-height:255px;display:flex;flex-direction:column}.curation-home small{font-size:11px;color:var(--teal)}.curation-home h3{font-size:23px;margin:20px 0 9px}.curation-home p{font-size:13px;color:var(--muted)}.curation-home span{margin-top:auto;color:var(--teal);font-size:13px;font-weight:700}.notebook{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.notebook img,.notebook .photo-fallback{height:330px;width:100%}.notebook p{max-width:440px}.final-links{text-align:center;border-bottom:1px solid var(--divider)}.final-links h2{margin:15px 0 30px}.final-links>div{display:flex;flex-wrap:wrap;justify-content:center;gap:25px}.final-links a{color:var(--teal);font-size:14px;font-weight:700}.footer{border-top:1px solid var(--border);padding:40px clamp(18px,4vw,56px) 85px;display:flex;justify-content:space-between;gap:25px;font-size:13px;color:var(--muted)}.footer strong{font-size:17px;color:var(--teal)}.footer strong span{color:var(--muted);font-size:11px}.footer p{margin:7px 0}.footer small{max-width:500px;display:block}.footer nav{display:flex;gap:15px;flex-wrap:wrap;align-content:center}.page-intro{padding:60px 0 44px;max-width:860px}.page-intro h1{margin:16px 0}.page-intro p{font-size:17px;max-width:720px}.library-layout{display:grid;grid-template-columns:190px 1fr;gap:30px}.library-filters{align-self:start;position:sticky;top:25px}.library-filters h2{font-size:16px}.library-filters a{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;margin:3px 0;border-radius:9px;font-size:13px}.library-filters a.selected,.library-filters a:hover{background:var(--teal-soft);color:var(--teal-deep)}.library-filters b{color:var(--muted);font-weight:500}.library-feature{background:var(--teal-soft);border-radius:14px;padding:26px;margin-bottom:22px}.library-feature h2{font-size:22px;margin:7px 0}.library-feature p{max-width:620px;margin:0;font-size:13px}.filter-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.filter-top small{font-size:12px;color:var(--muted)}.filter-top form{display:flex;gap:8px;align-items:center}.filter-top label{font-size:12px}.filter-top select,.filter-top button,.search-form select{border:1px solid var(--border);padding:7px 11px;border-radius:7px;background:#fff;color:var(--body);min-height:40px}.filter-top button{cursor:pointer;background:var(--teal);color:#fff}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.works-grid .work-card>img,.works-grid .work-card>.photo-fallback{height:auto;aspect-ratio:2/3}.pages{display:flex;gap:9px;justify-content:center;margin:30px 0}.pages a{border:1px solid var(--border);background:white;min-width:42px;min-height:42px;display:grid;place-items:center;border-radius:10px}.pages a[aria-current]{background:var(--teal);color:#fff}.category-index-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-index-grid a{background:#fff;padding:22px;border:1px solid var(--border);border-radius:13px}.category-index-grid span{font-weight:700;color:var(--teal-deep)}.category-index-grid p{font-size:12px;color:var(--muted);margin:7px 0 0}.watch-crumb{margin-top:30px;color:var(--muted);font-size:13px}.watch-head{padding:24px 0 30px}.watch-head h1{margin:10px 0 18px}.watch-tags{display:flex;flex-wrap:wrap;gap:8px}.watch-tags span{background:var(--teal-soft);border-radius:30px;color:var(--teal-deep);padding:5px 13px;font-size:12px}.watch-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px}.player-shell{position:relative;aspect-ratio:16/9;background:#24353a;border-radius:15px;overflow:hidden}.player-shell>video{width:100%;height:100%;object-fit:contain}.player-shell>img,.player-shell>.photo-fallback{width:100%;height:100%;border-radius:0;object-fit:cover}.no-media{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#17292deb);padding:55px 24px 22px;color:white;display:flex;flex-direction:column}.no-media strong{font-size:18px}.no-media span{font-size:12px;color:#ecf3f2}.work-article{background:#fff;padding:30px;border-radius:15px;margin-top:22px;border:1px solid var(--border)}.work-article h2{margin:15px 0}.work-article>p{font-size:16px;line-height:1.95}.article-note{background:var(--surface-soft);border-left:3px solid var(--teal);padding:20px;border-radius:0 10px 10px 0;margin:30px 0}.article-note p{font-size:14px;margin:6px 0 0}.highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.highlights>div{background:var(--background);padding:14px;border-radius:9px}.highlights span{color:var(--teal);font-size:12px;font-weight:800}.highlights p{margin:8px 0 0;font-size:14px}.archive-card{background:var(--teal-soft);border-radius:15px;padding:22px}.archive-card h2{font-size:22px;margin:9px 0}.archive-card dt{font-size:11px;color:var(--muted);margin-top:16px}.archive-card dd{margin:0;font-size:13px;color:var(--ink);overflow-wrap:anywhere}.related-curations{margin-top:20px;border:1px solid var(--border);border-radius:14px;padding:20px}.related-curations h3{margin:0 0 10px}.related-curations a{display:block;padding:8px 0;border-top:1px solid var(--divider);font-size:13px;color:var(--teal)}.related-grid{max-width:720px}.back-link{display:block;color:var(--teal);font-size:13px;margin-bottom:18px}.curation-list{display:grid;gap:50px;padding-bottom:40px}.curation-row,.curation-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:center}.curation-row.reverse .curation-image{order:2}.curation-image img,.curation-image .photo-fallback{width:100%;height:330px;border-radius:15px}.curation-copy h2{font-size:clamp(1.8rem,3vw,3rem);margin:13px 0}.curation-copy p{max-width:450px}.curation-copy small{display:block;color:var(--muted)}.curation-detail{align-items:start}.curation-detail article{background:white;padding:27px;border:1px solid var(--border);border-radius:14px}.curation-detail article p{line-height:2}.curation-detail blockquote{margin:25px 0 0;border-left:3px solid var(--plum);padding-left:18px;color:var(--plum-deep)}.studio-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;background:var(--plum-soft);padding:20px;border-radius:16px}.studio-hero img,.studio-hero .photo-fallback{height:290px;width:100%}.studio-hero>div:last-child{padding:16px}.studio-tabs{display:flex;gap:9px;overflow:auto;white-space:nowrap;padding:23px 0}.studio-tabs a{background:#fff;border:1px solid var(--border);border-radius:25px;padding:8px 14px;font-size:12px}.studio-unit{display:grid;grid-template-columns:.75fr 1.25fr;gap:35px;padding:42px 0;border-top:1px solid var(--border)}.studio-unit-title{position:sticky;top:18px;align-self:start}.studio-unit-title h2{margin:12px 0}.studio-unit-body{display:grid;gap:21px}.studio-unit-body section{border-bottom:1px solid var(--divider);padding-bottom:12px}.studio-unit-body h3{margin-bottom:6px;font-size:16px}.studio-unit-body p{font-size:14px;line-height:1.95}.search-form{background:white;padding:22px;border:1px solid var(--border);border-radius:14px;margin-top:30px}.search-form label{display:block;font-weight:700;font-size:13px;margin-bottom:9px}.search-form>div{display:flex;gap:10px}.search-form input{width:100%;min-width:0;padding:12px;border:1px solid var(--border);border-radius:10px}.search-form select{margin-top:10px}.result-count{display:flex;align-items:center;justify-content:space-between;gap:15px}.result-count h2{font-size:22px}.result-count span{font-size:13px;color:var(--muted)}.keyword-cloud{display:flex;flex-wrap:wrap;gap:13px}.empty-state{padding:50px;text-align:center;background:#fff;border:1px dashed var(--border);border-radius:14px}.about-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.about-aside{align-self:start;position:sticky;top:22px}.about-aside h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:12px 0}.about-content section{background:white;margin-bottom:15px;padding:27px;border:1px solid var(--border);border-radius:13px;scroll-margin-top:22px}.about-content h2{font-size:21px}.about-content p{margin-bottom:0;font-size:14px;line-height:1.95}.about-content details{padding:15px 0;border-top:1px solid var(--divider)}.about-content summary{cursor:pointer;font-weight:700}.about-content details p{margin-top:9px}.error-page{text-align:center;padding:130px 20px}.error-page p{margin:20px 0 26px}.mobile-bottom,.menu-scrim{display:none}
@media(max-width:1100px){.layout{grid-template-columns:175px minmax(0,1fr)}.sidebar{padding:20px 10px}.brand strong{font-size:16px}.hero-visual,.hero-image{min-height:380px;height:380px}.work-card>.photo-fallback strong{font-size:18px}.comedy-layout{grid-template-columns:repeat(3,1fr)}.comedy-layout>div:first-child{grid-column:1/-1}.category-index-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){.layout{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;max-width:85vw;height:100dvh;transform:translateX(-110%);transition:transform .2s ease;box-shadow:10px 0 30px #0001}.sidebar.is-open{transform:translateX(0)}.menu-scrim:not([hidden]){display:block;position:fixed;inset:0;background:#152c2e80;z-index:21}.menu-btn{display:block}.top-left{display:flex;align-items:center;gap:15px}.topbar{height:64px}.footer{padding-bottom:105px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:#fffffff2;border-top:1px solid var(--border);z-index:18;padding:8px 12px max(9px,env(safe-area-inset-bottom))}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;font-size:23px;color:var(--teal);line-height:1.35}.mobile-bottom span{font-size:10px}.studio-unit-title{position:static}}
@media(max-width:650px){.top-link,.search-shortcut span{display:none}.topbar{padding:0 17px}.search-shortcut{border:0;font-size:24px;padding:0}.hero{padding:35px 0}.editorial-grid,.feature-split,.duo-feature,.city-layout,.notebook,.library-layout,.watch-grid,.curation-row,.curation-detail,.studio-hero,.studio-unit,.about-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(2.5rem,9vw,4rem)}.hero-foot{margin-top:28px}.hero-visual,.hero-image{height:300px;min-height:300px}.floating-caption{left:9px;bottom:9px;padding:10px 13px}.section{padding:35px 0}.feature-photo{height:300px}.film-rail{grid-auto-columns:58%}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card-copy{padding:12px}.card-copy h3{font-size:15px}.card-copy p{font-size:11px}.work-card>.photo-fallback strong{font-size:18px}.mini-story{grid-template-columns:105px 1fr;gap:14px}.mini-story>img,.mini-story>.photo-fallback{width:105px;height:125px}.fantasy{padding:22px}.fantasy-grid,.curation-home{grid-template-columns:1fr}.fantasy-grid a{min-height:110px}.comedy{padding:22px}.comedy-layout{grid-template-columns:1fr}.comedy-layout>div:first-child{grid-column:auto}.comedy-layout a{flex-direction:row}.sound-list a{grid-template-columns:67px 1fr 16px;gap:12px}.sound-wave{font-size:12px;letter-spacing:0}.notebook img,.notebook .photo-fallback{height:245px}.footer{flex-direction:column}.page-intro{padding:38px 0 24px}.page-intro p{font-size:15px}.library-filters{position:static;display:flex;flex-wrap:nowrap;gap:6px;overflow:auto;margin-bottom:14px}.library-filters h2{display:none}.library-filters a{white-space:nowrap;background:#fff;border:1px solid var(--border)}.filter-top{align-items:start;flex-direction:column}.filter-top form{width:100%;flex-wrap:wrap}.watch-grid{gap:15px}.work-article{padding:20px}.highlights{grid-template-columns:1fr 1fr}.curation-row.reverse .curation-image{order:0}.curation-list{gap:35px}.curation-image img,.curation-image .photo-fallback{height:235px}.studio-hero img,.studio-hero .photo-fallback{height:240px}.studio-unit{gap:12px;padding:30px 0}.search-form>div{flex-direction:column}.about-aside{position:static}.result-count{align-items:start;flex-direction:column}.category-index-grid{grid-template-columns:1fr 1fr}.category-index-grid a{padding:14px}.final-links>div{gap:13px}.hero-copy>p{font-size:15px}}
@media(max-width:360px){.works-grid{gap:8px}.card-copy{padding:10px}.card-copy h3{font-size:14px}.highlights{grid-template-columns:1fr}.category-index-grid{grid-template-columns:1fr}.hero-visual,.hero-image{height:265px;min-height:265px}}
