/* ============================================================
   博喜体育站 · 共享样式 /assets/site.css
   高原深蓝基底 · 青海湖青与经幡橙双强调 · 砂石灰分区
   ============================================================ */

/* ---------- 1. 变量 ---------- */
:root{
  --bx-abyss:#0B1B2B;
  --bx-night:#06101C;
  --bx-sand:#ECE7DE;
  --bx-paper:#F7F5F0;
  --bx-flag:#E4572E;
  --bx-flag-soft:#F2A47C;
  --bx-lake:#1F7A8C;
  --bx-lake-soft:#7FC4CE;
  --bx-verify:#2F6F4E;
  --bx-line:#8C8578;
  --bx-ink:#0B1B2B;
  --bx-ink-soft:#4A5560;

  --bx-on-dark:rgba(236,231,222,.80);
  --bx-on-dark-soft:rgba(236,231,222,.56);
  --bx-hair-dark:rgba(140,133,120,.30);
  --bx-hair-light:rgba(140,133,120,.42);
  --bx-link:var(--bx-lake-soft);

  --bx-font-display:"Barlow Condensed","Oswald","Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  --bx-font-body:"Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  --bx-font-mono:"IBM Plex Mono","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --bx-max:1440px;
  --bx-edge:clamp(20px,4.5vw,64px);
  --bx-radius:3px;
  --bx-gap:18px;
  --bx-ease:160ms ease;
}

/* ---------- 2. Reset ---------- */
*,*::before,*::after{ box-sizing:border-box; }

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

body{
  margin:0;
  background:var(--bx-abyss);
  color:var(--bx-on-dark);
  font-family:var(--bx-font-body);
  font-size:16px;
  font-weight:400;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img,svg,video{ max-width:100%; display:block; }
h1,h2,h3,h4,p,figure,blockquote,dl,dd,pre{ margin:0; }
ul,ol{ margin:0; padding:0; list-style:none; }
button{ font:inherit; color:inherit; background:none; border:0; padding:0; cursor:pointer; }
a{ color:inherit; text-decoration:none; }
table{ border-collapse:collapse; }

:focus-visible{
  outline:2px solid var(--bx-lake-soft);
  outline-offset:3px;
  border-radius:2px;
}
::selection{ background:var(--bx-flag); color:var(--bx-night); }

/* ---------- 3. 排版 ---------- */
h1,h2,h3,h4{
  font-family:var(--bx-font-display);
  font-weight:900;
  line-height:1.06;
  letter-spacing:-.015em;
  color:currentColor;
}

.bx-display{
  font-family:var(--bx-font-display);
  font-weight:900;
  font-size:clamp(52px,9vw,148px);
  line-height:.92;
  letter-spacing:-.02em;
  margin:0;
}

.bx-title-lg{
  font-family:var(--bx-font-display);
  font-weight:900;
  font-size:clamp(30px,4.4vw,56px);
  line-height:1;
  letter-spacing:-.02em;
  margin:0;
}

.bx-title-md{
  font-family:var(--bx-font-display);
  font-weight:900;
  font-size:clamp(20px,2vw,24px);
  line-height:1.2;
  letter-spacing:-.01em;
  margin:0;
}

.bx-eyebrow{
  font-family:var(--bx-font-mono);
  font-size:12px;
  font-weight:500;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--bx-on-dark-soft);
  margin:0;
}

.bx-lede{
  font-size:clamp(17px,1.35vw,20px);
  line-height:1.7;
  font-weight:500;
  color:var(--bx-on-dark);
  max-width:56ch;
  margin:0;
}

.bx-num{
  font-family:var(--bx-font-mono);
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  letter-spacing:.01em;
}

