:root{--background:#F5F8F7;--paper:#fff;--surface-soft:#EDF2F2;--indigo:#233356;--indigo-deep:#18253F;--sakura:#CF536B;--sakura-soft:#F9E9EE;--teal:#218A86;--teal-soft:#E3F3F0;--sunshine:#D8AA45;--title:#233043;--body:#415264;--muted:#657486;--border:#DDE5E7;--violet:#8D7BB0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.76 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:3px}img{max-width:100%;display:block}button,input,select{font:inherit}h1,h2,h3{color:var(--title);line-height:1.28;letter-spacing:-.035em;margin:0 0 16px}h1{font-size:clamp(2rem,4.1vw,3.35rem)}h2{font-size:clamp(1.5rem,2.2vw,2rem)}h3{font-size:1.2rem}p{margin:0 0 16px}.shell{max-width:1360px;margin:auto;padding-left:32px;padding-right:32px}.section{margin:80px 0}.eyebrow{font-size:12px;font-weight:800;color:var(--teal);letter-spacing:.14em;text-transform:uppercase}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:white;padding:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{height:76px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40;backdrop-filter:blur(14px)}.header-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:23px;font-weight:900;color:var(--indigo);display:flex;align-items:center;gap:10px;white-space:nowrap}.brand img{width:144px;max-height:52px;object-fit:contain}.brand-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--sakura);color:#fff}.topnav{display:flex;align-items:center;gap:clamp(10px,2vw,32px)}.topnav a{font-size:14px;font-weight:700;white-space:nowrap}.topnav a:hover,.topnav a[aria-current=page]{color:var(--sakura)}.nav-actions{display:flex;align-items:center;gap:16px}.search-shortcut{border:1px solid var(--border);padding:7px 14px;border-radius:99px;font-size:14px}.menu-toggle{display:none;border:0;background:var(--indigo);color:white;border-radius:8px;width:44px;height:44px;cursor:pointer}.bottom-nav{display:none}
.hero{min-height:415px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:56px}.hero-copy h1{font-size:clamp(2.3rem,4.4vw,4.2rem);line-height:1.17}.hero-copy em{color:var(--sakura);font-style:normal}.hero-copy>p:not(.eyebrow){font-size:18px;max-width:550px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:var(--sakura);color:white;border:1px solid var(--sakura);border-radius:12px;padding:10px 22px;font-weight:800;cursor:pointer;min-height:46px}.btn:hover{background:#aa4058}.btn.secondary{background:white;color:var(--indigo);border-color:var(--border)}.hero-note{font-size:13px;color:var(--muted);margin-top:22px}.hero-art{position:relative;min-height:380px;padding:20px}.hero-art-frame{background:var(--indigo);border-radius:32px 9px 32px 9px;padding:18px;transform:rotate(2deg);height:340px;box-shadow:25px 25px 0 var(--teal-soft)}.hero-image,.hero-art .no-pic{width:100%;height:100%;object-fit:contain;border-radius:16px;background:#E4EAF4}.art-sticker,.art-caption{position:absolute;background:white;box-shadow:0 8px 30px #12254415;padding:10px 15px;border-radius:9px;font-size:13px;font-weight:700}.art-sticker{left:0;top:0;color:var(--sakura);transform:rotate(-7deg)}.art-caption{right:0;bottom:4px;color:var(--indigo)}.section-heading{margin-bottom:28px}.section-heading h2{margin-bottom:8px}.section-heading>p:last-child{max-width:740px}.region-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.region-rail a{min-height:132px;background:white;border:1px solid var(--border);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:4px;transition:transform .2s,border .2s}.region-rail a:hover{transform:translateY(-4px);border-color:var(--teal)}.region-rail span{font-size:26px}.region-rail strong{font-size:19px;color:var(--title)}.region-rail small{line-height:1.5;color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.feature-grid .featured{grid-column:span 2;grid-row:span 2}.work-card{display:flex;min-width:0;flex-direction:column;padding:12px 12px 16px;background:white;border:1px solid var(--border);border-radius:16px;gap:6px;transition:transform .2s,box-shadow .2s}.work-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #11254812}.work-card .cover{aspect-ratio:2/3;object-fit:contain;background:#E9EEF0;width:100%;border-radius:10px}.work-card .no-pic.cover{aspect-ratio:2/3}.work-card strong{font-size:18px;line-height:1.35;color:var(--title)}.work-meta{font-size:12px;font-weight:800;color:var(--teal);margin-top:4px}.work-card .clamp{font-size:13px;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.work-card .status{margin-top:auto;padding-top:7px;font-size:11px;color:var(--sakura)}.featured .cover{aspect-ratio:4/3}.featured .no-pic.cover{aspect-ratio:4/3}.featured strong{font-size:26px}.featured .clamp{-webkit-line-clamp:5}.no-pic{display:flex;align-items:center;justify-content:center;min-height:100px;background:linear-gradient(135deg,#e8edf4 0%,#e1f3ee 55%,#f5eaf0 100%);border:1px solid #d5e1e7;border-radius:10px;color:#4e6680;font-size:13px;font-weight:800;text-align:center;padding:12px;letter-spacing:.07em}.soft-section{background:var(--indigo);padding:44px;border-radius:25px}.soft-section h2,.soft-section .eyebrow{color:#fff}.topic-pills{display:flex;gap:12px;flex-wrap:wrap}.topic-pills a{padding:11px 20px;border-radius:999px;background:white;color:var(--indigo);font-weight:800;font-size:14px;border:1px solid #dbe8e8}.topic-pills a:nth-child(3n){background:var(--sakura-soft)}.topic-pills a:nth-child(3n+1){background:var(--teal-soft)}
.editorial{display:grid;grid-template-columns:minmax(230px,.7fr) 1.3fr;gap:50px;align-items:center}.editorial.reversed>div:first-child{order:2}.editorial.reversed>div:last-child{order:1}.editorial>div:first-child>p:not(.eyebrow){font-size:17px}.three-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.three-cards .work-card:nth-child(2){transform:translateY(18px)}.text-link{color:var(--teal);font-weight:800;display:inline-flex;margin-top:12px}.cn-banner{background:var(--teal-soft);border-radius:22px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.wide-image{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:18px}.comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.comparison article{background:white;border-top:5px solid var(--teal);border-radius:14px;padding:28px}.comparison article:nth-child(2){border-top-color:var(--sakura)}.comparison article:nth-child(3){border-top-color:var(--sunshine)}.comparison span{font-size:12px;font-weight:800;color:var(--teal)}.comparison p{font-size:14px}.timeline-panel{background:white;border:1px solid var(--border);padding:40px;border-radius:18px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.timeline-blank{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,#f7f9fa,#f7f9fa 38px,#e7eded 39px);border-radius:16px;color:var(--muted)}.timeline-blank strong{font-size:22px;color:var(--indigo)}.microscope{background:var(--sakura-soft);padding:40px;border-radius:22px;display:grid;grid-template-columns:.8fr 1.2fr;gap:32px}.micro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.micro-grid article{background:white;padding:20px;border-radius:14px}.micro-grid span{color:var(--sakura);font-weight:900;font-size:25px}.micro-grid p{font-size:13px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.collection-card{background:var(--indigo);color:#e7eff8;padding:30px;border-radius:18px;min-height:270px;display:flex;flex-direction:column}.collection-card:nth-child(2){background:#23676d}.collection-card:nth-child(3){background:#684e76}.collection-card h3{color:white;font-size:25px}.collection-card p{font-size:14px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.collection-card span{font-weight:800;margin-top:auto}.outro{text-align:center;max-width:750px;margin:85px auto 110px}.outro .btn{margin-top:12px}
.page-intro{padding:68px 0 36px;max-width:970px}.page-intro p:last-child{font-size:18px;max-width:820px}.page-intro.compact{padding-bottom:12px}.region-intro h1{max-width:760px}.region-section{padding-top:24px;border-top:1px solid var(--border)}.region-feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:35px}.region-feature .wide-image{min-height:290px}.region-feature .text-link{display:flex}.data-note{display:block;font-size:13px;color:var(--muted);margin:16px 0}.heading-inline,.result-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:18px}.heading-inline span,.result-heading>span{font-size:13px;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.see-more{margin:22px 0 0}.filter-panel{padding:24px;background:white;border:1px solid var(--border);border-radius:18px;margin:22px 0 38px}.filter-panel label{font-weight:750;font-size:13px;color:var(--title);display:flex;flex-direction:column;gap:5px}.filter-panel input,.filter-panel select{background:white;width:100%;height:46px;border:1px solid #bbc9cf;border-radius:9px;padding:0 12px;color:var(--body);min-width:0}.search-label input{font-size:16px}.filter-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:15px}.filter-actions{display:flex;align-items:center;gap:20px;margin-top:18px}.filter-actions a{color:var(--teal)}.result-heading small{font-size:16px;color:var(--teal)}.archive-grid{margin-bottom:30px}.pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:35px 0 70px}.pagination a{background:white;border:1px solid var(--border);border-radius:8px;padding:8px 13px}.pagination a[aria-current=page]{background:var(--indigo);color:white}.empty-state{background:white;padding:70px 32px;margin:50px auto 90px;text-align:center;border-radius:20px;border:1px solid var(--border)}.empty-state .btn{margin-top:15px}
.breadcrumbs{font-size:13px;color:var(--muted);padding:26px 0}.breadcrumbs a{color:var(--teal)}.detail-hero{display:grid;grid-template-columns:300px 1fr;gap:42px;background:white;border-radius:20px;padding:36px;border:1px solid var(--border)}.detail-cover .cover{width:100%;aspect-ratio:2/3;object-fit:contain;background:var(--surface-soft);border-radius:14px}.detail-copy h1{font-size:clamp(2rem,3vw,3.2rem)}.detail-tags{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 25px}.detail-tags>*{padding:5px 13px;border-radius:99px;background:var(--teal-soft);font-size:13px;color:var(--teal);font-weight:800}.detail-tags>*:nth-child(2){background:var(--sakura-soft);color:var(--sakura)}.intro-text{font-size:18px}.rights-inline,.notice{border-left:4px solid var(--sakura);background:var(--sakura-soft);padding:16px 19px;border-radius:0 12px 12px 0}.rights-inline p{font-size:14px;margin:5px 0 0}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;margin-top:40px}.content-block{background:white;border:1px solid var(--border);padding:32px;margin-bottom:24px;border-radius:16px}.content-block p:not(.eyebrow){max-width:810px}.fact-panel{height:max-content;position:sticky;top:95px;background:var(--indigo);color:white;padding:28px;border-radius:16px}.fact-panel h3{color:white}.fact-panel dl{display:grid;grid-template-columns:90px 1fr;gap:10px;font-size:13px}.fact-panel dt{color:#b6c9db}.fact-panel dd{margin:0}.fact-panel .text-link{color:#9aefdc}.collections-intro{border-bottom:1px solid var(--border)}.collection-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0 100px}.collection-index-item{display:flex;gap:22px;background:white;padding:27px;border:1px solid var(--border);border-radius:16px}.collection-index-item:nth-child(even){background:#edf4f2}.collection-index-item .num{color:var(--sakura);font-size:36px;font-weight:900}.collection-index-item small{font-weight:800;color:var(--teal);letter-spacing:.09em}.collection-index-item p{font-size:14px}.collection-focus{max-width:900px;background:var(--indigo);border-radius:20px;padding:34px;color:#e4edf4;margin:30px 0}.collection-focus h2{color:white}.collection-focus+ .card-grid{margin-bottom:90px}.calendar-intro{background:var(--indigo);color:#dce7f1;padding:48px;margin-top:35px;border-radius:20px;max-width:unset}.calendar-intro h1{color:white}.calendar-layout{display:grid;grid-template-columns:245px 1fr;gap:25px;margin:35px 0 100px}.calendar-side,.calendar-main{background:white;padding:25px;border-radius:18px;border:1px solid var(--border)}.calendar-side a{display:block;padding:8px 12px;border-radius:8px}.calendar-side a[aria-current=page]{background:var(--teal-soft);color:var(--teal);font-weight:800}.calendar-heading{display:flex;justify-content:space-between;gap:15px}.tag{align-self:flex-start;border-radius:99px;background:var(--teal-soft);color:var(--teal);padding:4px 12px;font-size:12px}.calendar-empty{border:2px dashed var(--border);border-radius:18px;padding:65px 25px;text-align:center;margin:22px 0}.calendar-empty>span{font-size:46px;color:var(--teal)}.calendar-empty p{max-width:530px;margin:auto auto 20px}.calendar-method{font-size:14px}.about-intro{background:var(--sakura-soft);border-radius:18px;padding:48px;margin-top:30px;max-width:unset}.about-layout{display:grid;grid-template-columns:225px 1fr;gap:50px;margin:40px 0 90px}.about-index{height:max-content;position:sticky;top:95px;display:flex;flex-direction:column;gap:6px}.about-index a{padding:8px 15px;background:white;border-left:3px solid var(--teal)}.about-content section{padding:26px 0;border-bottom:1px solid var(--border);scroll-margin-top:100px}.about-content h3{margin-top:18px}.about-content p{max-width:850px}
.footer{background:var(--indigo-deep);color:#d5e3ed;padding:55px 0}.foot-grid{display:grid;grid-template-columns:1fr 220px;gap:24px}.foot-grid strong{color:white;font-size:22px}.foot-grid p{max-width:550px;font-size:14px}.foot-grid>div:nth-child(2){display:flex;flex-direction:column;gap:7px}.foot-grid small{grid-column:1/-1;color:#abc1d1}
@media(max-width:1100px){.shell{padding-left:24px;padding-right:24px}.topnav{gap:12px}.topnav a{font-size:12px}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-grid .featured{grid-column:span 1;grid-row:span 1}.featured .cover,.featured .no-pic.cover{aspect-ratio:2/3}.card-grid{grid-template-columns:repeat(3,1fr)}.hero{gap:26px}.editorial{gap:28px}}
@media(max-width:790px){.shell{padding-left:18px;padding-right:18px}.site-header{height:66px}.topnav{display:none;position:absolute;top:66px;left:0;right:0;background:white;padding:15px 24px 28px;box-shadow:0 16px 26px #132b4220;flex-direction:column;align-items:stretch}.topnav.open{display:flex}.topnav a{font-size:16px;padding:7px}.menu-toggle{display:block}.hero{grid-template-columns:1fr;gap:24px}.hero-art{min-height:300px}.hero-art-frame{height:300px}.region-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.region-rail a{min-height:125px}.feature-grid{grid-template-columns:repeat(2,1fr)}.section{margin:60px 0}.editorial,.cn-banner,.microscope,.timeline-panel,.region-feature{grid-template-columns:1fr}.editorial.reversed>div:first-child{order:0}.editorial.reversed>div:last-child{order:0}.comparison,.collection-grid{grid-template-columns:1fr}.three-cards{gap:10px}.filter-line{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero{grid-template-columns:200px 1fr;padding:22px;gap:20px}.detail-layout{grid-template-columns:1fr}.fact-panel{position:static}.collection-index{grid-template-columns:1fr}.calendar-layout,.about-layout{grid-template-columns:1fr}.calendar-side,.about-index{position:static}.calendar-side{display:flex;gap:6px;flex-wrap:wrap}.calendar-side h2,.calendar-side .data-note{width:100%}.about-index{display:grid;grid-template-columns:repeat(3,1fr)}.soft-section{padding:25px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:white;border-top:1px solid var(--border);z-index:35;justify-content:space-around;align-items:center;font-size:13px;font-weight:800}.bottom-nav a{padding:12px}.footer{padding-bottom:90px}.nav-actions .search-shortcut{display:none}}
@media(max-width:520px){.hero-art{min-height:230px;padding:15px}.hero-art-frame{height:225px;padding:10px}.art-caption{font-size:11px}.hero-copy>p:not(.eyebrow){font-size:16px}.region-rail{gap:9px}.region-rail a{padding:15px}.region-rail strong{font-size:16px}.region-rail small{font-size:11px}.card-grid,.feature-grid{gap:10px}.work-card{padding:8px 8px 12px}.work-card strong,.featured strong{font-size:15px}.work-card .clamp{font-size:12px}.three-cards{grid-template-columns:repeat(2,1fr)}.three-cards .work-card:last-child{display:none}.three-cards .work-card:nth-child(2){transform:none}.filter-panel{padding:15px}.filter-line{gap:10px}.detail-hero{grid-template-columns:1fr}.detail-cover{max-width:205px}.detail-copy h1{font-size:27px}.page-intro{padding-top:40px}.page-intro p:last-child{font-size:16px}.micro-grid{grid-template-columns:1fr}.comparison article{padding:22px}.collection-index-item{padding:18px}.collection-index-item .num{font-size:24px}.calendar-intro,.about-intro{padding:26px}.about-index{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr}.foot-grid small{grid-column:auto}.timeline-panel,.cn-banner,.microscope{padding:24px}.section{margin:48px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}