/* ============================================================
   爱游戏平台 · 共享站点样式  /assets/site.css
   绿茵翠绿 × 深蓝夜空 × 荧光黄刻度
   ============================================================ */

:root{
  --green:#0E7A3C;
  --green-deep:#0A3D24;
  --night:#0B1B3A;
  --night-lift:#182B4D;
  --neon:#E4FF4A;
  --sub:#34C6E0;
  --pen:#FF5A2B;
  --pen-tail:#FF9A3D;
  --paper:#F4F7F1;
  --graphite:#101813;
  --mist:#8C9C90;

  --font-cn:"Source Han Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Archivo Narrow","Oswald","Helvetica Neue",Arial,sans-serif;
  --font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace;

  --shell:1180px;
  --gutter:clamp(18px,4vw,44px);
  --header-space:124px;

  --cut:14px;
  --cut-sm:9px;
  --cut-lg:20px;
}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box;}

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
}

body{
  margin:0;
  padding-top:var(--header-space);
  background:var(--paper);
  color:var(--graphite);
  font-family:var(--font-cn);
  font-size:16px;
  line-height:1.75;
  font-weight:400;
  overflow-x:hidden;
}

body[data-nav-open]{overflow:hidden;}

h1,h2,h3,h4,h5,h6,p,figure,blockquote{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
img{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;}
[hidden]{display:none !important;}

:focus{outline:none;}
:focus-visible{
  outline:2px solid var(--neon);
  outline-offset:3px;
  border-radius:2px;
  box-shadow:0 0 0 4px rgba(11,27,58,.92);
}

::selection{background:var(--neon);color:var(--graphite);}

/* ============================================================
   顶部：悬浮胶囊岛
   ============================================================ */
.site-header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:60;
  padding:14px var(--gutter) 0;
  font-family:var(--font-cn);
}

.scroll-progress{
  position:fixed;
  top:0;left:0;right:0;
  height:3px;
  z-index:70;
  background:rgba(140,156,144,.22);
  pointer-events:none;
}
.scroll-progress > span{
  display:block;
  height:100%;
  width:0;
  background:linear-gradient(90deg,var(--green),var(--neon));
  transition:width .08s linear;
}

.skip-link{
  position:absolute;
  left:var(--gutter);
  top:-72px;
  z-index:80;
  padding:10px 18px;
  background:var(--neon);
  color:var(--graphite);
  font-weight:700;
  font-size:14px;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  transition:top .18s ease;
}
.skip-link:focus{top:6px;}

.nav-shell{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  max-width:var(--shell);
  margin:0 auto;
}

/* 品牌胶囊 */
.brand-capsule{
  display:inline-flex;
  align-items:center;
  gap:9px;
  flex:none;
  padding:11px 18px 11px 16px;
  background:var(--night);
  color:var(--paper);
  border:1px solid rgba(140,156,144,.4);
  clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px);
  white-space:nowrap;
  transition:padding .24s ease,background .24s ease;
}
.brand-capsule:hover{background:var(--night-lift);}
.brand-cap__dot{
  width:8px;height:8px;flex:none;
  background:var(--neon);
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
}
.brand-cap__mark{
  font-size:14px;
  font-weight:700;
  letter-spacing:.06em;
}
.brand-cap__abbr{
  display:none;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.16em;
  color:var(--neon);
}

.site-header[data-condensed] .brand-capsule{padding:9px 14px;}
.site-header[data-condensed] .brand-cap__mark{display:none;}
.site-header[data-condensed] .brand-cap__abbr{display:inline;}