.bx-prose{
  max-width:68ch;
  font-size:clamp(16px,1.1vw,18px);
  line-height:1.75;
  color:var(--bx-on-dark);
}
.bx-prose > * + *{ margin-top:1.1em; }
.bx-prose h2{ font-size:clamp(22px,2.4vw,30px); margin-top:2.2em; }
.bx-prose h3{ font-size:clamp(18px,1.7vw,22px); margin-top:1.8em; }
.bx-prose a{ color:var(--bx-link); text-decoration:underline; text-underline-offset:3px; }
.bx-prose a:hover{ color:var(--bx-flag-soft); }
.bx-prose ul,.bx-prose ol{ padding-left:1.3em; }
.bx-prose li + li{ margin-top:.5em; }
.bx-prose ul li{ list-style:square; }
.bx-prose ol li{ list-style:decimal; }
.bx-prose code{
  font-family:var(--bx-font-mono);
  font-size:.92em;
  background:rgba(31,122,140,.16);
  border:1px solid var(--bx-hair-dark);
  border-radius:2px;
  padding:.1em .4em;
}

/* ---------- 4. 容器与网格 ---------- */
.bx-shell{
  width:100%;
  max-width:var(--bx-max);
  margin-inline:auto;
  padding-inline:var(--bx-edge);
}

.bx-section{ padding-block:clamp(48px,6vw,96px); }
.bx-section--tight{ padding-block:clamp(28px,3.4vw,56px); }

.bx-surface{
  padding-block:clamp(56px,8vw,120px);
  color:var(--bx-on-dark);
}
.bx-surface--abyss{ background:var(--bx-abyss); }
.bx-surface--night{ background:var(--bx-night); }
.bx-surface--sand,
.bx-surface--paper{
  background:var(--bx-sand);
  color:#2B3540;
  --bx-on-dark:rgba(11,27,43,.86);
  --bx-on-dark-soft:rgba(74,85,96,.92);
  --bx-hair-dark:rgba(140,133,120,.45);
  --bx-link:var(--bx-lake);
}
.bx-surface--paper{ background:var(--bx-paper); }

.bx-grid{
  display:grid;
  gap:clamp(20px,2.4vw,32px);
}
.bx-grid--halves{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.bx-grid--thirds{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.bx-grid--5-7{ grid-template-columns:minmax(0,5fr) minmax(0,7fr); }
.bx-grid--7-5{ grid-template-columns:minmax(0,7fr) minmax(0,5fr); }
.bx-grid--3-6-3{ grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr); }
.bx-grid--2-8{ grid-template-columns:minmax(0,2fr) minmax(0,8fr); }

.bx-stack > * + *{ margin-top:var(--bx-gap); }
.bx-cluster{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
}

.bx-drop-1{ margin-top:24px; }
.bx-drop-2{ margin-top:64px; }

.bx-rule{
  height:1px;
  border:0;
  margin:0;
  background:var(--bx-hair-dark);
}

/* ---------- 5. 装饰母题 ---------- */
.bx-trackline{
  height:2px;
  width:100%;
  background:linear-gradient(90deg,transparent,var(--bx-lake) 14%,var(--bx-lake-soft) 46%,var(--bx-flag) 82%,transparent);
  opacity:.75;
}

.bx-ticks{
  height:10px;
  background-image:repeating-linear-gradient(90deg,var(--bx-hair-dark) 0 1px,transparent 1px 32px);
}

/* ---------- 6. 按钮与标签 ---------- */
.bx-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 20px;
  border:1px solid transparent;
  border-radius:var(--bx-radius);
  font-family:var(--bx-font-body);
  font-size:14px;
  font-weight:600;
  line-height:1;
  letter-spacing:.02em;
  white-space:nowrap;
  cursor:pointer;
  transition:background-color var(--bx-ease),border-color var(--bx-ease),color var(--bx-ease),transform var(--bx-ease);
}
.bx-btn:hover{ transform:translateY(-1px); }
.bx-btn:active{ transform:translateY(1px); }

.bx-btn--flag{
  background:var(--bx-flag);
  color:var(--bx-night);
  border-color:var(--bx-flag);
}
.bx-btn--flag:hover{ background:var(--bx-flag-soft); border-color:var(--bx-flag-soft); color:var(--bx-night); }

.bx-btn--outline{
  background:transparent;
  color:var(--bx-on-dark);
  border-color:var(--bx-hair-dark);
}
.bx-btn--outline:hover{ border-color:var(--bx-flag); color:var(--bx-paper); }

.bx-btn--lake{
  background:var(--bx-lake);
  color:var(--bx-paper);
  border-color:var(--bx-lake);
}
.bx-btn--lake:hover{ background:var(--bx-lake-soft); border-color:var(--bx-lake-soft); color:var(--bx-night); }

