/* =================================================================
   九博娱乐 · 共享样式表 /assets/site.css
   语言：夜幕穹顶下的极简文字建筑
   ================================================================= */

/* ---------- 1. 令牌 ---------- */
:root{
  --ink:#060E1C;
  --dome:#0C1A2E;
  --grid:#1C2E48;
  --gold:#E7B24B;
  --gold-lit:#F7E2B4;
  --gold-deep:#7A5B1E;
  --cyan:#4FE3D0;
  --coral:#FF6A5A;
  --mist:#E9EEF7;
  --haze:#93A7C4;

  --font-h:"Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  --font-b:"HarmonyOS Sans SC","Noto Sans SC","PingFang SC",system-ui,-apple-system,"Microsoft YaHei",sans-serif;
  --font-m:"JetBrains Mono","SFMono-Regular",ui-monospace,Menlo,Consolas,"Courier New",monospace;

  --sheet:min(1320px,100% - 48px);
  --rail:88px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --line:1px solid var(--grid);
}

@media (max-width:640px){
  :root{--sheet:calc(100% - 32px)}
}

/* ---------- 2. Reset ---------- */
*,
*::before,
*::after{box-sizing:border-box}

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  background-color:var(--ink);
}

body,
h1,h2,h3,h4,h5,p,figure,blockquote,dl,dd,ul,ol{margin:0}

ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
img,svg,video{display:block;max-width:100%}
table{border-collapse:collapse}

/* ---------- 3. 页面底色：夜蓝 + 星点 + 精密网格 ---------- */
body{
  min-height:100vh;
  background-color:var(--ink);
  background-image:
    radial-gradient(90% 55% at 78% -8%,rgba(231,178,75,.16),transparent 66%),
    radial-gradient(80% 60% at 4% 108%,rgba(79,227,208,.12),transparent 68%),
    linear-gradient(180deg,#0C1A2E 0%,#060E1C 46%,#060E1C 100%);
  color:var(--mist);
  font-family:var(--font-b);
  font-size:17px;
  line-height:1.8;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(90deg,rgba(28,46,72,.55) 1px,transparent 1px),
    linear-gradient(180deg,rgba(28,46,72,.4) 1px,transparent 1px);
  background-size:132px 132px;
  -webkit-mask-image:radial-gradient(120% 72% at 50% 0%,#000 12%,transparent 80%);
  mask-image:radial-gradient(120% 72% at 50% 0%,#000 12%,transparent 80%);
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    radial-gradient(1.4px 1.4px at 9% 13%,rgba(233,238,247,.5),transparent 60%),
    radial-gradient(1.2px 1.2px at 28% 33%,rgba(79,227,208,.45),transparent 60%),
    radial-gradient(1.6px 1.6px at 63% 9%,rgba(231,178,75,.5),transparent 60%),
    radial-gradient(1px 1px at 82% 43%,rgba(233,238,247,.36),transparent 60%),
    radial-gradient(1.3px 1.3px at 45% 76%,rgba(231,178,75,.32),transparent 60%),
    radial-gradient(1px 1px at 92% 67%,rgba(79,227,208,.32),transparent 60%),
    radial-gradient(1.2px 1.2px at 15% 88%,rgba(233,238,247,.28),transparent 60%);
  opacity:.85;
}

main,
.dome-main{position:relative;z-index:1;display:block}

/* ---------- 4. 焦点与可访问性 ---------- */
:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:3px;
}

.dome-visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}

/* ---------- 5. 头部：悬浮导轨 ---------- */
.dome-header{
  --rail:88px;
  position:sticky;
  top:0;
  z-index:90;
  background:linear-gradient(180deg,rgba(6,14,28,.94),rgba(6,14,28,.76));
  border-bottom:1px solid var(--grid);
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  transition:background .35s var(--ease),box-shadow .35s var(--ease);
}

.dome-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(231,178,75,.7) 30%,rgba(79,227,208,.5) 72%,transparent);
  opacity:.6;
}

.dome-header[data-scrolled]{
  --rail:64px;
  background:rgba(6,14,28,.97);
  box-shadow:0 24px 46px -32px rgba(0,0,0,.95),0 1px 0 rgba(231,178,75,.22);
}

.dome-header__rail{
  position:relative;
  width:var(--sheet);
  margin-inline:auto;
  min-height:var(--rail);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:18px;
  transition:min-height .35s var(--ease);
}

.dome-skip{
  position:absolute;
  left:18px;
  top:-80px;
  z-index:130;
  padding:12px 22px;
  background:var(--gold);
  color:var(--ink);
  font-size:14px;
  font-weight:800;
  letter-spacing:.08em;
  transition:top .22s var(--ease);
}