/* 栏目胶囊 */
.nav-capsules{
  position:relative;
  margin-left:auto;
}
.nav-capsules ul{
  display:flex;
  align-items:center;
  gap:6px;
}
.nav-pill{
  display:block;
  padding:9px 14px;
  font-size:13.5px;
  line-height:1.25;
  white-space:nowrap;
  color:rgba(244,247,241,.86);
  background:rgba(11,27,58,.84);
  border:1px solid rgba(140,156,144,.3);
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
  transition:color .18s ease,border-color .18s ease,background .18s ease;
}
.nav-pill:hover{
  color:var(--neon);
  border-color:rgba(228,255,74,.55);
  background:rgba(24,43,77,.95);
}
.nav-pill[aria-current="page"]{
  color:var(--neon);
  border-color:var(--neon);
  background:rgba(14,122,60,.62);
}

/* 右侧动作岛 */
.header-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:none;
}
.header-cta{
  display:inline-block;
  padding:10px 15px;
  font-size:13.5px;
  font-weight:700;
  line-height:1.25;
  white-space:nowrap;
  background:var(--neon);
  color:var(--graphite);
  border:1px solid var(--neon);
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.header-cta:hover{background:#f0ff86;}
.header-cta--ghost{
  background:rgba(11,27,58,.84);
  color:rgba(244,247,241,.88);
  border-color:rgba(140,156,144,.45);
}
.header-cta--ghost:hover{
  background:rgba(24,43,77,.95);
  color:var(--neon);
  border-color:rgba(228,255,74,.6);
}

/* 移动端按钮 */
.nav-toggle{
  display:none;
  align-items:center;
  gap:9px;
  margin-left:auto;
  padding:10px 14px;
  background:var(--night);
  color:var(--paper);
  border:1px solid rgba(140,156,144,.45);
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}
.nav-toggle:hover{border-color:rgba(228,255,74,.6);color:var(--neon);}
.nav-toggle__bars{display:grid;gap:4px;width:18px;}
.nav-toggle__bar{display:block;height:2px;background:currentColor;transition:width .18s ease;}
.nav-toggle__bar:nth-child(2){width:64%;}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(2){width:100%;}
.nav-toggle__text{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.16em;
}

/* 刷新提示带 */
.header-ticker{
  display:flex;
  align-items:center;
  gap:9px;
  max-width:var(--shell);
  margin:9px auto 0;
  padding:7px 14px;
  background:rgba(11,27,58,.78);
  border-left:2px solid var(--neon);
  color:rgba(244,247,241,.84);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:opacity .2s ease;
}
.header-ticker__dot{
  width:6px;height:6px;flex:none;
  background:var(--neon);
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
}
.site-header[data-condensed] .header-ticker{opacity:0;}

/* ============================================================
   页脚：深蓝夜空收口
   ============================================================ */
.site-footer{
  position:relative;
  margin-top:clamp(64px,9vw,116px);
  background:var(--night);
  color:rgba(244,247,241,.86);
  overflow:hidden;
}
.site-footer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.14;
  background-image:repeating-linear-gradient(0deg,rgba(244,247,241,.16) 0 1px,transparent 1px 6px);
}
.site-footer::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(52,198,224,.5),transparent);
}

.footer-tick{
  position:relative;
  display:flex;
  overflow-x:auto;
  background:rgba(10,61,36,.5);
  border-bottom:1px solid rgba(140,156,144,.24);
  scrollbar-width:none;
}
.footer-tick::-webkit-scrollbar{display:none;}
.footer-tick__item{
  flex:1 0 auto;
  min-width:64px;
  padding:11px 10px;
  text-align:center;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.2em;
  color:rgba(228,255,74,.62);
  border-right:1px solid rgba(140,156,144,.18);
}
.footer-tick__item:last-child{border-right:0;}

.footer-grid{
  position:relative;
  width:min(calc(100% - var(--gutter) * 2),var(--shell));
  margin:0 auto;
  padding:clamp(40px,5.5vw,64px) 0 clamp(28px,4vw,40px);
  display:grid;
  grid-template-columns:1.7fr 1fr 1fr 1fr 1.5fr;
  gap:clamp(20px,3vw,36px);
}

