/* ==========================================================================
   VPNAY — pricing.css（套餐页专属样式）
   只补充 base.css / components.css 未覆盖的版式细节，颜色与圆角一律走令牌。
   ========================================================================== */

/* ---------- 页头 ---------- */
.price-head{padding-top:56px;padding-bottom:24px}
.price-h1{margin-top:14px;font-size:clamp(32px,4.6vw,52px)}
.price-lead{margin-top:18px;max-width:54em}
.price-lead strong{color:var(--ink);font-weight:700}
.price-rule{
  width:100%;
  max-width:320px;
  height:auto;
  margin-top:26px;
  color:var(--doodle);
}
.price-rule path{stroke:var(--accent-22)}
.price-rule line{stroke:var(--border-strong)}
.price-facts{margin-top:22px}
.price-facts .fact-chip{font-size:12.5px}

/* ---------- 套餐卡补充 ---------- */
.plan-fit{margin-top:12px;font-size:13.5px;line-height:1.75;color:var(--muted)}
.pack-card{background:linear-gradient(180deg,var(--bg-panel) 0%,var(--bg-panel-tint) 100%)}
.plan-note{
  margin-top:22px;
  padding-top:16px;
  border-top:1px dashed var(--border-strong);
  font-size:13px;
  line-height:1.75;
  color:var(--muted);
}
.pack-note{
  margin-top:20px;
  padding:14px 16px;
  border:1px solid var(--border);
  border-radius:var(--r-md);
  background:var(--bg-panel);
  font-size:13px;
  line-height:1.75;
  color:var(--muted);
}

/* ---------- 所有套餐均包含 ---------- */
.includes-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(248px,1fr));
  gap:14px;
}
.include-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
  padding:16px 18px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--r-md);
  box-shadow:var(--shadow-card);
}
.include-ico{
  flex:none;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:var(--r-sm);
  background:var(--accent-08);
  color:var(--accent);
}
.include-ico svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.include-item h3{font-size:14.5px;line-height:1.4}
.include-item p{margin-top:6px;font-size:13px;line-height:1.7;color:var(--muted)}

/* ---------- 对比表说明 ---------- */
.compare-note{margin-top:14px;font-size:13px;line-height:1.75;color:var(--muted)}

/* ---------- 支付方式 ---------- */
.pay-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px;
}
.pay-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  padding:22px 20px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--r-md);
  box-shadow:var(--shadow-card);
}
.pay-mark{
  display:inline-flex;
  align-items:center;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--muted);
}
.pay-card h3{font-size:15.5px}
.pay-card p{font-size:13.5px;line-height:1.7;color:var(--muted)}
.price-sub-head{margin-top:36px;margin-bottom:20px}
.price-sub-head h3{font-size:19px}

/* ---------- 退款承诺 ---------- */
.refund-panel{padding:28px}
.refund-lead{margin-top:14px;font-size:15px;line-height:1.75;color:var(--muted);max-width:56em}
.refund-steps{margin-top:22px}
.refund-note{
  margin-top:20px;
  padding-top:14px;
  border-top:1px dashed var(--border-strong);
  font-size:13px;
  line-height:1.75;
  color:var(--muted);
}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .price-head{padding-top:44px;padding-bottom:16px}
}
@media (max-width:640px){
  .price-head{padding-top:36px}
  .price-h1{font-size:32px}
  .price-rule{margin-top:20px}
  .include-item{padding:14px}
  .refund-panel{padding:20px}
}