/* 能力关键词滚动带（2026-10-12 改版），逻辑在 js/marquee.js。
   两枚图钉之间垂下来一根红线，关键词沿线走：字保持原来那条横滚带的大小和字距（克制，不放大），
   靠「走到中间最亮、两边暗下去」给层次；线和贯穿全页的那根红线、首屏的图钉是一家。
   脚本跑起来后给 .marquee 加 .marquee--arc；没跑起来就还是 css/growth.css 里原来那条横滚带。 */

/* 写成两个类：css/growth.css 在页面里排得更靠后，单写 .marquee--arc 压不过它里面 .marquee 的边线、底色和内边距 */
.marquee.marquee--arc {
  position: relative;
  padding: 6px 0 22px;
  background: none;
  border-top: 0;
  cursor: grab;
  touch-action: pan-y;        /* 竖向照常滚页面，横向留给拖 */
}
.marquee.marquee--arc.is-drag { cursor: grabbing; }

.mq-arc {
  display: block;
  width: 100%;
  overflow: visible;
  user-select: none;
  -webkit-user-select: none;
}
/* 线：和贯穿全页的那根红线同一个规格（css/effects.css 的 .thread__path） */
.mq-arc__line {
  fill: none;
  stroke: var(--accent);
  stroke-width: 1.5;
  stroke-linecap: round;
  opacity: 0.9;
  filter: drop-shadow(0 0 3px var(--accent));
}
.mq-arc__text {
  font-family: var(--font-serif);
  font-size: clamp(15px, 1.62vw, 24px);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  fill: var(--text);
}
.mq-arc__sep { font-size: 0.42em; fill: var(--accent); letter-spacing: 0; }
.mq-arc__pin-g { filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.7)); }
.mq-arc__pin { fill: var(--accent); }
.mq-arc__pin-hi { fill: rgba(255, 255, 255, 0.55); }