/* ==========================================================================
   VPNAY — ai.css（AI 工具专题页专属样式）
   只补充本页需要的段落节奏与首屏右侧装置；其余全部复用 base/components。
   ========================================================================== */

/* ---------- 首屏：右侧出口地区判定装置（静态，无假数据承诺） ---------- */
.hero-ai .hero-in{grid-template-columns:minmax(0,1fr) 46%}
.hero-ai .stage{height:auto;display:flex;align-items:center}

.spot{
  position:relative;
  width:100%;
  padding:18px;
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  background:linear-gradient(155deg,var(--bg-panel) 0%,var(--bg-panel-tint) 100%);
  box-shadow:var(--shadow-accent);
}
.spot::before{
  content:'';
  position:absolute;
  right:-70px;
  top:-70px;
  width:200px;
  height:200px;
  border:1px dashed var(--accent-22);
  border-radius:50%;
  pointer-events:none;
}
.spot-head{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid var(--border);
}
.spot-k{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--muted);
}
.spot-s{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-left:auto;
  font-size:12px;
  font-weight:700;
  color:var(--ink);
}
.spot-s i{
  flex-shrink:0;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--success);
}
.spot-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;margin-top:12px}
.spot-list li{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:38px;
  padding:0 12px;
  border:1px solid var(--border);
  border-radius:var(--r-sm);
  background:var(--bg-panel);
  font-size:13px;
  min-width:0;
}
.spot-n{font-weight:700;color:var(--ink);flex-shrink:0}
.spot-r{color:var(--muted);font-size:12.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spot-v{margin-left:auto;flex-shrink:0;font-size:12px;color:var(--muted)}
.spot-f{margin-top:12px;font-size:11px;line-height:1.6;color:var(--muted)}

/* ---------- 正文排版 ---------- */
.prose-ai{max-width:var(--maxw)}
.prose-ai > section{padding-top:8px;padding-bottom:40px;border-top:1px solid var(--border)}
.prose-ai > section:first-of-type{border-top:0}
.prose-ai h2{margin-bottom:16px}
.prose-ai h3{margin-top:26px;margin-bottom:8px;font-size:17px}
.prose-ai p{margin-top:10px;font-size:15px;line-height:1.8;color:var(--muted)}
.prose-ai p strong{color:var(--ink);font-weight:600}
.prose-ai .small{margin-top:12px;font-size:12.5px;color:var(--muted)}
.prose-ai pre{margin-top:14px}
.prose-ai .table-scroll{margin-top:18px}
.prose-ai .callout{margin-top:18px}
.prose-ai .fact-row{margin-top:24px}
.prose-ai .promo-block{margin-top:28px}

.link-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.link-list li{
  font-size:14.5px;
  line-height:1.7;
  color:var(--muted);
  padding-left:14px;
  position:relative;
}
.link-list li::before{
  content:'';
  position:absolute;
  left:0;
  top:11px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--accent-2);
}
.link-list a{color:var(--accent);font-weight:600}
.link-list a:hover{color:var(--accent-2);text-decoration:underline}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .hero-ai .hero-in{grid-template-columns:minmax(0,1fr);gap:32px}
  .hero-ai .stage{height:auto}
  .spot::before{display:none}
  .prose-ai > section{padding-bottom:32px}
}

@media (max-width:640px){
  .spot{padding:14px}
  .spot-list li{min-height:36px;padding:0 10px;gap:8px}
  .spot-r{font-size:12px}
  .prose-ai h3{font-size:16px}
  .prose-ai p{font-size:14.5px}
}