/* ==========================================================================
   VPNBu · ai.css
   AI 工具加速专题页专属样式（只新增本页组件，不重复定义共享组件）
   ========================================================================== */

/* ------------------------------------------------------------ 首屏 */
.ai-hero{
  padding-top:calc(var(--sec-y) * .85);
  padding-bottom:calc(var(--sec-y) * .5);
  text-align:center;
}
.ai-hero h1{margin:18px auto 0;max-width:22ch}
.ai-hero .lead{max-width:760px;margin:16px auto 0}
.ai-hero .cta-row{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:12px;margin:28px 0 24px;
}
.ai-hero .trust{max-width:860px;margin:0 auto}

/* ------------------------------------------------------- 长文正文列 */
.ai-doc{max-width:940px;margin:0 auto}
.ai-doc > section{margin:0 0 6px}
.ai-doc .table-scroll{margin:0 0 22px}
/* 正文里的步骤列表：去掉 .prose ol li 的默认序号，只留 counter 圆标 */
.ai-doc .steps > li{list-style:none}
.ai-doc .steps{margin:0 0 22px}

/* --------------------------------------------------------- 工具卡片 */
.tool-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;margin:0 0 24px;
}
.tool-grid > *{min-width:0}
.tool-card{display:flex;flex-direction:column;gap:10px}
.tool-head{display:flex;align-items:center;gap:12px;min-width:0}
.tool-ic{
  width:40px;height:40px;border-radius:12px;flex:0 0 40px;
  background:var(--bg-panel2);color:var(--accent-dark);
  display:flex;align-items:center;justify-content:center;
}
.tool-ic svg{width:20px;height:20px}
.tool-name{
  font-family:var(--font-display);font-size:16.5px;font-weight:700;
  letter-spacing:-.01em;min-width:0;
}
.tool-card p{margin:0;font-size:14px;color:var(--text-muted);line-height:1.7}
.tool-need{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:10px}

/* --------------------------------------------------- 场景 / 建议栅格 */
.pick-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;margin:0 0 22px;
}
.pick-grid > *{min-width:0}
.pick-card h3{margin:0 0 8px;font-size:16.5px}
.pick-card p{margin:0;font-size:14px;color:var(--text-muted);line-height:1.7}
.pick-card .pick-tag{margin-bottom:12px}

/* ------------------------------------------------------- 结尾链接行 */
.ai-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}

/* ------------------------------------------------------------ 响应式 */
@media (max-width:980px){
  .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .tool-grid{grid-template-columns:1fr}
  .pick-grid{grid-template-columns:1fr}
  .ai-hero h1{max-width:100%}
}