*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F7F8F5;color:#28343C;font:16px/1.76 system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#276468}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25}h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.035em}h2{font-size:clamp(23px,3vw,30px)}h3{font-size:20px}p{color:#3E4B54}.site-shell{max-width:1580px;margin:auto;display:grid;grid-template-columns:204px minmax(0,1fr);min-height:100vh}.sidebar{padding:30px 20px;border-right:1px solid #DEE5E1;background:#FFFEFB;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:800;white-space:nowrap}.brand-mark{font-size:34px;color:#276468}.brand small{display:block;color:#65717A;font-size:10px;font-weight:500;letter-spacing:.06em}.nav{display:grid;gap:8px;margin-top:62px}.nav a{padding:11px 12px;border-radius:10px;font-size:14px}.nav a:hover,.nav a:focus-visible{background:#DEEEEA;color:#204F53}.aside-note{margin-top:auto;font-size:12px;color:#65717A;border-top:1px solid #DEE5E1;padding-top:20px}.main-wrap{min-width:0}.topbar{height:78px;display:flex;align-items:center;gap:20px;padding:0 clamp(20px,4%,54px);border-bottom:1px solid #E9EEEB}.crumb{color:#65717A;font-size:13px}.search-short{margin-left:auto;color:#276468;font-size:14px}.main-content{padding:34px clamp(20px,4%,54px) 56px;max-width:1360px;margin:auto}.footer{padding:28px clamp(20px,4%,54px);border-top:1px solid #DEE5E1;font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer p{margin:0}.skip{position:absolute;top:-70px;left:10px;background:#fff;padding:8px;z-index:200}.skip:focus{top:10px}.menu-button,.mobile-brand,.bottom-nav{display:none}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#276468;font-weight:800}.hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:40px;align-items:center;min-height:440px}.hero h1{font-size:clamp(33px,4.5vw,58px)}.hero h1 em{font-style:normal;color:#276468}.lead{font-size:17px;line-height:1.9;max-width:550px}.btn{display:inline-flex;min-height:46px;align-items:center;background:#276468;color:#fff!important;border:0;border-radius:11px;padding:10px 22px;font-weight:700}.btn:hover{background:#204F53}.btn.secondary{background:#E8BE78;color:#28343C!important}.hero-art{position:relative;min-height:390px;background:#DEEEEA;border-radius:24px;overflow:hidden}.hero-img{width:100%;height:390px}.art-tag{position:absolute;bottom:18px;left:18px;background:#FFFEFB;padding:10px 15px;border-radius:8px;font-size:12px}.no-image{background:linear-gradient(135deg,#DEEEEA,#EEE8F5 70%,#FBF2DF);display:flex;align-items:center;justify-content:center;text-align:center;min-height:140px;padding:20px;color:#204F53;font-size:18px;font-weight:700}.hero-art>.no-image{height:390px;font-size:25px}.section{margin-top:78px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px;flex-wrap:wrap}.section-head .eyebrow{width:100%;margin-bottom:-8px}.section-head h2,.section-head p{margin:0}.moods{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.moods a{background:#fff;border:1px solid #DEE5E1;padding:18px 15px;border-radius:12px;font-weight:700;display:flex;justify-content:space-between}.moods span{color:#276468}.feature{display:grid;grid-template-columns:1fr .9fr;gap:45px;align-items:center;padding:22px;background:#FBF2DF;border-radius:23px}.feature-photo{width:100%;height:350px;border-radius:14px;object-fit:cover}.feature h3{font-size:26px;color:#675184}.text-link{color:#276468;font-weight:800;border-bottom:1px solid #276468;padding-bottom:3px}.film-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px}.film-track .poster-card{flex:0 0 190px;scroll-snap-align:start}.poster-card{display:block;min-width:0;background:#fff;border:1px solid #DEE5E1;border-radius:13px;overflow:hidden;transition:transform .15s,box-shadow .15s}.poster-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #204f5318}.poster-photo{width:100%;aspect-ratio:2/3;object-fit:cover;min-height:0}.poster-card .no-image{aspect-ratio:2/3;min-height:0;font-size:15px;padding:15px}.poster-caption{padding:14px}.poster-caption h3{font-size:17px;margin:5px 0}.poster-caption p{font-size:12px;margin:0;line-height:1.5}.columns{display:grid;grid-template-columns:1fr 1.35fr;gap:36px;align-items:center}.editorial{padding:28px;border-left:5px solid #557FAD}.mini-grid,.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.imagination{padding:35px;background:#EEE8F5;border-radius:22px}.imagination>p{max-width:700px}.city-panel{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:35px}.landscape{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;min-height:0}.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.split-panels article{padding:32px;background:#EAF0F8;border-radius:16px}.split-panels article+article{background:#F8E9EF}.curation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.curation-tile{padding:12px 12px 18px;background:white;border:1px solid #DEE5E1;border-radius:15px}.curation-tile h3,.curation-tile p{margin:15px 6px 0}.curation-tile p{font-size:13px}.studio-strip{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#E8F5EF;border-radius:20px;align-items:center;padding:30px}.closing{text-align:center;padding:40px;border-top:1px solid #DEE5E1}.quick{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:22px}.quick a{padding:10px 18px;background:#fff;border:1px solid #DEE5E1;border-radius:9px}.page-intro{max-width:860px;padding:28px 0 34px}.page-intro p{font-size:17px}.library-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:30px}.filter-list{display:flex;flex-direction:column;align-self:start;position:sticky;top:15px;background:#fff;border:1px solid #DEE5E1;border-radius:15px;padding:18px}.filter-list h2,.studio-index h2{font-size:17px}.filter-list a{display:flex;justify-content:space-between;padding:9px 7px;border-radius:7px;font-size:14px}.filter-list a[aria-current],.chips a[aria-current]{background:#DEEEEA;color:#204F53;font-weight:700}.filter-list small{color:#65717A}.library-feature{background:#FBF2DF;border-radius:16px;padding:28px;margin-bottom:18px}.library-feature h2{margin:8px 0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a{border:1px solid #DEE5E1;border-radius:20px;padding:6px 14px;font-size:13px}.result-count{font-size:13px;margin:20px 0}.pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.pagination a{min-width:42px;height:42px;display:grid;place-items:center;border:1px solid #DEE5E1;border-radius:9px}.pagination a[aria-current]{background:#276468;color:white}.breadcrumbs{font-size:13px;color:#65717A;margin:10px 0 24px}.breadcrumbs a{color:#276468}.watch-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:30px}.player-surface{aspect-ratio:16/9;background:#28343C;border-radius:18px;overflow:hidden;position:relative}.player-surface video,.watch-cover{width:100%;height:100%;object-fit:contain}.player-surface .no-image{height:100%;background:linear-gradient(135deg,#204F53,#4D3B67);color:white}.media-notice{position:absolute;bottom:0;left:0;right:0;padding:16px 12px;background:#28343Cea;color:white;text-align:center;font-size:13px}.watch-heading{align-self:center}.watch-heading h1{font-size:clamp(27px,3.5vw,43px)}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag-row span{background:#EEE8F5;padding:4px 9px;border-radius:7px;font-size:12px}.availability{font-size:12px;color:#65717A;margin-top:22px}.watch-body{display:grid;grid-template-columns:1fr 270px;gap:34px;margin-top:48px}.watch-body article p{white-space:pre-line;line-height:1.95}.highlight-list{padding-left:24px}.highlight-list li{margin:12px 0}.file-card{align-self:start;padding:25px;background:#fff;border:1px solid #DEE5E1;border-radius:15px}.file-card h2{font-size:19px}.file-card dt{font-size:12px;color:#65717A;margin-top:16px}.file-card dd{margin:4px 0}.curation-hero{max-width:1000px}.curation-hero>.landscape{max-height:420px}.curation-hero .eyebrow{margin-top:30px}.curation-hero>p:last-child{line-height:2;max-width:860px;white-space:pre-line}.curation-list{display:grid;gap:28px}.curation-line{display:grid;grid-template-columns:50px 240px minmax(0,1fr);gap:24px;align-items:center;padding:20px 0;border-top:1px solid #DEE5E1}.curation-number{color:#675184;font-size:26px;font-weight:800}.curation-line h2{margin:5px 0}.curation-line p{font-size:14px}.curation-entries{display:grid;gap:20px;margin-bottom:28px}.curation-entry{display:grid;grid-template-columns:35px 125px minmax(0,1fr);gap:20px;align-items:center;background:white;border:1px solid #DEE5E1;border-radius:13px;padding:14px}.entry-poster{width:125px;aspect-ratio:2/3;min-height:0;border-radius:9px}.entry-num{font-weight:800;color:#675184}.studio-intro{background:#EEE8F5;padding:36px;border-radius:20px;max-width:none}.studio-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;margin-top:35px}.studio-index{position:sticky;top:20px;align-self:start;display:grid;gap:10px}.studio-index a{font-size:13px;border-bottom:1px solid #DEE5E1;padding:6px 0}.guide{padding:28px 32px;margin-bottom:22px;background:#fff;border:1px solid #DEE5E1;border-radius:17px;scroll-margin-top:20px}.guide:nth-child(3n+2){border-left:5px solid #675184}.guide:nth-child(3n+3){border-left:5px solid #557FAD}.guide-num{color:#276468;letter-spacing:.2em;font-size:12px}.guide p{line-height:1.95}.search-form{background:white;padding:26px;border:1px solid #DEE5E1;border-radius:16px;max-width:850px}.search-form label{display:block;font-size:13px;font-weight:700;margin:10px 0}.search-input{display:flex;gap:10px}.search-input input{flex:1;min-width:0;border:1px solid #DEE5E1;padding:10px 16px;border-radius:10px}.search-form select{padding:10px;border:1px solid #DEE5E1;min-width:210px;border-radius:9px;background:white}.search-empty{padding:32px;background:#FBF2DF;border-radius:15px;margin-top:25px}.about-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:38px}.about-grid section h2{margin-top:32px}.about-grid section p{line-height:2}.faq{align-self:start;background:#fff;padding:23px;border:1px solid #DEE5E1;border-radius:14px}.faq details{border-top:1px solid #DEE5E1;padding:13px 0}.faq summary{cursor:pointer;font-weight:700}.faq p{font-size:13px}.notfound{padding:90px 20px;text-align:center}
@media(max-width:1100px){.site-shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding:25px 12px}.brand{font-size:16px}.main-content{padding:25px 25px 55px}.hero{gap:20px}.moods{grid-template-columns:repeat(3,1fr)}.library-layout{grid-template-columns:175px minmax(0,1fr);gap:18px}.curation-line{grid-template-columns:40px 170px minmax(0,1fr)}}
@media(max-width:780px){.site-shell{display:block}.sidebar{z-index:80;position:fixed;inset:0 auto 0 0;width:265px;transform:translateX(-100%);transition:transform .2s;height:100dvh;box-shadow:8px 0 32px #28343C18}.sidebar.open{transform:translateX(0)}.shade:not([hidden]){display:block;position:fixed;inset:0;background:#28343C80;z-index:70}.topbar{height:62px;padding:0 18px}.menu-button,.mobile-brand{display:inline-block}.menu-button{background:none;border:0;font-size:24px;color:#276468}.mobile-brand{font-weight:800;color:#276468}.crumb{display:none}.main-content{padding:24px 18px 70px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#FFFEFB;z-index:60;border-top:1px solid #DEE5E1;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{text-align:center;padding:12px 0;font-size:13px;color:#276468}.footer{padding-bottom:78px}.hero,.feature,.columns,.city-panel,.studio-strip,.watch-top,.watch-body,.about-grid{grid-template-columns:1fr}.hero{min-height:0}.hero-art,.hero-img,.hero-art>.no-image{height:280px;min-height:280px}.feature{padding:15px;gap:20px}.feature-photo{height:240px}.mini-grid,.three-grid,.curation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-layout{display:block}.filter-list{position:static;display:flex;flex-direction:row;overflow:auto;gap:8px;margin-bottom:20px;padding:10px}.filter-list h2{display:none}.filter-list a{flex:0 0 auto;white-space:nowrap}.filter-list small{margin-left:8px}.studio-layout{display:block}.studio-index{position:static;display:flex;overflow:auto;margin-bottom:25px}.studio-index h2{display:none}.studio-index a{flex:0 0 165px}.curation-line{grid-template-columns:38px 135px minmax(0,1fr);gap:13px}.curation-line h2{font-size:20px}.watch-body{gap:18px}.file-card{order:-1}.section{margin-top:55px}}
@media(max-width:480px){.moods{grid-template-columns:repeat(2,minmax(0,1fr))}.three-grid,.mini-grid{gap:9px}.poster-caption{padding:10px}.poster-caption h3{font-size:15px}.poster-caption p{font-size:11px}.split-panels,.curation-grid{grid-template-columns:1fr}.curation-line{grid-template-columns:35px 1fr}.curation-line>div:last-child{grid-column:2}.curation-line .landscape{max-height:175px}.search-input{flex-direction:column}.search-input .btn{justify-content:center}.curation-entry{grid-template-columns:25px 90px minmax(0,1fr);gap:10px}.entry-poster{width:90px}.curation-entry h3{font-size:17px}.curation-entry p{font-size:12px}.guide{padding:22px 20px}.hero h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}