.footer-brand__mark{
  font-size:17px;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--paper);
  padding-bottom:12px;
  border-bottom:1px solid rgba(140,156,144,.3);
}
.footer-brand__meta{
  margin-top:14px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:rgba(228,255,74,.8);
}
.footer-brand__note{
  margin-top:10px;
  font-size:13px;
  line-height:1.7;
  color:rgba(140,156,144,.95);
  max-width:34ch;
}

.footer-col__title,
.footer-contact__title{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(228,255,74,.75);
  padding-bottom:10px;
  margin-bottom:14px;
  border-bottom:1px solid rgba(140,156,144,.25);
}
.footer-col__list li + li{margin-top:9px;}
.footer-col__list a{
  font-size:14px;
  color:rgba(244,247,241,.8);
  transition:color .18s ease;
}
.footer-col__list a:hover{
  color:var(--neon);
  text-decoration:underline;
  text-underline-offset:4px;
}

.footer-contact__row{
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:7px 0;
  font-size:13.5px;
  border-bottom:1px dashed rgba(140,156,144,.22);
}
.footer-contact__key{
  flex:0 0 42px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  color:rgba(140,156,144,.95);
}
.footer-contact__val{
  color:rgba(244,247,241,.9);
  word-break:break-word;
  line-height:1.5;
}
.footer-note{
  margin-top:14px;
  font-size:12.5px;
  line-height:1.7;
  color:rgba(140,156,144,.95);
}

.footer-base{
  position:relative;
  width:min(calc(100% - var(--gutter) * 2),var(--shell));
  margin:0 auto;
  padding:18px 0 26px;
  border-top:1px solid rgba(140,156,144,.22);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 26px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:rgba(140,156,144,.95);
}
.footer-closing{margin-left:auto;}
.footer-horizon{position:relative;padding-left:20px;}
.footer-horizon::before{
  content:"";
  position:absolute;
  left:0;top:50%;
  width:12px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(228,255,74,.7));
}

/* ============================================================
   通用布局
   ============================================================ */
.container{
  width:min(calc(100% - var(--gutter) * 2),var(--shell));
  margin-inline:auto;
}

.section{
  position:relative;
  padding-block:clamp(48px,7vw,92px);
}
.section--night{background:var(--night);color:var(--paper);}
.section--paper{background:var(--paper);}
.section--edge{background:linear-gradient(180deg,rgba(14,122,60,.07),transparent 70%);}

.section-head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:12px 22px;
  margin-bottom:clamp(22px,3vw,34px);
  padding-bottom:16px;
  border-bottom:1px solid rgba(140,156,144,.38);
}
.section-head__title{
  font-size:clamp(28px,3.4vw,34px);
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.01em;
}
.section-head__meta{
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--mist);
}
.section--night .section-head{border-bottom-color:rgba(140,156,144,.3);}
.section--night .section-head__meta{color:rgba(140,156,144,.95);}

.eyebrow{
  display:block;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--green);
  margin-bottom:8px;
}
.section--night .eyebrow{color:var(--neon);}

.rot-label{
  writing-mode:vertical-rl;
  text-orientation:mixed;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:rgba(140,156,144,.9);
}

.tick-rule{
  height:10px;
  border-top:1px solid rgba(140,156,144,.35);
  background-image:repeating-linear-gradient(90deg,rgba(140,156,144,.55) 0 1px,transparent 1px 12px);
}

.grid{display:grid;gap:clamp(18px,2.4vw,28px);}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.grid--split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);}
.grid--split-wide{grid-template-columns:minmax(0,9fr) minmax(0,3fr);}

/* ============================================================
   通用组件
   ============================================================ */
.btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:13px 22px;
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  border:1px solid transparent;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.btn--primary{background:var(--green);color:var(--paper);border-color:var(--green);}
.btn--primary:hover{background:var(--green-deep);border-color:var(--green-deep);}
.btn--neon{background:var(--neon);color:var(--graphite);border-color:var(--neon);}
.btn--neon:hover{background:#f0ff86;}
.btn--ghost{background:transparent;color:var(--graphite);border-color:rgba(16,24,19,.35);}
.btn--ghost:hover{border-color:var(--green);color:var(--green);}
.btn--on-dark{background:transparent;color:var(--paper);border-color:rgba(244,247,241,.45);}
.btn--on-dark:hover{border-color:var(--neon);color:var(--neon);}

.breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.12em;
  color:var(--mist);
}
.breadcrumb a:hover{color:var(--green);}
.breadcrumb__sep{opacity:.6;}

.panel{
  position:relative;
  background:var(--paper);
  border:1px solid rgba(140,156,144,.42);
  padding:clamp(20px,2.6vw,30px);
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
}
.panel--night{
  background:var(--night-lift);
  color:var(--paper);
  border-color:rgba(140,156,144,.32);
}
.panel__title{
  font-size:20px;
  font-weight:700;
  letter-spacing:-.01em;
  line-height:1.35;
}
.panel__note{
  margin-top:8px;
  font-size:13.5px;
  color:var(--mist);
}

.data-table{
  width:100%;
  font-size:15px;
}
.data-table caption{
  text-align:left;
  padding-bottom:10px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.12em;
  color:var(--mist);
}
.data-table th,
.data-table td{
  padding:11px 12px;
  text-align:left;
  vertical-align:baseline;
  border-bottom:1px solid rgba(140,156,144,.28);
}
.data-table thead th{
  font-family:var(--font-mono);
  font-size:11.5px;
  font-weight:400;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--mist);
  border-bottom:1px solid rgba(140,156,144,.55);
}
.data-table tbody tr:nth-child(even){background:rgba(140,156,144,.08);}
.data-table .num{
  font-family:var(--font-num);
  font-weight:700;
  font-size:19px;
  letter-spacing:.03em;
  font-variant-numeric:tabular-nums;
}

.score{
  font-family:var(--font-num);
  font-weight:700;
  font-size:clamp(28px,4vw,44px);
  letter-spacing:.04em;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.score--neon{color:var(--neon);}

.tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 9px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  border:1px solid currentColor;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
}
.tag--sub{color:var(--sub);}
.tag--stoppage{color:var(--pen);}
.tag--round{color:var(--green);}

.compare-bar{display:grid;gap:10px;}
.compare-bar__row{
  display:grid;
  grid-template-columns:minmax(72px,120px) minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  font-size:14px;
}
.compare-bar__track{
  position:relative;
  height:12px;
  background:var(--green-deep);
  clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%);
  overflow:hidden;
}
.compare-bar__fill{
  display:block;
  height:100%;
  width:var(--value,40%);
  background:linear-gradient(90deg,var(--sub),rgba(52,198,224,.35));
  transition:width .24s ease,background .24s ease,filter .18s ease;
}
.compare-bar__fill--stoppage{
  background:linear-gradient(90deg,var(--pen),var(--pen-tail));
}
.compare-bar__row:hover .compare-bar__fill{filter:brightness(1.18);}
.compare-bar__value{
  min-width:4em;
  text-align:right;
  font-family:var(--font-num);
  font-weight:700;
  font-size:18px;
  letter-spacing:.03em;
  font-variant-numeric:tabular-nums;
}

.filter-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.filter-pill{
  padding:8px 15px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--graphite);
  background:transparent;
  border:1px solid rgba(140,156,144,.55);
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.filter-pill:hover{border-color:var(--green);color:var(--green);}
.filter-pill[aria-pressed="true"]{
  background:var(--green);
  border-color:var(--green);
  color:var(--paper);
}
.section--night .filter-pill{
  color:rgba(244,247,241,.85);
  border-color:rgba(140,156,144,.5);
}
.section--night .filter-pill:hover{border-color:var(--neon);color:var(--neon);}
.section--night .filter-pill[aria-pressed="true"]{
  background:var(--neon);
  border-color:var(--neon);
  color:var(--graphite);
}

