/* ============================================================================
   首页「滚动公告」字幕带（复刻 boldcase .ticker）
   --------------------------------------------------------------------------
   位置：首页 Hero 之下、作品展示之上（chaoh-ticker.php 挂 all_top_fluid 优先级 6）。
   外观：上/下 1px 墨线 + 卡面底色（与站点卡片同源的推导式）+ 等宽小字 + 圆点分隔；
   由右向左恒速滚动（速度由 JS 按实测宽度换算，见 chaoh-ticker.js）。
   对齐：外层三断点复刻 .ch-hero-inner / .widget-container（1600 上限），
   与 Hero、卡片墙左右严格对齐。
   注意：本站 `body, * { letter-spacing: 0.3px }` 会直接命中元素，
   这里的 .ch-tick-item 必须显式写 letter-spacing 才拿得回来（已写）。
   ========================================================================== */

/* ---------- 外层与对齐（同 ch-hero 三个断点） ---------- */
body .ch-tick {
  padding: 4px 0 14px;
}
body .ch-tick .ch-tick-inner {
  box-sizing: border-box;
  width: 95%;
  margin: 0 auto;
  padding: 0 15px;
}
@media (min-width: 1240px) {
  body .ch-tick .ch-tick-inner {
    width: auto;
    max-width: var(--mian-max-width, 1200px);
  }
}
@media (max-width: 767px) {
  body .ch-tick {
    padding: 2px 0 10px;
  }
  body .ch-tick .ch-tick-inner {
    width: 100%;
    padding: 0 10px;
  }
}

/* ---------- 字幕带本体 ---------- */
body .ch-tick .ch-tick-band {
  border-top: 1px solid var(--ch-ink);
  border-bottom: 1px solid var(--ch-ink);
  background: #fcfbf7; /* 与亮色卡片同色 */
  overflow: hidden;
  padding: 12px 0;
}
body.dark-theme .ch-tick .ch-tick-band {
  /* 与暗色卡片同一条推导式（皮肤层的 --ch-card-bg），背景加深时自动跟 */
  background: color-mix(in srgb, var(--main-bg-color) 88%, #000);
}

/* ---------- 轨道与条目 ---------- */
body .ch-tick .ch-tick-rail {
  display: flex;
  width: max-content;
}
/* 动画只在 JS 就绪后挂上（is-run）：时长按宽度实测写入内联样式，
   避免「默认时长先闪一下、再被改掉」 */
body .ch-tick .ch-tick-rail.is-run {
  animation-name: ch-tick-run;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
body .ch-tick .ch-tick-set {
  display: flex;
  flex: 0 0 auto;
}
body .ch-tick .ch-tick-item {
  /* 2026-10-17：跟随皮肤层的等宽变量（GoogleSansCode），和站内其它「机器感」标签同源；
     原来这里自写一套 ui-monospace 栈，Windows 上会落到 Cascadia，跟工作台的等宽对不上。 */
  font-family: var(--ch-font-mono, ui-monospace, SFMono-Regular, "Cascadia Code", Consolas, monospace);
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted-color);
  padding: 0 24px;
  white-space: nowrap;
}
/* 条目分隔点：站点强调色（暗=陶土 / 亮=蓝） */
body .ch-tick .ch-tick-item::after {
  content: "·";
  margin-left: 24px;
  color: var(--theme-color);
}

@keyframes ch-tick-run {
  to { transform: translateX(-50%); }
}

/* 系统「减少动态」：停掉滚动（JS 侧也会直接不克隆、不启动） */
@media (prefers-reduced-motion: reduce) {
  body .ch-tick .ch-tick-rail.is-run {
    animation: none !important;
  }
}