/* =============================================================
   安博电竞 · 共享样式表  /assets/site.css
   夜场战术板：深空蓝黑 + 电光青描边 + 信号橙/脉冲红告警
   ============================================================= */

:root{
  --ab-void:#06090F;
  --ab-board:#0C131F;
  --ab-line:#1D2941;
  --ab-ink:#EDF2FA;
  --ab-muted:#8FA0B8;
  --ab-cyan:#2BE7D6;
  --ab-grad-a:#59D8FF;
  --ab-grad-b:#1F6BFF;
  --ab-orange:#FF7A2F;
  --ab-red:#FF3F5E;
  --ab-gold:#F3C24C;
  --ab-white:#FFFFFF;
  --ab-cyan-06:rgba(43,231,214,.06);
  --ab-cyan-12:rgba(43,231,214,.12);
  --ab-cyan-35:rgba(43,231,214,.35);
  --ab-shadow:0 18px 44px rgba(0,0,0,.55);
  --ab-cmd-h:58px;
  --ab-strip-h:22px;
  --ab-measure:36em;
  --ab-radius:2px;
  --ab-font-cn:"PingFang SC","Source Han Sans SC","Noto Sans SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ab-font-mono:ui-monospace,"JetBrains Mono","IBM Plex Mono",SFMono-Regular,Menlo,Consolas,monospace;
}

*,*::before,*::after{box-sizing:border-box}

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--ab-cmd-h) + var(--ab-strip-h) + 20px);
}

body{
  margin:0;
  padding-top:calc(var(--ab-cmd-h) + var(--ab-strip-h));
  background:var(--ab-void);
  color:var(--ab-ink);
  font-family:var(--ab-font-cn);
  font-size:17px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}

h1,h2,h3,h4,h5,h6,p,figure,blockquote{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
img,svg,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
table{border-collapse:collapse;width:100%}
strong,b{font-weight:700}
::selection{background:var(--ab-cyan);color:#04120F}

:focus-visible{
  outline:2px solid var(--ab-cyan);
  outline-offset:3px;
  border-radius:var(--ab-radius);
}

/* ---------- 基础排版 ---------- */
.ab-num{
  font-family:var(--ab-font-mono);
  font-weight:500;
  letter-spacing:.01em;
  text-shadow:0 0 .5px var(--ab-cyan-35);
}

.ab-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--ab-font-mono);
  font-size:12px;
  letter-spacing:.16em;
  color:var(--ab-cyan);
}
.ab-kicker::before{
  content:"";
  width:24px;
  height:1px;
  background:var(--ab-cyan);
  box-shadow:0 0 8px var(--ab-cyan-35);
}

.ab-title{
  display:inline-block;
  font-size:clamp(26px,3.6vw,46px);
  font-weight:800;
  line-height:1.14;
  letter-spacing:-.02em;
  color:var(--ab-ink);
  transform:skewX(-2deg);
  transform-origin:left bottom;
}

.ab-lead{
  max-width:var(--ab-measure);
  font-size:17px;
  line-height:1.75;
  color:var(--ab-muted);
}

/* ---------- 布局骨架 ---------- */
.ab-container{
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:0 clamp(14px,2.4vw,32px);
}

.ab-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:clamp(14px,1.8vw,26px);
}

.ab-col-3{grid-column:span 3}
.ab-col-4{grid-column:span 4}
.ab-col-5{grid-column:span 5}
.ab-col-6{grid-column:span 6}
.ab-col-7{grid-column:span 7}
.ab-col-8{grid-column:span 8}
.ab-col-9{grid-column:span 9}
.ab-col-12{grid-column:span 12}

.ab-bleed-r{margin-right:calc(-1 * clamp(0px,4vw,80px))}

.ab-section{padding:clamp(48px,7vw,104px) 0}
.ab-section__head{
  display:flex;
  flex-direction:column;
  gap:12px;
  max-width:var(--ab-measure);
  margin-bottom:clamp(24px,3vw,42px);
}

/* ---------- 左侧替补席索引 ---------- */
.ab-bench{
  position:sticky;
  top:calc(var(--ab-cmd-h) + var(--ab-strip-h) + 20px);
  padding-left:16px;
  border-left:1px solid var(--ab-line);
}
.ab-bench__title{
  font-family:var(--ab-font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--ab-muted);
}
.ab-bench__list{display:flex;flex-direction:column;margin-top:12px}
.ab-bench__item{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:8px;
  padding:9px 0;
  font-size:14px;
  color:var(--ab-muted);
  border-bottom:1px dashed rgba(29,41,65,.75);
  transition:color .18s ease,transform .18s ease;
}
.ab-bench__item:hover{color:var(--ab-ink);transform:translateX(3px)}
.ab-bench__item.is-active{color:var(--ab-cyan)}
.ab-bench__code{font-family:var(--ab-font-mono);font-size:11px;letter-spacing:.08em}

