/* ============================================================
   OD体育主站 / 共享样式表  /assets/site.css
   夜场记录台：夜场黑底 + 深墨绿分区 + 荧光黄绿锚点
   ============================================================ */

/* ---------- 1. 变量 ---------- */
:root{
  --ods-ink:#070B0A;
  --ods-deep:#0E2B22;
  --ods-turf:#123C2E;
  --ods-line:#1E5A45;
  --ods-lime:#D8FF3E;
  --ods-moss:#A8C92F;
  --ods-red:#FF3B3B;
  --ods-chalk:#F4F7F2;
  --ods-stand:#9BA8A1;
  --ods-amber:#FFC24B;

  --ods-font-display:"Arial Narrow","Helvetica Neue Condensed","Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",sans-serif;
  --ods-font-body:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans SC",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ods-font-mono:"JetBrains Mono","SFMono-Regular","Cascadia Mono",Consolas,"Liberation Mono",monospace;

  --ods-radius-lg:28px;
  --ods-radius-md:22px;
  --ods-radius-sm:14px;
  --ods-pill:999px;
  --ods-maxw:1360px;
  --ods-pad:clamp(18px,3vw,48px);
  --ods-rail-w:96px;
}

/* ---------- 2. 重置 ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  padding:0;
  font-family:var(--ods-font-body);
  font-size:16.5px;
  line-height:1.75;
  color:var(--ods-chalk);
  background-color:var(--ods-ink);
  background-image:repeating-linear-gradient(112deg,rgba(30,90,69,.14) 0 1px,rgba(30,90,69,0) 1px 13px);
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img,svg,video{max-width:100%;display:block;}
h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,dl{margin:0;}
ul,ol{padding:0;list-style:none;}
a{color:inherit;background-color:transparent;}
button{border:0;background:none;}
table{border-collapse:collapse;}

/* ---------- 3. 焦点 ---------- */
:focus-visible{
  outline:3px solid var(--ods-lime);
  outline-offset:2px;
}
.ods-skip:focus-visible{outline-offset:0;}

/* ---------- 4. 跳转链接 ---------- */
.ods-skip{
  position:fixed;
  left:50%;
  top:-120px;
  transform:translateX(-50%);
  z-index:200;
  display:block;
  padding:12px 26px;
  background:var(--ods-lime);
  color:var(--ods-ink);
  font-size:14px;
  font-weight:800;
  letter-spacing:.04em;
  text-decoration:none;
  border-radius:0 0 var(--ods-radius-md) var(--ods-radius-md);
  transition:top .18s ease;
}
.ods-skip:focus{top:0;}

/* ---------- 5. 品牌轨道 ---------- */
.ods-rail{
  display:flex;
  align-items:center;
  gap:12px;
  padding:9px var(--ods-pad);
  background:var(--ods-deep);
  border-bottom:1px solid rgba(30,90,69,.7);
  font-family:var(--ods-font-mono);
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--ods-stand);
}
.ods-rail__mark{color:var(--ods-lime);font-weight:700;letter-spacing:.3em;}
.ods-rail__season{letter-spacing:.24em;}
.ods-rail__ticks{display:flex;gap:12px;margin-left:auto;}
.ods-rail__ticks i{font-style:normal;opacity:.45;}

@media (min-width:1280px){
  body{padding-left:var(--ods-rail-w);}
  .ods-rail{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    width:var(--ods-rail-w);
    z-index:60;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:26px;
    padding:30px 0;
    border-bottom:0;
    border-right:1px solid rgba(30,90,69,.7);
    background:linear-gradient(180deg,var(--ods-deep) 0%,var(--ods-ink) 100%);
  }
  .ods-rail__mark{writing-mode:vertical-rl;font-size:13px;letter-spacing:.5em;}
  .ods-rail__season{writing-mode:vertical-rl;font-size:10px;letter-spacing:.4em;}
  .ods-rail__ticks{flex-direction:column;gap:14px;margin:auto 0 0;}
  .ods-rail__ticks i{writing-mode:vertical-rl;}
}

