@charset "UTF-8";
:root{--background:#F5F8F7;--paper:#fff;--surface-soft:#EDF2F2;--indigo:#233356;--indigo-deep:#18253F;--sakura:#CF536B;--sakura-deep:#A93D55;--teal:#218A86;--sunshine:#D8AA45;--title:#233043;--body:#415264;--muted:#657486;--border:#DDE5E7;--sky:#6EA4C1;--violet:#8D7BB0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);font:16px/1.72 system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--body)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.25}h1{font-size:clamp(2rem,4.3vw,3.45rem)}h2{font-size:clamp(1.5rem,2.7vw,2rem)}h3{font-size:1.13rem}p{max-width:75ch}.wrap{width:min(1360px,calc(100% - 64px));margin-inline:auto}.section{margin-block:84px}.section.compact{margin-block:40px}.section-intro{margin-bottom:28px}.section-intro h2{margin:8px 0}.section-intro p{margin:0;color:var(--muted)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--sakura-deep);text-transform:uppercase}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:99;background:#fff;padding:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.topbar{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.top-inner{width:min(1360px,calc(100% - 64px));height:76px;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:var(--indigo);font-size:21px;font-weight:900;white-space:nowrap;line-height:1.1}.brand-mark{display:grid;place-items:center;background:#f9e9ee;color:var(--sakura);width:42px;height:42px;border-radius:13px;font-size:28px}.brand small{display:block;font-size:8px;letter-spacing:.19em;margin-top:5px;color:var(--muted)}.desktop-nav{margin:auto;display:flex;gap:25px;font-size:14px;font-weight:700}.desktop-nav a:hover,.inline-link:hover{color:var(--sakura-deep)}.search-nav{border:1px solid var(--border);padding:8px 18px;border-radius:30px;white-space:nowrap}.menu-toggle{display:none;background:#fff;border:1px solid var(--border);border-radius:8px;padding:7px 12px}.mobile-menu,.mobile-overlay,.mobile-bottom{display:none}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center;min-height:485px;padding-block:40px}.hero-copy h1{font-size:clamp(2.6rem,5vw,4.5rem);letter-spacing:-.04em;margin:19px 0}.hero-copy h1 em{font-style:normal;color:var(--sakura-deep)}.hero-copy p{font-size:18px;line-height:1.9;max-width:510px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:11px;background:var(--indigo);color:#fff;padding:10px 23px;font-weight:700;cursor:pointer}.button:hover{background:var(--sakura-deep)}.button.light{background:#fff;border:1px solid var(--border);color:var(--indigo)}.button.light:hover{border-color:var(--sakura)}.hero-note{font-size:12px;color:var(--muted)}.hero-gallery{position:relative;min-height:390px}.hero-art{height:380px;overflow:hidden;border-radius:25px 90px 25px 25px;background:#e6eef1}.hero-art .missing-art{height:100%}.frame-tag{position:absolute;left:-18px;bottom:20px;padding:13px 22px;background:#fff;transform:rotate(-3deg);border-radius:8px;box-shadow:0 10px 30px #23335619;font-size:13px;font-weight:800}.hero-sticker{position:absolute;right:-20px;top:12px;width:115px;height:115px;border-radius:50%;background:#ffe2ae;color:#233356;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:rotate(10deg);font-size:31px}.hero-sticker small{font-size:11px;font-weight:800}.missing-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:130px;width:100%;height:100%;background:linear-gradient(135deg,#E8ECF4,#E3F3F0 55%,#F9E9EE);color:#59637b;text-align:center;padding:12px}.missing-art span{font-size:36px;color:var(--sakura)}.missing-art small{font-size:12px}.art-img{width:100%;height:100%;object-fit:cover}
.region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.region-card{position:relative;min-height:245px;border-radius:19px;overflow:hidden;background:#e9eefa;display:flex;flex-direction:column}.region-card .missing-art,.region-card img{height:170px;flex:1}.region-card>div:last-child{padding:13px 18px;background:#fff;display:flex;flex-direction:column}.region-card b{color:var(--title);font-size:17px}.region-card span{font-size:12px;color:var(--muted)}.r-us{background:#e5edfb}.r-kr{background:#f5e7f0}.r-cn{background:#fff2da}
.featured-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:16px}.work-card{min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:15px;overflow:hidden;border:1px solid var(--border);transition:transform .15s,box-shadow .15s}.work-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #23335615}.work-card>.poster{height:230px;aspect-ratio:2/3}.work-copy{padding:16px;display:flex;flex-direction:column;flex:1}.work-copy h3{margin:8px 0}.work-copy p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.7}.mini,.demo-label{font-size:11px;color:var(--teal);font-weight:700}.demo-label{margin-top:auto;padding-top:10px;color:var(--sakura-deep)}.featured-grid>.work-wide{display:grid;grid-template-rows:1.2fr 1fr}.featured-grid>.work-wide>.poster{height:285px}.featured-grid>.work-wide .work-copy p{-webkit-line-clamp:5}
.wide-band{background:#e9eff2;padding-block:68px}.genre-cloud{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.genre-cloud a{background:white;border-radius:15px;padding:18px;min-height:155px;display:grid;gap:5px;border-top:4px solid var(--teal)}.genre-cloud a:nth-child(3n){border-color:var(--sakura)}.genre-cloud a:nth-child(4n){border-color:var(--sunshine)}.genre-cloud a span{font-size:24px}.genre-cloud a strong{color:var(--title)}.genre-cloud a small{font-size:12px;color:var(--muted)}.split-feature{display:grid;grid-template-columns:1fr 1.75fr;gap:42px;align-items:start}.split-feature>div:first-child{position:sticky;top:100px}.inline-link{font-size:14px;font-weight:800;color:var(--indigo)}.mini-stack{display:grid;gap:12px}.work-wide{flex-direction:row}.mini-stack .work-wide>.poster,.china-list .work-wide>.poster{width:145px;height:145px;flex:0 0 145px}.mini-stack .work-copy p,.china-list .work-copy p{-webkit-line-clamp:2}.mosaic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.korea-feature{border-left:5px solid #d2a5c3;padding-left:24px}.korea-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.china-feature{display:grid;grid-template-columns:1fr 2fr;gap:35px;align-items:start}.china-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.china-list .work-wide>.poster{width:110px;flex-basis:110px;height:auto;min-height:190px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison article{background:#fff;padding:32px;border-radius:20px;border-left:5px solid var(--sakura)}.comparison article+article{border-color:var(--teal)}.comparison span{font-size:12px;color:var(--sakura-deep);font-weight:800}.schedule-preview{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--indigo);color:white;border-radius:22px;padding:35px}.schedule-preview h2{color:white}.schedule-preview .eyebrow{color:#ffbcca}.schedule-preview .section-intro p{color:#dce8f8}.empty-state{padding:25px;border-radius:14px;background:#fff;border:1px dashed var(--border);color:var(--muted)}.schedule-preview .empty-state{background:#ffffff12;border-color:#ffffff38;color:white}.maker-grid,.collection-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.maker-grid article,.collection-cards a{background:white;border-radius:17px;padding:25px;border:1px solid var(--border)}.maker-grid b{color:var(--teal);font-size:12px}.collection-cards a{border-top:4px solid var(--sakura)}.collection-cards a:nth-child(2){border-color:var(--teal)}.collection-cards a:nth-child(3){border-color:var(--sunshine)}.collection-cards a>span{font-size:30px}.collection-cards p{font-size:13px;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.collection-cards strong{font-size:13px;color:var(--sakura-deep)}.compass{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.compass a{padding:25px 16px;border-radius:13px;background:#fff;text-align:center;font-weight:800;color:var(--indigo)}.last-section{margin-bottom:120px}
.page-top{padding-top:74px;padding-bottom:18px}.page-top h1{margin:14px 0 12px}.page-top p{font-size:18px;color:var(--muted)}.region-switch,.topic-nav{display:flex;flex-wrap:wrap;gap:9px}.region-switch a,.topic-nav a,.meta-chips span{padding:10px 18px;border-radius:30px;background:#fff;border:1px solid var(--border);font-weight:700;font-size:13px}.region-switch a.selected,.topic-nav a.active{background:var(--indigo);color:#fff}.region-showcase{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:#fff;padding:34px;border-radius:24px}.region-story h2{font-size:38px}.region-story h3{color:var(--teal)}.region-showcase-art{min-height:270px;height:300px;border-radius:17px;overflow:hidden}.stat-row{display:flex;gap:28px;margin:22px 0}.stat-row span{font-size:13px;color:var(--muted)}.stat-row strong{display:block;font-size:26px;color:var(--indigo)}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card-grid .work-card>.poster{height:255px}.filter-panel{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:13px;align-items:end;background:#fff;padding:22px;border-radius:16px;border:1px solid var(--border)}.filter-panel label{display:grid;gap:6px;font-size:12px;font-weight:800;color:var(--indigo)}.filter-panel input,.filter-panel select{min-width:0;width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--body);height:45px}.filter-panel .clear{grid-column:1/-1;font-size:13px;color:var(--teal)}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0}.result-heading h2{margin:0}.result-heading span{font-size:12px;color:var(--muted)}.pagination{display:flex;gap:8px;margin:25px 0}.pagination a{background:#fff;border:1px solid var(--border);padding:8px 16px;border-radius:7px}.pagination a[aria-current]{background:var(--indigo);color:#fff}
.watch-top{display:grid;grid-template-columns:300px 1fr;gap:48px;padding-top:60px}.detail-poster{height:440px;border-radius:20px;overflow:hidden}.detail-summary{padding:15px 0}.detail-summary h1{margin:16px 0;font-size:clamp(2rem,3.3vw,3.4rem)}.lead{font-size:17px;line-height:1.9}.demo-pill{display:inline-block;margin-top:10px;background:#f9e9ee;color:#98354d;padding:7px 13px;border-radius:30px;font-weight:800;font-size:12px}.meta-chips{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.meta-chips span{padding:5px 12px}.unavailable{padding:20px;border-left:4px solid var(--sakura);background:#fff;border-radius:10px}.unavailable b{color:var(--indigo)}.unavailable p{margin:6px 0 0;font-size:14px}.detail-section{display:grid;grid-template-columns:2fr 1fr;gap:45px}.detail-main{background:white;padding:30px;border-radius:17px}.detail-main h3{margin-top:25px}.detail-aside{background:#e8ecf4;padding:28px;border-radius:16px;align-self:start}.detail-aside dl{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;font-size:13px}.detail-aside dt{color:var(--muted)}.detail-aside dd{margin:0;text-align:right;color:var(--title);font-weight:700}.detail-aside .button{margin-top:18px}.topic-showcase{background:#fff;border-radius:22px;padding:30px}.topic-head{max-width:800px}.topic-head p{font-size:15px}.topic-items{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.topic-items .work-card>.poster{height:190px}.calendar-panel{display:grid;grid-template-columns:300px 1fr;gap:20px}.calendar-sidebar,.calendar-main{padding:28px;background:#fff;border-radius:18px}.calendar-sidebar{background:var(--indigo);color:#fff}.calendar-sidebar h2{color:#fff}.calendar-sidebar .eyebrow{color:#ffbdcc}.calendar-sidebar .mini-stats strong{display:block;font-size:56px;line-height:1}.calendar-sidebar .tiny{font-size:12px;color:#dce8f8}.week-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.week-head span{font-size:12px;color:var(--muted)}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.week-grid>div{border:1px solid var(--border);padding:13px 8px;min-height:110px;border-radius:11px}.week-grid b{display:block;font-size:13px;color:var(--indigo)}.week-grid span{font-size:11px;color:var(--muted)}.calendar-main .empty-state{margin-top:18px}.about-layout{display:grid;grid-template-columns:2fr .8fr;gap:40px;align-items:start}.about-layout>article{background:#fff;padding:35px;border-radius:17px}.about-layout article h2{margin-top:30px}.about-layout details{padding:15px 0;border-bottom:1px solid var(--border)}.about-layout summary{font-weight:800;cursor:pointer}.about-panel{background:#fff;border-radius:16px;padding:24px;margin-bottom:15px}.about-panel a{display:block;padding:7px 0}.notfound{text-align:center;min-height:60vh;padding-top:120px}.notfound p{margin:20px auto}.footer{background:var(--indigo-deep);color:#dce6f5;padding:42px 0}.footer-inner{width:min(1360px,calc(100% - 64px));margin:auto;display:flex;justify-content:space-between;gap:35px}.footer strong{font-size:22px;color:white}.footer p,.footer small{font-size:13px}.footer nav{display:flex;flex-wrap:wrap;align-content:center;gap:25px;font-size:13px}
@media(max-width:1150px){.desktop-nav{gap:10px}.featured-grid,.mosaic-grid,.korea-rail,.card-grid{grid-template-columns:repeat(2,1fr)}.featured-grid>.work-wide{display:flex;flex-direction:column}.filter-panel{grid-template-columns:2fr 1fr 1fr}.filter-panel .button{align-self:end}.china-feature{grid-template-columns:1fr}.week-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:768px){.wrap,.top-inner,.footer-inner{width:calc(100% - 36px)}.section{margin-block:52px}.desktop-nav,.search-nav span{display:none}.top-inner{height:68px;gap:12px}.search-nav{margin-left:auto;padding:6px 13px}.menu-toggle{display:block}.mobile-overlay:not([hidden]){display:block;position:fixed;inset:0;background:#101c32aa;z-index:29}.mobile-menu:not([hidden]){display:flex;flex-direction:column;gap:7px;position:fixed;top:0;right:0;height:100dvh;width:min(80vw,310px);background:white;z-index:30;padding:30px;box-shadow:0 0 40px #0002}.mobile-menu a{padding:9px 0;border-bottom:1px solid var(--border);font-weight:700}.close-menu{margin-bottom:15px;background:var(--indigo);color:white;border:0;border-radius:9px;padding:10px;align-self:end}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:19;background:white;box-shadow:0 -3px 18px #23335619;padding:7px 0 max(7px,env(safe-area-inset-bottom))}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;font-size:23px;line-height:1.2;color:var(--indigo)}.mobile-bottom span{font-size:11px}.footer{padding-bottom:95px}.hero{grid-template-columns:1fr;gap:15px;padding-top:30px}.hero-copy h1{font-size:clamp(2.2rem,9vw,3.6rem)}.hero-gallery,.hero-art{min-height:260px;height:290px}.hero-sticker{right:0}.region-grid,.genre-cloud,.maker-grid,.collection-cards,.compass{grid-template-columns:repeat(2,1fr)}.region-card{min-height:200px}.region-card .missing-art,.region-card img{height:135px}.split-feature,.region-showcase,.detail-section,.about-layout,.calendar-panel{grid-template-columns:1fr}.split-feature>div:first-child{position:static}.china-list{grid-template-columns:1fr}.comparison,.watch-top{grid-template-columns:1fr}.watch-top{gap:20px}.detail-poster{height:340px;width:min(250px,100%)}.filter-panel{grid-template-columns:1fr 1fr}.filter-panel label:first-child{grid-column:1/-1}.filter-panel .button{grid-column:1/-1}.topic-items{grid-template-columns:repeat(2,1fr)}.schedule-preview{flex-direction:column;align-items:flex-start}.footer-inner{flex-direction:column}.week-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:440px){.wrap,.top-inner,.footer-inner{width:calc(100% - 32px)}.brand{font-size:18px}.brand small{font-size:6px}.featured-grid,.mosaic-grid,.korea-rail,.card-grid,.topic-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.work-card>.poster,.featured-grid>.work-wide>.poster,.card-grid .work-card>.poster,.topic-items .work-card>.poster{height:185px}.work-copy{padding:11px}.work-copy h3{font-size:14px}.work-copy p{font-size:11px;-webkit-line-clamp:2}.work-copy .demo-label{font-size:10px}.region-card b{font-size:13px}.region-card span{font-size:10px}.genre-cloud a{padding:13px;min-height:160px}.mini-stack .work-wide>.poster{flex-basis:95px;width:95px;height:150px}.filter-panel{grid-template-columns:1fr}.filter-panel label:first-child{grid-column:auto}.compass a{font-size:13px;padding:18px 8px}.result-heading{display:block}.page-top{padding-top:40px}.about-layout>article,.detail-main{padding:20px}.hero-sticker{width:90px;height:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-card{transition:none}}