/* ---------- 面板 / 数据 ---------- */
.ab-panel{
  position:relative;
  background:var(--ab-board);
  border:1px solid var(--ab-line);
  border-radius:var(--ab-radius);
  padding:clamp(18px,2.2vw,28px);
  box-shadow:var(--ab-shadow);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.ab-panel:hover{
  border-color:var(--ab-cyan-35);
  box-shadow:var(--ab-shadow),0 0 0 1px var(--ab-cyan-12);
}

.ab-stat{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:16px 18px;
  background:var(--ab-board);
  border:1px solid var(--ab-line);
  border-left:3px solid var(--ab-cyan);
  border-radius:var(--ab-radius);
}
.ab-stat__num{
  font-family:var(--ab-font-mono);
  font-size:clamp(28px,3.4vw,44px);
  font-weight:500;
  line-height:1;
  color:var(--ab-ink);
  text-shadow:0 0 12px var(--ab-cyan-35);
}
.ab-stat__unit{font-family:var(--ab-font-mono);font-size:13px;color:var(--ab-muted);margin-left:5px}
.ab-stat__label{font-size:12px;letter-spacing:.08em;color:var(--ab-muted)}

/* ---------- 按钮 ---------- */
.ab-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 18px;
  font-size:13.5px;
  letter-spacing:.02em;
  color:var(--ab-ink);
  background:rgba(255,255,255,.02);
  border:1px solid var(--ab-line);
  border-radius:var(--ab-radius);
  transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.ab-btn:hover{border-color:var(--ab-ink)}
.ab-btn--sm{padding:7px 13px;font-size:12.5px}
.ab-btn--primary{
  color:var(--ab-cyan);
  background:var(--ab-cyan-06);
  border-color:var(--ab-cyan-35);
}
.ab-btn--primary:hover{
  color:#04120F;
  background:var(--ab-cyan);
  border-color:var(--ab-cyan);
  box-shadow:0 12px 30px rgba(43,231,214,.22);
}
.ab-btn--signal{color:var(--ab-orange);border-color:rgba(255,122,47,.5);background:rgba(255,122,47,.07)}
.ab-btn--signal:hover{color:#180A02;background:var(--ab-orange);border-color:var(--ab-orange)}
.ab-btn--ghost{color:var(--ab-muted)}
.ab-btn--ghost:hover{color:var(--ab-ink);border-color:var(--ab-cyan-35);background:var(--ab-cyan-06)}

/* ---------- 标签 ---------- */
.ab-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 9px;
  font-family:var(--ab-font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--ab-muted);
  background:var(--ab-board);
  border:1px solid var(--ab-line);
  border-radius:var(--ab-radius);
}
.ab-tag--cyan{color:var(--ab-cyan);border-color:var(--ab-cyan-35);background:var(--ab-cyan-06)}
.ab-tag--gold{color:var(--ab-gold);border-color:rgba(243,194,76,.42);background:rgba(243,194,76,.07)}
.ab-tag--red{color:var(--ab-red);border-color:rgba(255,63,94,.42);background:rgba(255,63,94,.07)}
.ab-tag--orange{color:var(--ab-orange);border-color:rgba(255,122,47,.42);background:rgba(255,122,47,.07)}

/* ---------- 面包屑 ---------- */
.ab-breadcrumb{margin-top:clamp(18px,2.4vw,28px)}
.ab-breadcrumb__list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  font-family:var(--ab-font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--ab-muted);
}
.ab-breadcrumb__item{display:inline-flex;align-items:center}
.ab-breadcrumb__item + .ab-breadcrumb__item::before{
  content:"/";
  margin-right:8px;
  color:var(--ab-line);
}
.ab-breadcrumb__link{transition:color .18s ease}
.ab-breadcrumb__link:hover{color:var(--ab-cyan)}
.ab-breadcrumb__current{color:var(--ab-ink)}

