:root{
  --coal:#070b0f;
  --coal2:#101820;
  --coal3:#18222b;
  --gold:#d5ab55;
  --gold2:#f1cf7a;
  --blue:#2477ff;
  --paper:#f6f1e7;
  --paper2:#fffaf0;
  --ink:#16191d;
  --muted:#66707a;
  --line:rgba(16,24,32,.12);
  --radius:26px;
  --shadow:0 22px 70px rgba(7,11,15,.18);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC","Source Han Sans SC",Arial,sans-serif;background:linear-gradient(180deg,#f9f5ec,#eee6d8);color:var(--ink);line-height:1.75}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold2),var(--blue));z-index:9999}.site-header{position:sticky;top:0;height:78px;z-index:1000;background:rgba(6,10,14,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;color:white}.brand{display:flex;align-items:center;gap:15px;min-width:360px}.brand img{width:62px;height:48px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.38))}.brand strong{display:block;font-size:21px;letter-spacing:.06em;line-height:1.1}.brand em{display:block;font-style:normal;font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,.72);line-height:1.2;margin-top:5px}.nav{display:flex;gap:28px;font-size:15px}.nav a{position:relative;color:rgba(255,255,255,.82);font-weight:700}.nav a::after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:var(--gold);transition:.28s}.nav a:hover,.nav a.active{color:white}.nav a:hover::after,.nav a.active::after{width:100%}.menu-btn{display:none;background:transparent;border:0;color:white;font-size:28px}.hero{position:relative;min-height:calc(100vh - 78px);padding:88px 5vw 0;color:white;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,12,.92),rgba(4,8,12,.48),rgba(4,8,12,.84)),url("assets/gallery/outside.jpg") center/cover no-repeat;z-index:-2;transform:scale(1.04)}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 58% 36%,rgba(36,119,255,.18),transparent 28%),radial-gradient(circle at 8% 82%,rgba(213,171,85,.22),transparent 30%);z-index:-1}.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:72px;align-items:center;min-height:520px}.eyebrow{font-weight:900;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-size:14px;margin:0 0 10px}.hero h1{font-size:clamp(48px,7vw,94px);line-height:1.03;margin:0 0 24px;letter-spacing:.035em}.hero h1 span{color:var(--gold2)}.hero-desc{font-size:20px;max-width:720px;color:rgba(255,255,255,.82);margin:0}.hero-actions{display:flex;gap:18px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;border-radius:999px;font-weight:900;transition:.32s}.btn.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1d1508;box-shadow:0 16px 36px rgba(213,171,85,.34)}.btn.ghost{border:1px solid rgba(255,255,255,.36);color:white}.btn:hover{transform:translateY(-4px)}.hero-card{border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:rgba(6,12,18,.62);backdrop-filter:blur(16px);box-shadow:var(--shadow);padding:28px}.mini-logo{width:106px;height:74px;border-radius:18px;background:rgba(255,255,255,.08);display:grid;place-items:center;margin-bottom:20px}.mini-logo img{width:88px;height:62px;object-fit:contain}.hero-card h2{font-size:14px;letter-spacing:.18em;color:var(--gold);margin:0 0 18px}.hero-card p{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;margin:0}.hero-card b{display:block;color:white;font-size:17px}.hero-card span{display:block;color:rgba(255,255,255,.68);font-weight:800;letter-spacing:.05em}.hero-card a{display:inline-block;margin-top:12px;color:var(--gold2);font-weight:900}.quick-bar{position:relative;margin:40px 0 -54px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-bar a{padding:22px 24px;border-radius:20px;background:rgba(8,14,20,.9);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);transition:.32s}.quick-bar a:hover{transform:translateY(-8px);border-color:rgba(213,171,85,.55)}.quick-bar i{font-style:normal;color:var(--gold);font-weight:900}.quick-bar span{display:block;font-size:20px;font-weight:900;margin:6px 0 2px}.quick-bar small{color:rgba(255,255,255,.62)}.section{padding:108px 5vw}.section-head{max-width:840px;margin:0 auto 48px;text-align:center}.section h2{font-size:clamp(34px,4vw,56px);line-height:1.18;margin:8px 0 16px;letter-spacing:.035em}.section-head p,.section p{color:var(--muted);font-size:17px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}.about-text,.source-box,.visit-card{background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.8);border-radius:var(--radius);box-shadow:var(--shadow);padding:42px}.about-text h3{font-size:28px;margin:0 0 10px}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.tag-list span{padding:9px 14px;border-radius:999px;background:#16191d;color:#fff;font-size:13px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-grid div{border-radius:var(--radius);padding:34px;background:linear-gradient(135deg,#111820,#27313a);color:white;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat-grid div::after{content:"";position:absolute;right:-35px;bottom:-35px;width:110px;height:110px;border-radius:50%;background:rgba(213,171,85,.18)}.stat-grid b{font-size:46px;line-height:1;color:var(--gold2);display:block}.stat-grid span{display:block;color:rgba(255,255,255,.72);margin-top:10px}.image-feature{display:grid;grid-template-columns:360px 1fr;gap:42px;align-items:stretch;background:#fff}.feature-copy{align-self:center}.masonry{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-auto-rows:210px;gap:16px}.photo{border:0;border-radius:24px;background:linear-gradient(180deg,rgba(7,11,15,.15),rgba(7,11,15,.68)),var(--bg) center/cover no-repeat;box-shadow:var(--shadow);position:relative;overflow:hidden;cursor:pointer;transition:.32s}.photo.large{grid-row:span 2}.photo.wide{grid-column:span 2}.photo span{position:absolute;left:22px;bottom:18px;color:white;font-weight:900;font-size:20px}.photo:hover{transform:scale(1.02)}.dark-section{background:linear-gradient(135deg,#071016,#101820 55%,#071016);color:white;position:relative;overflow:hidden}.dark-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 12%,rgba(213,171,85,.16),transparent 28%),radial-gradient(circle at 84% 66%,rgba(36,119,255,.16),transparent 32%)}.dark-section>*{position:relative}.dark-section .section-head p,.dark-section p{color:rgba(255,255,255,.7)}.exhibition-layout{display:grid;grid-template-columns:340px 1fr;gap:26px}.exhibition-list{display:grid;gap:12px}.exhibition-list button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:white;border-radius:18px;padding:18px;text-align:left;cursor:pointer;display:flex;gap:14px;align-items:center;transition:.25s}.exhibition-list button b{color:var(--gold);font-size:20px}.exhibition-list button span{font-weight:900;font-size:16px}.exhibition-list button.active,.exhibition-list button:hover{background:linear-gradient(135deg,rgba(213,171,85,.24),rgba(255,255,255,.08));border-color:rgba(213,171,85,.45);transform:translateX(6px)}.exhibition-panel{display:grid;grid-template-columns:1.05fr .95fr;min-height:520px;border-radius:var(--radius);overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.panel-image{background:center/cover no-repeat;min-height:420px}.panel-copy{padding:46px}.panel-kicker{color:var(--gold)!important;font-weight:900;letter-spacing:.16em}.panel-copy h3{font-size:38px;margin:0 0 16px}.panel-copy ul{padding-left:18px;color:rgba(255,255,255,.78)}.collections{background:linear-gradient(180deg,#f8f2e7,#fff)}.collection-grid,.creative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.collection-card,.creative-card{background:white;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.32s}.collection-card:hover,.creative-card:hover{transform:translateY(-8px)}.collection-card img,.creative-card img{height:270px;width:100%;object-fit:cover}.collection-card h3,.creative-card h3{font-size:25px;margin:24px 24px 4px}.collection-card p,.creative-card p{font-size:15px;margin:0 24px 28px}.education-section{display:grid;grid-template-columns:390px 1fr;gap:40px;background:#0b1116;color:white}.education-section p{color:rgba(255,255,255,.7)}.edu-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.edu-cards a{border-radius:24px;padding:28px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);transition:.32s}.edu-cards a:hover{transform:translateY(-6px);border-color:rgba(213,171,85,.5)}.edu-cards strong{display:block;color:var(--gold2);font-size:24px}.edu-cards span{display:block;color:rgba(255,255,255,.72);margin-top:8px}.guide-section{display:grid;grid-template-columns:1fr 440px;gap:34px;align-items:stretch;background:linear-gradient(180deg,#fffaf0,#efe6d9)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.service-grid div{background:#f8f3e9;border:1px solid var(--line);border-radius:18px;padding:22px}.service-grid b{font-size:20px;color:#111}.service-grid p{font-size:15px;margin:8px 0 0}.map-card{position:relative;background:white;border-radius:var(--radius);padding:12px;box-shadow:var(--shadow);overflow:hidden}.map-card img{height:620px;width:100%;object-fit:cover;object-position:top;border-radius:18px}.open-map{position:absolute;left:28px;right:28px;bottom:28px;border:0;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1b1407;border-radius:999px;padding:13px 20px;font-weight:900;cursor:pointer}.creative-section{background:#fff}.creative-card img{height:330px}.source-section{padding-top:70px}.source-box{text-align:center;max-width:980px;margin:auto}.source-box h2{font-size:30px}.site-footer{background:#060a0e;color:rgba(255,255,255,.72);padding:34px 5vw;display:flex;align-items:center;justify-content:space-between}.footer-left{display:flex;align-items:center;gap:14px;color:white}.footer-left img{width:66px;height:48px;object-fit:contain}.footer-left strong{display:block;font-size:18px}.footer-left span{display:block;font-size:13px;color:rgba(255,255,255,.58)}.site-footer a{color:var(--gold2);font-weight:900}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease, transform .8s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:5000;display:none;place-items:center;padding:5vw}.lightbox.open{display:grid}.lightbox img{max-width:min(1180px,92vw);max-height:84vh;border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.55)}.lightbox button{position:fixed;right:34px;top:28px;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:white;font-size:32px;cursor:pointer}@media(max-width:1080px){.hero-inner,.about-grid,.image-feature,.exhibition-layout,.education-section,.guide-section{grid-template-columns:1fr}.quick-bar,.collection-grid,.creative-grid{grid-template-columns:repeat(2,1fr)}.hero-card{max-width:420px}.exhibition-panel{grid-template-columns:1fr}.masonry{grid-template-columns:1fr 1fr}.photo.large,.photo.wide{grid-column:auto;grid-row:auto}.map-card img{height:480px}}@media(max-width:820px){.menu-btn{display:block}.nav{position:absolute;left:0;right:0;top:78px;background:rgba(6,10,14,.98);display:none;flex-direction:column;padding:18px 5vw}.nav.open{display:flex}.brand{min-width:0}.brand strong{font-size:16px}.brand em{display:none}.site-header{padding:0 4vw}.quick-bar,.collection-grid,.creative-grid,.edu-cards,.service-grid,.stat-grid{grid-template-columns:1fr}.hero{padding-top:70px}.hero h1{font-size:44px}.hero-actions{flex-direction:column}.section{padding:74px 5vw}.masonry{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start;gap:18px}}@media(max-width:520px){.hero-card{display:none}.quick-bar{margin-bottom:-30px}.brand img{width:50px}.section h2{font-size:34px}.panel-copy{padding:28px}.panel-copy h3{font-size:30px}}
.contact-section{background:linear-gradient(135deg,#101820,#070b0f);color:white;padding-top:78px;padding-bottom:78px}.contact-box{max-width:1120px;margin:auto;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.13);padding:44px 52px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;box-shadow:0 28px 90px rgba(0,0,0,.25)}.contact-box h2{margin:0 0 12px;font-size:38px}.contact-box p{color:rgba(255,255,255,.72);margin:0}.contact-actions{display:flex;justify-content:flex-end;gap:14px;flex-wrap:wrap}.btn.ghost.light{color:white;border-color:rgba(255,255,255,.35)}.visitor-footer{display:block;padding:44px 5vw 24px;background:radial-gradient(circle at 15% 0%,rgba(213,171,85,.14),transparent 32%),#060a0e}.footer-brand{display:flex;align-items:center;gap:16px;color:white;margin-bottom:28px}.footer-brand img{width:72px;height:54px;object-fit:contain}.footer-brand strong{display:block;font-size:22px;letter-spacing:.04em}.footer-brand span{display:block;font-size:12px;letter-spacing:.12em;color:rgba(255,255,255,.56)}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:28px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.footer-cols b{display:block;color:var(--gold2);font-size:17px;margin-bottom:8px}.footer-cols p{margin:0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.85}.footer-cols a{color:rgba(255,255,255,.75)}.footer-cols a:hover{color:var(--gold2)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;font-size:13px;color:rgba(255,255,255,.5)}.footer-bottom a{color:var(--gold2);font-weight:900}@media(max-width:820px){.contact-box{grid-template-columns:1fr;padding:32px 26px}.contact-actions{justify-content:flex-start}.footer-cols{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.contact-box h2{font-size:30px}}