/* VPNEQ — AI 加速专题页专属样式（只补本页需要的块，组件一律复用设计系统） */

/* ---------- hero ---------- */
.ai-hero{
  position:relative;
  overflow-x:clip;
  max-width:100%;
  background:linear-gradient(180deg,var(--hero-top) 0%,var(--hero-bot) 100%);
  border-bottom:1px solid var(--border-soft);
  padding-top:64px;
  padding-bottom:64px;
}
.ai-hero::before{
  content:"";position:absolute;inset:0;
  background-image:var(--grain);opacity:.045;mix-blend-mode:multiply;pointer-events:none;
}
.ai-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:56px;
  align-items:center;
}
.ai-hero-copy{max-width:640px}
.ai-hero-copy h1{
  margin-top:18px;
  font-weight:900;
  font-size:clamp(30px,3.6vw,52px);
  line-height:1.12;
  letter-spacing:-.03em;
}
.ai-hero-copy .lead{margin-top:18px;font-size:18px;color:var(--text-muted);max-width:56ch}
.ai-hero-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ai-fact{
  display:inline-flex;align-items:center;gap:6px;
  min-height:30px;padding:5px 12px;
  border:1px solid var(--border);border-radius:var(--r-pill);
  background:var(--bg-panel);font-size:13px;color:var(--text-muted);
  box-shadow:inset 0 1px 0 var(--paper-line);
}
.ai-fact b{color:var(--text);font-weight:700}
.ai-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.ai-hero-cta .cta-note{flex:0 1 auto}

/* hero panel */
.ai-hero-panel{min-width:0}
.ai-panel{
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  padding:22px 22px 18px;
  box-shadow:var(--shadow-win),inset 0 1px 0 var(--paper-line);
}
.ai-panel-head{
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--text-muted);margin:0 0 14px;
}
.ai-panel-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}
.ai-panel-list li{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:var(--bg-panel);padding:11px 14px;min-height:44px;
}
.ai-panel-name{font-size:14.5px;font-weight:600;min-width:0}
.ai-panel-foot{margin:14px 0 0;font-size:12.5px;color:var(--text-muted)}

/* ---------- cause grid ---------- */
.ai-cause-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.ai-cause-grid > *{min-width:0}
.ai-cause{
  background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);
  padding:20px 22px;box-shadow:inset 0 1px 0 var(--paper-line);
}
.ai-cause h3{font-size:16.5px;font-weight:800;margin-bottom:8px}
.ai-cause p{font-size:14.5px;color:var(--text-muted);margin:0}

/* ---------- tool cards ---------- */
.ai-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.ai-tool-grid > *{min-width:0}
.ai-tool{gap:0}
.ai-tool-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.ai-tool-ico{
  width:38px;height:38px;border-radius:var(--r-sm);background:var(--bg-panel2);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text);
}
.ai-tool-ico svg{width:20px;height:20px}
.ai-tool h3{font-size:16.5px;font-weight:800;min-width:0}
.ai-tool p{font-size:14.5px;color:var(--text-muted);margin:0 0 .8em}
.ai-tool-note{
  font-size:13px;color:var(--text);
  border-left:2px solid var(--accent);padding-left:10px;margin:0 !important;
}

/* ---------- match table cells ---------- */
.ai-cell{font-weight:600}

/* ---------- note list ---------- */
.ai-note-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;margin-bottom:24px}
.ai-note{background:var(--bg-panel);padding:20px 22px}
.ai-note h3{font-size:16.5px;font-weight:800;margin-bottom:8px}
.ai-note p{font-size:14.5px;color:var(--text-muted);margin:0}

/* ---------- next links ---------- */
.ai-next{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:18px;margin-top:36px}
.ai-next > *{min-width:0}
.ai-next-card{
  display:flex;flex-direction:column;gap:8px;
  background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);
  padding:20px 22px;box-shadow:inset 0 1px 0 var(--paper-line);
  transition:border-color var(--dur-fast);
}
.ai-next-card:hover{border-color:var(--accent-dark)}
.ai-next-k{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;color:var(--text-muted)}
.ai-next-t{font-size:14.5px;color:var(--text);line-height:1.55}
.ai-next-a{font-size:13.5px;font-weight:700;color:var(--accent-dark);margin-top:auto}

@media (max-width:900px){
  .ai-hero{padding-top:44px;padding-bottom:44px}
  .ai-hero-grid{grid-template-columns:1fr;gap:32px}
  .ai-hero-copy{max-width:none}
}
@media (max-width:640px){
  .ai-hero-copy h1{font-size:30px}
  .ai-hero-copy .lead{font-size:16.5px}
  .ai-tool-grid{grid-template-columns:1fr}
  .ai-cause-grid{grid-template-columns:1fr}
  .ai-next{grid-template-columns:1fr}
}