/* ---------- 6. 页头 ---------- */
.ods-header{
  position:relative;
  z-index:30;
  background:linear-gradient(180deg,rgba(14,43,34,.96) 0%,rgba(7,11,10,.99) 100%);
  border-bottom:1px solid rgba(30,90,69,.75);
}
.ods-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  background:linear-gradient(90deg,var(--ods-lime) 0,rgba(216,255,62,.35) 26%,rgba(30,90,69,0) 68%);
  pointer-events:none;
}
.ods-masthead{
  max-width:var(--ods-maxw);
  margin:0 auto;
  padding:clamp(20px,3vw,36px) var(--ods-pad) 10px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
}
.ods-masthead__brand{text-align:center;min-width:0;}
.ods-masthead__aside{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ods-masthead__aside--start{justify-content:flex-start;}
.ods-masthead__aside--end{justify-content:flex-end;}
.ods-brand{
  display:inline-block;
  text-decoration:none;
}
.ods-brand__word{
  display:block;
  font-family:var(--ods-font-display);
  font-weight:900;
  font-size:clamp(24px,3.6vw,46px);
  line-height:1.05;
  letter-spacing:-.03em;
  color:var(--ods-chalk);
  transition:color .18s ease;
}
.ods-brand:hover .ods-brand__word{color:var(--ods-lime);}
.ods-masthead__line{
  margin-top:7px;
  font-family:var(--ods-font-mono);
  font-size:11px;
  letter-spacing:.34em;
  text-transform:uppercase;
  color:var(--ods-stand);
  white-space:nowrap;
}
.ods-ticker{
  max-width:var(--ods-maxw);
  margin:0 auto;
  padding:0 var(--ods-pad) 12px;
  text-align:center;
  font-family:var(--ods-font-mono);
  font-size:11.5px;
  letter-spacing:.08em;
  color:var(--ods-stand);
}

/* ---------- 7. 导航 ---------- */
.ods-nav{
  border-top:1px solid rgba(30,90,69,.5);
  background:rgba(7,11,10,.55);
}
.ods-nav__list{
  max-width:var(--ods-maxw);
  margin:0 auto;
  padding:10px var(--ods-pad) 14px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px;
}
.ods-nav__item{display:block;}
.ods-nav__link{
  display:inline-block;
  padding:9px 17px;
  border-radius:var(--ods-pill);
  border:1px solid transparent;
  font-size:13.5px;
  font-weight:600;
  letter-spacing:.02em;
  text-decoration:none;
  color:rgba(244,247,242,.8);
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
.ods-nav__link:hover{
  background:rgba(216,255,62,.12);
  color:var(--ods-lime);
  border-color:rgba(216,255,62,.3);
}
.ods-nav__link[aria-current="page"]{
  background:var(--ods-lime);
  border-color:var(--ods-lime);
  color:var(--ods-ink);
}

/* ---------- 8. 移动导航按钮 ---------- */
.ods-nav-toggle{
  display:none;
  align-items:center;
  gap:9px;
  padding:9px 17px;
  border-radius:var(--ods-pill);
  border:1px solid rgba(30,90,69,.95);
  color:var(--ods-chalk);
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.ods-nav-toggle:hover{background:rgba(14,43,34,.9);border-color:rgba(216,255,62,.5);color:var(--ods-lime);}
.ods-nav-toggle__bars{
  position:relative;
  display:block;
  width:16px;
  height:2px;
  border-radius:2px;
  background:currentColor;
}
.ods-nav-toggle__bars::before,
.ods-nav-toggle__bars::after{
  content:"";
  position:absolute;
  left:0;
  width:16px;
  height:2px;
  border-radius:2px;
  background:currentColor;
}
.ods-nav-toggle__bars::before{top:-5px;}
.ods-nav-toggle__bars::after{top:5px;}
.ods-nav-toggle__label{line-height:1;}

/* ---------- 9. 页脚 ---------- */
.ods-footer{
  position:relative;
  margin-top:clamp(48px,7vw,104px);
  background:linear-gradient(180deg,var(--ods-deep) 0%,var(--ods-ink) 100%);
  border-top:1px solid rgba(30,90,69,.75);
  color:var(--ods-chalk);
}
.ods-footer::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:2px;
  background:linear-gradient(90deg,rgba(30,90,69,0) 0%,var(--ods-lime) 50%,rgba(30,90,69,0) 100%);
  opacity:.7;
  pointer-events:none;
}
.ods-footer__grid{
  max-width:var(--ods-maxw);
  margin:0 auto;
  padding:clamp(40px,5vw,76px) var(--ods-pad) clamp(26px,3vw,40px);
  display:grid;
  grid-template-columns:1.5fr repeat(3,1fr) 1.3fr;
  gap:40px 32px;
}
.ods-footer__brand{max-width:34ch;}
.ods-footer__wordmark{
  font-family:var(--ods-font-display);
  font-weight:900;
  font-size:clamp(20px,2vw,26px);
  line-height:1.15;
  letter-spacing:-.02em;
  color:var(--ods-chalk);
}
.ods-footer__line{
  margin-top:8px;
  font-family:var(--ods-font-mono);
  font-size:11px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--ods-lime);
}
.ods-footer__note{
  margin-top:14px;
  font-size:13.5px;
  line-height:1.75;
  color:var(--ods-stand);
}
.ods-footer__column ul{display:grid;gap:11px;}
.ods-footer__label{
  margin-bottom:16px;
  font-family:var(--ods-font-mono);
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.16em;
  color:var(--ods-lime);
}
.ods-footer__link{
  display:inline-block;
  font-size:14px;
  line-height:1.5;
  color:rgba(244,247,242,.78);
  text-decoration:none;
  transition:color .18s ease,transform .18s ease;
}
.ods-footer__link:hover{color:var(--ods-lime);transform:translateX(2px);}
.ods-footer__contact-list{display:grid;gap:11px;}
.ods-footer__contact-list li{
  font-size:13.5px;
  line-height:1.6;
  color:rgba(244,247,242,.78);
  word-break:break-word;
}
.ods-footer__contact-list .ods-mono{color:rgba(244,247,242,.9);}
.ods-footer__legal{
  max-width:var(--ods-maxw);
  margin:0 auto;
  padding:20px var(--ods-pad) 30px;
  border-top:1px solid rgba(30,90,69,.55);
  display:flex;
  flex-wrap:wrap;
  gap:8px 24px;
  justify-content:space-between;
  align-items:center;
}
.ods-footer__legal-text{
  font-family:var(--ods-font-mono);
  font-size:12px;
  letter-spacing:.04em;
  color:var(--ods-stand);
}

/* ---------- 10. 回顶按钮 ---------- */
.ods-to-top{
  position:fixed;
  right:clamp(16px,3vw,34px);
  bottom:clamp(16px,3vw,34px);
  z-index:80;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(216,255,62,.5);
  background:rgba(7,11,10,.92);
  color:var(--ods-lime);
  font-size:16px;
  line-height:1;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease,border-color .2s ease;
}
.ods-to-top.is-visible{opacity:1;visibility:visible;transform:none;}
.ods-to-top:hover{border-color:var(--ods-lime);}

/* ---------- 11. 布局工具 ---------- */
.ods-container{
  width:100%;
  max-width:var(--ods-maxw);
  margin-inline:auto;
  padding-inline:var(--ods-pad);
}
.ods-section{padding-block:clamp(48px,7vw,104px);}
.ods-section--tight{padding-block:clamp(26px,4vw,56px);}
.ods-grid{display:grid;gap:clamp(18px,2.4vw,28px);}
.ods-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.ods-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.ods-grid--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.ods-split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);
  gap:clamp(20px,3vw,44px);
  align-items:start;
}
.ods-stack{display:grid;gap:16px;}

