/* ==========================================================
   华体育赛事 · 共享样式表  /assets/site.css
   头部浮岛 / 页脚档案层 / 通用组件 / 响应式 / 无障碍
   ========================================================== */

:root{
  --hth-red:#C8102E;
  --hth-red-deep:#A00C24;
  --hth-ink-green:#0E3B32;
  --hth-pine:#17594A;
  --hth-night:#0B0F0E;
  --hth-night-2:#16211E;
  --hth-sand:#C8A353;
  --hth-sand-pale:#E8DCC2;
  --hth-paper:#F7F5F0;
  --hth-gray:#6B6B66;
  --hth-line:#D8D3C8;
  --hth-grass:#3F6B4A;
  --hth-ink:#1E2523;

  --font-display:'Oswald','Barlow Condensed','Source Han Sans SC','PingFang SC',sans-serif;
  --font-heading:'Source Han Sans SC','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
  --font-body:'Noto Sans SC','Source Han Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
  --font-mono:'JetBrains Mono','IBM Plex Mono','SFMono-Regular',Consolas,monospace;

  --ease:cubic-bezier(0.2,0.6,0.2,1);
  --dur:150ms;
  --shell:1280px;
}

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

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:104px;
}

body{
  margin:0;
  background:var(--hth-paper);
  color:var(--hth-ink);
  font-family:var(--font-body);
  font-size:1rem;
  font-weight:400;
  line-height:1.85;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote{margin:0;}
ul,ol{padding:0;list-style:none;}
img{max-width:100%;display:block;}
a{color:inherit;}
button{font:inherit;color:inherit;background:none;border:0;padding:0;}
table{border-collapse:collapse;width:100%;}

:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--hth-sand);
  outline-offset:2px;
  border-radius:2px;
}

/* ---------- 跳转链接 ---------- */
.skip-link{
  position:absolute;
  left:16px;
  top:-80px;
  z-index:200;
  padding:.6rem 1rem;
  background:var(--hth-night);
  color:var(--hth-paper);
  font-family:var(--font-heading);
  font-size:.85rem;
  font-weight:700;
  text-decoration:none;
  border-radius:2px;
  transition:top var(--dur) var(--ease);
}
.skip-link:focus{top:12px;}

/* ---------- 通用容器与网格 ---------- */
.hth-container{
  width:100%;
  max-width:var(--shell);
  margin-inline:auto;
  padding-inline:24px;
}
.hth-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:24px;
}
.hth-prose{max-width:68ch;line-height:1.9;}
.hth-prose p{margin-bottom:1.15em;}
.hth-prose h2,.hth-prose h3{
  font-family:var(--font-heading);
  font-weight:700;
  color:var(--hth-ink-green);
  line-height:1.35;
  margin:1.6em 0 .6em;
}
.hth-note{
  font-size:.8125rem;
  color:var(--hth-gray);
  line-height:1.75;
}

/* ---------- 头部浮岛 ---------- */
.hth-header{
  position:sticky;
  top:0;
  z-index:60;
  padding:10px 0 12px;
  pointer-events:none;
}
.hth-header__inner{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  width:100%;
  max-width:1320px;
  margin-inline:auto;
  padding-inline:20px;
  pointer-events:none;
}
.hth-header__inner > *{pointer-events:auto;}

/* 品牌岛 */
.brand-island{
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 18px 7px 7px;
  border:1px solid var(--hth-line);
  border-radius:999px;
  background:rgba(247,245,240,.94);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  text-decoration:none;
  transition:border-color var(--dur) var(--ease);
}
.brand-island:hover{border-color:var(--hth-red);}
.brand-island__seal{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:50%;
  background:var(--hth-red);
  color:#fff;
  font-family:var(--font-mono);
  font-size:.7rem;
  font-weight:600;
  letter-spacing:.02em;
}
.brand-island__text{display:block;min-width:0;}
.brand-island__name{
  display:block;
  font-family:var(--font-heading);
  font-size:.95rem;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.03em;
  color:var(--hth-ink-green);
  white-space:nowrap;
}
.brand-island__line{
  display:block;
  font-size:.68rem;
  line-height:1.4;
  letter-spacing:.05em;
  color:var(--hth-gray);
  white-space:nowrap;
}

