*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f8f7;color:#415264;font:16px/1.75 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}a{color:#176966;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#233043;line-height:1.3}h1{font-size:clamp(28px,4vw,44px)}h2{font-size:clamp(23px,3vw,29px)}h3{font-size:19px}.container{width:min(1360px,calc(100% - 64px));margin:0 auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:100;background:white;padding:10px}.site-header{background:#fff;border-bottom:1px solid #dde5e7;position:sticky;top:0;z-index:10}.header-inner{max-width:1360px;margin:auto;min-height:74px;padding:0 32px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:#233356;white-space:nowrap}.brand-icon{color:#cf536b;font-size:31px}.mainnav{display:flex;gap:23px;margin:auto}.mainnav a{color:#233356;font-weight:600;font-size:14px}.search-link{white-space:nowrap}.menu-toggle{display:none}.site-main{min-height:65vh}.eyebrow{display:block;font-size:12px;letter-spacing:.13em;font-weight:800;color:#218a86;margin-bottom:12px}.hero{padding:58px 0 48px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.hero h1{font-size:clamp(33px,4vw,56px);color:#18253f;line-height:1.18}.hero p{max-width:600px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.btn{border:0;border-radius:12px;background:#233356;color:white;display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;min-height:44px;font-size:15px;font-weight:700;cursor:pointer}.btn.light{background:#e8ecf4;color:#233356}.btn:hover{background:#176966;text-decoration:none}.note{font-size:13px;color:#657486}.hero-art{height:378px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;transform:rotate(-2deg)}.hero-tile{border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:43px}.hero-tile strong{font-size:20px;color:#233043}.hero-tile small{font-size:12px;color:#415264}.t1{background:#f9e9ee;transform:translateY(18px)}.t2{background:#e3f3f0}.t3{background:#fbf2d9}.t4{background:#e8ecf4;transform:translateY(-12px)}.section{margin:50px 0 75px}.section-head{margin-bottom:24px}.section-head p{max-width:770px}.region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.region{background:#fff;border:1px solid #dde5e7;border-radius:17px;padding:26px;display:block;min-height:165px;box-shadow:0 7px 22px #23335608}.region>span{font-size:28px}.region h3{margin:6px 0}.region small{display:block;color:#657486}.region.active{outline:2px solid #cf536b}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.work-card{background:#fff;border:1px solid #dde5e7;border-radius:16px;overflow:hidden;display:block;min-width:0;transition:transform .2s,box-shadow .2s}.work-card:hover{transform:translateY(-3px);box-shadow:0 9px 30px #18253f16;text-decoration:none}.cover{aspect-ratio:2/3;background:#e8ecf4;overflow:hidden}.cover img{width:100%;height:100%;object-fit:contain}.noimage{height:100%;background:linear-gradient(145deg,#e8ecf4,#e3f3f0);display:flex;gap:10px;flex-direction:column;justify-content:center;align-items:center;color:#233356}.noimage span{font-size:72px;color:#cf536b}.noimage small{font-size:10px;letter-spacing:.18em}.card-body{padding:18px}.card-body h3{margin:5px 0}.card-body p{font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.demo-label{display:inline-block;background:#f9e9ee;color:#a93d55;padding:3px 10px;border-radius:10px;font-size:12px;font-weight:700}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.genre-grid a{display:block;padding:17px 16px;border-radius:12px;background:#e3f3f0;color:#176966;font-weight:700}.genre-grid a:nth-child(3n){background:#f9e9ee;color:#a93d55}.genre-grid a:nth-child(4n){background:#fbf2d9;color:#79591b}.genre-grid span{padding-right:8px}.split{background:white;border-radius:20px;padding:35px;display:grid;grid-template-columns:1fr minmax(0,290px);align-items:center;gap:40px}.split.reverse{grid-template-columns:minmax(0,290px) 1fr}.split.reverse>div:first-child{grid-column:2;grid-row:1}.split.reverse>div:last-child{grid-column:1;grid-row:1}.split p{max-width:650px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-grid>article,.panel-link{background:#fff;border:1px solid #dde5e7;border-radius:14px;padding:24px;display:block}.info-grid b{color:#233356;font-size:18px}.info-grid p{margin:10px 0 0}.schedule,.cta{background:#e8ecf4;border-radius:20px;padding:35px}.cta{text-align:center}.page-intro{padding:52px 0 35px;max-width:900px}.page-intro p{font-size:17px}.filters{display:flex;gap:15px;align-items:end;flex-wrap:wrap;background:#fff;border-radius:15px;padding:20px;border:1px solid #dde5e7;margin-bottom:34px}.filters label{display:flex;flex-direction:column;font-weight:700;color:#233356;font-size:13px;gap:7px;flex:1;min-width:180px}.filters input,.filters select{border:1px solid #dde5e7;border-radius:9px;padding:11px;background:white;color:#233043;min-height:44px;font:inherit;width:100%}.filters input:focus,.filters select:focus{outline:2px solid #218a86}.reset{padding:10px}.pagination{display:flex;gap:8px;margin:30px 0 60px}.pagination a{border:1px solid #dde5e7;padding:7px 15px;border-radius:8px}.pagination a.active{background:#233356;color:white}.breadcrumbs{margin:26px 0;font-size:14px}.detail{display:grid;grid-template-columns:minmax(210px,320px) 1fr;gap:38px;margin:10px 0 55px}.detail-poster .cover{border-radius:18px}.detail-text{max-width:800px}.tagline{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tagline span{background:#e3f3f0;color:#176966;padding:4px 12px;border-radius:20px;font-size:13px}.rights-notice{background:#fbf2d9;padding:22px;border-radius:14px;margin-top:25px}.rights-notice h2{font-size:20px}.collections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:19px;margin-bottom:85px}.collection-card{border:1px solid #dde5e7;border-radius:17px;padding:32px;background:#fff;min-height:225px}.collection-card:nth-child(4n+2){background:#e3f3f0}.collection-card:nth-child(4n+3){background:#f9e9ee}.collection-card h2{margin-bottom:12px}.collection-card>span:last-child{font-weight:700}.calendar-empty{text-align:center;border:1px solid #dde5e7;background:white;border-radius:18px;padding:70px 25px;margin:15px auto 65px}.calendar-icon{font-size:64px;color:#218a86}.calendar-empty p{max-width:640px;margin:15px auto 25px}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:80px}.about-grid article{background:#fff;padding:30px;border:1px solid #dde5e7;border-radius:15px}.footer{background:#18253f;color:#d6dfe9;padding:42px 0;margin-top:40px}.footer-grid{display:flex;justify-content:space-between;gap:45px}.footer b{color:white;font-size:20px}.footer p{font-size:13px}.footer a{display:block;color:#d6dfe9}.missing{padding:120px 0;text-align:center}.empty{padding:30px;background:#fff;border-radius:15px}.menu-open{overflow:hidden}@media(max-width:1100px){.work-grid{grid-template-columns:repeat(3,1fr)}.mainnav{gap:13px}.header-inner{padding:0 20px}.hero{gap:30px}}@media(max-width:760px){.container{width:calc(100% - 34px)}.header-inner{min-height:70px;padding:0 17px}.menu-toggle{margin-left:auto;display:block;border:1px solid #dde5e7;border-radius:9px;background:white;padding:9px;color:#233356;min-width:44px;min-height:44px}.mainnav{display:none;position:absolute;top:69px;left:0;right:0;background:white;box-shadow:0 15px 30px #18253f18;padding:16px 18px;flex-direction:column;gap:0}.mainnav.open{display:flex}.mainnav a{padding:12px}.search-link{display:none}.hero{grid-template-columns:1fr;padding:37px 0 15px}.hero-art{height:280px}.region-grid,.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:12px}.card-body h3{font-size:16px}.card-body p{font-size:13px}.eyebrow{font-size:11px}.split,.split.reverse{display:block;padding:22px}.split.reverse>div:first-child,.split.reverse>div:last-child{grid-column:auto;grid-row:auto}.split .work-card{max-width:330px;margin:25px auto 0}.info-grid,.collections-grid,.about-grid{grid-template-columns:1fr}.detail{grid-template-columns:1fr}.detail-poster{max-width:275px}.section{margin:38px 0 55px}.footer-grid{display:block}.region{padding:15px;min-height:145px}.region h3{font-size:17px}}@media(max-width:350px){.work-grid{grid-template-columns:1fr}.hero-art{height:245px}.brand{font-size:19px}}

