:root{--paper:#080b0c;--paper-deep:#060809;--ink:#f2e8d5;--muted:#aaa49a;--red:#7c1f24;--red-deep:#5e171b;--cyan:#9bb7b3;--line:rgba(201,167,106,.2);--accent:#c9a76a;--serif:"Noto Serif SC","Songti SC",serif;--sans:"Noto Sans SC","Microsoft YaHei",sans-serif}
html{scroll-behavior:smooth}body.museum-body,.detail-body{background:#080b0c;color:#f2e8d5}.site-header{height:72px;padding:0 clamp(22px,5vw,82px);background:rgba(8,11,12,.78);border-color:rgba(201,167,106,.18);backdrop-filter:blur(20px);color:#eee4d2}.brand-seal{background:#7c1f24;color:#f2e8d5;border:1px solid rgba(201,167,106,.45)}.site-header nav a{color:#bcb5aa}.site-header nav a.active,.site-header nav a:hover{color:#f2e8d5}.site-header nav a.active::after{background:#c9a76a}.sound-toggle,.detail-return{color:#c9a76a}
.map-hero{min-height:calc(100svh - 72px);padding:120px clamp(50px,8vw,145px) 90px;align-items:end;background:#080b0c;color:#f2e8d5}.map-hero::before{background:linear-gradient(90deg,rgba(5,8,9,.94),rgba(7,9,10,.54) 43%,rgba(8,10,11,.12) 74%),linear-gradient(0deg,rgba(5,7,8,.74),transparent 65%)}.map-hero::after{content:"DIGITAL ATLAS · 01";color:rgba(242,232,213,.7);font-family:"Cinzel",serif}.hero-copy{max-width:900px}.hero-copy .section-kicker{color:#c9a76a}.hero-copy h1{margin:18px 0 15px;font:500 clamp(64px,7.8vw,132px)/1 var(--serif);letter-spacing:.04em}.hero-copy .hero-subtitle{margin:0 0 22px;color:#dac8a8;font:400 clamp(18px,1.6vw,26px)/1.6 var(--serif);letter-spacing:.18em}.hero-copy>p:last-child{max-width:700px;color:#b9b4aa;font-size:16px;line-height:1.9}.hero-stats div{border-color:rgba(201,167,106,.26)}.hero-stats strong{color:#e9d4ad;font-family:"Cinzel",serif}.hero-stats span{color:#a9a298}.hero-arrow{border-color:rgba(201,167,106,.34);background:rgba(8,11,12,.48);color:#e5d4b6}.hero-dots button.active{background:#c9a76a}.scroll-cue{color:#b0a89b}.scroll-cue span{background:#c9a76a}.hero-slide video{filter:saturate(.58) contrast(1.12) brightness(.78) sepia(.08)}
.explorer-shell{background:#080b0c}.atlas-showcase{min-height:580px;background:linear-gradient(90deg,rgba(6,8,9,.93),rgba(8,11,12,.54)),url('./assets/atlas-gallery-v2.png') center/cover no-repeat;border-bottom:1px solid var(--line)}.atlas-showcase::before{background:linear-gradient(0deg,#080b0c 0%,transparent 40%)}.atlas-showcase::after{content:"华夏";right:5%;top:22%;color:rgba(201,167,106,.12);font:500 11rem/1 var(--serif)}.atlas-showcase-inner{max-width:1560px;padding:110px clamp(30px,7vw,115px) 95px}.explorer-head .section-kicker{color:#c9a76a}.explorer-head h2{font-size:clamp(48px,6vw,92px);color:#f2e8d5}.explorer-head h2 span{color:#c9a76a}.atlas-intro{color:#b9b4aa;font-size:16px}.atlas-showcase .breadcrumbs{border:1px solid rgba(201,167,106,.26);border-radius:999px;background:rgba(8,11,12,.5);backdrop-filter:blur(18px)}.atlas-showcase .breadcrumbs button{color:#dbc9a8}.atlas-stats div{border:1px solid rgba(201,167,106,.2);border-radius:14px;background:rgba(8,11,12,.52);backdrop-filter:blur(18px)}.atlas-stats strong{color:#e5c98f}.atlas-stats span{color:#aaa49a}
.atlas-content{max-width:1560px;padding:0 clamp(24px,6vw,100px) 110px;background:#080b0c}.catalog-tools{position:relative;z-index:4;transform:translateY(-38px);border:1px solid rgba(201,167,106,.22);border-radius:18px;background:rgba(13,17,18,.88);box-shadow:0 30px 80px rgba(0,0,0,.3);backdrop-filter:blur(22px)}.search-box,.category-filter{border-color:rgba(201,167,106,.16);color:#aaa49a}.search-box input,.category-filter select{color:#eee4d2;background:transparent}.search-box input::placeholder{color:#77746f}.search-box kbd{border-color:rgba(201,167,106,.2);color:#8f887d;background:#0b0e0f}.visual-search-button{border-radius:12px;background:linear-gradient(120deg,#7c1f24,#5e171b);color:#f2e8d5}.visual-search-button:hover{box-shadow:0 0 28px rgba(201,167,106,.14)}
.atlas-section-title{color:#f2e8d5}.atlas-section-title span,.atlas-section-title p{color:#c9a76a}.atlas-section-title h2{font-size:clamp(42px,5vw,78px)}.atlas-section-title small,.catalog-summary{color:#918b82}.catalog-summary strong{color:#d5ba84}
.province-picker{min-height:760px;border:1px solid rgba(201,167,106,.18);border-radius:18px;overflow:hidden;background:#0b0e0f;box-shadow:0 28px 90px rgba(0,0,0,.28)}.province-list{background:#0a0d0e;border-color:var(--line)}.province-list-head{background:#0c0f10;border-color:var(--line);color:#d8cdbb}.province-list-head small{color:#827d75}.province-options{scrollbar-color:#7c1f24 #0a0d0e}.province-option{min-height:58px;color:#9e988e;border-color:rgba(201,167,106,.1);background:transparent}.province-option b{color:#766e62}.province-option i{color:#c9a76a}.province-option:hover,.province-option.previewing{color:#f2e8d5;background:rgba(201,167,106,.07)}.province-option.active{color:#f2e8d5;background:linear-gradient(90deg,rgba(124,31,36,.82),rgba(94,23,27,.28));border-left:2px solid #c9a76a}.city-preview{position:relative;isolation:isolate;background:#0d1011;overflow:hidden}.city-preview::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(10,13,14,.98),rgba(10,13,14,.72) 55%,rgba(10,13,14,.82))}.city-preview-art{position:absolute;z-index:-2;inset:0;background:var(--preview-image) center/cover no-repeat;filter:saturate(.5) contrast(1.1) brightness(.48);transform:scale(1.03)}.city-preview-head{border-color:var(--line)}.city-preview-head p{color:#c9a76a}.city-preview-head h3{color:#f2e8d5;font-size:clamp(48px,5vw,82px)}.city-preview-head span{color:#aaa49a}.city-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:28px}.city-options button{min-height:140px;position:relative;overflow:hidden;border:1px solid rgba(201,167,106,.18)!important;border-radius:13px;background:linear-gradient(90deg,rgba(8,11,12,.9),rgba(8,11,12,.55)),var(--city-image) center/cover no-repeat!important;color:#eee4d2!important;text-align:left}.city-options button::after{content:"";position:absolute;inset:0;border:1px solid transparent;border-radius:inherit;transition:.4s ease}.city-options button:hover{transform:translateY(-3px)}.city-options button:hover::after{border-color:rgba(201,167,106,.55)}.city-options b{color:#c9a76a}.city-options small{color:#aaa49a}.city-options i{color:#d7bd8b;font-size:12px;opacity:0;transition:.35s ease}.city-options button:hover i{opacity:1}
.region-grid{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0b0e0f}.region-card{min-height:260px;background:#0c0f10;color:#f2e8d5;border-color:rgba(201,167,106,.16)}.region-card::before{background:radial-gradient(circle at var(--x) var(--y),rgba(201,167,106,.12),transparent 42%)}.region-card h3{font-size:clamp(28px,3vw,46px)}.region-card .card-index{color:#c9a76a}.region-card small{color:#928b80}.region-card .arrow{border-color:rgba(201,167,106,.26);color:#d3b779}.region-card:hover{background:#121617}
.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;background:transparent}.project-card{grid-column:span 3;min-height:430px;padding:0;display:flex;flex-direction:column;text-align:left;overflow:hidden;border:1px solid rgba(201,167,106,.16);border-radius:16px;background:#0d1011;color:#f2e8d5}.project-card:nth-of-type(7n+1){grid-column:span 6}.project-card:nth-of-type(11n+4){grid-column:span 4}.project-media{height:230px;overflow:hidden;background:#121617}.project-card:nth-of-type(7n+1) .project-media{height:300px}.project-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.58) contrast(1.1) brightness(.78);transition:transform .8s ease,filter .6s ease}.project-media-empty{display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,rgba(124,31,36,.34),transparent 40%),linear-gradient(145deg,#101415,#080b0c)}.project-media-empty span{font:500 70px/1 var(--serif);color:rgba(201,167,106,.13)}.project-card-copy{flex:1;padding:22px 24px 20px;display:flex;flex-direction:column}.project-top{color:#b79b69}.project-top span:last-child{color:#77736d}.project-card h3{margin:20px 0 13px;color:#f2e8d5;font-size:clamp(22px,2vw,31px);line-height:1.45}.project-card p{color:#99938a}.project-foot{margin-top:auto;color:#8f887e}.project-foot i{color:#c9a76a;font-size:12px}.project-card:hover{transform:translateY(-5px);border-color:rgba(201,167,106,.52);box-shadow:0 28px 65px rgba(0,0,0,.28)}.project-card:hover img{transform:scale(1.05);filter:saturate(.72) contrast(1.08) brightness(.92)}.taiwan-notice{grid-column:1/-1;border-color:rgba(201,167,106,.22);background:linear-gradient(120deg,rgba(124,31,36,.32),#0d1011);color:#d9cfbd}.taiwan-notice span{color:#c9a76a}.mintai-tag,.origin-tag{color:#d4b878;border-color:rgba(201,167,106,.34);background:rgba(201,167,106,.08)}.load-more{border-color:#c9a76a;color:#e9ddca;background:#0d1011;border-radius:999px}.load-more:hover{background:#7c1f24;color:#fff}
.about{background:#0b0e0f;border-color:var(--line);color:#c0b9ae}.about h2{color:#f2e8d5}.about .section-kicker,.about a{color:#c9a76a}.about-mark{color:rgba(201,167,106,.08)}footer{background:#07090a;border-color:var(--line);color:#99938a}footer a{color:#c9a76a}
.detail-body{min-height:100vh}.detail-header{position:sticky;top:0;z-index:20}.detail-page{max-width:1600px;padding:80px clamp(24px,6vw,100px) 130px}.detail-page-kicker{color:#c9a76a;letter-spacing:.2em}.detail-layout{gap:70px}.detail-photo{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#0c0f10}.detail-photo img{width:100%;max-height:630px;object-fit:cover;filter:saturate(.66) contrast(1.08) brightness(.86)}.detail-photo figcaption{padding:13px 16px;background:#0c0f10;color:#8f8980}.detail-photo a{color:#c9a76a}.detail-tags span{border-color:rgba(201,167,106,.26);background:#0d1011;color:#c9a76a;border-radius:999px}.detail-identity h1{color:#f2e8d5;font-size:clamp(58px,7vw,112px);line-height:1.06}.detail-location{color:#c9a76a}.record-fields{border-color:var(--line)}.record-fields div{border-color:var(--line)}.record-fields dt{color:#8f8980}.record-fields dd{color:#d8cdbb}.detail-story{max-width:820px}.detail-intro{color:#f2e8d5;font-size:clamp(30px,3vw,52px);line-height:1.5}.detail-prose p{color:#b9b4aa;font-size:17px;line-height:2}.back-btn,.source-link{border-color:rgba(201,167,106,.45);border-radius:999px;background:#0d1011;color:#d9c6a3}.back-btn:hover,.source-link:hover{background:#7c1f24;color:#fff}.detail-not-found{border-color:var(--line);background:#0d1011}.detail-not-found strong{color:#f2e8d5}
@media(max-width:1100px){.project-card,.project-card:nth-of-type(11n+4){grid-column:span 6}.project-card:nth-of-type(7n+1){grid-column:span 12}.city-options{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr}}
@media(max-width:760px){.site-header{height:66px;padding:0 18px}.site-header nav a:nth-child(n+3){display:none}.map-hero{min-height:calc(100svh - 66px);padding:100px 24px 105px}.hero-copy h1{font-size:58px}.hero-copy .hero-subtitle{font-size:16px;letter-spacing:.08em}.hero-stats{display:none}.atlas-showcase{min-height:500px}.atlas-showcase-inner{padding:95px 24px 65px}.atlas-showcase::after{font-size:7rem}.atlas-content{padding:0 18px 80px}.catalog-tools{border-radius:14px}.province-picker{min-height:auto}.city-preview-head h3{font-size:44px}.city-options{padding:18px}.project-grid{grid-template-columns:1fr}.project-card,.project-card:nth-of-type(7n+1),.project-card:nth-of-type(11n+4){grid-column:auto;min-height:410px}.project-media,.project-card:nth-of-type(7n+1) .project-media{height:235px}.detail-page{padding:55px 20px 90px}.detail-identity h1{font-size:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card,.project-media img,.city-options button{transition:none}}
.region-transition{position:fixed;z-index:100;inset:0;display:grid;place-content:center;text-align:center;background:#080b0c;opacity:0;pointer-events:none;transition:opacity .38s ease}.region-transition::before{content:"";position:absolute;inset:8%;border:1px solid rgba(201,167,106,.2);transform:scale(.96);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.region-transition span{color:#c9a76a;font:10px/1 "Cinzel",serif;letter-spacing:.32em}.region-transition strong{display:block;margin:24px 0 20px;color:#f2e8d5;font:500 clamp(72px,11vw,190px)/1 var(--serif);letter-spacing:.08em;transform:translateY(18px);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.region-transition i{color:#8f8980;font:normal 15px/1.6 var(--serif);letter-spacing:.16em}.region-transition.show{opacity:1}.region-transition.show::before{transform:scale(1)}.region-transition.show strong{transform:none}.region-transition.leave{opacity:0}

.load-more-wrap.back-corner{position:fixed;z-index:34;top:92px;left:clamp(18px,2.2vw,38px);width:auto;max-width:none;margin:0;padding:0;display:block}.load-more-wrap.back-corner[hidden]{display:none}.corner-back{min-width:0;width:46px;height:46px;padding:0;display:grid;place-items:center;border:1px solid rgba(201,167,106,.54);border-radius:50%;background:rgba(8,11,12,.74);box-shadow:0 12px 34px rgba(0,0,0,.3);backdrop-filter:blur(12px);color:#eadfcb;font:300 34px/1 var(--serif);letter-spacing:0;transition:transform .25s,border-color .25s,background .25s}.corner-back:hover,.corner-back:focus-visible{transform:translateX(-3px);border-color:rgba(226,193,126,.9);background:rgba(91,30,29,.86);color:#fff8ec;outline:none}@media(max-width:760px){.load-more-wrap.back-corner{top:80px;left:14px}.corner-back{width:42px;height:42px;font-size:31px}}
.map-entry .map-hero{display:none}