.dome-skip:focus{top:14px}

/* 品牌 */
.dome-brand{
  grid-column:1;
  grid-row:1;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.dome-brand__mark{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  background:linear-gradient(150deg,var(--gold-lit),var(--gold) 58%,var(--gold-deep));
  color:var(--ink);
  font-family:var(--font-h);
  font-weight:900;
  font-size:20px;
  line-height:1;
  box-shadow:0 10px 22px -16px rgba(231,178,75,.95);
}

.dome-brand__text{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}

.dome-brand__name{
  font-family:var(--font-h);
  font-weight:800;
  font-size:19px;
  line-height:1.1;
  letter-spacing:.02em;
  color:var(--mist);
}

.dome-brand__meta{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.dome-brand__domain{
  font-family:var(--font-m);
  font-size:11px;
  letter-spacing:.02em;
  color:var(--haze);
  white-space:nowrap;
}

.dome-versions{display:inline-flex;gap:4px}

.dome-chip{
  display:inline-flex;
  align-items:center;
  padding:1px 6px;
  border:1px solid currentColor;
  font-family:var(--font-m);
  font-size:10.5px;
  line-height:1.5;
  letter-spacing:.06em;
}

.dome-chip--gold{color:var(--gold)}
.dome-chip--cyan{color:var(--cyan)}

/* 直角浮岛导航 */
.dome-nav{
  position:relative;
  grid-column:2;
  grid-row:1;
  justify-self:center;
  z-index:95;
  padding:4px;
  background:linear-gradient(180deg,rgba(12,26,46,.95),rgba(6,14,28,.82));
  border:1px solid var(--grid);
}

.dome-nav::before,
.dome-nav::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
}

.dome-nav::before{top:-1px;left:-1px;background:var(--cyan)}
.dome-nav::after{bottom:-1px;right:-1px;background:var(--gold);opacity:.7}

.dome-nav__list{
  display:flex;
  align-items:center;
  gap:2px;
}

.dome-nav__link{
  display:block;
  padding:9px 16px;
  font-size:14.5px;
  font-weight:600;
  letter-spacing:.05em;
  white-space:nowrap;
  color:var(--haze);
  background:transparent;
  transition:color .25s var(--ease),background .25s var(--ease);
}

.dome-nav__link:hover{
  color:var(--gold-lit);
  background:rgba(231,178,75,.1);
}

.dome-nav__link[aria-current="page"]{
  background:linear-gradient(120deg,var(--gold-lit),var(--gold) 65%,#CF9A32);
  color:var(--ink);
  font-weight:800;
}

/* 行动入口 */
.dome-header__actions{
  grid-column:3;
  grid-row:1;
  justify-self:end;
  display:flex;
  align-items:center;
  gap:10px;
}

.dome-cta{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:10px 18px;
  background:linear-gradient(120deg,var(--gold-lit),var(--gold) 62%,#CF9A32);
  color:var(--ink);
  font-size:14px;
  font-weight:800;
  letter-spacing:.06em;
  white-space:nowrap;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}

.dome-cta::after{
  content:"";
  width:6px;
  height:6px;
  background:var(--ink);
  transform:rotate(45deg);
}

.dome-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 28px -18px rgba(231,178,75,.95);
}

.dome-cta__short{display:none}

.dome-burger{
  display:none;
  position:relative;
  width:44px;
  height:44px;
  border:1px solid var(--grid);
  background:rgba(12,26,46,.8);
}

.dome-burger__bar{
  position:absolute;
  left:12px;
  right:12px;
  height:2px;
  background:var(--gold);
  transition:transform .3s var(--ease),opacity .2s var(--ease),background .3s var(--ease);
}

.dome-burger__bar:nth-child(1){top:15px}
.dome-burger__bar:nth-child(2){top:21px}
.dome-burger__bar:nth-child(3){top:27px}

.dome-burger[aria-expanded="true"] .dome-burger__bar:nth-child(1){transform:translateY(6px) rotate(45deg)}
.dome-burger[aria-expanded="true"] .dome-burger__bar:nth-child(2){opacity:0}
.dome-burger[aria-expanded="true"] .dome-burger__bar:nth-child(3){
  transform:translateY(-6px) rotate(-45deg);
  background:var(--cyan);
}

/* ---------- 6. 容器、章节、排版 ---------- */
.dome-shell{
  width:var(--sheet);
  margin-inline:auto;
}

.dome-section{
  position:relative;
  padding:clamp(56px,8vw,120px) 0;
}

.dome-section--tight{padding:clamp(32px,5vw,64px) 0}

.dome-section--deep{
  background:linear-gradient(180deg,rgba(12,26,46,.92),rgba(6,14,28,.72));
  border-top:1px solid var(--grid);
  border-bottom:1px solid var(--grid);
}

.dome-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.18em;
  color:var(--haze);
}

.dome-eyebrow::before{
  content:"";
  width:26px;
  height:1px;
  background:linear-gradient(90deg,var(--gold),transparent);
}

.dome-display{
  font-family:var(--font-h);
  font-weight:900;
  font-size:clamp(40px,8vw,140px);
  line-height:.95;
  letter-spacing:-.02em;
  color:var(--mist);
}

.dome-title{
  font-family:var(--font-h);
  font-weight:800;
  font-size:clamp(26px,3.2vw,36px);
  line-height:1.22;
  letter-spacing:-.01em;
  color:var(--mist);
}

.dome-subtitle{
  font-size:clamp(16px,1.5vw,19px);
  line-height:1.8;
  color:var(--haze);
  max-width:34em;
}

.dome-lede{
  font-size:clamp(17px,1.4vw,19px);
  line-height:1.85;
  color:var(--haze);
  max-width:34em;
}

.dome-prose{
  max-width:34em;
  font-size:17px;
  line-height:1.85;
  color:var(--mist);
}

.dome-prose > * + *{margin-top:1.05em}
.dome-prose h2,
.dome-prose h3{margin-top:1.7em;line-height:1.3}

.dome-mono{
  font-family:var(--font-m);
  font-size:.94em;
  letter-spacing:.02em;
  color:var(--gold-lit);
}

/* ---------- 7. 线条与光带 ---------- */
.dome-rule{
  height:1px;
  border:0;
  margin:0;
  background:linear-gradient(90deg,rgba(231,178,75,.6),rgba(28,46,72,.25) 46%,transparent);
}

.dome-beam{
  display:block;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(231,178,75,.75) 32%,rgba(79,227,208,.6) 68%,transparent);
  opacity:.5;
}

