/* ---------------------------------------------------------------------
   home-ticker.css — 首页「我们最近协助完成的事」滚动条
   新增文件，只包含新 class，不覆盖 site.css / page.css 任何既有规则。
   只在 index.html 引入。
   --------------------------------------------------------------------- */
.ticker{overflow:hidden}
.ticker__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.ticker__kicker{display:flex;align-items:center;gap:10px;color:var(--coral-700);margin-bottom:10px}
.ticker__dot{width:9px;height:9px;border-radius:50%;background:var(--coral-500);animation:ticker-pulse 2s var(--ease,cubic-bezier(.4,0,.2,1)) infinite}
@keyframes ticker-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
.ticker__note{max-width:420px;color:var(--text-muted);text-align:right}

/* 单行横向滚动；左右渐隐遮罩，边缘不硬切 */
.ticker__row{position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ticker__track{display:flex;gap:20px;width:max-content;list-style:none;margin:0;padding:0;animation:ticker-scroll 55s linear infinite}
@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker__row:hover .ticker__track,.ticker__row:focus-within .ticker__track{animation-play-state:paused}

.ticker__item{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;width:340px;padding:22px 26px;background:var(--surface-band,#e6e0d6);border:1px solid var(--line);border-radius:16px}
.ticker__date{font-family:var(--font-latin);font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--coral-700)}
.ticker__what{font-size:16px;font-weight:700;line-height:1.55;color:var(--navy-800)}
.ticker__meta{font-size:13px;line-height:1.6;color:var(--text-muted)}

@media (max-width:720px){
  .ticker__head{flex-direction:column;align-items:flex-start}
  .ticker__note{text-align:left}
  .ticker__item{width:280px;padding:18px 20px}
  .ticker__track{animation-duration:45s}
}
@media (prefers-reduced-motion:reduce){
  .ticker__track{animation:none}
  .ticker__row{overflow-x:auto;-webkit-mask:none;mask:none}
  .ticker__dot{animation:none}
}