/* Volume 02 layout additions: previous color system kept unchanged */
.new-hero{position:relative}.new-hero h1{max-width:720px}.editor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.editor-grid .work-card:first-child{grid-column:span 2;display:grid;grid-template-columns:minmax(0,45%) 1fr}.editor-grid .work-card:first-child .cover{min-height:100%}.editor-grid .work-card:first-child .cover .noimage{min-height:300px}.editor-grid .work-card:first-child .card-body{align-self:center}.editorial-band{display:grid;grid-template-columns:2fr 1fr;gap:25px;padding:32px;background:var(--indigo-soft);border-radius:20px}.note-chips{display:flex;align-content:center;justify-content:center;flex-wrap:wrap;gap:12px}.note-chips span{background:var(--paper);padding:13px 17px;border-radius:24px;color:var(--indigo);font-weight:700}.topic-notes{margin:40px 0}.topic-note-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.topic-note-grid a{padding:20px;background:var(--paper);border:1px solid var(--border);border-radius:14px;text-decoration:none;color:var(--body)}.topic-note-grid a b{color:var(--indigo);font-size:18px}.topic-note-grid a p{margin-bottom:0;line-height:1.6}.regional-insight{border-top:5px solid var(--teal);padding-top:26px}.regional-insight>p{max-width:850px;line-height:1.85}.status-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.status-steps article{background:var(--paper);padding:24px;border:1px solid var(--border);border-radius:16px}.status-steps article b{color:var(--sakura-deep)}.status-steps article p{line-height:1.7}@media(max-width:960px){.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid .work-card:first-child{grid-column:span 2}.topic-note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.editor-grid .work-card:first-child{grid-column:span 2;grid-template-columns:1fr}.editorial-band{grid-template-columns:1fr;padding:22px}.topic-note-grid,.status-steps{grid-template-columns:1fr}.topic-note-grid a{padding:16px}.new-hero h1{font-size:clamp(28px,8vw,38px)}}