/* ---------- 8. 网格与卡片 ---------- */
.dome-grid{
  display:grid;
  gap:1px;
  background:var(--grid);
  border:1px solid var(--grid);
}

.dome-grid > *{
  padding:clamp(18px,2.4vw,28px);
  background:linear-gradient(180deg,rgba(12,26,46,.94),rgba(6,14,28,.74));
}

.dome-grid--2,
.dome-grid--3,
.dome-grid--4{grid-template-columns:1fr}

@media (min-width:720px){
  .dome-grid--2{grid-template-columns:repeat(2,1fr)}
  .dome-grid--3,
  .dome-grid--4{grid-template-columns:repeat(2,1fr)}
}

@media (min-width:1080px){
  .dome-grid--3{grid-template-columns:repeat(3,1fr)}
  .dome-grid--4{grid-template-columns:repeat(4,1fr)}
}

.dome-card{
  position:relative;
  display:block;
  padding:clamp(20px,2.6vw,30px);
  border:1px solid var(--grid);
  background:linear-gradient(160deg,rgba(12,26,46,.94),rgba(6,14,28,.7));
  transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease);
}

.dome-card:hover{
  transform:translateY(-6px);
  border-color:rgba(231,178,75,.72);
  box-shadow:0 28px 48px -36px rgba(231,178,75,.95);
}

.dome-card__meta{
  display:block;
  margin-bottom:10px;
  font-family:var(--font-m);
  font-size:11.5px;
  letter-spacing:.1em;
  color:var(--haze);
}

.dome-card__title{
  font-family:var(--font-h);
  font-weight:800;
  font-size:18px;
  line-height:1.4;
  color:var(--mist);
}

/* ---------- 9. 按钮、标签、状态点 ---------- */
.dome-btn{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:12px 22px;
  border:1px solid transparent;
  font-size:14.5px;
  font-weight:800;
  letter-spacing:.06em;
  transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);
}

.dome-btn:hover{transform:translateY(-2px)}

.dome-btn--gold{
  background:linear-gradient(120deg,var(--gold-lit),var(--gold) 62%,#CF9A32);
  color:var(--ink);
}

.dome-btn--ghost{
  border-color:var(--grid);
  background:rgba(12,26,46,.7);
  color:var(--mist);
}

.dome-btn--ghost:hover{
  border-color:rgba(231,178,75,.7);
  color:var(--gold-lit);
}

.dome-btn--coral{
  border-color:rgba(255,106,90,.55);
  background:rgba(255,106,90,.1);
  color:var(--coral);
}

.dome-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 9px;
  border:1px solid var(--grid);
  background:rgba(12,26,46,.72);
  font-family:var(--font-m);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--haze);
}