/* ---------- 图片容器（页面阶段放置素材） ---------- */
.ab-media{
  position:relative;
  display:block;
  overflow:hidden;
  border:1px solid var(--ab-line);
  border-radius:var(--ab-radius);
  background:linear-gradient(180deg,#0C131F 0%,#06090F 100%);
}
.ab-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(29,41,65,.5) 1px,transparent 1px),
    linear-gradient(90deg,rgba(29,41,65,.5) 1px,transparent 1px);
  background-size:32px 32px;
  opacity:.55;
}
.ab-media img,
.ab-media__img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.72) contrast(1.05);
}
.ab-media--wide{aspect-ratio:21/9}
.ab-media--board{aspect-ratio:16/10}
.ab-media--tall{aspect-ratio:4/5}
.ab-media--empty{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10}
.ab-media__empty{
  position:relative;
  z-index:1;
  font-family:var(--ab-font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--ab-muted);
}
.ab-media__tag{
  position:absolute;
  left:12px;
  bottom:12px;
  z-index:2;
  padding:3px 9px;
  font-family:var(--ab-font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--ab-cyan);
  background:rgba(6,9,15,.82);
  border:1px solid var(--ab-cyan-35);
  border-radius:var(--ab-radius);
}

/* ---------- 正文容器 ---------- */
.ab-prose{
  max-width:var(--ab-measure);
  font-size:17.5px;
  line-height:1.75;
  color:var(--ab-ink);
}
.ab-prose > * + *{margin-top:1em}
.ab-prose h2{
  margin-top:1.9em;
  font-size:clamp(22px,2.4vw,30px);
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.25;
  transform:skewX(-2deg);
  transform-origin:left bottom;
}
.ab-prose h3{
  margin-top:1.6em;
  font-size:19px;
  font-weight:700;
  letter-spacing:-.01em;
}
.ab-prose a{
  color:var(--ab-cyan);
  border-bottom:1px solid var(--ab-cyan-35);
  transition:border-color .18s ease;
}
.ab-prose a:hover{border-bottom-color:var(--ab-cyan)}
.ab-prose ul{display:flex;flex-direction:column;gap:.5em}
.ab-prose ul li{position:relative;padding-left:20px}
.ab-prose ul li::before{
  content:"";
  position:absolute;
  left:2px;
  top:.72em;
  width:8px;
  height:1px;
  background:var(--ab-cyan);
}
.ab-prose code{
  padding:2px 6px;
  font-family:var(--ab-font-mono);
  font-size:.9em;
  color:var(--ab-cyan);
  background:rgba(43,231,214,.07);
  border:1px solid var(--ab-cyan-12);
  border-radius:var(--ab-radius);
}
.ab-prose blockquote{
  padding:14px 18px;
  border-left:3px solid var(--ab-orange);
  background:rgba(255,122,47,.05);
  color:var(--ab-muted);
}

/* =============================================================
   头部：固定命令栏 + 状态条
   ============================================================= */
.ab-skip{
  position:absolute;
  left:-9999px;
  top:0;
  z-index:300;
  padding:10px 18px;
  font-size:13px;
  color:#04120F;
  background:var(--ab-cyan);
}
.ab-skip:focus{left:12px;top:12px}

.ab-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:120;
  background:rgba(6,9,15,.93);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--ab-line);
}
.ab-header::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:2px;
  background:linear-gradient(90deg,var(--ab-cyan) 0%,rgba(43,231,214,0) 38%,rgba(255,122,47,0) 62%,var(--ab-orange) 100%);
  opacity:.75;
}

.ab-cmd{height:var(--ab-cmd-h)}
.ab-cmd__inner{
  display:flex;
  align-items:center;
  gap:clamp(10px,1.5vw,24px);
  max-width:1440px;
  height:100%;
  margin:0 auto;
  padding:0 clamp(14px,2.4vw,32px);
}

/* 品牌 */
.ab-brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
.ab-brand__mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  font-family:var(--ab-font-mono);
  font-size:13px;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--ab-cyan);
  border:1px solid var(--ab-cyan-35);
  background:var(--ab-cyan-06);
  transform:skewX(-6deg);
  transition:box-shadow .2s ease;
}
.ab-brand:hover .ab-brand__mark{box-shadow:0 0 0 1px var(--ab-cyan-35),0 0 18px rgba(43,231,214,.25)}
.ab-brand__text{display:flex;flex-direction:column;line-height:1.15}
.ab-brand__name{font-size:14.5px;font-weight:800;letter-spacing:-.01em;color:var(--ab-ink)}
.ab-brand__tag{
  font-family:var(--ab-font-mono);
  font-size:10px;
  letter-spacing:.08em;
  color:var(--ab-muted);
}