/* ---------- 12. 板块与卡片 ---------- */
.ods-panel{
  background:rgba(14,43,34,.72);
  border:1px solid rgba(30,90,69,.6);
  border-radius:var(--ods-radius-lg);
  padding:clamp(20px,2.4vw,32px);
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease;
}
.ods-panel:hover{
  background:rgba(18,60,46,.9);
  border-color:rgba(216,255,62,.3);
  transform:translateX(2px);
}
.ods-card{
  background:rgba(18,60,46,.5);
  border:1px solid rgba(30,90,69,.5);
  border-radius:var(--ods-radius-md);
  padding:clamp(16px,2vw,24px);
  transition:background-color .2s ease,transform .2s ease;
}
.ods-card:hover{background:rgba(18,60,46,.85);transform:translateX(2px);}
.ods-card__title{
  margin-bottom:8px;
  font-family:var(--ods-font-display);
  font-weight:800;
  font-size:17px;
  line-height:1.32;
  letter-spacing:-.01em;
}
.ods-card__body{font-size:14.5px;line-height:1.7;color:rgba(244,247,242,.78);}
.ods-slat{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(30,90,69,.55);
  border-radius:var(--ods-radius-lg);
  padding:clamp(24px,3vw,42px);
  background:linear-gradient(180deg,rgba(14,43,34,.94) 0%,rgba(7,11,10,.94) 100%);
}
.ods-slat::before{
  content:"";
  position:absolute;
  top:-40%;
  right:-12%;
  width:340px;
  height:340px;
  transform:rotate(8deg);
  background:linear-gradient(180deg,var(--ods-turf) 0%,rgba(18,60,46,0) 100%);
  opacity:.55;
  pointer-events:none;
}
.ods-chapter{
  display:flex;
  align-items:baseline;
  gap:14px;
  margin-bottom:clamp(18px,2.4vw,30px);
}
.ods-chapter__num{
  font-family:var(--ods-font-mono);
  font-size:12.5px;
  letter-spacing:.18em;
  color:var(--ods-lime);
}
.ods-rule{
  height:1px;
  border:0;
  margin:0;
  background:linear-gradient(90deg,var(--ods-line) 0%,rgba(30,90,69,0) 100%);
}