.dome-tag--gold{color:var(--gold);border-color:rgba(231,178,75,.45)}
.dome-tag--cyan{color:var(--cyan);border-color:rgba(79,227,208,.42)}
.dome-tag--coral{color:var(--coral);border-color:rgba(255,106,90,.42)}

.dome-dot{
  display:inline-block;
  width:6px;
  height:6px;
  background:var(--haze);
}

.dome-dot--live{
  background:var(--cyan);
  box-shadow:0 0 0 3px rgba(79,227,208,.18);
}

/* ---------- 10. 面包屑与注释 ---------- */
.dome-crumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-family:var(--font-m);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--haze);
}

.dome-crumbs__link{color:var(--haze);transition:color .25s var(--ease)}
.dome-crumbs__link:hover{color:var(--gold-lit)}
.dome-crumbs__sep{color:var(--grid)}
.dome-crumbs__current{color:var(--gold)}

.dome-note{
  position:relative;
  max-width:34em;
  padding:14px 0 14px 18px;
  border-left:1px solid rgba(231,178,75,.55);
  color:var(--haze);
  font-size:15px;
}

/* ---------- 11. 图片占位容器 ---------- */
.dome-media{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid var(--grid);
  background:
    radial-gradient(120% 90% at 82% 4%,rgba(231,178,75,.22),transparent 62%),
    radial-gradient(90% 80% at 10% 94%,rgba(79,227,208,.18),transparent 64%),
    linear-gradient(155deg,#0C1A2E 0%,#060E1C 72%);
}

.dome-media::after{
  content:"";
  position:absolute;
  inset:-20% -40%;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 38%,rgba(247,226,180,.18) 48%,rgba(79,227,208,.12) 55%,transparent 66%);
}

.dome-media > img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.dome-media--wide{aspect-ratio:21/9}
.dome-media--tall{aspect-ratio:4/5}
.dome-media--square{aspect-ratio:1/1}

.dome-media__caption{
  display:block;
  margin-top:10px;
  font-family:var(--font-m);
  font-size:12.5px;
  letter-spacing:.04em;
  color:var(--haze);
}

/* ---------- 12. 可展开内容组 ---------- */
.dome-fold{
  border-top:1px solid var(--grid);
}

.dome-fold:last-child{border-bottom:1px solid var(--grid)}

.dome-fold__trigger{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:100%;
  padding:20px 4px;
  text-align:left;
  color:var(--mist);
  font-family:var(--font-b);
  font-size:17px;
  font-weight:700;
  transition:color .25s var(--ease),padding-left .25s var(--ease);
}

.dome-fold__trigger:hover{
  color:var(--gold-lit);
  padding-left:12px;
}

.dome-fold__label{display:block}

.dome-fold__state{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-m);
  font-size:11px;
  letter-spacing:.12em;
  color:var(--haze);
}

.dome-fold__state::before{
  content:"";
  width:6px;
  height:6px;
  background:var(--haze);
  transition:background .25s var(--ease),transform .25s var(--ease);
}

.dome-fold__trigger[aria-expanded="true"]{color:var(--gold-lit)}

.dome-fold__trigger[aria-expanded="true"] .dome-fold__state::before{
  background:var(--cyan);
  transform:rotate(45deg);
}

.dome-fold__panel{padding:0 4px 22px}
.dome-fold__panel[hidden]{display:none}

.dome-fold__body{
  max-width:34em;
  color:var(--haze);
  font-size:15.5px;
  line-height:1.85;
}

.dome-fold__body > * + *{margin-top:.9em}

/* ---------- 13. 入场动效协议 ---------- */
html.dome-js [data-reveal]{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .5s var(--ease),transform .5s var(--ease);
}

html.dome-js [data-reveal].is-in{
  opacity:1;
  transform:none;
}

/* ---------- 14. 页脚 ---------- */
.dome-footer{
  position:relative;
  z-index:1;
  margin-top:clamp(64px,10vw,140px);
  background:linear-gradient(180deg,rgba(12,26,46,.72),rgba(6,14,28,1) 34%);
  border-top:1px solid var(--grid);
}

.dome-footer::before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(231,178,75,.75) 26%,rgba(79,227,208,.55) 70%,transparent);
  opacity:.7;
  pointer-events:none;
}

.dome-footer__inner{
  width:var(--sheet);
  margin-inline:auto;
  padding:clamp(48px,7vw,88px) 0 0;
}