/* 赛区代号 */
.ab-sector{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  padding:3px 9px;
  font-family:var(--ab-font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--ab-muted);
  border:1px solid var(--ab-line);
  border-radius:var(--ab-radius);
}
.ab-sector__dot{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--ab-cyan);
  box-shadow:0 0 8px var(--ab-cyan);
}

/* 导航 */
.ab-nav{flex:1 1 auto;min-width:0}
.ab-nav__list{
  display:flex;
  align-items:stretch;
  justify-content:center;
  height:var(--ab-cmd-h);
}
.ab-nav__item{display:flex}
.ab-nav__link{
  display:flex;
  align-items:center;
  gap:6px;
  height:100%;
  padding:0 11px;
  font-size:13.5px;
  letter-spacing:.01em;
  color:var(--ab-muted);
  box-shadow:inset 0 -1px 0 0 transparent;
  transition:color .18s ease,box-shadow .18s ease,background .18s ease;
}
.ab-nav__index{
  font-family:var(--ab-font-mono);
  font-size:10px;
  letter-spacing:.08em;
  color:#5B6C86;
  transition:color .18s ease;
}
.ab-nav__link:hover{
  color:var(--ab-ink);
  background:var(--ab-cyan-06);
  box-shadow:inset 0 -3px 0 0 var(--ab-cyan-35);
}
.ab-nav__link[aria-current="page"]{
  color:var(--ab-ink);
  background:var(--ab-cyan-06);
  box-shadow:inset 0 -3px 0 0 var(--ab-cyan);
  text-shadow:0 0 14px rgba(43,231,214,.35);
}
.ab-nav__link[aria-current="page"] .ab-nav__index,
.ab-nav__link:hover .ab-nav__index{color:var(--ab-cyan)}

/* 右端：实时状态 + CTA */
.ab-cmd__meta{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
  margin-left:auto;
}
.ab-live{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:var(--ab-font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--ab-muted);
}
.ab-live__label{color:#5B6C86}
.ab-live__dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--ab-red);
  box-shadow:0 0 0 0 rgba(255,63,94,.55);
  animation:ab-pulse 2.4s ease-out infinite;
}
.ab-clock{color:var(--ab-ink);text-shadow:0 0 .5px var(--ab-cyan-35)}

