/* ==========================================================================
   KimiVPN — pricing.css
   套餐页专属:价格首屏 / 包含项 / 对比表 / 支付方式 / 下单步骤 / 退款面板
   所有颜色、圆角、阴影一律引用 :root 令牌。
   ========================================================================== */

/* ---------- 价格首屏 ---------- */
.price-hero{max-width:820px}
.price-hero h1{margin-top:18px}
.price-hero .lede{margin-top:20px;max-width:720px}
.price-hero .fact-row{margin-top:26px}
.price-hero .btn-row{margin-top:28px}

/* ---------- 包含项 ---------- */
.incl-grid{margin-top:28px}
.incl-ico{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:44px;height:44px;margin-bottom:14px;
  border-radius:var(--r-md);background:var(--accent-tint);color:var(--accent);
}
.incl-ico svg{width:22px;height:22px}

/* ---------- 对比表 ---------- */
.compare-table{margin-top:28px}

/* ---------- 支付方式 ---------- */
.pay-grid{margin-top:28px}
.pay-card{
  display:flex;gap:14px;align-items:flex-start;min-width:0;
  padding:20px;border-radius:var(--r-md);
  background:var(--panel);box-shadow:var(--shadow-soft);
}
.pay-card strong{display:block;font-size:16px}
.pay-card p{margin-top:6px;font-size:14.5px;line-height:1.7;color:var(--muted)}
.pay-ico{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:40px;height:40px;border-radius:var(--r-md);
  background:var(--accent-tint);color:var(--accent);
}
.pay-ico svg{width:20px;height:20px}

/* ---------- 下单步骤 ---------- */
.steps-grid{margin-top:28px}
.steps-grid .step-card{align-items:flex-start}

/* ---------- 退款面板 ---------- */
.refund-panel{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:32px;padding:36px;border-radius:var(--r-md);
  background:var(--panel);box-shadow:var(--shadow-soft);
}
.refund-panel h2{margin-top:14px}
.refund-panel p{margin-top:14px;font-size:15px;line-height:1.8;color:var(--muted)}
.refund-steps{display:grid;gap:14px;align-content:start}
.refund-step{
  display:flex;gap:12px;align-items:flex-start;min-width:0;
  padding:16px 18px;border-radius:var(--r-md);background:var(--panel-3);
}
.refund-step p{margin-top:0;font-size:14.5px;line-height:1.7}
.refund-note{margin-top:16px;font-size:13.5px;color:var(--muted-2)}

/* ---------- 流量包 / 档位说明 ---------- */
.pack-rule{margin-top:24px}
.plan-card.is-pack .plan-flag{background:var(--accent-mid)}

@media (max-width:1024px){
  .refund-panel{grid-template-columns:minmax(0,1fr);gap:26px;padding:28px}
}
@media (max-width:640px){
  .price-hero h1{margin-top:14px}
  .refund-panel{padding:22px 20px}
  .compare-table{margin-top:22px}
}