/* ==========================================================================
   首页专属样式(index.html)
   仅放 base/components 之外的局部补充;颜色一律引用设计令牌
   ========================================================================== */

/* 首屏徽标圆点:复用 base.css 的 breathe 关键帧做缓慢呼吸 */
.hero-badge .badge-mark{animation:breathe 2.6s ease-in-out infinite alternate}

/* 下载入口:行内平台图标跟随行颜色 */
.peek-row .row-main svg{
  width:20px;height:20px;flex:none;align-self:center;
  color:var(--text-muted);
  transition:color .2s ease;
}
.peek-row:hover .row-main svg{color:var(--accent)}

/* 下载入口尾部:适用说明 + 全部客户端链接 */
.peek-foot{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px 28px;flex-wrap:wrap;
  padding-top:24px;
}
.peek-note{font-size:13px;line-height:1.9;color:var(--text-muted);max-width:660px}

/* 信任背书:两栏文本块顶部对齐,首个标题去掉上留白 */
.trust-grid{align-items:start}
.trust-grid .prose h3:first-child{margin-top:0}

/* 源码克隆框:复制按钮收进标题栏右缘 */
.termwin .clone-btn{margin-left:auto;flex:none}
.clone-note{font-size:13px;line-height:1.9}

/* FAQ 精选正文内的站内链接:与 prose 链接同一语言 */
.faq-body a{
  color:var(--text);
  text-decoration:underline;
  text-decoration-color:var(--border-strong);
  text-underline-offset:3px;
  transition:color .2s ease,text-decoration-color .2s ease;
}
.faq-body a:hover{color:var(--accent);text-decoration-color:var(--accent)}

@media (prefers-reduced-motion: reduce){
  .hero-badge .badge-mark{animation:none}
}