/* 状态条 */
.ab-statusstrip{
  position:relative;
  height:var(--ab-strip-h);
  background:linear-gradient(90deg,#080D16 0%,#0A1220 62%,#080D16 100%);
  border-top:1px solid rgba(29,41,65,.7);
  color:var(--ab-muted);
  font-family:var(--ab-font-mono);
  font-size:11px;
  letter-spacing:.06em;
  overflow:hidden;
}
.ab-statusstrip__inner{
  display:flex;
  align-items:center;
  gap:clamp(12px,2.4vw,32px);
  max-width:1440px;
  height:100%;
  margin:0 auto;
  padding:0 clamp(14px,2.4vw,32px);
  white-space:nowrap;
  overflow:hidden;
}
.ab-statusstrip__cell{display:inline-flex;align-items:center;gap:6px}
.ab-statusstrip__k{color:#5B6C86;font-weight:400}
.ab-statusstrip__v{color:var(--ab-ink)}
.ab-statusstrip__cell--live{color:var(--ab-cyan)}
.ab-statusstrip__scan{
  position:absolute;
  left:0;
  bottom:0;
  height:2px;
  width:0;
  background:linear-gradient(90deg,var(--ab-cyan),var(--ab-orange));
  box-shadow:0 0 12px var(--ab-cyan-35);
  transition:width .12s linear;
}

/* 移动端开关 */
.ab-navtoggle{
  display:none;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  font-family:var(--ab-font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--ab-muted);
  border:1px solid var(--ab-line);
  border-radius:var(--ab-radius);
  order:3;
}
.ab-navtoggle__bars{
  position:relative;
  display:block;
  width:16px;
  height:2px;
  background:var(--ab-cyan);
  transition:background .18s ease;
}
.ab-navtoggle__bars::before,
.ab-navtoggle__bars::after{
  content:"";
  position:absolute;
  left:0;
  width:16px;
  height:2px;
  background:var(--ab-cyan);
  transition:transform .2s ease;
}
.ab-navtoggle__bars::before{top:-5px}
.ab-navtoggle__bars::after{top:5px}
.ab-navtoggle[aria-expanded="true"] .ab-navtoggle__bars{background:transparent}
.ab-navtoggle[aria-expanded="true"] .ab-navtoggle__bars::before{transform:translateY(5px) rotate(45deg)}
.ab-navtoggle[aria-expanded="true"] .ab-navtoggle__bars::after{transform:translateY(-5px) rotate(-45deg)}

/* =============================================================
   页脚
   ============================================================= */
.ab-footer{
  position:relative;
  margin-top:clamp(56px,8vw,120px);
  background:var(--ab-board);
  border-top:1px solid var(--ab-line);
  color:var(--ab-muted);
}
.ab-footer__scan{
  height:2px;
  background:linear-gradient(90deg,var(--ab-cyan) 0%,rgba(43,231,214,0) 42%,rgba(255,122,47,0) 58%,var(--ab-orange) 100%);
}
.ab-footer__inner{
  display:grid;
  grid-template-columns:minmax(240px,3fr) 6fr minmax(250px,3fr);
  gap:clamp(24px,3vw,52px);
  max-width:1440px;
  margin:0 auto;
  padding:clamp(36px,5vw,72px) clamp(14px,2.4vw,32px) clamp(28px,4vw,48px);
}
.ab-footer__brand{display:flex;flex-direction:column;gap:16px}
.ab-footer .ab-brand__mark{border-color:var(--ab-cyan-35)}
.ab-footer__statement{
  font-size:14.5px;
  line-height:1.7;
  color:var(--ab-muted);
  max-width:28em;
}
.ab-footer__facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.ab-footer__facts li{
  display:inline-flex;
  align-items:baseline;
  gap:5px;
  padding:4px 9px;
  font-size:12px;
  color:var(--ab-muted);
  background:rgba(6,9,15,.6);
  border:1px solid var(--ab-line);
  border-radius:var(--ab-radius);
}
.ab-footer__facts .ab-num{
  font-size:14px;
  color:var(--ab-ink);
}

.ab-footer__cols{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(16px,2vw,28px);
}
.ab-footer__col{display:flex;flex-direction:column;gap:12px}
.ab-footer__heading{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  color:var(--ab-ink);
}
.ab-footer__heading::before{
  content:"";
  width:10px;
  height:1px;
  background:var(--ab-cyan);
  box-shadow:0 0 8px var(--ab-cyan-35);
}
.ab-footer__links{display:flex;flex-direction:column;gap:9px}
.ab-footer__link{
  font-size:14px;
  color:var(--ab-muted);
  transition:color .18s ease,transform .18s ease;
  display:inline-block;
}
.ab-footer__link:hover{color:var(--ab-cyan);transform:translateX(3px)}

.ab-footer__contact{display:flex;flex-direction:column;gap:12px}
.ab-contact{display:flex;flex-direction:column;gap:12px}
.ab-contact__item{
  display:grid;
  grid-template-columns:1fr auto;
  gap:2px 10px;
  padding-bottom:10px;
  border-bottom:1px dashed rgba(29,41,65,.75);
}
.ab-contact__k{
  grid-column:1 / -1;
  font-family:var(--ab-font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:#5B6C86;
}
.ab-contact__v{
  font-size:14px;
  line-height:1.6;
  color:var(--ab-ink);
  word-break:break-word;
}
.ab-copy{
  align-self:start;
  padding:3px 9px;
  font-family:var(--ab-font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--ab-muted);
  border:1px solid var(--ab-line);
  border-radius:var(--ab-radius);
  transition:color .18s ease,border-color .18s ease,background .18s ease;
}
.ab-copy:hover{color:var(--ab-cyan);border-color:var(--ab-cyan-35);background:var(--ab-cyan-06)}
.ab-copy.is-done{color:#04120F;background:var(--ab-cyan);border-color:var(--ab-cyan)}
.ab-footer__note{
  padding:12px 14px;
  font-size:13px;
  line-height:1.7;
  color:var(--ab-muted);
  background:rgba(243,194,76,.05);
  border-left:3px solid var(--ab-gold);
  border-radius:var(--ab-radius);
}

.ab-footer__legal{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px 24px;
  max-width:1440px;
  margin:0 auto;
  padding:18px clamp(14px,2.4vw,32px) 30px;
  border-top:1px solid var(--ab-line);
  font-size:12px;
  font-family:var(--ab-font-mono);
  letter-spacing:.04em;
  color:var(--ab-muted);
}
.ab-legal__copy{margin:0}
.ab-legal__links{display:flex;flex-wrap:wrap;gap:8px 18px}
.ab-legal__link{transition:color .18s ease}
.ab-legal__link:hover{color:var(--ab-cyan)}

/* 返回顶部（刻度环进度） */
.ab-totop{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:52px;
  height:52px;
  border-radius:50%;
  font-family:var(--ab-font-mono);
  font-size:10px;
  letter-spacing:.08em;
  color:var(--ab-muted);
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .25s ease,transform .25s ease,color .18s ease;
}
.ab-totop.is-visible{opacity:1;pointer-events:auto;transform:none}
.ab-totop:hover{color:var(--ab-ink)}
.ab-totop::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:conic-gradient(var(--ab-cyan) calc(var(--ab-scroll,0) * 1%), var(--ab-line) 0);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));
}
.ab-totop__arrow{font-size:13px;line-height:1;color:var(--ab-cyan)}
.ab-totop__text{font-size:9px;letter-spacing:.12em;color:var(--ab-muted)}

/* =============================================================
   动效与显现
   ============================================================= */
@keyframes ab-pulse{
  0%{box-shadow:0 0 0 0 rgba(255,63,94,.55)}
  70%{box-shadow:0 0 0 7px rgba(255,63,94,0)}
  100%{box-shadow:0 0 0 0 rgba(255,63,94,0)}
}
@keyframes ab-navdrop{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:none}
}

