/*
 * 推荐条：找资源采集助手（首屏，加群按钮正下方）
 *
 * 主次关系：加群按钮是「实心玫红」= 主转化；推荐条是「描边琥珀」= 次级推荐。
 * 要显眼，但不能比主按钮更像按钮：
 *   - 琥珀描边 + 左侧色条 + 渐变淡底，周期性扫光吸引视线
 *   - 「推荐」实心标签、「38 秒」放大等宽数字，作为视觉落点
 *   - 复制按钮为琥珀描边款，悬停才填实
 * 琥珀色（--amber）用来区分「这是另一个产品」，与巨量主色玫红分开。
 */
.assist {
  --amber-line: rgba(249, 115, 22, .5);
  --amber-wash: rgba(249, 115, 22, .09);

  position: relative; overflow: hidden;
  max-width: 600px; margin: var(--sp-6) auto 0;
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: var(--sp-3) var(--sp-4);
  padding: var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-5);
  text-align: left;
  background: linear-gradient(90deg, var(--amber-wash), rgba(249, 115, 22, .02));
  border: 1px solid var(--amber-line); border-left: 3px solid var(--amber);
  border-radius: var(--r-md);
  box-shadow: 0 14px 40px -24px rgba(249, 115, 22, .55);
}

/* 扫光：每 4.5s 一道，从左扫到右；prefers-reduced-motion 下由 main.css 全局关闭 */
.assist::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(105deg, transparent 35%, rgba(255, 190, 120, .16) 50%, transparent 65%);
  translate: -100% 0;
  animation: assist-sheen 4.5s var(--ease-out) 1.2s infinite;
}
@keyframes assist-sheen {
  0%   { translate: -100% 0; }
  40%  { translate: 100% 0; }
  100% { translate: 100% 0; }
}

/* 普通行内排版而非 flex：flex 会把每段文字拆成独立块，产生多余空隙，标点还可能落到行首 */
.assist__txt {
  min-width: 0; flex: 1 1 16rem;
  font-size: var(--fs-sm); line-height: 1.8; color: var(--text-mid); text-wrap: pretty;
}
.assist__txt b { font-weight: 600; color: var(--text-hi); }
.assist__txt em {
  margin-inline: .1em;
  font-style: normal; font-family: var(--font-display);
  font-size: 1.3em; font-weight: 700; color: var(--amber); letter-spacing: -.02em;
}
/* 「秒」用中文字体并收小：等宽字体的空格过宽，数字与单位会显得断开 */
.assist__txt em span { margin-left: .12em; font-family: var(--font-cn); font-size: .82em; }

.assist__tag {
  display: inline-block; vertical-align: 2px;
  margin-right: .55em;
  padding: 0 .6em;
  font-size: var(--fs-2xs); font-weight: 700; letter-spacing: .1em; line-height: 1.8;
  color: #1a0d03; background: var(--amber);
  border-radius: var(--r-sm);
}

.assist__copy {
  position: relative; z-index: 1;
  margin-top: 0; flex: none;
  font-size: var(--fs-sm); font-weight: 600;
  color: var(--amber); background: var(--amber-wash); border-color: var(--amber-line);
}
.assist__copy .copysite__ico::before { background: #1a1410; }
.assist__copy:hover { color: #fff; background: var(--amber); border-color: var(--amber); }
.assist__copy:hover .copysite__ico::before { background: var(--amber); }
.assist__copy.done { color: var(--amber); border-color: var(--amber); background: var(--amber-wash); }
.assist__copy.done .copysite__ico::before { border-color: var(--amber); }

/* 窄屏：文字与按钮各占一行，按钮撑满便于点按 */
@media (max-width: 480px) {
  .assist { padding-left: var(--sp-4); }
  .assist__copy { width: 100%; justify-content: center; padding-block: .6em; }
}