/* ---------- 13. 文字层级 ---------- */
.ods-eyebrow{
  font-family:var(--ods-font-mono);
  font-size:11.5px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--ods-lime);
}
.ods-title{
  font-family:var(--ods-font-display);
  font-weight:900;
  font-size:clamp(32px,5.4vw,58px);
  line-height:1.04;
  letter-spacing:-.025em;
  color:var(--ods-chalk);
}
.ods-h2{
  font-family:var(--ods-font-display);
  font-weight:800;
  font-size:clamp(22px,2.6vw,28px);
  line-height:1.24;
  letter-spacing:-.012em;
}
.ods-h3{
  font-family:var(--ods-font-display);
  font-weight:800;
  font-size:clamp(17px,2vw,21px);
  line-height:1.32;
}
.ods-lead{
  font-size:17px;
  line-height:1.8;
  color:rgba(244,247,242,.82);
  max-width:38em;
}
.ods-text{
  font-size:16.5px;
  line-height:1.75;
  color:rgba(244,247,242,.86);
  max-width:38em;
}
.ods-muted{color:var(--ods-stand);}
.ods-mono{
  font-family:var(--ods-font-mono);
  font-size:13.5px;
  letter-spacing:.04em;
}

/* ---------- 14. 按钮与胶囊 ---------- */
.ods-pill,
.ods-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 21px;
  border-radius:var(--ods-pill);
  border:1px solid var(--ods-lime);
  background:var(--ods-lime);
  color:var(--ods-ink);
  font-family:var(--ods-font-body);
  font-size:13.5px;
  font-weight:700;
  letter-spacing:.02em;
  line-height:1.2;
  white-space:nowrap;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.ods-pill:hover,