.bx-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 14px;
  border:1px solid var(--bx-hair-dark);
  border-radius:999px;
  background:transparent;
  color:var(--bx-on-dark);
  font-family:var(--bx-font-mono);
  font-size:12.5px;
  letter-spacing:.04em;
  white-space:nowrap;
  cursor:pointer;
  transition:border-color var(--bx-ease),background-color var(--bx-ease),color var(--bx-ease);
}
.bx-chip:hover{ border-color:var(--bx-lake-soft); color:var(--bx-paper); }
.bx-chip[aria-pressed="true"]{
  background:var(--bx-flag);
  border-color:var(--bx-flag);
  color:var(--bx-night);
  font-weight:600;
}

.bx-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--bx-font-mono);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--bx-on-dark);
}
.bx-status::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--bx-verify);
  box-shadow:0 0 0 3px rgba(47,111,78,.22);
  flex:none;
}

/* ---------- 7. 面板与卡片 ---------- */
.bx-panel{
  padding:clamp(20px,2.4vw,32px);
  border:1px solid var(--bx-hair-light);
  border-radius:var(--bx-radius);
  background:var(--bx-paper);
  color:var(--bx-ink);
}

.bx-panel--glass{
  background:rgba(11,27,43,.55);
  -webkit-backdrop-filter:blur(10px) saturate(140%);
  backdrop-filter:blur(10px) saturate(140%);
  border-color:var(--bx-hair-dark);
  color:var(--bx-on-dark);
}

.bx-panel--sand{
  background:var(--bx-sand);
  border-color:var(--bx-hair-light);
  color:#2B3540;
}

.bx-panel--night{
  background:var(--bx-night);
  border-color:var(--bx-hair-dark);
  color:var(--bx-on-dark);
}

.bx-card{
  position:relative;
  display:block;
  padding:clamp(20px,2.4vw,32px);
  border:1px solid var(--bx-hair-dark);
  border-radius:var(--bx-radius);
  background:rgba(11,27,43,.50);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  color:var(--bx-on-dark);
  transition:transform var(--bx-ease),border-color var(--bx-ease),background-color var(--bx-ease);
}
.bx-card:hover{
  transform:translateY(-2px);
  border-color:var(--bx-flag);
  background:rgba(11,27,43,.70);
}
.bx-card--solid{
  background:var(--bx-paper);
  border-color:var(--bx-hair-light);
  color:var(--bx-ink);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.bx-card--solid:hover{ background:var(--bx-paper); border-color:var(--bx-flag); }

/* ---------- 8. 数据展示 ---------- */
.bx-kv{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px 20px;
  margin:0;
}
.bx-kv dt{
  font-family:var(--bx-font-mono);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--bx-on-dark-soft);
  align-self:center;
}
.bx-kv dd{
  margin:0;
  font-family:var(--bx-font-mono);
  font-variant-numeric:tabular-nums;
  font-size:17px;
  color:currentColor;
}

.bx-legend{
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
  margin:0;
  padding:0;
}
.bx-legend__item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--bx-font-mono);
  font-size:12px;
  letter-spacing:.05em;
  color:var(--bx-on-dark-soft);
}
.bx-legend__swatch{
  width:10px;
  height:10px;
  border-radius:1px;
  background:var(--bx-lake);
  flex:none;
}
.bx-legend__item--flag .bx-legend__swatch{ background:var(--bx-flag); }
.bx-legend__item--verify .bx-legend__swatch{ background:var(--bx-verify); }
.bx-legend__item--line .bx-legend__swatch{ background:var(--bx-line); }

.bx-index-list{
  border-top:1px solid var(--bx-hair-dark);
}
.bx-index-list__row{
  display:grid;
  grid-template-columns:84px minmax(0,1fr) auto;
  gap:18px;
  align-items:baseline;
  padding:14px 6px;
  border-bottom:1px solid var(--bx-hair-dark);
  border-left:2px solid transparent;
  transition:border-color var(--bx-ease),background-color var(--bx-ease);
}
.bx-index-list__row:hover{
  border-left-color:var(--bx-flag);
  background:rgba(31,122,140,.08);
}
.bx-index-list__key{
  font-family:var(--bx-font-mono);
  font-size:13px;
  letter-spacing:.04em;
  color:var(--bx-lake-soft);
}
.bx-index-list__val{
  font-family:var(--bx-font-mono);
  font-variant-numeric:tabular-nums;
  font-size:15px;
}

