:root{--blue:#0c2945;--deep:#06111e;--ice:#e7f0f4;--mist:#b9c9d1;--glass:rgba(212,232,241,.11);--line:rgba(206,227,237,.25);--max:1200px;color-scheme:dark;font-family:"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--ice);line-height:1.75}a{color:inherit}img{display:block;width:100%}.museum-nav{position:absolute;z-index:5;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.2rem max(1rem,4vw);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(2,10,18,.72),transparent);font-size:.72rem}.museum-brand{display:inline-grid;text-decoration:none;line-height:1.1}.museum-brand span{font-size:1rem;font-weight:700;letter-spacing:.18em}.museum-brand small{margin-top:.35rem;color:var(--mist);font-size:.5rem;letter-spacing:.16em}.museum-nav nav{display:none;gap:1.5rem}.museum-nav nav a{text-decoration:none}.museum-nav>p{margin:0;color:var(--mist)}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}.hero picture,.hero picture img{position:absolute;inset:0;width:100%;height:100%}.hero img{object-fit:cover;object-position:center 38%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,13,23,.08),rgba(4,13,23,.15) 42%,rgba(6,17,30,.94) 94%),linear-gradient(90deg,rgba(6,17,30,.62),transparent 75%)}.hero-copy{position:relative;z-index:2;width:min(100% - 2rem,var(--max));margin:0 auto;padding:8rem 0 4rem}.hero-copy>p:first-child,.wall-label>p:first-child,.room header p,.map-board>p,.etiquette>p,.faq header p{margin:0 0 .8rem;color:#95cde6;font-size:.64rem;letter-spacing:.18em}.hero h1{max-width:13ch;margin:0;font-family:"Songti SC",Georgia,serif;font-size:clamp(2.8rem,10vw,6.6rem);font-weight:400;line-height:1.06}.hero-copy>p:nth-of-type(2){max-width:620px;color:#c4d4dc}.hero-copy>div{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.hero-copy a{padding:.7rem 1rem;border:1px solid var(--ice);text-decoration:none;font-size:.85rem}.hero-copy a:first-child{background:var(--ice);color:var(--deep)}.room-sign{position:absolute;z-index:3;right:1rem;top:7rem;writing-mode:vertical-rl;color:rgba(231,240,244,.55);font-size:.6rem;letter-spacing:.25em}.exhibition,.room,.map,.etiquette,.official,.faq{width:min(100% - 2rem,var(--max));margin:0 auto;padding:6rem 0}.exhibition{display:grid;gap:2rem;min-height:520px;align-content:center}.wall-label{max-width:680px;padding:2rem;background:#edf3f5;color:#132331;box-shadow:0 25px 80px rgba(0,0,0,.24)}.wall-label h2,.room h2,.map h2,.etiquette h2,.official h2,.faq h2{margin:0;font-family:"Songti SC",Georgia,serif;font-size:clamp(2.1rem,6vw,4.6rem);font-weight:400;line-height:1.12}.wall-label>p:last-child{color:#53636d}.guide-line{width:1px;height:120px;margin-left:50%;background:linear-gradient(var(--mist),transparent)}.room{border-top:1px solid var(--line)}.room header{display:grid;grid-template-columns:4rem 1fr;gap:1rem}.room header>span{font-family:Georgia,serif;font-size:4rem;line-height:1;color:#78b7d5}.room-content{display:grid;gap:2rem;margin-top:2rem}.room-content>p{font-size:1.1rem;color:#c2d0d7}.room-content ul{margin:0;padding:0;list-style:none}.room-content li{padding:.8rem 0;border-bottom:1px solid var(--line);color:var(--mist)}.room-b{margin-left:0;margin-right:0;width:100%;max-width:none;padding-left:max(1rem,calc((100% - var(--max))/2));padding-right:max(1rem,calc((100% - var(--max))/2));background:#e4edf0;color:#102433}.room-b .room-content>p,.room-b .room-content li{color:#425d6d}.room-b .room-content li{border-color:rgba(16,36,51,.2)}.map{display:grid;gap:3rem;align-items:center}.map-board{padding:2rem;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(12px)}.map-board ol{list-style:none;padding:0;margin:2rem 0 0}.map-board li{display:grid;gap:.3rem;padding:1rem 0;border-top:1px solid var(--line)}.map-board span{color:var(--mist)}.etiquette{text-align:center}.etiquette h2{max-width:10ch;margin:0 auto}.etiquette>div{display:grid;gap:1rem;margin-top:3rem}.etiquette>div p{margin:0;padding:1rem;border-bottom:1px solid var(--line);color:var(--mist)}.official{display:grid;gap:2rem;border-top:1px solid var(--line)}.official aside{display:grid;align-content:start;gap:.4rem;padding:1.5rem;border:1px solid var(--line)}.official aside span{font-size:1.6rem;letter-spacing:.2em}.official aside small{color:var(--mist)}.official>div p{color:var(--mist)}.faq{border-top:1px solid var(--line)}.faq>div{margin:2rem 0}.faq details{padding:1.1rem 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer}.faq details p{color:var(--mist)}.faq>a{color:#95cde6}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;padding:3rem max(1rem,4vw);border-top:1px solid var(--line)}footer p{margin:0;color:var(--mist);font-size:.75rem}
@media(min-width:720px){.museum-nav nav{display:flex}.hero:after{background:linear-gradient(180deg,rgba(4,13,23,.08),rgba(4,13,23,.15) 42%,rgba(6,17,30,.94) 94%),linear-gradient(90deg,rgba(6,17,30,.76),transparent 72%)}.hero-copy{padding:8rem 52% 7rem 0}.hero h1{font-size:clamp(3rem,6vw,5.5rem)}.room-sign{right:4vw}.exhibition{grid-template-columns:1.2fr .8fr}.guide-line{width:100%;height:1px;margin:0;align-self:center;background:linear-gradient(90deg,var(--mist),transparent)}.room header{grid-template-columns:7rem 1fr}.room header>span{font-size:6rem}.room-content{grid-template-columns:1fr 1fr;margin-left:7rem}.room-b .room-content{grid-template-columns:1fr 1fr}.map{grid-template-columns:1.2fr .8fr}.map-board{padding:4rem}.map-board li{grid-template-columns:.55fr 1fr}.etiquette>div{grid-template-columns:repeat(3,1fr)}.official{grid-template-columns:.45fr 1fr;align-items:start}.faq header{display:grid;grid-template-columns:.35fr 1fr}.faq>div{margin-left:35%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.gallery-card{position:relative;min-height:210px;margin:0;overflow:hidden;border:1px solid var(--line);background:#0c2945}.gallery-card-wide{grid-column:1/-1;min-height:260px}.gallery-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 24%,rgba(3,11,20,.9) 100%)}.gallery-card figcaption{position:absolute;z-index:2;inset:auto 0 0;padding:1rem;display:grid;gap:.18rem}.gallery-card figcaption span{color:#95cde6;font-size:.58rem;letter-spacing:.17em}.gallery-card figcaption strong{font-family:"Songti SC",Georgia,serif;font-size:1.15rem;font-weight:400}.gallery-card figcaption small{color:#c5d3da;line-height:1.5}.gallery-card:hover img{transform:scale(1.025)}
@media(min-width:720px){.map{grid-template-columns:.85fr 1.15fr}.gallery-card{min-height:220px}.gallery-card-wide{min-height:300px}}
@media(prefers-reduced-motion:reduce){.gallery-card img{transition:none}}
.exhibit-panel{position:relative;margin:0;overflow:hidden;border:1px solid var(--line);background:var(--blue);box-shadow:0 24px 70px rgba(0,0,0,.28)}.exhibit-panel img{height:clamp(320px,52vw,560px);object-fit:cover}.exhibit-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(6,17,30,.86))}.exhibit-panel figcaption{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:1rem;color:#cfe8f2;font-size:.7rem;letter-spacing:.11em}.official .exhibit-panel{grid-column:1/-1}.exhibit-panel-wide img{height:clamp(340px,50vw,580px)}@media(min-width:720px){.route-with-image{grid-template-columns:.8fr 1.2fr}.official .exhibit-panel{margin-top:1rem}.exhibit-panel img{object-position:center 38%}}