/* 四域番格 · 海盐白 × 深靛蓝 × 绯樱红 × 琉璃青 */
:root{--background:#f5f8f7;--paper:#fff;--surface-soft:#edf2f2;--indigo:#233356;--indigo-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-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)}button,input,select{font:inherit}button,a,select,input{outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.28}p{line-height:1.8}.container{max-width:1360px;margin:auto;padding:0 32px}.site-header{background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--border)}.header-inner{max-width:1360px;height:76px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:8px;font-weight:900;font-size:23px;white-space:nowrap;color:var(--indigo)}.brand small{display:block;max-width:88px;font-weight:700;letter-spacing:1px;color:var(--muted);font-size:8px;line-height:1.25}.mainnav{display:flex;gap:28px;align-items:center;margin:auto;font-size:14px;font-weight:700}.mainnav a[aria-current=page]{color:var(--sakura)}.search-top{border:1px solid var(--border);border-radius:24px;padding:5px 16px;white-space:nowrap}.menu-toggle{display:none}.demo-strip{text-align:center;background:#e8ecf4;color:#354967;padding:6px 16px;font-size:12px}.site-main{min-height:60vh}.hero{margin-top:34px;border-radius:24px;background:var(--paper);display:grid;grid-template-columns:1.1fr 1fr;min-height:410px;overflow:hidden;border:1px solid var(--border)}.hero-copy{padding:56px 54px}.eyebrow,.section-heading>span,.page-intro .eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--teal);font-weight:800}.hero h1{font-size:clamp(31px,3.4vw,48px);letter-spacing:-1.5px;margin:22px 0}.hero h1 em{color:var(--sakura);font-style:normal}.hero-copy p{max-width:530px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;padding:9px 22px;font-weight:750;font-size:14px;border:0;cursor:pointer}.btn.primary{background:var(--sakura);color:#fff}.btn.primary:hover{background:#a93d55}.btn.quiet{background:#e8ecf4;color:var(--indigo)}.hero-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:9px;padding:24px;background:#e8ecf4}.hero-tile{border-radius:16px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:2px;color:white;min-height:154px}.hero-tile b{font-size:58px;font-weight:900;line-height:1}.hero-tile span{font-size:14px;letter-spacing:0}.tile-one{background:#233356;grid-row:span 2}.tile-two{background:#218a86}.tile-three{background:#cf536b}.block{margin:78px 0}.section-heading{margin-bottom:25px}.section-heading h2{font-size:29px;margin:9px 0}.section-heading p{max-width:770px;color:var(--muted);margin-bottom:0}.region-track{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.region-link{border-radius:17px;min-height:150px;padding:21px;display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid var(--border);transition:transform .2s}.region-link:hover{transform:translateY(-3px)}.region-link .region-symbol{font-size:28px}.region-link b{font-size:18px;color:var(--title)}.region-link small{font-size:12px}.region-jp{background:#faedf1}.region-us{background:#e9eef7}.region-kr{background:#edf3fb}.region-cn{background:#e5f3ef}.featured-grid,.work-grid,.three-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.work-card{display:block;min-width:0;background:#fff;border:1px solid var(--border);border-radius:17px;overflow:hidden;transition:transform .2s,box-shadow .2s}.work-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #23335612}.work-art{height:175px;background:linear-gradient(140deg,#233356,#218a86);position:relative;display:flex;align-items:center;justify-content:center;color:#ffffffad}.work-art img{position:absolute;width:100%;height:100%;object-fit:contain}.art-mark{font-size:48px;font-weight:900;opacity:.25}.work-info{padding:18px}.work-info small{color:var(--teal);font-size:11px;font-weight:750}.work-info h3{font-size:18px;margin:6px 0 10px}.work-info p{font-size:13px;line-height:1.65;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-grid>.featured{grid-column:span 2;grid-row:span 2}.featured-grid>.featured .work-art{height:calc(100% - 154px);min-height:210px}.featured-grid>.featured .work-info{min-height:154px}.featured-grid>.featured .work-info h3{font-size:25px}.genre-chips{display:flex;gap:12px;flex-wrap:wrap}.genre-chips a{background:#fff;border:1px solid var(--border);border-radius:100px;padding:11px 18px;font-size:14px;font-weight:750}.genre-chips a:hover{background:#e3f3f0;border-color:var(--teal)}.split-title{display:flex;align-items:end;justify-content:space-between}.split-title>a{font-weight:800;color:var(--teal)}.three-grid{grid-template-columns:repeat(3,1fr)}.work-card.horizontal{display:flex;min-height:180px}.horizontal .work-art{height:auto;min-width:36%;width:36%}.horizontal .work-info{align-self:center}.horizontal .work-info p{-webkit-line-clamp:3}.two-asym{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.two-asym .work-card:first-child{grid-row:span 2}.two-asym .work-card:first-child .work-art{width:44%}.story-strips{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.story-strips .work-card{display:block}.story-strips .work-art{width:100%;height:130px}.cn-roll{background:#e6f1ef;border-radius:22px;padding:32px}.contrast-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.contrast-row article,.microscope article,.info-card{background:#fff;border-radius:16px;border:1px solid var(--border);padding:27px}.contrast-row span,.microscope span{font-size:11px;color:var(--teal);letter-spacing:1px;font-weight:900}.contrast-row h3,.microscope h3{margin:13px 0}.contrast-row p,.microscope p{font-size:14px;margin-bottom:0}.update-panel{border-left:5px solid var(--sun);padding-left:25px}.empty{border:1px dashed #bcc9d1;border-radius:14px;background:#fff;padding:35px;color:var(--muted);text-align:center}.empty.slim{padding:25px}.empty a{color:var(--teal);font-weight:800}.editorial-card{border-radius:18px;background:#fff;padding:30px;border:1px solid var(--border);font-size:26px}.editorial-card h3{font-size:21px;margin:10px 0}.editorial-card p{font-size:14px;margin:0}.finale{text-align:center;background:#233356;color:#fff;padding:50px;border-radius:22px}.finale h2{color:#fff;font-size:32px;margin:16px}.finale span{font-size:11px;letter-spacing:2px;color:#b5e1de}.finale p{max-width:660px;margin:0 auto 25px}.page-intro{padding:62px 0 36px}.page-intro h1{font-size:clamp(32px,4vw,46px);margin:13px 0}.page-intro p{max-width:900px;color:var(--muted);font-size:17px}.region-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 25px}.region-tabs a{background:#fff;border:1px solid var(--border);padding:8px 16px;border-radius:10px}.region-tabs a[aria-current=page]{background:var(--indigo);color:#fff}.region-feature{min-height:250px;border-radius:20px;padding:32px 40px;display:flex;align-items:center;justify-content:space-between}.region-feature h2{font-size:29px}.region-feature p{max-width:670px}.region-feature-deco{font-size:90px}.region-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.region-summary a{background:#fff;border:1px solid var(--border);padding:28px;border-radius:15px}.region-summary span{font-size:12px;color:var(--teal);font-weight:900}.region-summary h2{font-size:22px;margin:10px 0}.region-summary p{font-size:14px}.region-summary small{color:var(--muted)}.compact-guide{padding:25px;background:#e8ecf4;border-radius:16px}.filter-form{display:grid;grid-template-columns:1.4fr repeat(3,1fr) auto;gap:12px;background:#fff;border:1px solid var(--border);padding:22px;border-radius:18px;align-items:end}.filter-form label{font-size:12px;font-weight:800;display:flex;flex-direction:column;gap:6px}.filter-form input,.filter-form select{width:100%;height:46px;padding:0 12px;border-radius:10px;border:1px solid #c8d2d8;background:#fff;color:var(--body)}.filter-actions{display:flex;align-items:center;gap:10px}.reset{font-size:13px;white-space:nowrap}.result-count{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.result-count h2{margin:0}.result-count span{color:var(--teal)}.result-count small{color:var(--muted)}.pagination{display:flex;flex-wrap:wrap;gap:7px;margin:35px 0}.pagination a{border:1px solid var(--border);border-radius:7px;background:#fff;min-width:38px;min-height:38px;text-align:center;padding:4px}.pagination a[aria-current=page]{background:var(--indigo);color:#fff}.breadcrumb{font-size:13px;margin:32px 0;color:var(--muted)}.breadcrumb a{color:var(--teal)}.detail-hero{display:grid;grid-template-columns:300px 1fr;gap:42px;align-items:stretch}.detail-art{min-height:400px;background:linear-gradient(130deg,#233356,#218a86);border-radius:18px;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.detail-art img{width:100%;height:100%;object-fit:contain;position:absolute}.detail-art span{position:absolute;bottom:10px;font-size:11px;background:#18253fd9;padding:6px}.detail-lead{padding:15px 0}.detail-lead h1{font-size:42px;margin:13px 0}.detail-lead>p{font-size:17px;max-width:800px}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.tag-list span{background:#e3f3f0;color:#176966;border-radius:30px;padding:5px 13px;font-size:12px}.notice{background:#f9e9ee;padding:22px;border-radius:12px;margin-top:28px}.notice b{color:#8a3048}.notice p{font-size:14px;margin:8px 0 0}.detail-layout{display:grid;grid-template-columns:1fr 320px;gap:50px;margin-top:65px}.detail-main section{margin-bottom:40px}.detail-main p{max-width:820px}.metadata-panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:25px;align-self:start}.metadata-panel h2{font-size:21px}.metadata-panel dl{display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:13px}.metadata-panel dt{color:var(--muted)}.metadata-panel dd{margin:0}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-bottom:70px}.collection-card{padding:32px;border-radius:17px;background:#fff;border:1px solid var(--border)}.collection-card:nth-child(4n+1){background:#e9eef7}.collection-card:nth-child(4n+2){background:#e4f3ef}.collection-card:nth-child(4n+3){background:#f9e9ee}.collection-card:nth-child(4n){background:#fbf2d9}.collection-n{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--teal)}.collection-card h2{font-size:27px;margin:16px 0 7px}.collection-card h3{font-size:16px}.collection-card p{font-size:14px;max-width:580px}.collection-card strong{color:var(--indigo);font-size:13px}.theme-detail{background:#e8ecf4;border-radius:18px;padding:35px}.theme-detail span{font-size:12px;font-weight:800;color:var(--teal)}.theme-detail p{max-width:950px;font-size:17px;margin:14px 0}.theme-detail a{font-weight:800;color:var(--indigo)}.calendar-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.calendar-summary>div{background:#fff;border-radius:14px;border:1px solid var(--border);padding:27px}.calendar-summary span{font-size:13px;color:var(--muted)}.calendar-summary b{font-size:43px;color:var(--indigo);display:block;line-height:1.5}.calendar-summary p{font-size:13px;margin:0}.calendar-heading{display:flex;align-items:center;justify-content:space-between}.calendar-heading span{font-size:12px;color:var(--muted)}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0}.week-grid>div{padding:17px 10px;background:#fff;border:1px solid var(--border);border-radius:12px;min-height:114px}.week-grid b,.week-grid span{display:block}.week-grid span{margin-top:15px;font-size:12px;color:var(--muted)}.about-grid{display:grid;grid-template-columns:220px 1fr;gap:46px}.about-side{display:flex;flex-direction:column;align-self:start;position:sticky;top:125px;gap:8px}.about-side a{padding:9px 15px;background:#fff;border:1px solid var(--border);border-radius:10px;font-size:14px}.about-content section{padding:8px 0 35px;border-bottom:1px solid var(--border);margin-bottom:35px;scroll-margin-top:120px}.about-content h2{font-size:26px}.about-content p{max-width:840px}.notfound{text-align:center;padding:100px 0}.notfound span{color:var(--teal);font-size:12px;letter-spacing:2px}.notfound h1{font-size:42px;margin:20px 0}.footer{background:#18253f;color:#dce8ef;margin-top:60px}.footer-inner{max-width:1360px;padding:48px 32px;margin:auto;display:flex;justify-content:space-between;gap:40px}.footer strong{font-size:22px;color:#fff}.footer p,.footer small{font-size:13px}.footer nav{display:flex;gap:16px;flex-wrap:wrap;align-content:center;font-size:13px}.mobile-bottom{display:none}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;background:white;z-index:100;padding:10px}
@media(max-width:1100px){.container,.header-inner{padding-left:24px;padding-right:24px}.header-inner{gap:14px}.mainnav{gap:14px}.filter-form{grid-template-columns:repeat(2,1fr)}.filter-actions{grid-column:span 2}.featured-grid{grid-template-columns:repeat(3,1fr)}.featured-grid>.featured{grid-column:span 2}.work-grid{grid-template-columns:repeat(3,1fr)}.story-strips{grid-template-columns:1fr 1fr}.story-strips .work-card:last-child{display:none}.hero-copy{padding:40px 32px}}
@media(max-width:760px){.container,.header-inner{padding-left:17px;padding-right:17px}.header-inner{height:66px}.brand{font-size:20px}.brand small{display:none}.menu-toggle{display:block;margin-left:auto;background:none;border:0;font-size:25px;width:44px;height:44px;cursor:pointer}.mainnav{display:none;position:fixed;top:66px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:18px 24px;z-index:30;box-shadow:0 15px 25px #18253f24}.mainnav.open{display:flex}.mainnav a{padding:10px}.menu-open:before{content:'';position:fixed;inset:66px 0 0;background:#18253f80;z-index:24}.search-top span{display:none}.search-top{border:0;padding:5px;font-size:24px}.hero{grid-template-columns:1fr;margin-top:15px;min-height:0}.hero-copy{padding:34px 24px}.hero h1{font-size:33px}.hero-collage{height:205px;padding:12px;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.hero-tile{min-height:0;padding:11px;grid-row:auto;font-size:8px;letter-spacing:.4px}.hero-tile b{font-size:32px}.hero-tile span{font-size:10px}.block{margin:55px 0}.section-heading h2{font-size:24px}.region-track{grid-template-columns:repeat(2,1fr)}.region-link{min-height:125px;padding:17px}.region-link b{font-size:16px}.featured-grid,.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.featured-grid>.featured{grid-row:auto;grid-column:span 2}.featured-grid>.featured .work-art{height:210px}.work-art{height:180px}.work-info{padding:12px}.work-info h3{font-size:15px}.work-info p{font-size:12px}.three-grid{grid-template-columns:1fr}.three-grid .work-card{display:flex}.three-grid .work-card .work-art{width:38%;min-width:38%;height:auto}.two-asym,.story-strips,.contrast-row,.collection-grid,.region-summary,.calendar-summary{grid-template-columns:1fr}.story-strips .work-card:last-child{display:block}.cn-roll{padding:18px}.region-feature-deco{font-size:48px}.region-feature{padding:22px}.region-feature h2{font-size:23px}.region-feature p{font-size:14px}.page-intro{padding:36px 0 22px}.page-intro h1{font-size:31px}.filter-form{grid-template-columns:1fr;padding:16px}.filter-actions{grid-column:auto}.result-count{display:block}.detail-hero{grid-template-columns:1fr;gap:20px}.detail-art{min-height:260px;max-height:320px}.detail-lead h1{font-size:32px}.detail-layout{grid-template-columns:1fr;gap:15px;margin-top:40px}.metadata-panel{grid-row:1}.week-grid{grid-template-columns:repeat(2,1fr)}.week-grid>div{min-height:90px}.about-grid{grid-template-columns:1fr;gap:18px}.about-side{position:static;flex-direction:row;flex-wrap:wrap}.footer-inner{flex-direction:column;padding:36px 17px 95px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:28;background:#fff;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{text-align:center;padding:10px 3px;min-height:46px;font-size:13px;font-weight:800}.demo-strip{font-size:10px}.finale{padding:35px 18px}.finale h2{font-size:26px}}
@media(max-width:350px){.hero-tile span{display:none}.work-art{height:135px}.region-link small{font-size:11px}}