/* =========================================================
   365赔率站 · 共享外壳样式  /assets/site.css
   蓝色图纸网格 + 奶油对页 + 电光青轨道
   ========================================================= */

:root{
  --ink:#0D0A12;
  --ink-2:#141026;
  --ink-3:#1B1633;
  --paper:#F2EAD9;
  --brown:#2A1D16;
  --cyan:#17E6D2;
  --violet:#8B5CF6;
  --lime:#C6FF4F;
  --orange:#FF5A2B;
  --amber:#FFB84D;
  --muted:#B8B2C8;
  --line:#2E2A44;

  --radius-lg:24px;
  --radius-md:18px;
  --radius-sm:12px;
  --radius-pill:999px;

  --rail-w:104px;
  --tick-w:48px;
  --header-h:64px;

  --font-display:"Noto Serif SC","Source Han Serif SC","Songti SC",Georgia,"Times New Roman",serif;
  --font-sans:"Inter","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --font-mono:"IBM Plex Mono","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --step-fast:160ms;
  --step-base:240ms;
  --ease:cubic-bezier(.22,.8,.28,1);
}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--ink)}
body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
img,svg,video{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0}
table{border-collapse:collapse;width:100%}
summary{list-style:none}
summary::-webkit-details-marker{display:none}

/* ---------- base ---------- */
body{
  min-height:100vh;
  padding-top:var(--header-h);
  background-color:var(--ink);
  background-image:
    linear-gradient(to right, rgba(46,42,68,.55) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(46,42,68,.55) 1px, transparent 1px);
  background-size:96px 96px;
  color:var(--muted);
  font-family:var(--font-sans);
  font-size:17px;
  line-height:1.75;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:var(--lime);color:#101A00}

a{color:var(--cyan);text-decoration:none;transition:color var(--step-fast) ease,border-color var(--step-fast) ease}
a:hover{color:#67F6E8}

:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}
#main-content{outline:none}
#main-content:focus-visible{outline:none}

/* ---------- 排版工具 ---------- */
.display-title{
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(2.4rem,5vw,4rem);
  line-height:1.1;
  letter-spacing:-.01em;
  color:#fff;
}
.section-title{
  font-family:var(--font-sans);
  font-weight:800;
  font-size:clamp(1.5rem,3vw,2.2rem);
  line-height:1.25;
  letter-spacing:0;
  color:#fff;
}
.section-index{
  display:inline-block;
  font-family:var(--font-mono);
  font-weight:600;
  font-size:12px;
  letter-spacing:.14em;
  color:var(--orange);
}
.lede{font-size:clamp(1.02rem,1.5vw,1.22rem);line-height:1.75;color:#D5D0E2;max-width:64ch}
.label{
  display:inline-block;
  font-family:var(--font-mono);
  font-weight:500;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.note{
  font-family:var(--font-display);
  font-weight:400;
  font-size:14px;
  letter-spacing:.02em;
  color:var(--muted);
}
.numeric{
  font-family:var(--font-mono);
  font-weight:600;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  letter-spacing:0;
}
.prose{max-width:70ch;font-size:17px;line-height:1.8}
.prose p + p{margin-top:1.1em}
.prose p{color:#C9C3D8}
.prose h2,.prose h3{margin:1.8em 0 .6em;color:#fff}
.prose a{border-bottom:1px solid rgba(23,230,210,.45)}
.prose a:hover{border-bottom-color:var(--cyan)}
.prose ul,.prose ol{margin:1em 0 1em 1.1em;list-style:disc}
.prose li{margin:.35em 0}
.panel-paper .prose p,.panel-paper .prose li{color:#3B2C22}

/* ---------- 布局骨架 ---------- */
.content-wrap{width:min(1240px,100% - 40px);margin-inline:auto}
.section{padding:64px 0}
.section-head{display:grid;gap:12px;max-width:66ch}
.divider{height:1px;background:var(--line);border:0;margin:0}

.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.span-3{grid-column:span 3}
.span-4{grid-column:span 4}
.span-5{grid-column:span 5}
.span-6{grid-column:span 6}
.span-7{grid-column:span 7}
.span-8{grid-column:span 8}
.span-12{grid-column:span 12}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 22px;border-radius:var(--radius-pill);
  border:1px solid var(--line);background:var(--ink-2);color:#F4F1FA;
  font-family:var(--font-sans);font-weight:700;font-size:15px;line-height:1.2;
  text-decoration:none;cursor:pointer;
  transition:background var(--step-fast) ease,border-color var(--step-fast) ease,color var(--step-fast) ease;
}
.btn:hover{background:var(--ink-3);border-color:var(--cyan);color:var(--cyan)}
.btn--primary{background:var(--cyan);border-color:var(--cyan);color:#04201D}
.btn--primary:hover{background:#5FF4E4;border-color:#5FF4E4;color:#04201D}
.btn--paper{background:var(--paper);border-color:transparent;color:var(--brown)}
.btn--paper:hover{background:#FFF8EA;border-color:transparent;color:var(--brown)}
.btn--ghost{background:transparent}
.btn--block{width:100%}
[data-copy].is-copied{border-color:var(--lime);color:var(--lime);box-shadow:0 0 0 2px rgba(198,255,79,.22)}

/* ---------- 面包屑 ---------- */
.breadcrumb{padding:22px 0 0}
.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.breadcrumb-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.breadcrumb-item + .breadcrumb-item::before{content:"/";color:var(--line)}
.breadcrumb-link{color:var(--muted)}
.breadcrumb-link:hover{color:var(--cyan)}
.breadcrumb-current{color:var(--paper)}

/* ---------- 卡片 / 数据 ---------- */
.card{
  position:relative;
  padding:24px;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  background:var(--ink-2);
  transition:background var(--step-fast) ease,border-color var(--step-fast) ease;
}
.card:hover{background:var(--ink-3);border-color:rgba(139,92,246,.6)}
.card--data{background:linear-gradient(180deg,#161028,#100C1C)}
.card--data::before{
  content:"";position:absolute;left:24px;top:0;width:38px;height:2px;
  background:var(--cyan);border-radius:0 0 2px 2px;
}
.panel-paper{
  padding:clamp(24px,4vw,44px);
  border-radius:var(--radius-lg);
  background:var(--paper);
  color:var(--brown);
}
.panel-paper .display-title,.panel-paper .section-title{color:var(--brown)}
.panel-paper .label,.panel-paper .note{color:#6B5647}
.panel-paper a{color:#2A1D16;border-bottom:1px solid rgba(255,90,43,.6)}
.panel-paper a:hover{color:var(--orange)}

.stat{display:grid;gap:4px}
.stat-value{font-family:var(--font-mono);font-weight:600;font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,3vw,2.4rem);line-height:1.05;color:#fff;letter-spacing:0}
.stat-label{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

.pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 13px;border-radius:var(--radius-pill);
  border:1px solid var(--line);background:#100C1C;
  font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.08em;
  color:#CFC9DD;
}
.pill--lime{border-color:rgba(198,255,79,.5);color:var(--lime);background:rgba(198,255,79,.08)}
.pill--violet{border-color:rgba(139,92,246,.55);color:#C4B0FF;background:rgba(139,92,246,.12)}
.pill--amber{border-color:rgba(255,184,77,.5);color:var(--amber);background:rgba(255,184,77,.1)}

.legend{display:flex;flex-wrap:wrap;gap:14px 22px}
.legend-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--muted)}
.legend-dot{width:10px;height:10px;border-radius:3px;background:var(--cyan);flex:0 0 auto}
.legend-dot[data-tone="violet"]{background:var(--violet)}
.legend-dot[data-tone="lime"]{background:var(--lime)}
.legend-dot[data-tone="orange"]{background:var(--orange)}
.legend-dot[data-tone="amber"]{background:var(--amber)}

.pulse-dot{
  display:inline-block;width:8px;height:8px;border-radius:50%;
  background:var(--lime);box-shadow:0 0 0 4px rgba(198,255,79,.16);
  animation:pulse 2.4s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}

/* ---------- 折叠问答 ---------- */
.qa{
  border:1px solid var(--line);border-radius:var(--radius-md);
  background:var(--ink-2);padding:0 20px;
  transition:border-color var(--step-fast) ease,background var(--step-fast) ease;
}
.qa + .qa{margin-top:12px}
.qa:hover{border-color:rgba(23,230,210,.4)}
.qa summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 0;cursor:pointer;color:#F1EEF8;font-weight:700;font-size:16px;
}
.qa summary::after{content:"+";font-family:var(--font-mono);color:var(--cyan);font-size:18px;line-height:1}
.qa[open] summary::after{content:"–"}
.qa .qa-body{padding:0 0 20px;color:#C0BACF;font-size:15.5px}

/* ---------- 图片容器（纯 CSS 占位） ---------- */
.media-frame{
  position:relative;overflow:hidden;
  border:1px solid var(--line);border-radius:var(--radius-lg);
  background:var(--ink-2);isolation:isolate;
}
.media-frame img,.media-frame video{width:100%;height:100%;object-fit:cover}
.media-frame--16x9{aspect-ratio:16/9}
.media-frame--4x3{aspect-ratio:4/3}
.media-frame--1x1{aspect-ratio:1/1}
.media-frame--3x4{aspect-ratio:3/4}
.media-frame--wide{aspect-ratio:21/9}
.media-frame[data-tone="arena"]{
  background-image:
    radial-gradient(120% 90% at 72% 18%, rgba(139,92,246,.55), transparent 62%),
    radial-gradient(80% 60% at 12% 88%, rgba(23,230,210,.32), transparent 66%),
    linear-gradient(160deg,#120D22,#0A0812);
}
.media-frame[data-tone="heat"]{
  background-image:
    radial-gradient(38% 52% at 30% 62%, rgba(255,90,43,.72), transparent 72%),
    radial-gradient(34% 44% at 64% 34%, rgba(198,255,79,.5), transparent 72%),
    repeating-linear-gradient(90deg, rgba(46,42,68,.7) 0 1px, transparent 1px 24px),
    repeating-linear-gradient(0deg, rgba(46,42,68,.7) 0 1px, transparent 1px 24px),
    #100C1C;
}
.media-frame[data-tone="track"]{
  background-image:
    repeating-linear-gradient(115deg, rgba(23,230,210,.28) 0 2px, transparent 2px 18px),
    radial-gradient(60% 70% at 80% 80%, rgba(139,92,246,.4), transparent 70%),
    linear-gradient(200deg,#150F28,#0A0812);
}
.media-frame[data-tone="chart"]{
  background-image:
    repeating-linear-gradient(90deg, rgba(46,42,68,.8) 0 1px, transparent 1px 20px),
    linear-gradient(180deg, rgba(139,92,246,.28), transparent 72%),
    #100C1C;
}
.media-caption{
  margin-top:8px;
  font-family:var(--font-mono);font-weight:500;font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
}

/* ---------- 显现动效（JS 就绪后才隐藏） ---------- */
.has-js [data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.has-js [data-reveal].is-revealed{opacity:1;transform:none}

/* =========================================================
   头部：侧边轨道 / 移动顶栏
   ========================================================= */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:80;
  display:flex;align-items:center;gap:12px;
  height:var(--header-h);
  padding:0 16px;
  background:rgba(13,10,18,.95);
  border-bottom:1px solid var(--line);
  color:var(--muted);
  --scroll-progress:0;
  backdrop-filter:saturate(140%) blur(10px);
}
.skip-link{
  position:absolute;left:12px;top:8px;z-index:200;
  transform:translateY(-180%);
  padding:10px 18px;border-radius:var(--radius-pill);
  background:var(--lime);color:#101A00;
  font-weight:700;font-size:14px;
  transition:transform var(--step-fast) var(--ease);
}
.skip-link:focus{transform:translateY(0);color:#101A00}

.header-brand-row{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0}
.header-brand{display:flex;align-items:center;gap:10px;min-width:0;color:#fff}
.header-brand:hover{color:#fff}
.brand-mark{
  position:relative;flex:0 0 auto;
  width:30px;height:30px;border-radius:9px;
  border:1px solid var(--cyan);
  background:linear-gradient(135deg,rgba(23,230,210,.28),rgba(139,92,246,.4));
}
.brand-mark::after{
  content:"";position:absolute;left:5px;bottom:5px;
  width:8px;height:8px;border-radius:50%;background:var(--lime);
}
.brand-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.brand-line{
  font-family:var(--font-sans);font-weight:800;font-size:14px;letter-spacing:.02em;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.brand-sub{
  font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:.06em;color:var(--muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.nav-toggle{
  margin-left:auto;display:inline-flex;align-items:center;gap:9px;
  padding:9px 15px;border-radius:var(--radius-pill);
  border:1px solid var(--line);background:var(--ink-2);color:#F2EFF9;
  font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.08em;
  cursor:pointer;
  transition:border-color var(--step-fast) ease,color var(--step-fast) ease,background var(--step-fast) ease;
}
.nav-toggle:hover{border-color:var(--cyan);color:var(--cyan)}
.nav-toggle-icon{display:inline-flex;flex-direction:column;gap:4px}
.nav-toggle-line{
  display:block;width:15px;height:2px;border-radius:2px;background:currentColor;
  transition:transform var(--step-fast) ease,opacity var(--step-fast) ease;
}
.nav-toggle-label{line-height:1}
.site-header[data-open="true"] .nav-toggle-line:first-child{transform:translateY(3px) rotate(45deg)}
.site-header[data-open="true"] .nav-toggle-line:last-child{transform:translateY(-3px) rotate(-45deg)}

.site-nav{
  position:fixed;top:var(--header-h);left:0;bottom:0;z-index:90;
  display:flex;flex-direction:column;gap:16px;
  width:min(320px,86vw);
  padding:22px 18px 28px;
  background:var(--ink-2);
  border-right:1px solid var(--line);
  overflow-y:auto;
  transform:translateX(-102%);
  transition:transform var(--step-base) var(--ease);
}
.site-header[data-open="true"] .site-nav{transform:translateX(0)}
.nav-caption{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--line)}
.nav-list{display:flex;flex-direction:column;gap:4px}
.nav-link{
  position:relative;display:flex;align-items:center;gap:12px;
  padding:11px 13px;border-radius:14px;border:1px solid transparent;
  color:#DCD8E8;font-weight:600;font-size:15px;
  transition:background var(--step-fast) ease,color var(--step-fast) ease,border-color var(--step-fast) ease;
}
.nav-link:hover{background:var(--ink-3);border-color:var(--line);color:var(--cyan)}
.nav-index{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.08em;color:var(--muted);flex:0 0 auto}
.nav-label{letter-spacing:.02em}
.nav-link[aria-current="page"]{background:#181338;border-color:rgba(23,230,210,.55);color:#fff}
.nav-link[aria-current="page"] .nav-index{color:var(--cyan)}

.header-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
.quick-link{
  display:inline-flex;align-items:center;padding:8px 14px;border-radius:var(--radius-pill);
  border:1px solid var(--line);background:#0F0B18;color:var(--paper);
  font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.06em;
  transition:border-color var(--step-fast) ease,color var(--step-fast) ease,background var(--step-fast) ease;
}
.quick-link:hover{border-color:var(--violet);background:#1A1233;color:#fff}

.rail-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden}
.rail-progress-bar{
  display:block;width:100%;height:100%;
  background:linear-gradient(90deg,var(--cyan),var(--violet));
  transform:scaleX(var(--scroll-progress,0));
  transform-origin:left center;
}

/* ---------- 桌面：左轨道 ---------- */
@media (min-width:900px){
  :root{--header-h:0px}
  body{padding-top:0;padding-left:var(--rail-w)}

  .site-header{
    inset:0 auto 0 0;
    width:var(--rail-w);height:100dvh;
    flex-direction:column;align-items:center;justify-content:flex-start;
    padding:24px 12px 20px;gap:0;
    border-bottom:0;border-right:1px solid var(--line);
    background:rgba(13,10,18,.97);
  }
  .skip-link{left:calc(var(--rail-w) + 18px);top:14px}

  .header-brand-row{flex-direction:column;align-items:center;flex:0 0 auto;width:100%}
  .header-brand{flex-direction:column;gap:14px}
  .brand-text{align-items:center;text-align:center}
  .brand-line{writing-mode:vertical-rl;white-space:normal;font-size:13px;letter-spacing:.2em;line-height:1.2}
  .brand-sub{display:none}
  .nav-toggle{display:none}
  .nav-caption{display:none}

  .site-nav{
    position:static;transform:none;
    width:100%;flex:1 1 auto;height:auto;
    padding:26px 0 0;
    background:transparent;border:0;
    overflow-y:auto;overflow-x:hidden;
    gap:12px;
  }
  .nav-list{gap:2px;width:100%}
  .nav-item{width:100%}
  .nav-link{
    flex-direction:column;gap:3px;justify-content:center;
    padding:10px 6px;border-radius:16px;
    font-size:13px;text-align:center;color:#CFC9DD;
  }
  .nav-link::before{
    content:"";position:absolute;left:-12px;top:50%;
    width:2px;height:20px;margin-top:-10px;border-radius:2px;
    background:var(--cyan);
    transform:scaleY(0);transform-origin:center top;
    transition:transform var(--step-fast) ease;
  }
  .nav-link:hover{background:var(--ink-3);color:var(--cyan)}
  .nav-link[aria-current="page"]{background:rgba(23,230,210,.08);border-color:transparent;color:var(--cyan)}
  .nav-link[aria-current="page"]::before{transform:scaleY(1)}
  .nav-link[aria-current="page"] .nav-index{color:var(--lime)}

  .header-quick{flex-direction:column;width:100%;gap:8px}
  .quick-link{justify-content:center;width:100%;padding:9px 6px}

  .rail-progress{left:auto;right:-1px;top:0;bottom:0;width:2px;height:auto}
  .rail-progress-bar{
    width:100%;height:100%;
    background:linear-gradient(180deg,var(--cyan),var(--violet));
    transform:scaleY(var(--scroll-progress,0));
    transform-origin:center top;
  }
}

/* ---------- 右侧刻度栏 ---------- */
@media (min-width:1200px){
  body{padding-right:var(--tick-w)}
  body::after{
    content:"";position:fixed;top:0;right:0;z-index:1;
    width:var(--tick-w);height:100%;
    pointer-events:none;
    border-left:1px solid var(--line);
    background-image:repeating-linear-gradient(to bottom, rgba(46,42,68,.9) 0 1px, transparent 1px 28px);
  }
}

/* =========================================================
   页脚：索引板 + 奶油法务带
   ========================================================= */
.site-footer{
  position:relative;
  margin-top:96px;
  padding:68px 0 0;
  background:linear-gradient(180deg,#100B1B 0%,#0D0A12 100%);
  border-top:1px solid var(--line);
  color:var(--muted);
}
.site-footer::before{
  content:"";position:absolute;top:-1px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,var(--cyan),rgba(23,230,210,0) 62%);
}
.footer-inner,.footer-legal-inner{width:min(1240px,100% - 40px);margin-inline:auto}
.footer-grid{display:grid;grid-template-columns:1fr;gap:34px;padding-bottom:56px}
.footer-brand-name{
  font-family:var(--font-display);font-weight:900;
  font-size:1.45rem;line-height:1.3;letter-spacing:-.01em;color:#fff;
}
.footer-brand-note{margin-top:10px;font-size:14.5px;line-height:1.7;max-width:36ch}
.footer-coord{
  margin-top:14px;
  font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.16em;
  color:rgba(23,230,210,.75);
}
.footer-col-title{
  display:flex;align-items:center;gap:10px;
  margin-bottom:16px;
  font-family:var(--font-mono);font-weight:500;font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--paper);
}
.footer-col-coord{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:8px;
  border:1px solid rgba(139,92,246,.7);color:#C4B0FF;
  font-size:11px;letter-spacing:0;
}
.footer-list{display:flex;flex-direction:column;gap:10px}
.footer-link{
  display:inline-flex;align-items:center;gap:8px;
  font-size:15px;color:#CFC9DD;
  border-bottom:1px solid transparent;
  transition:color var(--step-fast) ease,border-color var(--step-fast) ease;
}
.footer-link::before{
  content:"›";font-family:var(--font-mono);color:var(--line);
  transition:color var(--step-fast) ease;
}
.footer-link:hover{color:var(--cyan);border-bottom-color:rgba(23,230,210,.5)}
.footer-link:hover::before{color:var(--cyan)}
.footer-list--plain{gap:8px}
.footer-line{font-size:14.5px;line-height:1.7;color:var(--muted)}

.footer-legal{background:var(--paper);color:var(--brown)}
.footer-legal-inner{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:12px 32px;padding:24px 0;
}
.footer-note{
  font-family:var(--font-display);font-weight:400;font-size:13.5px;line-height:1.7;
  color:#4A382C;max-width:62ch;
}
.footer-legal-line{
  font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.08em;
  color:var(--brown);white-space:nowrap;
}

/* ---------- 平板 ---------- */
@media (min-width:640px){
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
  .section{padding:80px 0}
}
@media (max-width:899px){
  .grid-12{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
  .span-3,.span-4,.span-5,.span-6{grid-column:span 3}
  .span-7,.span-8,.span-12{grid-column:span 6}
}
@media (max-width:560px){
  body{font-size:16px}
  .grid-12{grid-template-columns:1fr;gap:18px}
  .span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-12{grid-column:span 1}
  .content-wrap{width:min(1240px,100% - 32px)}
  .footer-inner,.footer-legal-inner{width:min(1240px,100% - 32px)}
  .section{padding:56px 0}
}

/* ---------- 桌面大屏页脚 ---------- */
@media (min-width:1024px){
  .footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:40px}
}

/* ---------- 减少动效 ---------- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
  }
  .has-js [data-reveal]{opacity:1;transform:none}
  .site-nav{transition:none}
}