.ods-btn:hover{
  background:var(--ods-moss);
  border-color:var(--ods-moss);
  color:var(--ods-ink);
  transform:translateX(2px);
}
.ods-pill--ghost,
.ods-btn--ghost{
  background:transparent;
  border-color:rgba(30,90,69,.95);
  color:var(--ods-chalk);
}
.ods-pill--ghost:hover,
.ods-btn--ghost:hover{
  background:rgba(14,43,34,.9);
  border-color:rgba(216,255,62,.55);
  color:var(--ods-lime);
  transform:translateX(2px);
}
.ods-btn--primary{
  background:var(--ods-lime);
  border-color:var(--ods-lime);
  color:var(--ods-ink);
}
.ods-btn--primary:hover{
  background:var(--ods-moss);
  border-color:var(--ods-moss);
  color:var(--ods-ink);
  transform:translateX(2px);
}
.ods-btn--small{padding:8px 15px;font-size:12.5px;}

/* ---------- 15. 标签与切换 ---------- */
.ods-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 12px;
  border-radius:var(--ods-pill);
  border:1px solid rgba(30,90,69,.9);
  background:rgba(14,43,34,.6);
  color:var(--ods-stand);
  font-family:var(--ods-font-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  white-space:nowrap;
}
.ods-tag--lime{
  border-color:rgba(216,255,62,.55);
  background:rgba(216,255,62,.12);
  color:var(--ods-lime);
}
.ods-tag--red{
  border-color:rgba(255,59,59,.7);
  background:rgba(255,59,59,.12);
  color:var(--ods-red);
}
.ods-tag--amber{
  border-color:rgba(255,194,75,.65);
  background:rgba(255,194,75,.12);
  color:var(--ods-amber);
}
.ods-chipbar{display:flex;flex-wrap:wrap;gap:8px;}
.ods-chip{
  appearance:none;
  padding:8px 16px;
  border-radius:var(--ods-pill);
  border:1px solid rgba(30,90,69,.9);
  background:transparent;
  color:rgba(244,247,242,.8);
  font-family:var(--ods-font-body);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.ods-chip:hover{border-color:var(--ods-moss);color:var(--ods-lime);}
.ods-chip[aria-pressed="true"]{
  background:var(--ods-lime);
  border-color:var(--ods-lime);
  color:var(--ods-ink);
}

/* ---------- 16. 面包屑与旁注 ---------- */
.ods-breadcrumb{
  font-family:var(--ods-font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--ods-stand);
}
.ods-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.ods-breadcrumb__item{display:flex;align-items:center;gap:8px;}
.ods-breadcrumb__item::after{content:"/";color:var(--ods-line);}
.ods-breadcrumb__item:last-child::after{content:"";}
.ods-breadcrumb__link{color:var(--ods-stand);text-decoration:none;transition:color .18s ease;}
.ods-breadcrumb__link:hover{color:var(--ods-lime);}
.ods-note{
  padding:16px 22px;
  border-left:3px solid var(--ods-lime);
  border-radius:0 var(--ods-radius-md) var(--ods-radius-md) 0;
  background:rgba(216,255,62,.06);
  font-size:14.5px;
  line-height:1.75;
  color:rgba(244,247,242,.82);
}

/* ---------- 17. 数据表 ---------- */
.ods-table-wrap{
  overflow-x:auto;
  border:1px solid rgba(30,90,69,.6);
  border-radius:var(--ods-radius-md);
  background:rgba(14,43,34,.55);
}
.ods-table{
  width:100%;
  min-width:520px;
  font-size:14.5px;
}
.ods-table th{
  padding:14px 16px;
  text-align:left;
  white-space:nowrap;
  border-bottom:1px solid rgba(30,90,69,.75);
  font-family:var(--ods-font-mono);
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ods-stand);
}
.ods-table td{
  padding:13px 16px;
  border-bottom:1px solid rgba(30,90,69,.32);
  color:rgba(244,247,242,.88);
}
.ods-table tbody tr:nth-child(even){background:rgba(18,60,46,.5);}
.ods-table tbody tr:hover{background:rgba(216,255,62,.1);}
.ods-table tbody tr:last-child td{border-bottom:0;}
.ods-table--compact{font-size:13px;}
.ods-table--compact th{padding:10px 12px;font-size:11px;}
.ods-table--compact td{padding:10px 12px;}

