/* ==========================================================================
   易贝体育入口 · 共享样式表 /assets/site.css
   设计语言：高原赛场 × 数据仪表盘 / 冷底暖点 / 直角细线精密网格
   ========================================================================== */

/* ---------- 1. reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{border:0;background:none;font:inherit;color:inherit;cursor:pointer}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,p,figure{margin:0}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--orange-500);outline-offset:2px}
#main-content{scroll-margin-top:96px}

/* ---------- 2. tokens ---------- */
:root{
  --lake-900:#062431;
  --lake-700:#0B5C7A;
  --lake-500:#1389AE;
  --lake-100:#D6EAF2;
  --mist-050:#F4F6F7;
  --mist-200:#E1E6E9;
  --fog-600:#55636B;
  --ink-900:#0A1A21;
  --orange-500:#E24B2A;
  --orange-600:#C93F22;
  --lime-400:#B4F03C;
  --paper:#FFFFFF;
  --font-heading:"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:var(--font-heading);
  --font-mono:ui-monospace,"JetBrains Mono",SFMono-Regular,Menlo,Consolas,"Courier New",monospace;
  --s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-6:48px;--s-8:64px;--s-12:96px;
  --wrap:1360px;--gutter:20px;
  --line:1px solid var(--mist-200);
  --ease:cubic-bezier(.2,.7,.3,1);--dur:.16s;
  --header-h:64px;
}
@media (min-width:1024px){
  :root{--gutter:64px;--header-h:72px}
}

/* ---------- 3. 中文排版基底 ---------- */
body{
  background:var(--mist-050);
  color:var(--ink-900);
  font-family:var(--font-body);
  font-size:16px;
  font-weight:400;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}
@media (min-width:1024px){body{font-size:17px}}
.display{font-weight:900;font-size:clamp(2.4rem,6vw,5rem);line-height:1.05;letter-spacing:-.02em}
h1,.h1{font-weight:900;font-size:clamp(1.9rem,4vw,3rem);line-height:1.1;letter-spacing:-.02em}
h2,.h2{font-weight:900;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.15;letter-spacing:-.015em}
h3,.h3{font-weight:800;font-size:1.25rem;line-height:1.35}
.lead{font-size:1.0625rem;line-height:1.9;color:var(--fog-600);max-width:42ch}
.label{display:inline-block;font-size:12px;letter-spacing:.12em;color:var(--fog-600)}
.num{font-family:var(--font-mono);font-size:1.08em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em;color:var(--orange-500)}
.prose{max-width:42em;font-size:16px;line-height:1.8}
@media (min-width:1024px){.prose{font-size:17px}}
.prose>*+*{margin-top:1.2em}
.prose h2{margin-top:2em}
.prose ul{list-style:square;padding-left:1.2em}
.prose li+li{margin-top:.4em}
.ico{flex:0 0 auto;display:block}

/* ---------- 4. 布局骨架 ---------- */
.shell{width:100%;max-width:var(--wrap);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.section{padding:var(--s-8) 0;border-top:var(--line)}
.section--tight{padding:var(--s-6) 0}
@media (min-width:1024px){.section{padding:var(--s-12) 0}}
.sec-head{display:flex;align-items:baseline;gap:var(--s-2);flex-wrap:wrap;margin-bottom:var(--s-4)}
.sec-head__num{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;color:var(--orange-500)}
.sec-head__title{font-weight:900;font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.2;letter-spacing:-.015em}
.sec-head__note{margin-left:auto;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--fog-600)}
.grid{display:grid;gap:var(--s-3)}
@media (min-width:768px){
  .grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.split{display:grid;gap:var(--s-4)}
@media (min-width:1024px){
  .split{grid-template-columns:5fr 7fr}
  .split--4-8{grid-template-columns:4fr 8fr}
  .split--7-5{grid-template-columns:7fr 5fr}
}

/* ---------- 5. 索引条与面包屑 ---------- */
.index-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);padding:10px 0;border-bottom:var(--line);font-size:12px;letter-spacing:.12em;color:var(--fog-600)}
.index-bar__status{margin-left:auto;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--lake-700)}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1);padding:var(--s-2) 0;border-bottom:var(--line);font-size:12px;letter-spacing:.08em;color:var(--fog-600)}
.breadcrumbs__item{display:inline-flex;align-items:center;gap:var(--s-1)}
.breadcrumbs__item+.breadcrumbs__item::before{content:"/";color:var(--mist-200)}
.breadcrumbs__link{color:var(--lake-700)}
.breadcrumbs__link:hover{color:var(--orange-500)}