.img-frame{
  position:relative;
  display:block;
  aspect-ratio:16 / 9;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(11,27,58,.95),rgba(10,61,36,.92));
  border:1px solid rgba(140,156,144,.4);
  clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);
}
.img-frame > img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.img-frame__grid{
  position:absolute;
  inset:0;
  opacity:.24;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(228,255,74,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(228,255,74,.18) 1px,transparent 1px);
  background-size:40px 40px;
}
.img-frame__caption{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:10px 14px;
  background:linear-gradient(0deg,rgba(11,27,58,.92),transparent);
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.1em;
  color:rgba(244,247,241,.88);
}
.img-frame--wide{aspect-ratio:21 / 9;}
.img-frame--square{aspect-ratio:1 / 1;}
.img-frame--tall{aspect-ratio:3 / 4;}

.to-top{
  position:fixed;
  right:var(--gutter);
  bottom:24px;
  z-index:50;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 15px;
  background:var(--night);
  color:var(--paper);
  border:1px solid rgba(228,255,74,.42);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease,border-color .18s ease,color .18s ease;
}
.to-top[data-visible]{opacity:1;transform:none;pointer-events:auto;}
.to-top:hover{border-color:var(--neon);color:var(--neon);}

/* 滚动显现（无 JS 时默认可见） */
[data-reveal]{opacity:1;}
html.js [data-reveal]{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .36s ease,transform .36s ease;
}
html.js [data-reveal].is-revealed{opacity:1;transform:none;}

/* ============================================================
   响应式
   ============================================================ */
@media (max-width:1180px){
  .header-cta--ghost{display:none;}
}

@media (max-width:1024px){
  .grid--4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .grid--3{grid-template-columns:repeat(2,minmax(0,1fr));}
  .grid--split,
  .grid--split-wide{grid-template-columns:minmax(0,1fr);}

  .footer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .footer-brand{grid-column:1 / -1;}
  .footer-contact{grid-column:1 / -1;}
}

@media (max-width:980px){
  :root{--header-space:112px;}

  .nav-toggle{display:inline-flex;}
  .header-actions{display:none;}

  .nav-capsules{
    position:absolute;
    top:calc(100% + 10px);
    left:0;right:0;
    display:none;
    margin-left:0;
    padding:10px;
    background:rgba(11,27,58,.97);
    border:1px solid rgba(140,156,144,.38);
    clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);
    max-height:calc(100vh - var(--header-space) - 40px);
    overflow-y:auto;
  }
  .nav-capsules[data-open]{display:block;}
  .nav-capsules ul{
    flex-direction:column;
    align-items:stretch;
    gap:4px;
  }
  .nav-pill{
    padding:13px 15px;
    font-size:15px;
    background:transparent;
    border-color:transparent;
  }
  .nav-pill[aria-current="page"]{
    background:rgba(14,122,60,.5);
    border-color:rgba(228,255,74,.7);
  }

  .brand-capsule{margin-right:8px;}
}

@media (max-width:768px){
  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .footer-base{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
  .footer-closing{margin-left:0;}
}

@media (max-width:640px){
  :root{--header-space:106px;}

  .brand-cap__mark{display:none;}
  .brand-cap__abbr{display:inline;}
  .site-header[data-condensed] .brand-cap__mark{display:none;}

  .nav-toggle__text{display:none;}

  .grid--2,
  .grid--3,
  .grid--4{grid-template-columns:minmax(0,1fr);}

  .compare-bar__row{
    grid-template-columns:minmax(0,1fr) auto;
    row-gap:6px;
  }
  .compare-bar__row > :first-child{grid-column:1 / -1;}

  .footer-grid{grid-template-columns:minmax(0,1fr);}
  .footer-tick__item{font-size:10px;letter-spacing:.14em;}
}

/* ============================================================
   动效与可访问性
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}

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

  .scroll-progress > span{transition:none;}
  html.js [data-reveal]{opacity:1;transform:none;}
  .to-top{transform:none;}
}