:root{--background:#F5F8F7;--paper:#FFF;--surface:#FFF;--surface-soft:#EDF2F2;--indigo:#233356;--indigo-deep:#18253F;--indigo-soft:#E8ECF4;--sakura:#CF536B;--sakura-deep:#A93D55;--sakura-soft:#F9E9EE;--teal:#218A86;--teal-deep:#176966;--teal-soft:#E3F3F0;--sunshine:#D8AA45;--sunshine-soft:#FBF2D9;--sky:#6EA4C1;--sky-soft:#EBF4F9;--violet:#8D7BB0;--violet-soft:#F0EDF6;--title:#233043;--body:#415264;--muted:#657486;--border:#DDE5E7;--divider:#E9EFF0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}a:hover{color:var(--sakura-deep)}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.35}h1{font-size:clamp(30px,4vw,52px);letter-spacing:-.04em}h2{font-size:clamp(24px,2.6vw,33px)}h3{font-size:19px}em{font-style:normal;color:var(--sakura-deep)}.container{width:min(1360px,calc(100% - 64px));margin-inline:auto}.site-header{height:76px;background:#fffdfde8;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;backdrop-filter:blur(10px)}.nav-shell{height:100%;width:min(1360px,calc(100% - 64px));margin:auto;display:flex;align-items:center;gap:40px}.brand{display:flex;gap:10px;align-items:center;color:var(--indigo);font-weight:900;font-size:19px;line-height:1.1;white-space:nowrap}.brand small{display:block;letter-spacing:.16em;color:var(--muted);font-size:9px;margin-top:6px}.brand-image{width:45px;height:45px;flex-shrink:0}.brand .image-fallback{font-size:24px}.brand .image-fallback span{display:none}.primary-nav{display:flex;align-items:center;gap:25px;flex:1;justify-content:center;font-size:14px;font-weight:700}.primary-nav [aria-current=page]{color:var(--sakura-deep)}.search-link{border:1px solid var(--border);border-radius:28px;padding:5px 18px;white-space:nowrap}.menu-toggle{display:none}.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:99}.eyebrow{display:block;font-size:11px;letter-spacing:.18em;font-weight:850;color:var(--teal-deep);margin-bottom:12px}.hero{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:35px;margin-top:46px;min-height:410px}.hero-copy{padding:30px 20px 35px 2%}.hero-copy h1{max-width:620px;margin:0 0 18px}.hero-copy p{max-width:530px;font-size:18px}.btn{background:var(--sakura-deep);color:#fff;border:0;display:inline-block;border-radius:50px;padding:11px 25px;font:700 15px inherit;cursor:pointer;transition:transform .2s}.btn:hover{color:white;transform:translateY(-2px);background:var(--indigo)}.hero-note{display:block;font-size:12px;color:var(--muted);margin-top:18px}.hero-visual{position:relative;height:420px;border-radius:24px;overflow:hidden;background:var(--indigo)}.hero-image{height:100%}.hero-tag{position:absolute;right:20px;bottom:20px;background:#fff;color:var(--indigo);padding:6px 18px;border-radius:30px;font-size:12px;font-weight:800}.image-fallback{display:flex;align-items:center;justify-content:center;gap:15px;flex-direction:column;background:linear-gradient(120deg,var(--indigo-soft),var(--sakura-soft) 48%,var(--teal-soft));color:var(--indigo);text-align:center;min-height:150px;font-size:38px}.image-fallback span{font-size:14px;font-weight:750;letter-spacing:.08em}.section{margin-top:92px}.section-title{margin-bottom:28px}.region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.region-card{background:#fff;border:1px solid var(--border);overflow:hidden;border-radius:18px;transition:transform .2s}.region-card:hover,.work-card:hover{transform:translateY(-4px)}.region-image{height:160px}.region-card>div:last-child{padding:18px}.region-card h3{margin:0 0 6px}.region-card p{margin:0;font-size:13px;line-height:1.55}.split-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:26px}.split-heading p{max-width:650px}.text-link{font-weight:800;color:var(--sakura-deep);white-space:nowrap}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.work-card{display:block;border:1px solid var(--border);border-radius:17px;overflow:hidden;background:white;transition:transform .2s}.poster{height:auto;aspect-ratio:2/3}.work-info{padding:16px}.work-info h3{margin:4px 0 9px;font-size:18px}.work-info p{font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meta{display:block;font-size:11px;color:var(--muted);border-top:1px solid var(--divider);padding-top:11px}.band{background:var(--indigo);color:white;padding:70px 0;margin-top:90px}.band h2{color:white}.band .eyebrow{color:#a7e0d5}.genre-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.genre-tile{padding:22px;min-height:150px;border-radius:13px;background:#fff;color:var(--title);display:flex;flex-direction:column;justify-content:space-between}.genre-tile:nth-child(4n+2){background:var(--sunshine-soft)}.genre-tile:nth-child(4n+3){background:var(--teal-soft)}.genre-tile:nth-child(4n+4){background:var(--violet-soft)}.genre-tile b{font-size:19px}.genre-tile span{font-size:13px;line-height:1.5}.lead{max-width:800px;font-size:17px}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.editorial>div{padding:30px}.editorial p{font-size:17px}.editorial-image{height:310px;border-radius:22px}.insight-grid,.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.insight-grid article,.collection-card,.panel{background:#fff;border:1px solid var(--border);padding:30px;border-radius:17px}.insight-grid article:nth-child(2){border-top:5px solid var(--sakura)}.insight-grid article:nth-child(3){border-top:5px solid var(--teal)}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.collection-card{min-height:230px;display:flex;flex-direction:column}.collection-card span{margin-top:auto;color:var(--sakura-deep);font-weight:800}.section-end{padding-bottom:95px}.page-intro{padding-top:70px;padding-bottom:42px}.page-intro p{max-width:830px;font-size:18px}.region-tabs{display:flex;gap:12px;flex-wrap:wrap}.tab,.genre-chips>a,.genre-chips>span{background:white;border:1px solid var(--border);border-radius:30px;padding:8px 18px;font-size:14px}.tab.on{background:var(--indigo);color:white}.region-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:32px;padding:32px;background:white;border-radius:22px}.region-detail p{font-size:18px}.detail-image{height:300px;border-radius:16px}.facts{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--teal-deep);font-weight:800}.genre-chips{display:flex;gap:10px;flex-wrap:wrap}.library-layout{display:grid;grid-template-columns:260px 1fr;gap:30px;padding-bottom:90px;align-items:start}.filters{padding:22px;background:white;border-radius:18px;border:1px solid var(--border);position:sticky;top:94px}.filters h2{font-size:20px}.filters label{display:block;font-size:13px;font-weight:800;margin:14px 0 5px}.filters input,.filters select{width:100%;padding:11px;background:#fff;border:1px solid #cbd5da;border-radius:9px;font:inherit;font-size:14px}.filters .btn{margin-top:20px;width:100%}.clear-link{font-size:13px;display:block;text-align:center;margin-top:12px}.results-head{display:flex;justify-content:space-between;align-items:center}.results-head h2{font-size:23px}.results .work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.results .work-info{padding:13px}.results .work-info h3{font-size:15px}.results .work-info p{font-size:12px}.pagination{display:flex;gap:7px;justify-content:center;margin-top:40px}.pagination a{border:1px solid var(--border);padding:6px 15px;background:white;border-radius:8px}.pagination [aria-current=page]{background:var(--indigo);color:white}.empty{background:white;padding:40px;border-radius:18px}.detail-layout{padding-top:70px;display:grid;grid-template-columns:minmax(230px,340px) minmax(0,1fr);gap:55px}.detail-poster{aspect-ratio:2/3;border-radius:20px;overflow:hidden}.detail-sidebar .notice{background:var(--sunshine-soft);padding:20px;border-radius:14px;margin-top:20px;font-size:13px}.detail-content h1{margin:14px 0}.back{display:inline-block;color:var(--teal-deep);font-size:13px;font-weight:800;margin-bottom:30px}.story{margin-top:36px;max-width:820px}.story p{font-size:17px;line-height:1.95}.story h2{font-size:25px}.rights-panel{margin-top:42px;background:white;border-radius:20px;padding:30px;border:1px solid var(--border)}.rights-panel dl{margin:0}.rights-panel dl>div{display:flex;border-bottom:1px solid var(--divider);padding:10px 0;gap:20px}.rights-panel dt{width:125px;flex-shrink:0;color:var(--muted)}.rights-panel dd{margin:0;font-weight:750}.muted{font-size:13px;color:var(--muted)}.curation-list{display:flex;flex-direction:column;gap:14px}.curation-row{background:#fff;border:1px solid var(--border);border-radius:15px;padding:24px 35px;display:grid;grid-template-columns:70px 1fr 45px;gap:18px;align-items:center}.curation-row:nth-child(even){background:var(--indigo-soft)}.curation-index{font-size:31px;font-weight:850;color:var(--sakura-deep)}.curation-row h2{font-size:23px;margin:0 0 7px}.curation-row p{font-size:14px;max-width:960px;margin:0 0 5px}.curation-row small{color:var(--teal-deep)}.curation-arrow{font-size:25px}.curated-detail{background:white;border-radius:18px;padding:36px}.curated-detail h2{font-size:34px}.curated-detail p{max-width:880px;font-size:18px}.editor-note{background:var(--sunshine-soft);padding:12px 18px;border-radius:10px;font-size:13px}.calendar-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-bottom:20px}.calendar-lead{background:var(--indigo);color:#fff;padding:40px;border-radius:22px}.calendar-lead h2{color:white}.date-emblem{border:1px solid #ffffff70;border-radius:16px;padding:25px;display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.date-emblem b{font-size:70px}.timeline{padding:30px;background:#fff;border-radius:20px}.timeline-item{display:flex;gap:20px;margin-top:28px}.timeline-item>span{border-radius:50%;background:var(--sakura-soft);width:44px;height:44px;display:grid;place-items:center;color:var(--sakura-deep);font-weight:850;flex-shrink:0}.timeline-item h3{margin:0 0 6px}.timeline-item p{margin:0}.about-layout{display:grid;grid-template-columns:290px 1fr;gap:45px;padding-bottom:90px}.about-aside{background:var(--indigo);color:white;border-radius:19px;padding:28px;align-self:start}.about-aside h2{color:white;font-size:23px}.about-aside p{font-size:14px}.about-picture{margin-top:25px;border-radius:12px;height:175px}.about-body section{border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:28px}.about-body h2{font-size:25px}.about-body p{max-width:790px}.about-body details{background:white;padding:13px;margin-top:10px;border-radius:10px}.about-body summary{cursor:pointer;font-weight:800}.notfound{text-align:center;padding:140px 0}.site-footer{margin-top:80px;background:var(--indigo-deep);color:#d8dfed;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px}.footer-grid strong{color:white}.footer-grid p{max-width:650px;font-size:13px}.footer-grid>div:last-child{display:flex;flex-direction:column;gap:9px}.footline{border-top:1px solid #ffffff28;padding-top:17px;margin-top:36px;font-size:12px}.mobile-bottom{display:none}
@media(max-width:1100px){.nav-shell{gap:15px}.primary-nav{gap:13px}.results .work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.container,.nav-shell{width:calc(100% - 34px)}.site-header{height:65px}.nav-shell{justify-content:space-between}.menu-toggle{display:block;background:none;border:0;color:var(--indigo);font-size:15px;font-weight:800}.primary-nav{display:none;position:absolute;top:65px;left:0;right:0;background:white;flex-direction:column;padding:18px;box-shadow:0 15px 25px #18253f22;align-items:start}.primary-nav.open{display:flex}.search-link{display:none}.hero{grid-template-columns:1fr;gap:8px;margin-top:10px}.hero-copy{padding:32px 0 4px}.hero-copy p,.page-intro p{font-size:16px}.hero-visual{height:275px}.section{margin-top:65px}.region-grid{gap:12px}.region-image{height:105px}.region-card>div:last-child{padding:12px}.region-card h3{font-size:15px}.region-card p{font-size:12px}.work-grid,.results .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.work-info{padding:12px}.work-info h3{font-size:15px}.work-info p{font-size:12px}.genre-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-tile{min-height:140px;padding:15px}.genre-tile b{font-size:16px}.genre-tile span{font-size:12px}.band{padding:50px 0}.editorial,.region-detail,.calendar-layout,.about-layout,.library-layout,.detail-layout{grid-template-columns:1fr}.editorial>div{padding:0}.reverse .editorial-image{order:1}.reverse>div{order:0}.editorial-image{height:230px}.insight-grid,.collection-grid,.two-panels{grid-template-columns:1fr}.split-heading{display:block}.page-intro{padding-top:38px;padding-bottom:20px}.region-detail{padding:20px;gap:18px}.detail-image{height:220px}.filters{position:static}.results .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{gap:25px;padding-top:35px}.detail-sidebar{max-width:330px}.curation-row{padding:18px;grid-template-columns:35px 1fr 20px;gap:12px}.curation-index{font-size:19px}.curation-row h2{font-size:19px}.curation-row p{font-size:12px}.about-layout{gap:20px}.footer-grid{grid-template-columns:1fr}.site-footer{padding-bottom:100px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:45;justify-content:space-around;padding:10px 0 max(10px,env(safe-area-inset-bottom));box-shadow:0 -5px 24px #18253f22}.mobile-bottom a{font-size:13px;font-weight:800;color:var(--indigo);padding:4px 10px}.section-end{padding-bottom:40px}}
@media(max-width:360px){.container,.nav-shell{width:calc(100% - 28px)}.brand{font-size:15px}.brand-image{width:32px;height:32px}.genre-wall{gap:8px}.genre-tile{padding:11px}.work-info h3{font-size:14px}.eyebrow{letter-spacing:.09em}}