/* ---------- 6. 按钮与图标按钮 ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid transparent;border-radius:2px;font-size:14px;font-weight:700;letter-spacing:.01em;line-height:1.2;white-space:nowrap;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}
.btn--primary{background:var(--orange-500);color:#fff}
.btn--primary:hover{background:var(--orange-600)}
.btn--ghost{background:var(--paper);border-color:var(--mist-200);color:var(--lake-700)}
.btn--ghost:hover{background:var(--lake-100);border-color:var(--lake-700)}
.btn__text{display:none}
@media (min-width:1180px){.btn__text{display:inline}}
.icon-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:1px solid var(--mist-200);border-radius:2px;color:var(--lake-700);font-size:13px;font-weight:700;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.icon-btn:hover{background:var(--lake-100);border-color:var(--lake-700)}
.icon-btn__label{display:none}
@media (min-width:1200px){.icon-btn__label{display:inline}}

/* ---------- 7. 头部：紧凑命令栏 ---------- */
.skip-link{position:absolute;left:16px;top:-56px;z-index:120;padding:10px 16px;background:var(--ink-900);color:#fff;font-size:14px;font-weight:700;border-radius:2px;transition:top var(--dur) var(--ease)}
.skip-link:focus{top:12px}

.site-header{position:sticky;top:0;z-index:80;background:var(--paper);border-bottom:var(--line)}
.site-header[data-scrolled]{background:rgba(255,255,255,.96);backdrop-filter:saturate(140%) blur(6px)}
.command-bar{position:relative;display:flex;align-items:center;gap:var(--s-2);width:100%;max-width:var(--wrap);height:var(--header-h);margin:0 auto;padding:0 var(--gutter);transition:height var(--dur) var(--ease)}
.site-header[data-scrolled] .command-bar{height:60px}
@media (max-width:1023px){.site-header[data-scrolled] .command-bar{height:64px}}

.brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}
.brand__mark{position:relative;width:26px;height:26px;flex:0 0 auto;background:var(--lake-900)}
.brand__mark::before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 44%,var(--orange-500) 44%,var(--orange-500) 56%,transparent 56%)}
.brand__mark::after{content:"";position:absolute;right:-4px;bottom:-4px;width:8px;height:8px;background:var(--lime-400)}
.brand__text{display:flex;flex-direction:column;line-height:1.15}
.brand__name{font-weight:900;font-size:17px;letter-spacing:-.01em;color:var(--ink-900)}
.brand__note{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--fog-600)}
.brand__status{display:none;align-items:center;gap:8px;margin:0;padding-left:var(--s-2);border-left:var(--line);font-size:12px;color:var(--fog-600)}
@media (min-width:1280px){.brand__status{display:flex}}
.status-dot{width:8px;height:8px;flex:0 0 auto;background:var(--lime-400);box-shadow:0 0 0 1px rgba(10,26,33,.16)}

.cmd-nav{margin-left:auto}
.cmd-nav__list{display:flex;align-items:center;gap:2px}
.cmd-nav__link{position:relative;display:inline-flex;align-items:baseline;gap:6px;padding:8px 10px;font-size:14px;font-weight:700;color:var(--lake-700);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.cmd-nav__idx{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--fog-600);opacity:0;transition:opacity var(--dur) var(--ease),color var(--dur) var(--ease)}
.cmd-nav__label{white-space:nowrap}
.cmd-nav__link:hover{background:var(--lake-100);color:var(--ink-900)}
.cmd-nav__link:hover .cmd-nav__idx{opacity:1;color:var(--orange-500)}
.cmd-nav__link:focus-visible .cmd-nav__idx{opacity:1;color:var(--orange-500)}
.cmd-nav__link[aria-current="page"]{color:var(--ink-900)}
.cmd-nav__link[aria-current="page"] .cmd-nav__idx{opacity:1;color:var(--orange-500)}
.cmd-nav__link[aria-current="page"]::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:var(--orange-500)}
.cmd-nav__link[aria-current="page"]::before{content:"";position:absolute;top:6px;right:2px;width:6px;height:6px;background:var(--lime-400)}

.cmd-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:var(--s-2)}