/* ---------- 18. 时间轴 ---------- */
.ods-timeline{display:grid;gap:22px;}
.ods-timeline__item{position:relative;padding-left:36px;}
.ods-timeline__item::before{
  content:"";
  position:absolute;
  left:6px;
  top:7px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--ods-lime);
  box-shadow:0 0 0 3px rgba(216,255,62,.16);
}
.ods-timeline__item::after{
  content:"";
  position:absolute;
  left:10.5px;
  top:24px;
  bottom:-22px;
  width:1px;
  background:rgba(30,90,69,.85);
}
.ods-timeline__item:last-child::after{display:none;}

/* ---------- 19. 媒体容器 ---------- */
.ods-media{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  overflow:hidden;
  border-radius:var(--ods-radius-lg);
  background-color:var(--ods-turf);
  background-image:
    repeating-linear-gradient(120deg,rgba(30,90,69,.5) 0 2px,rgba(18,60,46,.2) 2px 15px),
    linear-gradient(180deg,var(--ods-turf) 0%,var(--ods-deep) 100%);
}
.ods-media--wide{aspect-ratio:21 / 9;}
.ods-media--tall{aspect-ratio:3 / 4;}
.ods-media--square{aspect-ratio:1 / 1;}
.ods-media__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.ods-figure{margin:0;}
.ods-figure__caption{
  margin-top:10px;
  font-family:var(--ods-font-mono);
  font-size:11.5px;
  letter-spacing:.04em;
  color:var(--ods-stand);
}

/* ---------- 20. 显现动效 ---------- */
.ods-js [data-reveal]{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .5s ease,transform .5s ease;
}
.ods-js [data-reveal].is-visible{
  opacity:1;
  transform:none;
}

/* ---------- 21. 响应式 ---------- */
@media (max-width:1080px){
  .ods-footer__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .ods-footer__brand{grid-column:1 / -1;max-width:52ch;}
}
@media (max-width:980px){
  .ods-grid--3,.ods-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
  .ods-split{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:767px){
  body{font-size:16px;}
  .ods-masthead{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:12px;
    padding:18px var(--ods-pad) 8px;
  }
  .ods-masthead__brand{order:1;flex:1 1 auto;text-align:left;}
  .ods-masthead__aside--end{order:2;margin-left:auto;justify-content:flex-end;}
  .ods-masthead__aside--start{order:3;flex:1 1 100%;justify-content:flex-start;}
  .ods-brand__word{font-size:24px;}
  .ods-masthead__line{font-size:10px;letter-spacing:.22em;}
  .ods-ticker{text-align:left;padding-bottom:10px;font-size:11px;}
  .ods-nav-toggle{display:inline-flex;}
  .ods-nav{display:none;}
  .ods-nav[data-open]{display:block;}
  .ods-nav__list{
    flex-direction:column;
    align-items:stretch;
    padding:12px var(--ods-pad) 20px;
    gap:6px;
  }
  .ods-nav__link{display:block;text-align:center;padding:13px 16px;}
  .ods-to-top{width:44px;height:44px;}
}
@media (max-width:640px){
  .ods-grid--2,
  .ods-grid--3,
  .ods-grid--4{grid-template-columns:minmax(0,1fr);}
  .ods-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px;}
  .ods-footer__legal{flex-direction:column;align-items:flex-start;}
}

/* ---------- 22. 降低动效偏好 ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .ods-js [data-reveal]{opacity:1 !important;transform:none !important;}
  .ods-panel:hover,.ods-card:hover,
  .ods-pill:hover,.ods-btn:hover,
  .ods-pill--ghost:hover,.ods-btn--ghost:hover,
  .ods-footer__link:hover{transform:none;}
}