/* 移动导航按钮 */
.nav-toggle{
  display:none;
  align-items:center;
  gap:9px;
  padding:.5rem .9rem;
  border:1px solid var(--hth-line);
  border-radius:999px;
  background:rgba(247,245,240,.94);
  color:var(--hth-ink-green);
  font-family:var(--font-heading);
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.06em;
  cursor:pointer;
  transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.nav-toggle:hover{border-color:var(--hth-red);color:var(--hth-red-deep);}
.nav-toggle__bars{display:grid;gap:3px;width:16px;}
.nav-toggle__bars i{
  display:block;
  height:2px;
  border-radius:1px;
  background:currentColor;
  transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease);
}
[data-open="true"] .nav-toggle__bars i:nth-child(1){transform:translateY(5px) rotate(45deg);}
[data-open="true"] .nav-toggle__bars i:nth-child(2){opacity:0;}
[data-open="true"] .nav-toggle__bars i:nth-child(3){transform:translateY(-5px) rotate(-45deg);}

/* 主栏目胶囊岛 */
.nav-island{
  justify-self:center;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  border:1px solid var(--hth-line);
  border-radius:999px;
  background:rgba(247,245,240,.94);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  transition:
    max-width var(--dur) var(--ease),
    max-height var(--dur) var(--ease),
    opacity var(--dur) var(--ease),
    border-width var(--dur) var(--ease);
}
.nav-island__list{
  display:flex;
  align-items:center;
  gap:2px;
  padding:4px;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}
