: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;--mint-soft:#E8F5EF;--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-family:system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:1.78}button,input,select{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}button,a,summary{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.35;letter-spacing:-.025em}h1{font-size:clamp(30px,3.7vw,52px)}h2{font-size:clamp(23px,2.3vw,31px)}h3{font-size:20px}p{line-height:1.86}.shell{max-width:1660px;margin:auto;display:grid;grid-template-columns:204px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--paper);border-right:1px solid var(--border);padding:29px 16px;position:sticky;top:0;height:100vh;z-index:22;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:7px 9px;font-size:21px;font-weight:800;color:var(--ink);line-height:1.3}.brand-mark{background:var(--teal);border-radius:14px;color:white;width:38px;height:38px;display:grid;place-items:center}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em;font-weight:600}.brand-image{width:160px;height:auto;object-fit:contain}.nav-label,.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--teal)}.nav-label{color:var(--muted);padding:30px 13px 10px}.main-nav{display:grid;gap:6px}.main-nav a{padding:11px 14px;border-radius:11px;font-size:14px;white-space:nowrap}.main-nav a[aria-current="page"],.main-nav a:hover{background:var(--teal-soft);color:var(--teal-deep);font-weight:750}.sidebar-note{margin-top:auto;background:var(--apricot-soft);padding:17px;border-radius:15px}.sidebar-note strong{display:block;margin-top:7px;font-size:14px;color:var(--ink)}.sidebar-note p{font-size:12px;margin:5px 0 0}.layout-content{min-width:0;background:var(--background)}.topbar{height:79px;padding:16px clamp(20px,3.8vw,65px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--divider);background:var(--paper)}.topbar-title{font-weight:700;letter-spacing:.08em;font-size:14px;color:var(--muted)}.top-search{display:flex;gap:5px;border:1px solid var(--border);padding:4px;border-radius:30px;background:#fff}.top-search input{width:195px;border:0;padding:7px 12px;outline-color:var(--teal);font-size:13px;min-width:0}.top-search button{background:var(--teal);border:0;color:#fff;border-radius:23px;padding:5px 18px;font-size:12px}main{padding:0 clamp(20px,3.8vw,65px) 55px;max-width:1420px;margin:auto}.skip-link{position:absolute;top:-100px;z-index:99;background:white;padding:8px}.skip-link:focus{top:2px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;padding:65px 0 54px}.hero h1{font-size:clamp(38px,4.3vw,65px);line-height:1.28;margin:22px 0}.hero h1 em{font-style:normal;color:var(--teal)}.hero p{max-width:470px;font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 19px;border:1px solid var(--border);border-radius:9px;background:var(--paper);font-size:14px;font-weight:750;color:var(--ink)}.btn.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.btn:hover{transform:translateY(-1px);filter:brightness(.95)}.hero-stat{color:var(--muted);font-size:13px}.hero-stat b{color:var(--teal);font-size:21px;margin-left:12px}.hero-stat b:first-child{margin-left:0}.hero-media{position:relative;min-width:0}.hero-image,.hero-media .no-image{height:430px;width:100%;object-fit:cover;border-radius:140px 18px 18px 18px}.no-image{display:grid;place-items:center;background:linear-gradient(140deg,#dcece6,#a5c8c1 50%,#eee5f5);color:var(--teal-deep);font-size:12px;font-weight:800;letter-spacing:.18em;text-align:center}.floating-note{position:absolute;bottom:-15px;left:-22px;padding:15px 23px;background:var(--paper);box-shadow:0 10px 35px #243b4119;font-size:10px;letter-spacing:.17em;color:var(--muted);border-radius:11px}.floating-note strong{display:block;font-size:16px;color:var(--ink);letter-spacing:0}.section{padding:53px 0;border-top:1px solid var(--divider)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:26px}.section-top h2{margin:5px 0 0}.section-top p{max-width:220px;margin:0;font-size:13px;color:var(--muted)}.mood-row{display:flex;flex-wrap:wrap;gap:12px}.mood-row a{background:var(--paper);border:1px solid var(--border);border-radius:40px;padding:14px 18px;min-width:125px;display:flex;justify-content:space-between;font-weight:700}.mood-row span{color:var(--teal)}.editorial{display:grid;grid-template-columns:47% 1fr;gap:8%;align-items:center}.editorial-image .cover{width:100%;height:400px;object-fit:cover;border-radius:110px 15px 15px 15px}.editorial-copy h2{font-size:clamp(29px,3vw,45px);margin:17px 0}.editorial-copy p{max-width:490px}.text-link{color:var(--teal-deep);font-weight:750;display:inline-block;margin-top:8px;border-bottom:1px solid #a3bdb6;padding-bottom:3px}.film-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:0 0 15px}.work-card{display:flex;flex-direction:column;overflow:hidden;min-width:0;border-radius:13px;background:var(--paper);border:1px solid var(--border);transition:transform .2s}.work-card:hover{transform:translateY(-3px)}.film-track .work-card{min-width:182px;width:182px;scroll-snap-align:start}.cover,.work-card .cover{width:100%;aspect-ratio:2/3;object-fit:cover}.card-text{display:flex;flex-direction:column;gap:4px;padding:14px}.card-text strong{font-size:17px;color:var(--ink)}.card-text small{font-size:12px;color:var(--muted);line-height:1.5}.split-feature{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;align-items:center}.split-feature>div:first-child p{max-width:430px}.mini-cards{display:grid;gap:9px}.work-wide{display:flex;flex-direction:row}.work-wide .cover{width:88px;min-width:88px;height:104px;aspect-ratio:auto}.work-wide .card-text{justify-content:center}.themed-panel{padding:52px;background:var(--plum-soft);border-radius:20px;margin:30px 0}.themed-panel .eyebrow{color:var(--plum-deep)}.themed-panel p{max-width:670px}.three-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:22px}.three-links a{padding:17px;background:#fff9;border:1px solid #e2d9eb;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;font-weight:700;min-height:80px}.three-links a span{font-size:12px;color:var(--muted);font-weight:400}.city-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}.city-feature .cover{width:100%;height:300px;object-fit:cover;border-radius:14px}.sound-list{border-top:1px solid var(--border)}.sound-list a{display:grid;grid-template-columns:60px 1fr 1.3fr 20px;align-items:center;gap:10px;padding:18px 7px;border-bottom:1px solid var(--border)}.sound-list a>span{color:var(--teal);font-size:12px}.sound-list small{color:var(--muted)}.comedy{background:var(--apricot-soft);padding:35px;border-radius:18px;border:0;margin-bottom:35px}.program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.program-card{display:block;padding:30px 24px;background:var(--paper);border:1px solid var(--border);border-radius:15px;min-height:240px}.program-card>span,.program-card b{font-size:11px;color:var(--teal);letter-spacing:.12em}.program-card h3{margin:28px 0 10px}.program-card p{font-size:13px;color:var(--muted)}.studio-teaser{display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:35px}.studio-teaser .cover{width:100%;height:250px;border-radius:16px;object-fit:cover}.next{padding-bottom:20px}.footer{border-top:1px solid var(--border);padding:40px clamp(20px,3.8vw,65px);display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start;background:var(--paper);font-size:13px;color:var(--muted)}.footer strong{font-size:17px;color:var(--teal)}.footer p{max-width:440px}.footer div:nth-child(2){display:flex;flex-wrap:wrap;gap:18px;justify-content:end}.footer small{grid-column:1/-1}.page-heading{padding:52px 0 26px}.page-heading h1{margin:12px 0}.page-heading p{font-size:16px;max-width:730px;color:var(--muted)}.category-tags{display:flex;gap:10px;overflow-x:auto;padding:10px 0 22px}.chip{padding:8px 15px;white-space:nowrap;background:var(--paper);border-radius:25px;border:1px solid var(--border);font-size:13px}.chip span{color:var(--muted)}.chip.active{background:var(--teal);color:#fff}.chip.active span{color:#fff}.library-intro{background:var(--teal-soft);padding:29px 38px;display:grid;grid-template-columns:1fr 155px;align-items:center;gap:24px;border-radius:18px}.library-intro p{max-width:500px}.library-intro .cover{height:170px;aspect-ratio:auto;object-fit:cover;border-radius:12px}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0}.filter-bar label{font-size:13px;font-weight:700}.filter-bar select,.search-main select{padding:10px;border:1px solid var(--border);background:#fff;border-radius:8px;min-height:44px}.result-count{font-size:13px;color:var(--muted);margin:20px 0}.result-count b{color:var(--teal)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pagination{display:flex;gap:8px;margin:30px 0}.pagination a{display:grid;place-items:center;min-width:44px;height:44px;background:#fff;border:1px solid var(--border);border-radius:8px}.pagination a[aria-current]{background:var(--teal);color:#fff}.empty{padding:50px;background:#fff;border-radius:14px}.crumb{font-size:12px;padding:25px 0;color:var(--muted)}.crumb a{color:var(--teal)}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:30px}.player-shell{position:relative;border-radius:17px;overflow:hidden;background:var(--ink);aspect-ratio:16/9}.player-shell video{width:100%;height:100%;display:block}.player-poster{height:100%;width:100%;object-fit:cover;opacity:.45}.media-status{position:absolute;inset:auto 0 0;text-align:center;padding:16px;color:white;background:#111b22b8;font-size:14px}.watch-copy h1{margin:10px 0}.lead{font-size:18px;color:var(--teal-deep);font-weight:550}.watch-copy h2{margin-top:34px}.watch-copy p{line-height:2.05}.detail-list li{margin:12px 0}.detail-panel{padding:24px;background:var(--paper);border:1px solid var(--border);border-radius:15px;margin-bottom:17px}.detail-panel dl{margin:10px 0}.detail-panel dt{font-size:12px;color:var(--muted);margin-top:14px}.detail-panel dd{margin:3px 0;color:var(--ink);font-weight:600}.curation-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding-bottom:45px}.curation-tile{border-radius:17px;padding:34px;min-height:240px;display:flex;flex-direction:column;background:var(--teal-soft)}.curation-tile strong{font-size:29px;color:var(--ink);margin:20px 0 4px}.curation-tile p{margin:0}.curation-tile small{margin-top:auto;color:var(--teal-deep);font-weight:700}.tile-1{background:var(--blue-soft)}.tile-2{background:var(--apricot-soft)}.tile-3{background:var(--plum-soft)}.curation-detail{padding:30px 0 50px}.curation-detail>h1{font-size:clamp(35px,4vw,58px)}.reading-column{padding:34px;background:var(--paper);border-left:4px solid var(--teal);border-radius:5px 15px 15px 5px;margin:30px 0}.reading-column p{line-height:2.25}.curation-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.curation-picks>div{padding:14px;border:1px solid var(--border);background:var(--paper);border-radius:12px}.curation-picks .work-wide{flex-direction:column;border:0}.curation-picks .work-wide .cover{width:100%;aspect-ratio:2/3;height:auto}.curation-picks p{font-size:13px}.ordinal{font-size:11px;color:var(--teal);font-weight:800}.studio-hero{display:grid;grid-template-columns:45% 1fr;gap:40px;align-items:center;background:var(--plum-soft);border-radius:20px;padding:24px}.studio-hero .cover{width:100%;height:240px;object-fit:cover;border-radius:13px}.studio-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;margin:35px 0}.lesson-nav{display:flex;flex-direction:column;gap:6px;align-self:start;position:sticky;top:20px}.lesson-nav a{padding:12px;background:var(--paper);border-radius:8px;font-size:13px}.lesson-nav a[aria-current]{background:var(--teal);color:#fff}.lesson-body{padding:36px;background:var(--paper);border-radius:17px;min-width:0}.lesson-body p{line-height:2.05}.lesson-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lesson-index a{padding:17px;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column}.lesson-index span{font-size:12px;color:var(--teal)}.lesson-index strong{color:var(--ink)}.lesson-index small{color:var(--muted)}.search-main{padding:29px;background:var(--paper);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:12px}.search-main label{font-size:13px;font-weight:700}.search-main>div{display:flex;gap:10px}.search-main input{min-height:50px;border:1px solid var(--border);padding:12px 15px;border-radius:8px;flex:1;min-width:0}.search-main select{max-width:280px}.about-grid{display:grid;grid-template-columns:1fr 230px;gap:30px}.about-lead{background:var(--teal-soft);padding:40px;border-radius:17px}.about-summary{padding:20px 30px;border:1px solid var(--border);background:var(--paper);border-radius:16px;display:flex;flex-direction:column}.about-summary b{color:var(--teal);font-size:38px}.about-summary span{font-size:12px;color:var(--muted)}.about-section{max-width:850px}.about-section details{padding:15px 0;border-bottom:1px solid var(--border)}.about-section summary{font-weight:700;cursor:pointer}.error-page{padding:110px 0;min-height:460px}.error-page .btn{margin-right:10px}.menu-toggle,.mobile-nav,.drawer-mask{display:none}@media(max-width:1200px){.shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding:20px 10px}.hero-image,.hero-media .no-image{height:350px}.hero{gap:17px}.work-grid{gap:12px}}@media(max-width:960px){.shell{display:block}.sidebar{position:fixed;top:0;left:0;width:260px;height:100dvh;transform:translateX(-105%);transition:transform .2s;z-index:42;box-shadow:0 0 30px #12121218}.sidebar.open{transform:translateX(0)}.drawer-mask:not([hidden]){position:fixed;inset:0;display:block;background:#17222684;z-index:41}.drawer-open{overflow:hidden}.menu-toggle{display:block;border:0;background:transparent;color:var(--teal);font-size:24px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;align-items:center;height:66px;padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--border);z-index:20}.mobile-nav a{display:flex;flex-direction:column;align-items:center;font-size:22px;color:var(--teal)}.mobile-nav span{font-size:10px;line-height:1.3}.footer{padding-bottom:92px}main{padding-bottom:75px}}@media(max-width:680px){body{font-size:15px}.topbar{height:65px;padding:10px 17px}.top-search input{width:125px}.top-search button{padding:5px 10px}main{padding:0 17px 60px}.hero,.editorial,.split-feature,.city-feature,.studio-teaser,.studio-hero,.about-grid,.watch-layout{grid-template-columns:1fr}.hero{padding:37px 0 50px}.hero h1{font-size:clamp(32px,8vw,44px)}.hero-image,.hero-media .no-image{height:270px;border-radius:60px 16px 16px 16px}.floating-note{left:8px}.section{padding:38px 0}.section-top{align-items:start}.section-top p{display:none}.editorial-image .cover{height:270px}.three-links,.program-grid,.curation-picks{grid-template-columns:1fr}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-text{padding:10px}.card-text strong{font-size:15px}.card-text small{font-size:11px}.card-text .eyebrow{font-size:9px}.themed-panel{padding:28px;margin:15px 0}.sound-list a{grid-template-columns:32px 1fr 15px}.sound-list small{display:none}.studio-layout{grid-template-columns:1fr}.lesson-nav{position:static;display:flex;flex-direction:row;overflow:auto}.lesson-nav a{min-width:155px}.lesson-body{padding:23px}.lesson-index,.curation-gallery{grid-template-columns:1fr}.library-intro{grid-template-columns:1fr 110px;padding:20px}.library-intro .cover{height:150px}.library-intro h2{font-size:21px}.watch-side{display:grid;grid-template-columns:1fr}.footer{grid-template-columns:1fr}.footer div:nth-child(2){justify-content:start}.search-main>div{flex-direction:column}.about-lead{padding:25px}.about-summary{display:grid;grid-template-columns:70px 1fr;gap:8px}.about-summary b{font-size:30px}.section-top h2{font-size:24px}}@media(max-width:360px){.top-search input{width:90px}.brand{font-size:17px}.hero-actions{flex-direction:column}.work-card .card-text strong{font-size:14px}.library-intro{grid-template-columns:1fr}.library-intro .cover{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}