.bx-table-wrap{
  width:100%;
  overflow-x:auto;
  border:1px solid var(--bx-hair-dark);
  border-radius:var(--bx-radius);
}
.bx-table{
  width:100%;
  min-width:520px;
  font-size:14px;
}
.bx-table th{
  font-family:var(--bx-font-mono);
  font-size:11.5px;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-align:left;
  padding:12px 16px;
  color:var(--bx-on-dark-soft);
  border-bottom:1px solid var(--bx-hair-dark);
  white-space:nowrap;
}
.bx-table td{
  padding:12px 16px;
  border-bottom:1px solid var(--bx-hair-dark);
  font-variant-numeric:tabular-nums;
}
.bx-table tbody tr:nth-child(odd){ background:rgba(6,16,28,.30); }
.bx-table tbody tr:hover{ background:rgba(31,122,140,.14); }
.bx-table td.bx-num,.bx-table th.bx-num{ font-family:var(--bx-font-mono); }

/* ---------- 9. 图像容器 ---------- */
.bx-figure{
  margin:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.bx-figure__frame{
  position:relative;
  overflow:hidden;
  aspect-ratio:var(--bx-ratio,16 / 9);
  border:1px solid var(--bx-hair-dark);
  border-radius:var(--bx-radius);
  background:linear-gradient(160deg,rgba(31,122,140,.24),rgba(6,16,28,.92));
}
.bx-figure__frame--sand{
  background:linear-gradient(160deg,rgba(31,122,140,.14),rgba(236,231,222,.95));
  border-color:var(--bx-hair-light);
}
.bx-figure__frame::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:2px;
  background:linear-gradient(90deg,var(--bx-flag),var(--bx-lake) 55%,transparent);
  opacity:.8;
  pointer-events:none;
}
.bx-figure__img,
.bx-figure__frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.bx-figure__caption{
  font-size:13px;
  line-height:1.65;
  color:var(--bx-on-dark-soft);
}
.bx-figure--21x9 .bx-figure__frame{ --bx-ratio:21 / 9; }
.bx-figure--4x3 .bx-figure__frame{ --bx-ratio:4 / 3; }
.bx-figure--1x1 .bx-figure__frame{ --bx-ratio:1 / 1; }
.bx-figure--3x4 .bx-figure__frame{ --bx-ratio:3 / 4; }

/* ---------- 10. 面包屑 ---------- */
.bx-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-family:var(--bx-font-mono);
  font-size:12px;
  letter-spacing:.05em;
  color:var(--bx-on-dark-soft);
}
.bx-breadcrumb li{ display:inline-flex; align-items:center; gap:8px; }
.bx-breadcrumb li + li::before{
  content:"/";
  color:var(--bx-line);
}
.bx-breadcrumb a:hover{ color:var(--bx-flag-soft); }
.bx-breadcrumb [aria-current="page"]{ color:var(--bx-paper); }

/* ---------- 11. 页头 ---------- */
.bx-skip{
  position:absolute;
  top:-120px;
  left:12px;
  z-index:120;
  padding:10px 16px;
  border-radius:var(--bx-radius);
  background:var(--bx-flag);
  color:var(--bx-night);
  font-size:14px;
  font-weight:600;
  line-height:1;
  transition:top var(--bx-ease);
}
.bx-skip:focus{ top:12px; color:var(--bx-night); }

.bx-progress{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:3px;
  z-index:90;
  transform:scaleX(0);
  transform-origin:0 50%;
  background:linear-gradient(90deg,var(--bx-lake),var(--bx-flag));
  pointer-events:none;
}

.bx-header{
  position:sticky;
  top:0;
  z-index:80;
  background:rgba(6,16,28,.90);
  -webkit-backdrop-filter:blur(16px) saturate(150%);
  backdrop-filter:blur(16px) saturate(150%);
  border-bottom:1px solid var(--bx-hair-dark);
  color:var(--bx-on-dark);
}
.bx-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:8px;
  background-image:repeating-linear-gradient(90deg,rgba(127,196,206,.45) 0 1px,transparent 1px 72px);
  pointer-events:none;
  opacity:.7;
}