.nav-island__list::-webkit-scrollbar{display:none;}
.nav-island__list li{flex:0 0 auto;scroll-snap-align:start;}
.nav-island__list a{
  position:relative;
  display:block;
  isolation:isolate;
  overflow:hidden;
  padding:.44rem .95rem;
  border-radius:999px;
  color:var(--hth-ink-green);
  font-family:var(--font-heading);
  font-size:.88rem;
  font-weight:700;
  letter-spacing:.04em;
  text-decoration:none;
  white-space:nowrap;
  transition:color var(--dur) var(--ease);
}
.nav-island__list a::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:var(--hth-red);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform var(--dur) var(--ease);
}
.nav-island__list a:hover::before,
.nav-island__list a:focus-visible::before{transform:scaleX(1);}
.nav-island__list a:hover,
.nav-island__list a:focus-visible{color:#fff;}
.nav-island__list a[aria-current="page"]{color:#fff;}
.nav-island__list a[aria-current="page"]::before{transform:scaleX(1);}

/* 快捷胶囊组 */
.quick-island{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.quick-pill{
  display:inline-flex;
  align-items:center;
  padding:.46rem .85rem;
  border:1px solid rgba(200,16,46,.42);
  border-radius:999px;
  background:rgba(247,245,240,.94);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  color:var(--hth-red-deep);
  font-family:var(--font-heading);
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.05em;
  text-decoration:none;
  white-space:nowrap;
  transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.quick-pill:hover{background:var(--hth-red);border-color:var(--hth-red);color:#fff;}
.quick-pill--solid{background:var(--hth-red);border-color:var(--hth-red);color:#fff;}
.quick-pill--solid:hover{background:var(--hth-red-deep);border-color:var(--hth-red-deep);}
.sync-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:.3rem .65rem;
  border:1px solid var(--hth-line);
  border-radius:999px;
  background:rgba(232,220,194,.62);
  color:var(--hth-ink-green);
  font-family:var(--font-mono);
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.04em;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.sync-tag__dot{
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:var(--hth-grass);
}

/* 滚动收窄 */
.hth-header.is-condensed .brand-island__line{display:none;}
.hth-header.is-condensed .hth-header__inner{padding-block:2px;}

/* ---------- 通用按钮 ---------- */
.hth-btn{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.72rem 1.3rem;
  border:1px solid var(--hth-ink-green);
  border-radius:2px;
  background:transparent;
  color:var(--hth-ink-green);
  font-family:var(--font-heading);
  font-size:.88rem;
  font-weight:700;
  letter-spacing:.06em;
  text-decoration:none;
  cursor:pointer;
  transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.hth-btn:hover{background:var(--hth-ink-green);color:var(--hth-paper);}
.hth-btn--red{border-color:var(--hth-red);background:var(--hth-red);color:#fff;}
.hth-btn--red:hover{background:var(--hth-red-deep);border-color:var(--hth-red-deep);color:#fff;}
.hth-btn--ghost{border-color:var(--hth-line);color:var(--hth-ink-green);}
.hth-btn--ghost:hover{background:var(--hth-sand-pale);border-color:var(--hth-sand);color:var(--hth-ink-green);}

/* ---------- 面包屑 ---------- */
.hth-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
  font-family:var(--font-mono);
  font-size:.75rem;
  font-weight:500;
  letter-spacing:.06em;
  color:var(--hth-gray);
}
.hth-breadcrumb a{
  color:var(--hth-gray);
  text-decoration:none;
  border-bottom:1px solid var(--hth-line);
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.hth-breadcrumb a:hover{color:var(--hth-red-deep);border-bottom-color:var(--hth-red-deep);}
.hth-breadcrumb__sep{color:var(--hth-line);}

/* ---------- 编号章节头 ---------- */
.hth-section-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:end;
  gap:16px;
  padding-bottom:14px;
  margin-bottom:28px;
  border-bottom:1px solid var(--hth-line);
}
.section-tag{
  align-self:center;
  padding:.25rem .55rem;
  border-radius:2px;
  background:var(--hth-sand);
  color:var(--hth-night);
  font-family:var(--font-mono);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.08em;
  font-variant-numeric:tabular-nums;
}
.hth-section-head__title{
  font-family:var(--font-heading);
  font-size:clamp(1.6rem,3vw,2.4rem);
  font-weight:700;
  line-height:1.35;
  letter-spacing:.01em;
  color:var(--hth-ink-green);
}
.hth-section-head__note{
  justify-self:end;
  max-width:32ch;
  text-align:right;
  font-size:.8125rem;
  line-height:1.7;
  color:var(--hth-gray);
}

/* ---------- 等宽数据表 ---------- */
.hth-table{
  font-family:var(--font-mono);
  font-size:.85rem;
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}
.hth-table caption{
  caption-side:top;
  padding-bottom:10px;
  text-align:left;
  font-family:var(--font-heading);
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--hth-gray);
}
.hth-table thead th{
  padding:.6rem .75rem;
  border-top:2px solid var(--hth-sand);
  border-bottom:1px solid var(--hth-line);
  text-align:left;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.1em;
  color:var(--hth-ink-green);
}
.hth-table tbody td{
  padding:.7rem .75rem;
  border-bottom:1px solid var(--hth-line);
  color:var(--hth-ink);
}
.hth-table tbody tr:nth-child(even){background:rgba(232,220,194,.34);}
.hth-table tbody tr:hover{background:rgba(200,163,83,.16);}
.hth-table td.is-key{color:var(--hth-red-deep);font-weight:600;}

/* ---------- 索引卡 ---------- */
.index-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:18px;
  padding:18px 0;
  border-bottom:1px solid var(--hth-line);
  text-decoration:none;
  transition:border-color var(--dur) var(--ease);
}
.index-card__num{
  min-width:3.4ch;
  font-family:var(--font-mono);
  font-size:1.05rem;
  font-weight:600;
  line-height:1.4;
  color:var(--hth-red);
  font-variant-numeric:tabular-nums;
  transition:color var(--dur) var(--ease);
}
.index-card__title{
  font-family:var(--font-heading);
  font-size:1.05rem;
  font-weight:700;
  line-height:1.45;
  color:var(--hth-ink-green);
}
.index-card__desc{
  margin-top:4px;
  font-size:.85rem;
  line-height:1.75;
  color:var(--hth-gray);
}
.index-card:hover{border-bottom-color:var(--hth-red-deep);}
.index-card:hover .index-card__num{color:var(--hth-red-deep);}

/* ---------- 胶囊筛选条 ---------- */
.pill-filter{
  display:flex;
  gap:8px;
  padding-bottom:6px;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}
.pill-filter::-webkit-scrollbar{display:none;}
.pill-filter__item{
  flex:0 0 auto;
  scroll-snap-align:start;
  padding:.4rem .9rem;
  border:1px solid var(--hth-line);
  border-radius:999px;
  background:transparent;
  color:var(--hth-ink-green);
  font-family:var(--font-heading);
  font-size:.84rem;
  font-weight:700;
  letter-spacing:.04em;
  cursor:pointer;
  transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.pill-filter__item:hover{border-color:var(--hth-red);color:var(--hth-red-deep);}
.pill-filter__item[aria-pressed="true"],
.pill-filter__item.is-active{background:var(--hth-red);border-color:var(--hth-red);color:#fff;}
.pill-filter__item--grass[aria-pressed="true"],
.pill-filter__item--grass.is-active{background:var(--hth-grass);border-color:var(--hth-grass);color:#fff;}

/* ---------- 深色订阅面板 ---------- */
.hth-panel-dark{
  position:relative;
  overflow:hidden;
  padding:32px 28px;
  border-radius:2px;
  background:var(--hth-ink-green);
  background-image:linear-gradient(160deg,var(--hth-pine) 0%,var(--hth-ink-green) 46%,var(--hth-night) 100%);
  color:rgba(247,245,240,.9);
}
.hth-panel-dark::before{
  content:'';
  position:absolute;
  inset:auto 0 0 0;
  height:26px;
  background-image:repeating-linear-gradient(90deg,rgba(200,163,83,.55) 0 1px,transparent 1px 22px);
  opacity:.7;
  pointer-events:none;
}
.hth-panel-dark .hth-section-head__title,
.hth-panel-dark h2,
.hth-panel-dark h3{color:var(--hth-sand);}
.hth-panel-dark .hth-note{color:rgba(232,220,194,.7);}
.hth-panel-dark .hth-table thead th{color:var(--hth-sand);border-top-color:var(--hth-sand);}
.hth-panel-dark .hth-table tbody td{color:rgba(247,245,240,.9);border-bottom-color:rgba(232,220,194,.22);}
.hth-panel-dark .hth-table tbody tr:nth-child(even){background:rgba(22,33,30,.85);}

/* ---------- 图片容器基础规则 ---------- */
.hth-media{
  position:relative;
  display:block;
  overflow:hidden;
  aspect-ratio:16 / 9;
  border:1px solid var(--hth-line);
  background:var(--hth-night-2);
}
.hth-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.74) contrast(1.06);
}
.hth-media::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(14,59,50,.2) 0%,rgba(11,15,14,.36) 100%);
  pointer-events:none;
}
.hth-media--wide{aspect-ratio:21 / 9;}
.hth-media--tall{aspect-ratio:4 / 5;}
.hth-media--square{aspect-ratio:1 / 1;}
.hth-media__caption{
  position:absolute;
  left:12px;
  bottom:10px;
  z-index:1;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.05em;
  color:rgba(247,245,240,.86);
}

/* ---------- 页脚 ---------- */
.hth-footer{
  margin-top:96px;
  background:var(--hth-ink-green);
  background-image:linear-gradient(180deg,var(--hth-pine) 0%,var(--hth-ink-green) 44%,var(--hth-night) 100%);
  color:rgba(247,245,240,.88);
  font-size:.875rem;
}
.hth-footer__inner{
  display:grid;
  grid-template-columns:1.5fr .9fr .95fr .75fr 1.25fr;
  gap:36px 26px;
  width:100%;
  max-width:var(--shell);
  margin-inline:auto;
  padding:56px 24px 38px;
}
.footer-seal{
  display:inline-flex;
  align-items:center;
  padding:.3rem .55rem;
  border-radius:2px;
  background:var(--hth-sand);
  color:var(--hth-night);
  font-family:var(--font-mono);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.1em;
}
.footer-brand__name{
  margin:14px 0 4px;
  font-family:var(--font-heading);
  font-size:1.15rem;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--hth-paper);
}
.footer-brand__line{
  font-size:.8rem;
  letter-spacing:.05em;
  color:rgba(232,220,194,.74);
}
.footer-brand__note{
  margin-top:14px;
  max-width:34ch;
  font-size:.78rem;
  line-height:1.8;
  color:rgba(247,245,240,.6);
}
.footer-col__title{
  margin-bottom:14px;
  font-family:var(--font-mono);
  font-size:.7rem;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--hth-sand);
}
.footer-col__list{display:grid;gap:9px;}
.footer-link{
  font-size:.85rem;
  color:rgba(247,245,240,.8);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.footer-link:hover{color:var(--hth-paper);border-bottom-color:var(--hth-sand);}
.footer-contact{
  margin-bottom:9px;
  font-family:var(--font-mono);
  font-size:.78rem;
  font-weight:500;
  line-height:1.7;
  letter-spacing:.02em;
  color:rgba(247,245,240,.84);
  word-break:break-word;
}
.footer-contact--muted{
  font-family:var(--font-body);
  font-size:.78rem;
  color:rgba(247,245,240,.58);
}
.hth-footer__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:10px 28px;
  width:100%;
  max-width:var(--shell);
  margin-inline:auto;
  padding:20px 24px 34px;
  border-top:1px solid rgba(200,163,83,.32);
  font-size:.75rem;
  line-height:1.75;
  color:rgba(247,245,240,.6);
}
.footer-meta__note{max-width:62ch;}
.footer-meta__legal{
  font-family:var(--font-mono);
  letter-spacing:.03em;
  font-variant-numeric:tabular-nums;
}

/* ---------- 动态元素 ---------- */
.hth-progress{
  position:fixed;
  top:0;
  left:0;
  z-index:120;
  width:0;
  height:2px;
  background:var(--hth-red);
  pointer-events:none;
}
.hth-to-top{
  position:fixed;
  right:22px;
  bottom:26px;
  z-index:110;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid var(--hth-sand);
  border-radius:50%;
  background:var(--hth-night);
  color:var(--hth-sand);
  font-family:var(--font-mono);
  font-size:1rem;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transition:opacity var(--dur) var(--ease),visibility var(--dur) var(--ease),background-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.hth-to-top.is-visible{opacity:1;visibility:visible;}
.hth-to-top:hover{background:var(--hth-red);border-color:var(--hth-red);color:#fff;}

/* ---------- 平板 ---------- */
@media (max-width:1180px){
  .hth-footer__inner{grid-template-columns:1.4fr 1fr 1fr;}
  .brand-island__line{display:none;}
}

/* ---------- 移动导航断点 ---------- */
@media (max-width:980px){
  .hth-header{padding:8px 0 10px;}
  .hth-header__inner{
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    padding-inline:16px;
  }
  .brand-island{grid-column:1;grid-row:1;}
  .nav-toggle{display:inline-flex;grid-column:2;grid-row:1;justify-self:end;}
  .nav-island{
    grid-column:1 / -1;
    grid-row:2;
    justify-self:stretch;
    max-height:0;
    max-width:100%;
    opacity:0;
    visibility:hidden;
    border-width:0;
    border-radius:14px;
  }
  .hth-header[data-open="true"] .nav-island{
    max-height:420px;
    opacity:1;
    visibility:visible;
    border-width:1px;
  }
  .nav-island__list{
    flex-direction:column;
    align-items:stretch;
    gap:2px;
    padding:8px;
    overflow:visible;
  }
  .nav-island__list a{padding:.7rem .9rem;border-radius:8px;}
  .nav-island__list li{flex:1 1 auto;}
  .quick-island{
    grid-column:1 / -1;
    grid-row:3;
    flex-wrap:wrap;
    gap:6px;
  }
  .hth-header.is-condensed .nav-island{max-width:100%;}
}

/* ---------- 手机 ---------- */
@media (max-width:760px){
  .hth-container{padding-inline:18px;}
  .hth-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;}
  .hth-section-head{grid-template-columns:minmax(0,1fr);gap:10px;align-items:start;}
  .hth-section-head__note{justify-self:start;text-align:left;}
  .hth-panel-dark{padding:24px 18px;}
  .hth-footer{margin-top:64px;}
  .hth-footer__inner{grid-template-columns:1fr 1fr;gap:28px 22px;padding:44px 18px 30px;}
  .hth-footer__brand{grid-column:1 / -1;}
  .hth-footer__meta{flex-direction:column;padding:18px 18px 30px;}
  .hth-to-top{right:14px;bottom:16px;}
}

@media (max-width:560px){
  .brand-island__seal{width:32px;height:32px;flex-basis:32px;font-size:.62rem;}
  .brand-island__name{font-size:.88rem;}
  .quick-island .sync-tag{display:none;}
  .hth-footer__inner{grid-template-columns:1fr;}
}

/* ---------- 降低动效 ---------- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
  }
  .nav-island__list a::before{transition:none;}
  .hth-progress{transition:none;}
}