html.ab-js [data-reveal]{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .55s ease,transform .55s ease;
}
html.ab-js [data-reveal].is-in{
  opacity:1;
  transform:none;
}

/* =============================================================
   响应式
   ============================================================= */
@media (max-width:1180px){
  .ab-statusstrip__cell--hide-lg{display:none}
}

@media (max-width:1080px){
  :root{--ab-cmd-h:54px}
  .ab-navtoggle{display:inline-flex}
  .ab-nav{
    position:fixed;
    top:calc(var(--ab-cmd-h) + var(--ab-strip-h));
    left:0;
    right:0;
    display:none;
    max-height:calc(100vh - var(--ab-cmd-h) - var(--ab-strip-h));
    overflow-y:auto;
    padding:8px clamp(14px,2.4vw,32px) 22px;
    background:var(--ab-board);
    border-bottom:1px solid var(--ab-line);
    box-shadow:0 28px 60px rgba(0,0,0,.7);
  }
  .ab-header[data-open] .ab-nav,
  .ab-nav[data-open]{display:block;animation:ab-navdrop .2s ease}
  .ab-header[data-open]{background:var(--ab-board)}
  .ab-nav__list{flex-direction:column;align-items:stretch;height:auto}
  .ab-nav__item{display:block}
  .ab-nav__link{
    justify-content:flex-start;
    height:auto;
    padding:15px 6px;
    font-size:16px;
    border-bottom:1px solid rgba(29,41,65,.75);
    box-shadow:none;
  }
  .ab-nav__link:hover{box-shadow:inset 3px 0 0 0 var(--ab-cyan-35);background:var(--ab-cyan-06)}
  .ab-nav__link[aria-current="page"]{
    box-shadow:inset 3px 0 0 0 var(--ab-cyan);
    padding-left:14px;
  }
  .ab-nav__index{font-size:11px}
  .ab-footer__inner{grid-template-columns:1fr 1fr}
  .ab-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab-footer__contact{grid-column:1 / -1}
  .ab-footer__brand{grid-column:1 / -1}
  .ab-col-3,.ab-col-4,.ab-col-5{grid-column:span 6}
}

@media (max-width:900px){
  .ab-live{display:none}
  .ab-statusstrip__cell--hide-md{display:none}
}

@media (max-width:720px){
  body{font-size:16.5px}
  .ab-sector{display:none}
  .ab-brand__tag{display:none}
  .ab-footer__inner{grid-template-columns:1fr}
  .ab-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab-footer__legal{flex-direction:column;align-items:flex-start}
  .ab-col-3,.ab-col-4,.ab-col-5,.ab-col-6,.ab-col-7,.ab-col-8,.ab-col-9{grid-column:span 12}
  .ab-bleed-r{margin-right:0}
  .ab-bench{position:static;border-left:0;padding-left:0}
  .ab-prose{font-size:17px}
}

@media (max-width:420px){
  .ab-footer__cols{grid-template-columns:1fr}
  .ab-btn--sm{padding:6px 10px;font-size:12px}
}

@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.ab-js [data-reveal]{opacity:1;transform:none}
  .ab-statusstrip__scan{transition:none}
}