.bx-header__inner{
  max-width:var(--bx-max);
  margin-inline:auto;
  padding:12px var(--bx-edge) 10px;
  display:grid;
  grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);
  grid-template-areas:"brand rail nav";
  align-items:center;
  gap:24px;
  transition:padding var(--bx-ease);
}
.bx-header.is-condensed .bx-header__inner{ padding-block:6px; }

/* 品牌区 */
.bx-header__brand-zone{
  grid-area:brand;
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}
.bx-brand{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  padding-left:12px;
  border-left:2px solid var(--bx-flag);
}
.bx-brand__mark{
  font-family:var(--bx-font-display);
  font-weight:900;
  font-size:22px;
  line-height:1;
  letter-spacing:-.01em;
  color:var(--bx-paper);
  transition:font-size var(--bx-ease);
}
.bx-header.is-condensed .bx-brand__mark{ font-size:19px; }
.bx-brand__sub{
  font-family:var(--bx-font-mono);
  font-size:10.5px;
  letter-spacing:.14em;
  color:var(--bx-on-dark-soft);
  white-space:nowrap;
}

.bx-season-badge{
  display:inline-flex;
  flex-direction:column;
  gap:1px;
  padding:5px 12px;
  border:1px solid var(--bx-hair-dark);
  border-radius:var(--bx-radius);
  background:rgba(31,122,140,.12);
}
.bx-season-badge__label{
  font-family:var(--bx-font-mono);
  font-size:9.5px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--bx-on-dark-soft);
}
.bx-season-badge__value{
  font-size:13px;
  color:var(--bx-lake-soft);
  white-space:nowrap;
}

/* 赛季标尺 */
.bx-header__rail{
  grid-area:rail;
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  overflow:hidden;
}
.bx-header__rail-label{
  font-family:var(--bx-font-mono);
  font-size:10.5px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--bx-on-dark-soft);
  flex:none;
}
.bx-rail{
  position:relative;
  display:flex;
  align-items:stretch;
  gap:2px;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  padding-bottom:2px;
}
.bx-rail::-webkit-scrollbar{ display:none; }
.bx-rail__axis{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:var(--bx-hair-dark);
  pointer-events:none;
}
.bx-rail__fallback{
  font-size:12.5px;
  color:var(--bx-on-dark-soft);
  padding:6px 4px;
  white-space:nowrap;
}
.bx-rail__item{
  position:relative;
  flex:none;
  padding:6px 11px 8px;
  border-bottom:2px solid transparent;
  font-family:var(--bx-font-mono);
  font-size:12.5px;
  letter-spacing:.02em;
  color:var(--bx-on-dark-soft);
  transition:color var(--bx-ease),border-color var(--bx-ease),background-color var(--bx-ease);
}
.bx-rail__item:hover{
  color:var(--bx-paper);
  background:rgba(31,122,140,.16);
}
.bx-rail__item[aria-pressed="true"]{
  color:var(--bx-paper);
  border-bottom-color:var(--bx-flag);
  background:rgba(228,87,46,.14);
}

/* 导航区 */
.bx-header__nav{
  grid-area:nav;
  display:flex;
  align-items:center;
  gap:10px;
  justify-self:end;
  min-width:0;
}

.bx-nav__list{
  display:flex;
  align-items:center;
  gap:2px;
}
.bx-nav__link{
  position:relative;
  display:inline-block;
  padding:10px 11px;
  font-size:14.5px;
  font-weight:500;
  letter-spacing:.01em;
  color:var(--bx-on-dark);
  white-space:nowrap;
  transition:color var(--bx-ease);
}
.bx-nav__link::after{
  content:"";
  position:absolute;
  left:11px;
  right:11px;
  bottom:3px;
  height:2px;
  background:var(--bx-flag);
  transform:scaleX(0);
  transform-origin:0 50%;
  transition:transform var(--bx-ease);
}
.bx-nav__link:hover{ color:var(--bx-paper); }
.bx-nav__link:hover::after{ transform:scaleX(1); }
.bx-nav__link[aria-current="page"]{ color:var(--bx-paper); font-weight:600; }
.bx-nav__link[aria-current="page"]::after{ transform:scaleX(1); }

