/* =========================================================
   威尼斯人主站 · 共享样式 /assets/site.css
   水域夜色 × 桌面秩序：岩灰、苔绿、陶土与米白
   ========================================================= */

/* ---------- 1. 变量 ---------- */
:root{
  --gold:#C9A227;
  --gold-deep:#8A6A16;
  --red:#9E2B2B;
  --red-deep:#6E1B1B;
  --moss:#1F3B33;
  --deepsea:#14263B;
  --stone:#6B6F6C;
  --moss-soft:#7C8B6A;
  --terracotta:#B5714F;
  --rice:#F3EDE3;
  --paper:#FBF8F2;
  --ink:#1A1A18;

  --font-display:"Songti SC","STSong","Source Han Serif SC","Noto Serif SC","SimSun",Georgia,"Times New Roman",serif;
  --font-body:"PingFang SC","Hiragino Sans GB","Source Han Sans SC","Noto Sans SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --font-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"DejaVu Sans Mono","Courier New",monospace;

  --rail:0px;
  --header-h:62px;
  --hairline:rgba(107,111,108,.36);
  --hairline-gold:rgba(201,162,39,.42);
  --hairline-light:rgba(243,237,227,.16);
  --shell-x:clamp(18px,5vw,72px);
  --wrap:1280px;
  --shadow-paper:0 1px 0 rgba(26,26,24,.06), 0 22px 44px -30px rgba(20,38,59,.55);
  --ease:cubic-bezier(.22,.61,.36,1);
}
@media (min-width:1024px){
  :root{ --rail:96px; --header-h:76px; }
}

/* ---------- 2. Reset ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-padding-top:calc(var(--header-h) + 18px); }
@media (prefers-reduced-motion: no-preference){
  html{ scroll-behavior:smooth; }
}
body,h1,h2,h3,h4,h5,p,ul,ol,li,figure,blockquote,dl,dd{ margin:0; padding:0; }
ul,ol{ list-style:none; }
img,svg{ display:block; max-width:100%; }
button{ font:inherit; color:inherit; background:none; border:0; }
a{ color:inherit; text-decoration:none; }
table{ border-collapse:collapse; width:100%; }
[hidden]{ display:none !important; }
:focus-visible{ outline:2px solid var(--gold); outline-offset:3px; }

/* ---------- 3. 基础排版 ---------- */
body{
  padding-left:var(--rail);
  min-height:100vh;
  background:var(--rice);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:1.05rem;
  line-height:1.85;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:var(--font-display);
  font-weight:700;
  line-height:1.22;
  letter-spacing:.015em;
}
h1{ font-size:clamp(2.6rem,7vw,5.4rem); font-weight:900; }
h2{ font-size:clamp(1.6rem,3.2vw,2.6rem); }
h3{ font-size:clamp(1.15rem,2vw,1.5rem); }
p{ max-width:34em; }
p + p{ margin-top:.9em; }
strong{ font-weight:700; }
code,kbd,samp{ font-family:var(--font-mono); font-size:.92em; }
::selection{ background:rgba(201,162,39,.32); }

.title-metal{ color:var(--gold); }
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .title-metal{
    background-image:linear-gradient(180deg,#F2E0A8 0%, var(--gold) 46%, var(--gold-deep) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    -webkit-text-stroke:1px rgba(138,106,22,.32);
  }
}
.lede{ font-size:1.12rem; color:var(--stone); }
.lede--light{ color:rgba(243,237,227,.76); }

/* ---------- 4. 布局工具 ---------- */
.wrap{ width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:var(--shell-x); }
.section{ padding-block:clamp(56px,8vw,120px); }
.section--tight{ padding-block:clamp(36px,5vw,72px); }
.section--paper{ background:var(--paper); }
.section--dark{ background:var(--moss); color:var(--rice); }
.section--night{ background:var(--deepsea); color:var(--rice); }
.section--dark .lede,.section--night .lede{ color:rgba(243,237,227,.76); }
.section--dark p,.section--night p{ color:rgba(243,237,227,.86); }

