:root{--background:#f5f8f7;--paper:#fff;--indigo:#233356;--deep:#18253f;--sakura:#cf536b;--teal:#218a86;--sun:#d8aa45;--title:#233043;--body:#415264;--muted:#657486;--border:#dde5e7}*{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:var(--indigo);text-decoration:none}a:hover{color:var(--sakura)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.34;color:var(--title)}h1{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.035em}h2{font-size:clamp(23px,2.1vw,29px)}h3{font-size:19px}p{margin-bottom:18px}button,input,select{font:inherit}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.container{width:min(1360px,calc(100% - 64px));margin:auto}.skip-link{position:absolute;top:-90px;z-index:60;background:white;padding:10px}.skip-link:focus{top:0}.site-header{background:#fff;border-bottom:1px solid var(--border);position:relative;z-index:25}.nav{min-height:76px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;color:var(--deep);font-weight:900;font-size:20px;line-height:1.1}.brand small{font-size:10px;display:block;letter-spacing:.25em;color:var(--muted);margin-top:6px}.brand-mark{display:grid;place-items:center;border-radius:14px;background:#f9e9ee;color:var(--sakura);width:44px;height:44px;font-size:30px}.nav-items{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.7vw,30px);flex:1}.nav-items a{font-size:14px;font-weight:750;white-space:nowrap}.search-shortcut{border:1px solid var(--border);border-radius:100px;padding:6px 15px;white-space:nowrap}.menu-toggle{display:none}.hero{margin-top:32px;border-radius:24px;min-height:405px;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;background:linear-gradient(115deg,#fff 58%,#e8ecf4);border:1px solid var(--border)}.hero>div:first-child{padding:55px 50px}.hero h1{font-size:clamp(35px,3.6vw,52px);margin:22px 0}.hero em{font-style:normal;color:var(--sakura)}.hero p{max-width:550px}.hero-art{padding:20px;position:relative;min-height:335px}.hero-pic,.hero-art .image-fallback{height:100%;border-radius:22px}.image-fallback{background:linear-gradient(135deg,#e8ecf4,#e3f3f0 65%,#f9e9ee);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--indigo);font-weight:800;letter-spacing:.06em;padding:24px;min-height:130px}.float-label{position:absolute;right:33px;bottom:34px;padding:6px 15px;border-radius:50px;background:#fff;color:var(--indigo);letter-spacing:.12em;font-size:11px;font-weight:800}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--teal);font-weight:800;font-size:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.button,button[type=submit]{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 21px;background:var(--sakura);border:1px solid var(--sakura);border-radius:12px;font-weight:800;color:#fff;cursor:pointer}.button:hover,button[type=submit]:hover{background:#a93d55;color:white}.button.secondary{background:transparent;color:var(--indigo);border-color:#b7c3ce}.button.secondary:hover{background:#e8ecf4}.micro{font-size:13px;color:var(--muted)}.section{margin-top:70px}.section-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-header h2{margin:5px 0}.section-header>a{font-weight:750;font-size:14px}.region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.region-card{display:block;background:white;border:1px solid var(--border);border-radius:18px;overflow:hidden}.region-card .region-visual{height:145px;width:100%;object-fit:contain}.region-card>div:last-child{padding:18px}.region-card h3{margin-bottom:7px}.region-card strong{color:var(--teal);font-size:13px}.region-card p{font-size:14px;color:var(--muted);margin:7px 0 0}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.work-card{background:#fff;border:1px solid var(--border);border-radius:17px;overflow:hidden;min-width:0;transition:transform .2s}.work-card:hover{transform:translateY(-3px)}.work-card-link{display:block;height:100%}.poster{width:100%;aspect-ratio:2/3;object-fit:contain;background:#e9eff0;max-height:330px}.work-card .image-fallback.poster{aspect-ratio:2/3;max-height:330px;background:linear-gradient(145deg,#e8ecf4,#f8e9ee);padding:15px;font-size:22px}.work-card:nth-child(3n+2) .image-fallback{background:linear-gradient(135deg,#e2f3f0,#e8ecf4)}.work-card:nth-child(3n) .image-fallback{background:linear-gradient(135deg,#fbf2d9,#e8ecf4)}.card-body{padding:17px}.card-body h3{margin:7px 0}.card-body p{font-size:14px;color:var(--muted);line-height:1.7;min-height:70px}.demo-tag{color:#9b4454;font-size:12px;font-weight:800}.genre-cloud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.genre-cloud a{display:flex;flex-direction:column;gap:4px;padding:20px 16px;border-radius:14px;background:#e8ecf4}.genre-cloud a:nth-child(4n+2){background:#e3f3f0}.genre-cloud a:nth-child(4n+3){background:#f9e9ee}.genre-cloud a:nth-child(4n){background:#fbf2d9}.genre-cloud small{font-size:12px;color:var(--muted)}.story-section{display:grid;grid-template-columns:1fr 1.3fr;gap:28px;align-items:center;background:#fff;border-radius:21px;padding:40px;border:1px solid var(--border)}.story-section .eyebrow{grid-column:1/-1}.story-text p{max-width:560px}.mini-list{display:grid;gap:8px}.mini-list a{display:flex;justify-content:space-between;gap:15px;background:#f5f8f7;border-radius:13px;padding:19px;font-weight:750}.mini-list span{font-size:13px;color:var(--muted)}.style-wall{background:var(--deep);border-radius:21px;color:#e8ecf4;padding:46px;display:grid;grid-template-columns:1fr 1fr;gap:34px}.style-wall h2{color:white}.style-wall a{color:#fff}.feature-stack{display:grid;gap:10px}.feature-stack a{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #71809b;border-radius:12px;padding:17px}.feature-stack small{color:#bfced6}.korean-panel{background:#f9e9ee;border-radius:21px;padding:45px;display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}.vertical-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vertical-stories a{min-height:200px;background:white;padding:16px;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between}.vertical-stories span{color:var(--sakura);font-size:25px;font-weight:900}.vertical-stories small{color:var(--muted)}.china-panel{background:linear-gradient(110deg,#e3f3f0,#fff);border-radius:21px;padding:48px}.china-panel>p{max-width:760px}.horizontal-links{display:flex;gap:10px;flex-wrap:wrap}.horizontal-links a{padding:12px 17px;background:white;border:1px solid var(--border);border-radius:9px}.compare-layout,.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.compare-layout>div,.learning-grid article{background:#fff;border:1px solid var(--border);border-radius:15px;padding:24px}.calendar-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e8ecf4;border-radius:20px;padding:35px}.calendar-strip p{margin-bottom:0}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.collection-grid a,.collection-index a{padding:25px;border-radius:17px;background:white;border:1px solid var(--border)}.collection-grid p,.collection-index p{color:var(--muted)}.collection-grid span,.collection-index b{font-size:13px;font-weight:800;color:var(--sakura)}.closing-note{background:#fff;border:1px solid var(--border);border-radius:20px;padding:38px;margin-bottom:65px}.closing-note p{max-width:880px}.site-footer{background:var(--deep);color:#c5d3dc;padding:42px 0 20px}.site-footer a{color:#e7eff2}.footer-layout{display:flex;justify-content:space-between;gap:40px}.footer-layout>div:first-child{max-width:650px}.footer-layout strong{color:#fff}.footer-layout>div:last-child{display:flex;gap:20px;flex-wrap:wrap}.fine{font-size:12px;border-top:1px solid #3c4f68;padding-top:14px}.mobile-bottom{display:none}.page-shell{padding-top:40px;padding-bottom:75px;min-height:70vh}.page-head{max-width:860px;margin-bottom:35px}.page-head h1{margin:10px 0}.region-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 32px}.region-tabs a{background:white;border:1px solid var(--border);padding:9px 18px;border-radius:40px;font-weight:750;font-size:14px}.region-tabs .active{background:var(--indigo);color:white}.region-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;background:#fff;padding:27px;border-radius:22px;border:1px solid var(--border);margin-bottom:40px}.region-detail .region-visual{width:100%;min-height:270px;max-height:330px;object-fit:contain}.region-detail>div:last-child{padding:22px 12px}.region-ledger{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.region-ledger a{padding:35px;border-radius:18px;background:white;border:1px solid var(--border)}.region-ledger span{color:var(--teal);font-weight:750}.filter-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;background:#fff;border-radius:20px;border:1px solid var(--border);padding:24px;margin-bottom:38px;align-items:end}.filter-panel label{font-size:13px;font-weight:800;color:var(--indigo)}.filter-panel input:not([type=checkbox]),.filter-panel select{width:100%;min-height:43px;margin-top:6px;padding:7px 11px;border:1px solid #bdcbd1;border-radius:10px;background:white;color:var(--body)}.filter-panel .checkline{display:flex;align-items:center;gap:9px;min-height:44px}.filter-panel button,.filter-panel .button{width:100%}.results-bar{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.results-bar h2{margin:0}.results-bar span{font-size:14px;color:var(--muted)}.pager{display:flex;justify-content:center;gap:8px;margin:35px}.pager a{display:grid;place-items:center;background:white;border:1px solid var(--border);border-radius:8px;width:42px;height:42px}.pager a[aria-current=page]{background:var(--indigo);color:white}.empty{background:#fff;border:1px dashed #b5c4ce;padding:30px;border-radius:13px;color:var(--muted)}.breadcrumbs{font-size:13px;margin-bottom:25px}.detail-hero{display:grid;grid-template-columns:minmax(200px,.65fr) 1.35fr;gap:40px;background:#fff;padding:30px;border-radius:22px;border:1px solid var(--border)}.detail-poster .poster{max-height:500px;border-radius:14px}.detail-intro{align-self:center}.detail-intro h1{margin:10px 0}.lead{font-size:20px;color:var(--teal)}.detail-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.detail-pills span{background:#e8ecf4;border-radius:30px;padding:5px 12px;font-size:13px}.notice{background:#fbf2d9;padding:18px;border-radius:12px;color:#624e24}.detail-columns{display:grid;grid-template-columns:1.45fr .7fr;gap:35px;margin-top:38px}.prose{background:white;border:1px solid var(--border);border-radius:19px;padding:35px}.prose h2:not(:first-child){margin-top:30px}.detail-aside{align-self:start;background:#e8ecf4;border-radius:18px;padding:27px}.detail-aside dl{display:grid;grid-template-columns:95px 1fr;gap:8px;font-size:14px}.detail-aside dt{color:var(--muted)}.detail-aside dd{margin:0;font-weight:750}.collection-index{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.collection-index a:nth-child(4n+2){background:#e8ecf4}.collection-index a:nth-child(4n+3){background:#e3f3f0}.collection-index a:nth-child(4n){background:#fbf2d9}.collection-feature{background:white;border-left:6px solid var(--sakura);padding:32px;margin:30px 0;border-radius:15px}.collection-feature p{font-size:17px}.backlink{font-weight:750}.calendar-top{display:grid;grid-template-columns:1fr 1fr;gap:16px}.calendar-top>div{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:17px;padding:25px}.calendar-top strong{font-size:50px;color:var(--teal);line-height:1.3}.calendar-top small{color:var(--muted)}.schedule-empty{text-align:center;background:#fff;border-radius:18px;padding:65px 20px;border:1px solid var(--border)}.schedule-empty p{max-width:700px;margin:12px auto}.date-badge{font-size:50px}.about-main{display:grid;grid-template-columns:1.6fr .6fr;gap:45px}.about-main>div{background:white;padding:35px;border-radius:18px}.about-main aside{align-self:start;background:#e8ecf4;padding:25px;border-radius:15px;display:flex;flex-direction:column;gap:12px}.about-main h2{margin-top:30px}.about-main details{padding:15px 0;border-bottom:1px solid var(--border)}.about-main summary{cursor:pointer;font-weight:800}.notfound{text-align:center;padding:90px 10px}.notfound p{margin:0 auto 24px;max-width:500px}
@media(max-width:1050px){.container{width:calc(100% - 44px)}.nav-items{gap:12px}.nav-items a{font-size:12px}.region-grid,.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-cloud{grid-template-columns:repeat(2,1fr)}.card-body p{min-height:0}.hero>div:first-child{padding:35px}.region-visual{height:auto}}
@media(max-width:720px){body{font-size:15px}.container{width:calc(100% - 34px)}.site-header .nav{min-height:67px}.brand{font-size:17px}.brand-mark{width:38px;height:38px}.menu-toggle{display:block;order:3;margin-left:auto;border:0;background:#e8ecf4;border-radius:10px;min-width:44px;min-height:44px;color:var(--indigo);font-size:21px}.search-shortcut{order:2;margin-left:auto}.search-shortcut span{display:none}.nav-items{display:none;position:absolute;top:67px;left:0;right:0;background:white;box-shadow:0 10px 22px #18253f26;padding:20px;flex-direction:column;align-items:stretch;gap:15px}.nav-items.open{display:flex}.nav-items a{font-size:16px}.hero{grid-template-columns:1fr;min-height:0;margin-top:18px}.hero>div:first-child{padding:30px 23px}.hero h1{font-size:32px}.hero-art{min-height:170px;padding:12px}.hero-pic,.hero-art .image-fallback{min-height:170px}.section{margin-top:47px}.section-header{align-items:start}.region-card>div:last-child{padding:13px}.region-card .region-visual{height:100px}.region-card h3{font-size:16px}.region-card p{font-size:12px}.work-grid{gap:11px}.work-card .image-fallback.poster{font-size:17px;min-height:180px}.card-body{padding:12px}.card-body h3{font-size:16px}.card-body p{font-size:12px}.card-body .eyebrow{font-size:10px}.demo-tag{font-size:11px}.story-section,.style-wall,.korean-panel,.region-detail,.detail-hero,.detail-columns,.about-main{grid-template-columns:1fr}.story-section,.style-wall,.korean-panel,.china-panel{padding:25px}.story-section .eyebrow{grid-column:auto}.vertical-stories{grid-template-columns:1fr}.vertical-stories a{min-height:110px}.compare-layout,.learning-grid,.collection-grid,.collection-index{grid-template-columns:1fr}.calendar-strip{align-items:start;flex-direction:column}.footer-layout{flex-direction:column;gap:10px}.site-footer{padding-bottom:95px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);z-index:20;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{text-align:center;padding:12px 0;font-size:14px;font-weight:800}.filter-panel{grid-template-columns:1fr 1fr;padding:14px}.filter-panel label:first-child{grid-column:1/-1}.results-bar{gap:10px}.results-bar span{font-size:12px}.region-ledger{grid-template-columns:1fr}.detail-hero{gap:10px}.detail-poster{max-width:250px}.detail-poster .poster{max-height:360px}.prose{padding:22px}.page-shell{padding-top:25px}.calendar-top{gap:10px}.calendar-top>div{padding:15px}.calendar-top strong{font-size:40px}}
@media(max-width:360px){.container{width:calc(100% - 30px)}.brand small{letter-spacing:.12em}.card-body p{display:none}.filter-panel{grid-template-columns:1fr}.genre-cloud{grid-template-columns:1fr 1fr}.genre-cloud a{padding:12px}.genre-cloud b{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-card{transition:none}}