.dome-footer__grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1.1fr 1.4fr;
  gap:clamp(24px,4vw,48px);
  padding-bottom:clamp(36px,5vw,56px);
}

.dome-footer__col{min-width:0}

.dome-footer__brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.dome-footer__brand-mark{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  background:linear-gradient(150deg,var(--gold-lit),var(--gold) 60%,var(--gold-deep));
  color:var(--ink);
  font-family:var(--font-h);
  font-weight:900;
  font-size:15px;
  line-height:1;
}

.dome-footer__brand-name{
  font-family:var(--font-h);
  font-weight:900;
  font-size:22px;
  letter-spacing:.02em;
  color:var(--mist);
}

.dome-footer__lede{
  margin-top:14px;
  max-width:30em;
  font-size:15px;
  line-height:1.8;
  color:var(--haze);
}

.dome-footer__mono{
  margin-top:14px;
  font-family:var(--font-m);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--gold);
}

.dome-footer__eyebrow{
  display:block;
  margin-bottom:10px;
  font-size:11px;
  font-weight:600;
  letter-spacing:.18em;
  color:var(--coral);
}

.dome-footer__title{
  margin-bottom:16px;
  font-family:var(--font-h);
  font-weight:800;
  font-size:15px;
  letter-spacing:.08em;
  color:var(--gold-lit);
}

.dome-footer__list{
  display:grid;
  gap:10px;
  font-size:15px;
}

.dome-footer__list a{
  color:var(--haze);
  transition:color .25s var(--ease);
}

.dome-footer__list a:hover{color:var(--gold-lit)}

.dome-footer__contact{display:grid;gap:14px}

.dome-footer__label{
  display:block;
  margin-bottom:4px;
  font-size:11px;
  letter-spacing:.16em;
  color:var(--haze);
}

.dome-footer__value{
  font-size:15px;
  line-height:1.7;
  color:var(--mist);
  overflow-wrap:anywhere;
}

.dome-footer__note{
  margin-top:12px;
  font-size:13px;
  color:var(--haze);
}

.dome-footer__bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px 24px;
  padding:18px 0 26px;
  border-top:1px solid var(--grid);
}

.dome-footer__legal{
  font-size:12.5px;
  line-height:1.7;
  letter-spacing:.02em;
  color:var(--haze);
}

/* ---------- 15. 响应式 ---------- */
@media (max-width:1120px){
  .dome-brand__domain{display:none}
  .dome-nav__link{padding:8px 12px;font-size:13.5px}
  .dome-cta{padding:9px 14px;font-size:13px}
}

@media (max-width:1024px){
  .dome-footer__grid{grid-template-columns:1fr 1fr}
}

@media (max-width:900px){
  .dome-header__rail{grid-template-columns:minmax(0,1fr) auto}

  .dome-brand{grid-column:1}
  .dome-header__actions{grid-column:2;gap:10px}

  .dome-nav{
    position:absolute;
    top:calc(100% + 12px);
    left:0;
    right:0;
    padding:10px;
    border-color:rgba(231,178,75,.35);
    background:rgba(6,14,28,.98);
    box-shadow:0 34px 60px -40px rgba(0,0,0,.98);
    max-height:calc(100vh - 140px);
    overflow-y:auto;
    opacity:0;
    visibility:hidden;
    transform:translateY(-14px);
    pointer-events:none;
    transition:opacity .28s var(--ease),transform .28s var(--ease),visibility .28s var(--ease);
  }

  .dome-nav[data-open]{
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
  }

  .dome-nav::before,
  .dome-nav::after{display:none}

  .dome-nav__list{
    flex-direction:column;
    align-items:stretch;
    gap:2px;
  }

  .dome-nav__link{
    padding:15px 16px;
    border-bottom:1px solid rgba(28,46,72,.7);
    font-size:16px;
  }

  .dome-nav__item:last-child .dome-nav__link{border-bottom:0}

  .dome-burger{display:block}
  .dome-cta__full{display:none}
  .dome-cta__short{display:inline}
}

@media (max-width:600px){
  .dome-footer__grid{grid-template-columns:1fr}
  .dome-brand__mark{width:34px;height:34px;font-size:18px}
  .dome-brand__name{font-size:17px}
  .dome-footer__bar{flex-direction:column;align-items:flex-start}
}

/* ---------- 16. 减弱动效 ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}

  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }

  html.dome-js [data-reveal]{
    opacity:1;
    transform:none;
  }

  .dome-card:hover,
  .dome-btn:hover,
  .dome-cta:hover{transform:none}
}