/* ============================================================
   AICOR 官网 · 组件：按钮与链接 Buttons
   ------------------------------------------------------------
   主按钮 / 幽灵按钮 / 返回链接 / 板块更多链接。
   依赖：tokens.css
   ============================================================ */

/* 主按钮：品牌渐变胶囊 */
.btn-primary {
  padding: 15px 38px; border-radius: 100px; background: var(--grad);
  font-size: 15px; font-weight: 600; letter-spacing: 2px; color: #fff;
  box-shadow: 0 8px 32px rgba(79,140,255,0.35);
  transition: all 0.25s; display: inline-block;
}
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 44px rgba(79,140,255,0.5); }
button.btn-primary { cursor: pointer; font-family: inherit; }

/* 幽灵按钮：描边胶囊 */
.btn-ghost {
  padding: 15px 38px; border-radius: 100px; border: 1px solid var(--line);
  font-size: 15px; letter-spacing: 2px; color: var(--text-2);
  transition: all 0.25s; display: inline-block;
}
.btn-ghost:hover { border-color: rgba(255,255,255,0.4); color: var(--text-1); }

/* 返回链接（文章/详情内页） */
.back-link {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 0 0 60px; padding: 11px 26px;
  border: 1px solid rgba(255,255,255,0.22); border-radius: 100px;
  font-size: 13px; letter-spacing: 2px; color: var(--text-1);
  transition: all 0.25s;
}
.back-link:hover { border-color: transparent; background: var(--grad); box-shadow: 0 4px 24px rgba(79,140,255,0.35); }

/* 板块"更多"链接 */
.more-link {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 30px;
  font-size: 14px; letter-spacing: 1px; color: var(--accent-2);
  transition: gap 0.25s;
}
.more-link:hover { gap: 14px; }
.more-link::after { content: "→"; font-size: 13px; }