.bx-header__cta{ padding:11px 16px; }
.bx-header__cta:hover{ transform:none; }

.bx-nav-toggle{
  display:none;
  align-items:center;
  gap:9px;
  padding:9px 12px;
  border:1px solid var(--bx-hair-dark);
  border-radius:var(--bx-radius);
  color:var(--bx-on-dark);
  font-size:13px;
  font-weight:600;
  transition:border-color var(--bx-ease),color var(--bx-ease);
}
.bx-nav-toggle:hover{ border-color:var(--bx-flag); color:var(--bx-paper); }
.bx-nav-toggle__bars{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  width:18px;
  height:13px;
}
.bx-nav-toggle__bar{
  display:block;
  height:2px;
  width:100%;
  background:var(--bx-lake-soft);
  transition:transform var(--bx-ease),opacity var(--bx-ease),background-color var(--bx-ease);
}
.bx-nav-toggle[aria-expanded="true"]{ border-color:var(--bx-flag); color:var(--bx-paper); }
.bx-nav-toggle[aria-expanded="true"] .bx-nav-toggle__bar{ background:var(--bx-flag); }
.bx-nav-toggle[aria-expanded="true"] .bx-nav-toggle__bar:nth-child(1){ transform:translateY(5.5px) rotate(45deg); }
.bx-nav-toggle[aria-expanded="true"] .bx-nav-toggle__bar:nth-child(2){ opacity:0; }
.bx-nav-toggle[aria-expanded="true"] .bx-nav-toggle__bar:nth-child(3){ transform:translateY(-5.5px) rotate(-45deg); }

@keyframes bx-panel-in{
  from{ opacity:0; transform:translateY(-8px); }
  to{ opacity:1; transform:none; }
}

/* ---------- 12. 页脚 ---------- */
.bx-footer{
  position:relative;
  background:var(--bx-night);
  color:var(--bx-on-dark);
  border-top:1px solid var(--bx-hair-dark);
}
.bx-footer__inner{
  max-width:var(--bx-max);
  margin-inline:auto;
  padding:clamp(40px,5vw,72px) var(--bx-edge) clamp(24px,3vw,36px);
}
.bx-footer__top{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1.95fr);
  gap:clamp(28px,4vw,64px);
  padding-bottom:clamp(28px,3.4vw,48px);
  border-bottom:1px solid var(--bx-hair-dark);
}
.bx-footer__brand{
  display:flex;
  flex-direction:column;
  gap:14px;
  align-items:flex-start;
  max-width:40ch;
}
.bx-footer__mark{
  position:relative;
  padding-left:14px;
  font-family:var(--bx-font-display);
  font-weight:900;
  font-size:26px;
  line-height:1;
  letter-spacing:-.01em;
  color:var(--bx-paper);
}
.bx-footer__mark::before{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  bottom:2px;
  width:3px;
  background:linear-gradient(180deg,var(--bx-flag),var(--bx-lake));
}
.bx-footer__tagline{
  font-size:15px;
  line-height:1.75;
  color:var(--bx-on-dark);
}
.bx-footer__contact{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-size:13.5px;
  color:var(--bx-on-dark-soft);
}
.bx-footer__address{
  font-size:13.5px;
  color:var(--bx-on-dark-soft);
}
.bx-footer__sep{ color:var(--bx-line); }

.bx-footer__cols{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(20px,3vw,40px);
}
.bx-footer__col{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding-left:16px;
  border-left:1px solid var(--bx-hair-dark);
}
.bx-footer__col-title{
  display:flex;
  align-items:center;
  gap:8px;
  font-family:var(--bx-font-mono);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--bx-on-dark-soft);
}
.bx-footer__col-title::before{
  content:"";
  width:7px;
  height:7px;
  background:var(--bx-lake);
  flex:none;
}
.bx-footer__list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.bx-footer__link{
  font-size:14.5px;
  color:var(--bx-on-dark);
  transition:color var(--bx-ease);
}
.bx-footer__link:hover{ color:var(--bx-flag-soft); }
.bx-footer__link--strong{
  color:var(--bx-lake-soft);
  font-weight:600;
}
.bx-footer__link--strong:hover{ color:var(--bx-flag-soft); }