.grid{ display:grid; gap:clamp(18px,3vw,36px); grid-template-columns:1fr; }
.split{ display:grid; gap:clamp(24px,4vw,56px); grid-template-columns:1fr; }
@media (min-width:768px){
  .grid--2{ grid-template-columns:repeat(2,1fr); }
  .grid--3{ grid-template-columns:repeat(3,1fr); }
  .grid--4{ grid-template-columns:repeat(2,1fr); }
}
@media (min-width:900px){
  .split{ grid-template-columns:6fr 4fr; align-items:end; }
  .split--7-3{ grid-template-columns:7fr 3fr; }
}
@media (min-width:1100px){
  .grid--4{ grid-template-columns:repeat(4,1fr); }
}
.rule{ height:1px; background:var(--hairline); border:0; margin-block:clamp(24px,4vw,48px); }
.rule--gold{ background:var(--hairline-gold); }

/* ---------- 5. 品牌轨道（左侧 96px） ---------- */
.site-rail{ display:none; }
@media (min-width:1024px){
  .site-rail{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    position:fixed;
    top:0; left:0; bottom:0;
    width:var(--rail);
    z-index:90;
    padding:22px 0 18px;
    background:linear-gradient(180deg,var(--deepsea) 0%, #172F35 58%, var(--moss) 100%);
    border-right:1px solid var(--hairline-gold);
  }
}
.rail-mark{ display:flex; flex-direction:column; align-items:center; gap:14px; }
.rail-mark__chip{
  width:44px; height:44px; border-radius:50%;
  display:grid; place-items:center;
  border:1px dashed var(--gold);
  color:var(--gold);
  font-family:var(--font-mono); font-size:.68rem; letter-spacing:.03em;
  background:radial-gradient(circle at 50% 28%, rgba(201,162,39,.24), transparent 72%);
}
.rail-mark__name{
  writing-mode:vertical-rl;
  text-orientation:upright;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.3em;
  color:rgba(243,237,227,.7);
}
.rail-index{ flex:1 1 auto; display:flex; align-items:center; justify-content:center; width:100%; padding:26px 0; }
.rail-index__list{ display:flex; flex-direction:column; align-items:center; gap:14px; width:100%; }
.rail-index__item{ display:block; }
.rail-index__link{
  position:relative;
  display:block;
  padding:3px 0 3px 11px;
  font-family:var(--font-mono);
  font-size:.66rem;
  letter-spacing:.1em;
  font-variant-numeric:tabular-nums;
  color:rgba(243,237,227,.42);
  transition:color .22s var(--ease);
}
.rail-index__link::before{
  content:"";
  position:absolute; left:0; top:50%;
  width:2px; height:0;
  background:var(--red);
  transform:translateY(-50%);
  transition:height .22s var(--ease);
}
.rail-index__link:hover{ color:var(--paper); }
.rail-index__link.is-active{ color:var(--gold); }
.rail-index__link.is-active::before{ height:16px; }
.rail-foot{ display:flex; flex-direction:column; align-items:center; gap:16px; }
.rail-tagline{
  writing-mode:vertical-rl;
  font-size:.66rem;
  letter-spacing:.24em;
  color:rgba(243,237,227,.42);
}
.rail-top{
  width:54px;
  padding:10px 0;
  display:flex; flex-direction:column; align-items:center; gap:6px;
  border:1px solid var(--hairline-gold);
  background:rgba(20,38,59,.45);
  color:var(--gold);
  font-family:var(--font-mono);
  font-size:.6rem;
  letter-spacing:.12em;
  cursor:pointer;
  transition:background-color .22s var(--ease), color .22s var(--ease), border-color .22s var(--ease);
}
.rail-top__arrow{ font-size:.8rem; line-height:1; }
.rail-top__label{ writing-mode:vertical-rl; }
.rail-top:hover{ background:var(--gold); color:#241B05; border-color:var(--gold); }

/* ---------- 6. 头部 ---------- */
.skip-link{
  position:fixed; top:10px; left:10px; z-index:200;
  padding:10px 16px;
  background:var(--paper);
  color:var(--ink);
  border:1px solid var(--gold);
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.08em;
  transform:translateY(-180%);
  transition:transform .2s var(--ease);
}
.skip-link:focus{ transform:translateY(0); }

.site-header{
  position:fixed;
  top:0; left:var(--rail); right:0;
  z-index:80;
  height:var(--header-h);
  color:var(--rice);
  background-image:linear-gradient(180deg, rgba(20,38,59,.74) 0%, rgba(20,38,59,.3) 62%, rgba(20,38,59,0) 100%);
  transition:height .24s var(--ease), background-color .24s var(--ease), box-shadow .24s var(--ease);
}
.site-header__inner{
  height:100%;
  max-width:var(--wrap);
  margin-inline:auto;
  padding-inline:var(--shell-x);
  display:flex;
  align-items:center;
  gap:clamp(12px,3vw,40px);
}
.site-header.is-scrolled{
  height:60px;
  background-image:none;
  background-color:var(--paper);
  color:var(--ink);
  border-bottom:1px solid var(--hairline-gold);
  box-shadow:0 16px 34px -28px rgba(20,38,59,.6);
}

.brand{ display:flex; align-items:center; gap:12px; margin-right:auto; }
.brand__chip{
  flex:none;
  width:34px; height:34px;
  display:grid; place-items:center;
  border-radius:50%;
  border:1px solid var(--gold);
  color:var(--gold);
  font-family:var(--font-mono);
  font-size:.6rem;
  letter-spacing:.02em;
}
.brand__text{ display:flex; flex-direction:column; line-height:1.2; }
.brand__name{ font-family:var(--font-display); font-weight:700; font-size:1rem; letter-spacing:.07em; }
.brand__tagline{
  font-family:var(--font-mono);
  font-size:.58rem;
  letter-spacing:.18em;
  opacity:.62;
}
.site-header.is-scrolled .brand__chip{ border-color:var(--gold-deep); color:var(--gold-deep); }

.site-nav{ display:flex; align-items:center; gap:clamp(10px,2.2vw,28px); }
.site-nav__list{ display:flex; align-items:center; gap:clamp(8px,1.7vw,22px); }
.site-nav__item{ display:block; }
.site-nav__link{
  position:relative;
  display:inline-block;
  padding:6px 2px;
  font-size:.88rem;
  letter-spacing:.05em;
  color:rgba(243,237,227,.78);
  transition:color .2s var(--ease);
}
.site-nav__link:hover{ color:var(--paper); }
.site-nav__link[aria-current="page"]{ color:#F2D98A; }
.site-nav__link[aria-current="page"]::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0;
  height:2px;
  background:var(--red);
}
.site-header.is-scrolled .site-nav__link{ color:rgba(26,26,24,.72); }
.site-header.is-scrolled .site-nav__link:hover{ color:var(--ink); }
.site-header.is-scrolled .site-nav__link[aria-current="page"]{ color:var(--red-deep); }

.nav-toggle{
  display:none;
  align-items:center;
  gap:9px;
  margin-left:auto;
  padding:9px 13px;
  border:1px solid var(--hairline-gold);
  color:inherit;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.14em;
  cursor:pointer;
  transition:border-color .2s var(--ease), background-color .2s var(--ease);
}
.nav-toggle__bars{ position:relative; width:18px; height:12px; }
.nav-toggle__bars::before,.nav-toggle__bars::after{
  content:"";
  position:absolute; left:0; right:0;
  height:1.5px;
  background:currentColor;
  transition:transform .22s var(--ease);
}
.nav-toggle__bars::before{ top:0; }
.nav-toggle__bars::after{ bottom:0; }
.site-header[data-open] .nav-toggle__bars::before{ transform:translateY(5px) rotate(45deg); }
.site-header[data-open] .nav-toggle__bars::after{ transform:translateY(-5.5px) rotate(-45deg); }
.site-header.is-scrolled .nav-toggle{ border-color:var(--hairline); }

/* ---------- 7. 按钮 ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5em;
  padding:.62em 1.15em;
  border:1px solid transparent;
  font-family:var(--font-mono);
  font-size:.76rem;
  letter-spacing:.1em;
  cursor:pointer;
  transition:background-color .22s var(--ease), color .22s var(--ease), border-color .22s var(--ease);
}
.btn--gold{ background:var(--gold); border-color:var(--gold); color:#241B05; }
.btn--gold:hover{ background:var(--gold-deep); border-color:var(--gold-deep); color:var(--paper); }
.btn--outline{ background:transparent; border-color:var(--hairline-gold); color:var(--gold); }
.btn--outline:hover{ background:var(--gold); border-color:var(--gold); color:#241B05; }
.btn--dark{ background:var(--moss); border-color:var(--moss); color:var(--rice); }
.btn--dark:hover{ background:var(--deepsea); border-color:var(--deepsea); }
.btn--ghost{ background:transparent; border-color:var(--hairline); color:var(--ink); }
.btn--ghost:hover{ border-color:var(--gold); color:var(--gold-deep); }
.site-nav__cta{ white-space:nowrap; }

/* ---------- 8. 面包屑 ---------- */
.breadcrumb{ font-family:var(--font-mono); font-size:.72rem; letter-spacing:.08em; color:var(--stone); }
.breadcrumb__list{ display:flex; flex-wrap:wrap; align-items:center; }
.breadcrumb__item{ display:inline-flex; align-items:center; }
.breadcrumb__item:not(:last-child)::after{ content:"／"; margin-inline:.55em; opacity:.55; }
.breadcrumb__item a:hover{ color:var(--gold-deep); }
.breadcrumb__item[aria-current="page"]{ color:var(--red-deep); }
.section--dark .breadcrumb,.section--night .breadcrumb{ color:rgba(243,237,227,.6); }

/* ---------- 9. 展览标签与纸张叠层 ---------- */
.exhibit{ display:flex; flex-direction:column; gap:10px; }
.exhibit__index{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.24em;
  color:var(--gold-deep);
}
.section--dark .exhibit__index,.section--night .exhibit__index{ color:var(--gold); }
.exhibit__rule{ width:34px; height:1px; background:var(--gold); }
.exhibit__title{ font-family:var(--font-display); }

.paper{
  position:relative;
  background:var(--paper);
  border:1px solid var(--hairline);
  padding:clamp(20px,3vw,34px);
  box-shadow:var(--shadow-paper);
}
.paper--stack{
  box-shadow:var(--shadow-paper), 9px 9px 0 -1px var(--paper), 9px 9px 0 0 var(--hairline);
}
.paper__head{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:12px;
  padding-bottom:14px;
  margin-bottom:18px;
  border-bottom:1px solid var(--hairline-gold);
}
.paper__head .exhibit__index{ letter-spacing:.16em; }

/* ---------- 10. 横向主题带 / 色阶条 / 刻度尺 ---------- */
.band{
  background:var(--moss);
  color:var(--rice);
  border-top:1px solid var(--hairline-gold);
  border-bottom:1px solid var(--hairline-gold);
  padding-block:clamp(24px,3.5vw,44px);
}
.band--night{ background:var(--deepsea); }
.band__inner{
  max-width:var(--wrap);
  margin-inline:auto;
  padding-inline:var(--shell-x);
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:clamp(16px,3vw,44px);
}

.scale-bar{ display:flex; gap:2px; width:100%; }
.scale-bar__step{
  flex:1 1 0;
  height:10px;
  background:var(--moss-soft);
  opacity:.3;
  transition:opacity .45s var(--ease);
  transition-delay:calc(var(--i, 0) * 60ms);
}
.scale-bar__step:nth-child(3n+2){ background:var(--gold); }
.scale-bar__step:nth-child(3n+3){ background:var(--terracotta); }
.scale-bar.is-lit .scale-bar__step{ opacity:1; }

.ruler{
  position:relative;
  height:46px;
  margin-block:14px 26px;
  background-image:repeating-linear-gradient(90deg, var(--hairline) 0 1px, transparent 1px 5%);
  background-repeat:no-repeat;
  background-position:left bottom;
  background-size:100% 14px;
  border-bottom:1px solid var(--hairline);
}
.ruler__bar{
  position:absolute; left:0; bottom:0;
  height:4px;
  background:linear-gradient(90deg, var(--moss-soft), var(--gold) 55%, var(--red));
}

/* ---------- 11. 数据表 / 标签 / 切换条 ---------- */
.data-table{
  width:100%;
  font-family:var(--font-mono);
  font-size:.9rem;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
}
.data-table caption{
  caption-side:top;
  text-align:left;
  padding-bottom:12px;
  font-family:var(--font-body);
  font-size:.86rem;
  color:var(--stone);
}
.data-table th,.data-table td{
  padding:12px 14px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid var(--hairline);
}
.data-table thead th{
  border-bottom:1px solid var(--gold);
  color:var(--gold-deep);
  font-weight:600;
  letter-spacing:.08em;
}
.data-table tbody tr:hover{ background:rgba(201,162,39,.09); }
.data-table tbody tr.is-open{ background:rgba(158,43,43,.07); }
.section--dark .data-table,.section--night .data-table{ color:rgba(243,237,227,.86); }
.section--dark .data-table th,.section--night .data-table th,
.section--dark .data-table td,.section--night .data-table td{ border-bottom-color:var(--hairline-light); }

.tag-group{ display:flex; flex-wrap:wrap; gap:8px; }
.tag{
  display:inline-flex;
  align-items:center;
  gap:.4em;
  padding:.26em .68em;
  border:1px solid var(--hairline-gold);
  background:rgba(251,248,242,.7);
  color:var(--gold-deep);
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.1em;
}
.tag--red{ border-color:var(--red); color:var(--red-deep); background:rgba(158,43,43,.08); }
.tag--green{ border-color:var(--moss-soft); color:var(--moss); background:rgba(124,139,106,.14); }

.segmented{ display:inline-flex; border:1px solid var(--hairline); background:var(--paper); }
.segmented__btn{
  padding:.55em 1.1em;
  border-right:1px solid var(--hairline);
  color:var(--stone);
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.1em;
  font-variant-numeric:tabular-nums;
  cursor:pointer;
  transition:background-color .2s var(--ease), color .2s var(--ease);
}
.segmented__btn:last-child{ border-right:0; }
.segmented__btn:hover{ color:var(--gold-deep); }
.segmented__btn[aria-selected="true"]{ background:var(--gold); color:#241B05; }

/* ---------- 12. 图片容器与氛围层 ---------- */
.media-frame{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/9;
  border:1px solid var(--hairline-gold);
  background:linear-gradient(160deg, var(--deepsea) 0%, var(--moss) 100%);
}
.media-frame img{ width:100%; height:100%; object-fit:cover; }
.media-frame--wide{ aspect-ratio:21/9; }
.media-frame--square{ aspect-ratio:1/1; }
.media-frame--tall{ aspect-ratio:3/4; }
.media-frame__cap{
  margin-top:8px;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.06em;
  color:var(--stone);
}
.media-grid{
  display:grid;
  gap:clamp(16px,2.5vw,28px);
  grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
}

.surface-water{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(120% 70% at 14% 0%, rgba(201,162,39,.18), transparent 62%),
    radial-gradient(90% 62% at 86% 100%, rgba(158,43,43,.2), transparent 64%),
    repeating-linear-gradient(115deg, rgba(243,237,227,.05) 0 2px, transparent 2px 10px),
    linear-gradient(165deg, #14263B 0%, #1B3242 46%, #1F3B33 100%);
  animation:water-drift 40s ease-in-out infinite alternate;
}
@keyframes water-drift{
  from{ transform:translate3d(0,0,0); filter:brightness(1); }
  to{ transform:translate3d(-1.4%,-1%,0); filter:brightness(1.08); }
}

/* ---------- 13. 显现与复制 ---------- */
[data-reveal]{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .6s var(--ease), transform .6s var(--ease);
}
[data-reveal].is-revealed{ opacity:1; transform:none; }

.copy-btn{
  margin-left:8px;
  padding:.2em .62em;
  border:1px solid var(--hairline-gold);
  background:transparent;
  color:var(--gold);
  font-family:var(--font-mono);
  font-size:.66rem;
  letter-spacing:.08em;
  cursor:pointer;
  transition:background-color .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);
}
.copy-btn:hover{ background:var(--gold); color:#241B05; border-color:var(--gold); }
.copy-btn.is-done{ border-color:var(--moss-soft); color:var(--moss-soft); background:transparent; }

/* ---------- 14. 页脚 ---------- */
.site-footer{
  margin-top:clamp(64px,9vw,130px);
  padding:clamp(46px,6vw,84px) var(--shell-x) 30px;
  background:linear-gradient(180deg, var(--deepsea) 0%, #10202F 72%, #0D1A26 100%);
  border-top:1px solid var(--hairline-gold);
  color:rgba(243,237,227,.78);
}
.site-footer__inner{
  max-width:var(--wrap);
  margin-inline:auto;
  display:grid;
  gap:clamp(30px,5vw,72px);
  grid-template-columns:1fr;
}
@media (min-width:768px){
  .site-footer__inner{ grid-template-columns:minmax(200px,1fr) 2.4fr; }
}
.footer-brand{ display:flex; flex-direction:column; gap:10px; }
.footer-brand__chip{
  width:46px; height:46px;
  display:grid; place-items:center;
  border-radius:50%;
  border:1px dashed var(--gold);
  color:var(--gold);
  font-family:var(--font-mono);
  font-size:.68rem;
  background:radial-gradient(circle at 50% 28%, rgba(201,162,39,.22), transparent 72%);
}
.footer-brand__name{ font-family:var(--font-display); font-size:1.2rem; color:var(--rice); letter-spacing:.06em; }
.footer-brand__tagline{ font-family:var(--font-mono); font-size:.68rem; letter-spacing:.2em; color:var(--gold); }
.footer-brand__meta{ font-size:.78rem; color:rgba(243,237,227,.5); }

.footer-cols{ display:grid; gap:clamp(20px,3vw,40px); grid-template-columns:1fr; }
@media (min-width:560px){
  .footer-cols{ grid-template-columns:repeat(3,1fr); }
}
.footer-col__title{
  font-family:var(--font-mono);
  font-size:.72rem;
  font-weight:400;
  letter-spacing:.2em;
  color:var(--gold);
  padding-bottom:12px;
  margin-bottom:14px;
  border-bottom:1px solid var(--hairline-light);
}
.footer-col__list{ display:flex; flex-direction:column; gap:10px; }
.footer-link{
  position:relative;
  display:inline-block;
  padding-left:0;
  font-size:.92rem;
  color:rgba(243,237,227,.78);
  transition:color .2s var(--ease), padding-left .2s var(--ease);
}
.footer-link::before{
  content:"";
  position:absolute; left:0; top:50%;
  width:2px; height:0;
  background:var(--red);
  transform:translateY(-50%);
  transition:height .2s var(--ease);
}
.footer-link:hover{ color:var(--paper); padding-left:10px; }
.footer-link:hover::before{ height:14px; }

.footer-record{
  max-width:var(--wrap);
  margin:clamp(34px,5vw,64px) auto 0;
  display:grid;
  gap:14px;
  grid-template-columns:1fr;
  padding-top:clamp(22px,3vw,34px);
  border-top:1px solid var(--hairline-light);
}
@media (min-width:768px){
  .footer-record{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .footer-record__item--wide{ grid-column:1 / -1; }
}
.footer-record__item{ display:flex; flex-wrap:wrap; align-items:baseline; gap:10px; }
.footer-record__label{
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.16em;
  color:var(--stone);
}
.footer-record__value{
  font-family:var(--font-mono);
  font-size:.82rem;
  font-variant-numeric:tabular-nums;
  color:rgba(243,237,227,.9);
}
.footer-note{
  max-width:var(--wrap);
  margin:22px auto 0;
  font-size:.76rem;
  line-height:1.9;
  color:rgba(243,237,227,.46);
  max-width:52em;
}
.footer-legal{
  max-width:var(--wrap);
  margin:26px auto 0;
  padding-top:20px;
  border-top:1px solid var(--hairline-light);
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:10px;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.08em;
  color:rgba(243,237,227,.52);
}

/* ---------- 15. 移动端头部与导航面板 ---------- */
@media (max-width:1023px){
  .nav-toggle{ display:inline-flex; }
  .brand__tagline{ display:none; }
  .site-nav{
    position:fixed;
    left:0; right:0;
    top:var(--header-h);
    flex-direction:column;
    align-items:stretch;
    gap:0;
    max-height:calc(100vh - var(--header-h));
    overflow-y:auto;
    padding:14px var(--shell-x) 30px;
    background:var(--deepsea);
    border-top:1px solid var(--hairline-gold);
    border-bottom:1px solid var(--hairline-gold);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-10px);
    transition:opacity .24s var(--ease), transform .24s var(--ease), visibility .24s var(--ease);
  }
  .site-header[data-open] .site-nav{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  .site-nav__list{ flex-direction:column; align-items:stretch; gap:0; }
  .site-nav__item{ border-bottom:1px solid rgba(243,237,227,.12); }
  .site-header .site-nav__link,
  .site-header.is-scrolled .site-nav__link{
    display:block;
    padding:15px 4px;
    font-size:1rem;
    color:rgba(243,237,227,.85);
  }
  .site-header .site-nav__link:hover,
  .site-header.is-scrolled .site-nav__link:hover{ color:var(--paper); }
  .site-header .site-nav__link[aria-current="page"],
  .site-header.is-scrolled .site-nav__link[aria-current="page"]{ color:var(--gold); }
  .site-header .site-nav__link[aria-current="page"]::after,
  .site-header.is-scrolled .site-nav__link[aria-current="page"]::after{
    left:0; right:auto;
    top:50%; bottom:auto;
    width:3px; height:18px;
    transform:translateY(-50%);
  }
  .site-nav__cta{ margin-top:22px; align-self:flex-start; }
}

/* ---------- 16. 无障碍与减动效 ---------- */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  [data-reveal]{ opacity:1; transform:none; }
  .scale-bar__step{ opacity:1; transition-delay:0ms; }
  .surface-water{ animation:none; }
}