.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--mist-200);border-radius:2px;color:var(--lake-700);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.nav-toggle:hover{background:var(--lake-100);border-color:var(--lake-700)}
.nav-toggle__bars{position:relative;display:block;width:16px;height:10px}
.nav-toggle__bar{position:absolute;left:0;right:0;height:2px;background:currentColor;transition:transform var(--dur) var(--ease),top var(--dur) var(--ease),bottom var(--dur) var(--ease)}
.nav-toggle__bar:first-child{top:0}
.nav-toggle__bar:last-child{bottom:0}
[data-nav-toggle][aria-expanded="true"] .nav-toggle__bar:first-child{top:4px;transform:rotate(45deg)}
[data-nav-toggle][aria-expanded="true"] .nav-toggle__bar:last-child{bottom:4px;transform:rotate(-45deg)}
@media (min-width:1024px){.nav-toggle{display:none}}

.cmd-progress{position:absolute;left:0;right:0;bottom:0;height:2px}
.cmd-progress__bar{display:block;height:100%;background:var(--orange-500);transform:scaleX(0);transform-origin:0 50%}

.cmd-search{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-top:var(--line);border-bottom:var(--line);padding:var(--s-3) 0;z-index:79}
.cmd-search__inner{display:flex;flex-wrap:wrap;gap:var(--s-4);width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.cmd-search__hint{max-width:26ch;font-size:13px;line-height:1.8;color:var(--fog-600)}
.cmd-search__list{display:flex;flex-wrap:wrap;gap:12px}
.cmd-search__item{display:flex;flex-direction:column;gap:4px;min-width:210px;padding:12px 16px;background:var(--mist-050);border:1px solid var(--mist-200);border-radius:2px;font-size:13px;color:var(--fog-600);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.cmd-search__item:hover{border-color:var(--lake-700);background:var(--lake-100)}
.cmd-search__key{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--orange-500)}

/* ---------- 8. 头部移动端折叠 ---------- */
@media (max-width:1023px){
  .cmd-nav{position:absolute;left:0;right:0;top:100%;display:none;max-height:calc(100vh - var(--header-h));overflow-y:auto;background:var(--paper);border-bottom:var(--line);box-shadow:0 16px 28px rgba(6,36,49,.08)}
  .cmd-nav[data-open]{display:block}
  .cmd-nav__list{flex-direction:column;align-items:stretch;gap:0;padding:0 var(--gutter) var(--s-3)}
  .cmd-nav__link{justify-content:flex-start;padding:14px 4px;font-size:15px;border-bottom:var(--line)}
  .cmd-nav__idx{opacity:1}
  .cmd-nav__link[aria-current="page"]::after{left:0;right:auto;bottom:6px;width:22px}
  .cmd-nav__link[aria-current="page"]::before{top:16px;right:4px}
  .cmd-search{padding:var(--s-3) 0}
}
@media (max-width:479px){
  .brand__note{display:none}
  .btn--primary{padding:9px 12px}
  .cmd-tools{gap:6px;margin-left:var(--s-1)}
}

/* ---------- 9. 页脚 ---------- */
.site-footer{margin-top:var(--s-8);background:var(--lake-900);color:#B9D3DE}
.footer__top{display:grid;gap:var(--s-6);width:100%;max-width:var(--wrap);margin:0 auto;padding:var(--s-8) var(--gutter) var(--s-6)}
@media (min-width:1024px){
  .footer__top{grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,4fr);gap:var(--s-6);padding:var(--s-12) var(--gutter) var(--s-8)}
}
.footer__brand{display:flex;flex-direction:column;gap:12px}
.footer__lockup{font-weight:900;font-size:19px;line-height:1.3;letter-spacing:-.01em;color:#fff}
.footer__tag{max-width:34ch;font-size:14px;line-height:1.9;color:#B9D3DE}
.footer__status{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.08em;color:#8FB3C2}
.footer__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}
@media (min-width:768px){.footer__cols{grid-template-columns:repeat(3,minmax(0,1fr))}}
.footer__col{min-width:0}
.footer__col-title{display:flex;align-items:baseline;margin-bottom:var(--s-2);font-size:12px;font-weight:700;letter-spacing:.12em;color:#8FB3C2}
.footer__col-idx{margin-right:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--orange-500)}
.footer__list{display:flex;flex-direction:column;gap:2px}
.footer__link{display:inline-block;font-size:14px;line-height:2;color:#B9D3DE;transition:color var(--dur) var(--ease)}
.footer__link:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--orange-500);text-underline-offset:4px}
.footer__contact{display:grid;gap:8px}
.footer__contact-item{font-size:13px;line-height:1.8;color:#B9D3DE}
.footer__contact-key{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:#7FB6CE}
.footer__quick{display:flex;flex-wrap:wrap;gap:12px;width:100%;max-width:var(--wrap);margin:0 auto;padding:var(--s-3) var(--gutter);border-top:1px solid rgba(214,234,242,.18)}
.footer__quick-link{padding:10px 16px;border:1px solid rgba(214,234,242,.3);border-radius:2px;font-size:13px;font-weight:700;color:#fff;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}
.footer__quick-link:hover{background:var(--orange-500);border-color:var(--orange-500)}
.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%;max-width:var(--wrap);margin:0 auto;padding:var(--s-2) var(--gutter) var(--s-4);border-top:1px solid rgba(214,234,242,.18);font-size:12px;color:#8FB3C2}
.footer__legal{font-family:var(--font-mono);letter-spacing:.04em}

/* ---------- 10. 卡片 / 表格 / 标签 ---------- */
.card{display:flex;flex-direction:column;gap:10px;padding:var(--s-3);background:var(--paper);border:1px solid var(--mist-200);border-radius:2px;transition:border-color var(--dur) var(--ease)}
.card:hover{border-color:var(--lake-700)}
.card__label{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--fog-600);transition:color var(--dur) var(--ease)}
.card:hover .card__label{color:var(--lake-700)}
.card__title{font-weight:800;font-size:1.0625rem;line-height:1.45}
.card__meta{font-size:13px;line-height:1.7;color:var(--fog-600)}

.table-wrap{overflow-x:auto;background:var(--paper);border:1px solid var(--mist-200)}
.data-table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px}
.data-table caption{padding:12px 16px;border-bottom:var(--line);font-size:12px;letter-spacing:.12em;text-align:left;color:var(--fog-600)}
.data-table th,.data-table td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:var(--line)}
.data-table thead th{background:var(--lake-700);color:#fff;font-size:12px;font-weight:700;letter-spacing:.1em;white-space:nowrap}
.data-table tbody tr:nth-child(even){background:var(--mist-050)}
.data-table tbody tr:hover{background:var(--lake-100)}
.data-table td.num{color:var(--orange-500)}
.data-table tbody tr:last-child th,.data-table tbody tr:last-child td{border-bottom:0}

.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:var(--paper);border:1px solid var(--mist-200);border-radius:2px;font-size:12px;letter-spacing:.08em;white-space:nowrap;color:var(--fog-600)}
.tag--live{border-color:var(--orange-500);color:var(--orange-500)}
.tag--ok{background:var(--lime-400);border-color:var(--lime-400);color:var(--ink-900)}
.tag--lake{background:var(--lake-100);border-color:var(--lake-100);color:var(--lake-700)}

/* ---------- 11. 分段切换 ---------- */
.tabs{display:block}
.tabs__list{display:flex;flex-wrap:wrap;margin-bottom:var(--s-3);border-bottom:var(--line)}
.tabs__tab{position:relative;padding:10px 16px;font-size:14px;font-weight:700;color:var(--fog-600);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}
.tabs__tab:hover{background:var(--lake-100);color:var(--lake-700)}
.tabs__tab[aria-selected="true"]{background:var(--lake-100);color:var(--ink-900)}
.tabs__tab[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--orange-500)}
.tabs__panel{padding-top:var(--s-1)}

/* ---------- 12. 图片容器基础规则 ---------- */
.figure{margin:0;background:var(--paper);border:1px solid var(--mist-200)}
.figure__frame{position:relative;aspect-ratio:16/9;overflow:hidden;background-color:var(--mist-050);background-image:linear-gradient(to right,var(--mist-200) 1px,transparent 1px),linear-gradient(to bottom,var(--mist-200) 1px,transparent 1px);background-size:56px 56px}
.figure__frame>img{width:100%;height:100%;object-fit:cover}
.figure--4x5 .figure__frame{aspect-ratio:4/5}
.figure--1x1 .figure__frame{aspect-ratio:1/1}
.figure--21x9 .figure__frame{aspect-ratio:21/9}
.figure__caption{display:block;padding:10px 14px;border-top:var(--line);font-size:12px;letter-spacing:.08em;color:var(--fog-600)}

/* ---------- 13. 动效与无障碍 ---------- */
.js [data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .2s var(--ease),transform .2s var(--ease)}
.js [data-reveal].is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0ms!important}
  .js [data-reveal]{opacity:1;transform:none}
  .nav-toggle__bar{transition:none}
}