.bx-footer__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 28px;
  padding-top:clamp(18px,2.2vw,28px);
}
.bx-footer__note{
  font-size:13px;
  line-height:1.7;
  color:var(--bx-on-dark-soft);
  max-width:62ch;
}
.bx-footer__legal{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  font-size:12.5px;
  color:var(--bx-on-dark-soft);
}
.bx-footer__track{
  height:5px;
  border-top:1px solid var(--bx-hair-dark);
  background-image:
    linear-gradient(90deg,var(--bx-flag) 0 84px,transparent 84px),
    repeating-linear-gradient(90deg,rgba(127,196,206,.55) 0 1px,transparent 1px 56px);
}

/* ---------- 13. 显现动效协议 ---------- */
.bx-motion [data-bx-reveal]{
  opacity:0;
  transform:translateY(8px);
  transition:opacity 220ms ease,transform 220ms ease;
}
.bx-motion [data-bx-reveal].is-in{
  opacity:1;
  transform:none;
}

/* ---------- 14. 响应式 ---------- */
@media (max-width:1180px){
  .bx-season-badge{ display:none; }
}

@media (max-width:1079px){
  .bx-header__inner{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "brand tools"
      "rail rail";
    gap:10px 16px;
    padding:10px var(--bx-edge) 8px;
  }
  .bx-header__brand-zone{ grid-area:brand; }
  .bx-header__nav{ grid-area:tools; }
  .bx-header__rail{ grid-area:rail; overflow:visible; }
  .bx-header__rail-label{ display:none; }

  .bx-nav-toggle{ display:inline-flex; }

  .bx-nav{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:85;
    padding:6px var(--bx-edge) 22px;
    background:rgba(6,16,28,.97);
    -webkit-backdrop-filter:blur(16px) saturate(150%);
    backdrop-filter:blur(16px) saturate(150%);
    border-bottom:1px solid var(--bx-hair-dark);
    box-shadow:0 24px 48px rgba(0,0,0,.45);
  }
  .bx-nav[data-open]{ display:block; animation:bx-panel-in 180ms ease both; }
  .bx-nav__list{
    flex-direction:column;
    align-items:stretch;
    gap:0;
  }
  .bx-nav__link{
    display:block;
    padding:15px 2px;
    font-size:17px;
    border-bottom:1px solid var(--bx-hair-dark);
  }
  .bx-nav__link::after{
    left:2px;
    right:auto;
    width:26px;
    bottom:8px;
  }

  .bx-footer__top{ grid-template-columns:minmax(0,1fr); }
  .bx-footer__brand{ max-width:none; }
}

@media (max-width:900px){
  .bx-grid--5-7,
  .bx-grid--7-5,
  .bx-grid--3-6-3,
  .bx-grid--2-8,
  .bx-grid--halves,
  .bx-grid--thirds{
    grid-template-columns:minmax(0,1fr);
  }
  .bx-drop-1{ margin-top:16px; }
  .bx-drop-2{ margin-top:28px; }
  .bx-footer__cols{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bx-index-list__row{ grid-template-columns:64px minmax(0,1fr) auto; gap:12px; }
}

@media (max-width:620px){
  .bx-header__cta{ padding:10px 12px; font-size:13px; }
  .bx-nav-toggle__text{ display:none; }
  .bx-brand__sub{ display:none; }
  .bx-footer__cols{ grid-template-columns:minmax(0,1fr); gap:22px; }
  .bx-footer__meta{ flex-direction:column; align-items:flex-start; }
  .bx-kv{ grid-template-columns:minmax(0,1fr); gap:4px 0; }
  .bx-kv dt{ margin-top:10px; }
}

/* ---------- 15. 动效与偏好 ---------- */
@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-behavior:auto !important;
  }
  .bx-motion [data-bx-reveal]{ opacity:1; transform:none; }
  .bx-btn:hover,
  .bx-card:hover{ transform:none; }
}