/* ==========================================================================
   KimiVPN — ai.css
   AI 工具加速专题页专属样式：首屏文案列 / 工具卡网格 / 章节节奏 / 注释行
   颜色、圆角、阴影一律引用 base.css 的 :root 令牌。
   ========================================================================== */

/* ---------- 首屏文案列 ---------- */
.intro{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  max-width:880px;
}
.intro h1{margin-top:22px}
.intro .lede{margin-top:20px;max-width:740px}
.intro .btn-row{margin-top:26px}
.intro .trust{margin-top:22px}
.intro .fact-row{margin-top:20px}

/* ---------- 章节节奏 ---------- */
.doc-sec{padding-top:56px}
.doc-sec > h2:first-child{margin-top:0}
.doc-note{
  margin-top:16px;
  font-size:14px;
  line-height:1.75;
  color:var(--muted);
  padding-left:14px;
  border-left:3px solid var(--accent-tint-2);
}

/* ---------- 工具卡网格 ---------- */
.tool-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  min-width:0;
  margin-top:26px;
}
.tool-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  background:var(--panel);
  border-radius:var(--r-md);
  box-shadow:var(--shadow-soft);
  padding:24px;
  min-width:0;
}
.tool-head{display:flex;align-items:center;gap:14px;min-width:0}
.tool-ico{
  width:46px;height:46px;border-radius:13px;flex-shrink:0;
  display:grid;place-items:center;color:var(--white);
  box-shadow:0 12px 24px -14px var(--accent-shadow);
}
.tool-ico svg{
  width:23px;height:23px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.ico-plum{background:linear-gradient(145deg,var(--accent-mid),var(--accent-dark))}
.ico-violet{background:linear-gradient(145deg,var(--accent-soft),var(--accent))}
.ico-slate{background:linear-gradient(145deg,var(--muted),var(--ink))}
.ico-warm{background:linear-gradient(145deg,var(--warn),var(--muted))}
.tool-meta{min-width:0}
.tool-meta strong{
  display:block;
  font-family:var(--font-display);
  font-weight:800;font-size:17px;letter-spacing:-.02em;
  color:var(--ink);
}
.tool-meta span{
  display:block;margin-top:2px;
  font-family:var(--font-mono);
  font-size:12px;color:var(--muted-2);
  overflow-wrap:anywhere;
}
.tool-card p{font-size:14.5px;line-height:1.75;color:var(--muted)}
.tool-points{display:grid;gap:8px;font-size:14px;color:var(--ink)}
.tool-points li{position:relative;padding-left:16px;line-height:1.65}
.tool-points li::before{
  content:"";position:absolute;left:0;top:8px;
  width:6px;height:6px;border-radius:50%;
  background:var(--accent-soft);flex-shrink:0;
}
.tool-points li b{color:var(--accent);font-weight:700}

/* ---------- 表格后的说明行 ---------- */
.doc-sec .tabs-note{max-width:100%}
.doc-sec .tabs-note .text-link{vertical-align:middle}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .tool-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:768px){
  .doc-sec{padding-top:44px}
  .tool-card{padding:20px}
  .intro h1{margin-top:18px}
}