@charset "UTF-8";
:root{--background:#F7F8F5;--paper:#FFFEFB;--surface:#fff;--surface-soft:#EFF3F1;--teal:#276468;--teal-deep:#204F53;--teal-soft:#DEEEEA;--plum:#675184;--plum-soft:#EEE8F5;--apricot:#E8BE78;--apricot-soft:#FBF2DF;--blue:#557FAD;--rose:#B9687E;--ink:#28343C;--body:#3E4B54;--muted:#65717A;--border:#DEE5E1;--divider:#E9EEEB}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.75 system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);line-height:1.32}p{overflow-wrap:anywhere}.shell{display:flex;max-width:1700px;margin:auto;min-height:100vh}.sidebar{width:204px;flex:0 0 204px;border-right:1px solid var(--divider);padding:30px 17px;background:#fbfcf9;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;font-size:20px;line-height:1.1;margin-bottom:45px}.brand small{display:block;font-size:8px;letter-spacing:1px;color:var(--muted);margin-top:7px}.brand-mark{display:grid;place-items:center;background:var(--teal);color:#fff;border-radius:15px;width:38px;height:38px;font-size:20px}.aside-label{font-size:11px;color:#77868a;letter-spacing:2px;margin:24px 8px 12px}.side-links a{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:3px 0;border-radius:10px;font-size:14px;color:var(--body)}.side-links a[aria-current=page],.side-links a:hover{background:var(--teal-soft);color:var(--teal-deep);font-weight:700}.channel-side a{display:block;padding:5px 9px;color:var(--muted);font-size:13px}.channel-side span{margin-right:8px}.aside-note{margin-top:30px;background:var(--apricot-soft);border-radius:14px;padding:14px;font-size:12px;color:#715d43}.main-wrap{flex:1;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 clamp(20px,4vw,55px);border-bottom:1px solid var(--divider);background:var(--paper)}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--teal);text-transform:uppercase}.sep{padding:0 10px;color:#9ca5a6}.top-search{color:var(--teal);font-size:14px}.menu-toggle{display:none;border:0;background:transparent;color:var(--teal);font-size:24px;cursor:pointer}.content{max-width:1320px;padding:20px clamp(20px,4vw,55px) 80px;margin:auto}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:35px}.breadcrumb span{padding:0 10px;color:#a7aeaf}.hero{display:grid;grid-template-columns:1fr 1.07fr;gap:35px;min-height:450px;align-items:center}.hero-copy h1{font-size:clamp(32px,4vw,53px);letter-spacing:-1.6px;margin:22px 0}.hero-copy em{font-style:normal;color:var(--teal)}.hero-copy>p{max-width:500px;line-height:1.9}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:26px 0 37px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 20px;background:var(--teal);border:1px solid var(--teal);border-radius:10px;color:white;font-weight:700;cursor:pointer}.btn:hover{background:var(--teal-deep);color:white}.btn.outline{background:transparent;color:var(--teal)}.text-link{color:var(--teal-deep);font-size:14px;font-weight:700}.hero-index{border-top:1px solid var(--border);padding-top:15px;color:var(--teal);font-weight:800}.hero-index span{font-size:12px;font-weight:400;color:var(--muted);margin-left:12px}.hero-visual{position:relative;height:410px;background:linear-gradient(130deg,#d7eae3,#eadff0 60%,#f2e4ce);border-radius:24px;overflow:hidden}.hero-stamp{position:absolute;right:20px;bottom:20px;background:var(--paper);color:var(--teal);padding:13px 18px;border-radius:14px;font-size:12px;font-weight:800;letter-spacing:2px}.image-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:140px;background:linear-gradient(145deg,#dcebe6,#e5e5f0 65%,#f7eacd);color:var(--teal-deep);text-align:center;padding:20px;font-weight:700;font-size:clamp(15px,2vw,25px);letter-spacing:2px}.section{margin:85px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section h2,.section-top h2{font-size:clamp(24px,2.6vw,32px);margin-top:10px}.section-top>p{max-width:300px;font-size:14px;color:var(--muted)}.mood-list{display:flex;gap:12px;flex-wrap:wrap}.mood-list a{border:1px solid var(--border);background:#fff;padding:12px 19px;border-radius:100px;font-size:14px;min-height:44px}.mood-list a:hover{background:var(--teal-soft)}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.feature-media{height:380px;overflow:hidden;border-radius:20px;background:var(--plum-soft)}.feature-text h3{font-size:28px;margin:22px 0}.feature-text p,.editorial-pane>p,.landscape-feature p,.sound-band>p,.comedy-row p,.studio-teaser p{margin:18px 0 28px;line-height:1.9}.film-rail{display:flex;gap:20px;overflow-x:auto;padding-bottom:18px;scroll-snap-type:x mandatory}.film-rail .work-card{flex:0 0 195px;scroll-snap-align:start}.work-card{min-width:0;display:block}.work-card .poster{aspect-ratio:2/3;overflow:hidden;border-radius:13px;background:var(--teal-soft)}.work-card .poster img{transition:transform .3s}.work-card:hover img{transform:scale(1.04)}.work-meta{font-size:11px;color:var(--teal);margin-top:12px}.work-meta span{color:var(--muted)}.work-card h3{font-size:17px;margin:5px 0}.work-card p{font-size:13px;color:var(--muted)}.editorial-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editorial-pane{padding:30px;background:#e8f1ee;border-radius:18px}.editorial-pane.alt{background:#eee8f5}.editorial-pane>p{font-size:14px}.mini-feature{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center}.mini-feature img,.mini-feature .image-fallback{height:170px;border-radius:12px}.mini-feature h3{font-size:18px}.mini-feature p{font-size:13px;margin:8px 0}.mini-feature a{font-size:13px;color:var(--teal);font-weight:700}.landscape-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}.landscape-feature>img,.landscape-feature>.image-fallback{height:310px;border-radius:18px}.sound-band{padding:44px;background:#e9e6f1;border-radius:20px}.sound-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sound-links a{background:#fff;padding:16px;border-radius:10px;font-size:14px}.comedy-row,.studio-teaser{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.comedy-row>img,.comedy-row>.image-fallback,.studio-teaser>img,.studio-teaser>.image-fallback{height:270px;border-radius:17px}.curation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.curation-card{padding:30px;border-radius:18px;background:#e1eeea;min-height:250px;display:flex;flex-direction:column}.curation-card.c2{background:#eee6f3}.curation-card.c3{background:#faecd5}.curation-card span,.curation-card b{font-size:12px;color:var(--teal)}.curation-card h3{font-size:25px;margin:18px 0}.curation-card p{font-size:13px;line-height:1.8;flex:1}.curation-card b{margin-top:20px}.final-index{background:var(--paper);padding:25px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.final-index>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.final-index a{font-size:13px;color:var(--teal);font-weight:700}.page-heading{max-width:720px;margin:38px 0 42px}.page-heading h1,.watch-head h1,.curation-detail h1,.empty-state h1{font-size:clamp(30px,4vw,46px);margin:12px 0 18px}.page-heading p{font-size:17px;line-height:1.9}.library-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px}.filter-panel{align-self:start;position:sticky;top:15px;background:#fff;padding:20px 15px;border:1px solid var(--border);border-radius:14px}.filter-panel h2{font-size:17px;margin-bottom:15px}.filter-link{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:9px 10px;font-size:13px}.filter-link span{font-size:11px;color:var(--muted)}.filter-link.selected{background:var(--teal-soft);color:var(--teal);font-weight:800}.library-head,.section-top{display:flex;justify-content:space-between;gap:20px;align-items:end}.library-head{margin-bottom:25px}.library-head h2{font-size:29px;margin:6px 0}.library-head p{font-size:13px;color:var(--muted)}.count-label{white-space:nowrap;background:var(--apricot-soft);border-radius:40px;padding:6px 12px;font-size:12px;color:#6b593c}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.pagination{display:flex;gap:8px;justify-content:center;margin:40px 0}.pagination a{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:#fff}.pagination a[aria-current=page]{background:var(--teal);color:#fff}.watch-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:30px 0}.watch-head p{color:var(--muted)}.player-area{position:relative;aspect-ratio:16/9;max-height:660px;border-radius:20px;background:#28343c;overflow:hidden}.player-area video{width:100%;height:100%;object-fit:contain}.player-area .image-fallback{background:linear-gradient(140deg,#263e42,#584e75);color:#fff;font-size:36px}.media-note{position:absolute;bottom:18px;left:18px;background:#fff;padding:8px 14px;border-radius:8px;font-size:12px;color:var(--ink)}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:50px;margin:48px 0}.watch-article h2{font-size:25px;margin:18px 0}.watch-article p{margin:14px 0;line-height:1.95}.watch-article .lead-text{font-size:18px;color:var(--ink)}.highlights{display:grid;gap:12px}.highlights>div{display:flex;align-items:start;gap:18px;background:#fff;border-left:3px solid var(--teal);border-radius:10px;padding:12px 18px}.highlights span{font-size:13px;color:var(--teal);font-weight:800}.highlights p{margin:0}.work-aside{padding:24px;background:var(--surface-soft);border-radius:16px;align-self:start}.work-aside h3{font-size:20px}.work-aside dl{display:grid;grid-template-columns:90px 1fr;gap:12px;font-size:13px;margin:25px 0}.work-aside dt{color:var(--muted)}.work-aside dd{margin:0;color:var(--ink)}.muted{color:var(--muted);font-size:12px}.curation-list{display:grid;gap:15px}.curation-list-item{display:grid;grid-template-columns:85px 1fr;gap:25px;padding:28px;background:#fff;border:1px solid var(--border);border-radius:16px}.curation-list-item:nth-child(3n+2){background:#f1edf5}.curation-list-item:nth-child(3n+3){background:#f9f2e5}.curation-num{font-size:37px;color:var(--teal);line-height:1}.curation-list-item h2{font-size:27px;margin:8px 0}.curation-list-item p{font-size:14px;max-width:800px;margin-bottom:12px}.curation-detail{margin:40px 0;background:#e9f2ee;padding:45px;border-radius:18px}.curation-description{max-width:900px;columns:2;column-gap:40px}.curation-description p{margin-bottom:15px}.studio-cover{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;background:var(--plum-soft);border-radius:18px;overflow:hidden}.studio-cover>img,.studio-cover>.image-fallback{height:300px}.studio-cover>div:last-child{padding:25px}.studio-cover h2{font-size:27px;margin:15px 0}.studio-index{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:35px 0}.studio-index a{padding:12px 18px;background:white;border:1px solid var(--border);border-radius:10px;font-size:14px}.studio-unit{display:grid;grid-template-columns:75px minmax(0,1fr);gap:25px;margin:42px 0;padding:25px 10px;border-top:1px solid var(--border);scroll-margin-top:20px}.studio-unit-number{font-size:36px;color:var(--teal);font-weight:800}.studio-unit h2{font-size:28px;margin:10px 0 25px}.studio-unit p{margin:17px 0;line-height:2}.practice{padding:15px 22px;background:var(--apricot-soft);border-radius:14px}.practice strong{color:var(--teal)}.practice p{margin:4px 0}.search-form{background:#fff;border:1px solid var(--border);border-radius:17px;padding:25px;display:grid;gap:12px}.search-form label{font-size:13px;font-weight:700}.search-form>div{display:flex;gap:12px}.search-form input{flex:1;min-width:0}.search-form input,.search-form select{border:1px solid #bac9c3;padding:12px 15px;border-radius:9px;background:#fff;color:var(--ink)}.search-form select{max-width:350px}.empty-state{background:#fff;border-radius:20px;text-align:center;padding:60px 25px;margin:40px 0}.empty-state p{margin-bottom:25px}.about-lead{display:grid;grid-template-columns:1fr 1fr;gap:22px;background:#e7f1eb;border-radius:18px;padding:35px;margin-bottom:35px}.about-lead h2{font-size:28px}.about-lead p{line-height:1.9}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.faq-grid section{padding:30px;background:#fff;border-radius:14px;border:1px solid var(--border)}.faq-grid section:nth-child(even){background:#f1eef5}.faq-grid h2{font-size:23px;margin:12px 0}.faq-grid p{font-size:14px}.footer{border-top:1px solid var(--border);padding:32px clamp(20px,4vw,55px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;background:#fcfcf9}.footer strong{color:var(--teal)}.footer p,.footer small{font-size:12px;color:var(--muted)}.footer>div:nth-child(2){display:flex;gap:15px;flex-wrap:wrap;font-size:12px}.mobile-bottom,.screen-shade{display:none}
@media(max-width:1100px){.sidebar{width:182px;flex-basis:182px}.content{padding:20px 28px 70px}.topbar{padding:0 28px}.hero{gap:22px}.hero-visual{height:350px}.work-grid{gap:23px 14px}.editorial-pane{padding:22px}.mini-feature{grid-template-columns:115px 1fr;gap:12px}}@media(max-width:850px){.sidebar{position:fixed;z-index:100;width:min(290px,85vw);height:100vh;left:0;top:0;transform:translateX(-110%);transition:transform .2s;box-shadow:0 0 30px #0001}.menu-open .sidebar{transform:translateX(0)}.menu-toggle{display:inline-block}.screen-shade:not([hidden]){display:block;position:fixed;inset:0;background:#0006;z-index:90}.topbar{height:60px}.content{padding-bottom:105px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:80;display:flex;justify-content:space-around;padding:7px 3px max(7px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--border)}.mobile-bottom a{display:grid;text-align:center;font-size:20px;line-height:1.2;color:var(--teal);min-width:60px}.mobile-bottom a span{font-size:11px}.hero{grid-template-columns:1fr}.hero-visual{height:330px}.library-layout{grid-template-columns:1fr}.filter-panel{position:static;display:flex;gap:8px;overflow-x:auto;align-items:center;white-space:nowrap;padding:10px}.filter-panel h2{display:none}.filter-link{flex-shrink:0}.watch-layout{grid-template-columns:1fr}.work-aside{max-width:none}.curation-description{columns:1}}@media(max-width:600px){body{font-size:15px}.content{padding:18px 17px 100px}.topbar{padding:0 17px}.eyebrow{font-size:10px;letter-spacing:1px}.hero-copy h1{font-size:34px}.hero-visual{height:245px}.hero{gap:22px}.section{margin:57px 0}.section-top{align-items:start}.section-top>p{display:none}.feature-split,.editorial-two,.landscape-feature,.comedy-row,.studio-teaser,.studio-cover,.about-lead,.faq-grid{grid-template-columns:1fr}.feature-media{height:280px}.feature-text{padding:0 6px}.landscape-feature>img,.landscape-feature>.image-fallback,.comedy-row>img,.comedy-row>.image-fallback{height:240px}.sound-links,.curation-grid{grid-template-columns:1fr}.sound-band{padding:24px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.work-card h3{font-size:15px}.film-rail .work-card{flex-basis:165px}.curation-card{min-height:190px}.final-index>div{grid-template-columns:repeat(2,1fr)}.mini-feature{grid-template-columns:120px 1fr}.watch-head{display:block}.watch-head>a{display:inline-block;margin-top:18px}.watch-layout{gap:20px}.media-note{font-size:10px;left:8px;right:8px;bottom:8px;text-align:center}.player-area{border-radius:12px}.studio-index{grid-template-columns:1fr}.studio-unit{grid-template-columns:1fr;gap:4px}.studio-unit-number{font-size:24px}.curation-list-item{grid-template-columns:40px 1fr;gap:13px;padding:20px}.curation-num{font-size:26px}.curation-list-item h2{font-size:23px}.curation-detail{padding:23px}.studio-cover>img,.studio-cover>.image-fallback{height:220px}.search-form>div{flex-direction:column}.search-form select{max-width:none}.page-heading h1{font-size:33px}.footer{padding:25px 17px}.breadcrumb{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.brand-logo{width:115px;height:auto;max-height:38px;object-fit:contain}.channel-banner{height:180px;overflow:hidden;border-radius:16px;margin-bottom:25px}.channel-banner img{object-fit:cover}