/* ==========================================================================
   VPNDH · pricing.css
   套餐页专属版式：价格一览表 / 档位说明 / 退款版块 / FAQ 收尾。
   只补充本页结构，颜色、圆角、阴影一律引用 base.css 的 :root 令牌。
   ========================================================================== */

/* ---------- 1. 页首 ---------- */
.price-head{padding-top:var(--sp-7)}
.price-head h1{margin-bottom:var(--sp-4)}
.price-head .lede{margin-bottom:var(--sp-5)}

.price-cta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin:0 0 var(--sp-5);
}

.price-facts{margin-bottom:var(--sp-4)}

/* ---------- 2. 价格一览表 ---------- */
.price-table-wrap{margin-top:0}
.price-table td,
.price-table th{padding:13px 16px}
.price-table tbody th{
  font-size:13.5px;
  font-weight:600;
  color:var(--text);
  white-space:nowrap;
}
.price-table .num{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  color:var(--text);
  font-weight:600;
}
.price-table td:nth-child(3){min-width:210px}

/* ---------- 3. 档位说明 ---------- */
.tier-notes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--sp-4);
  margin-top:var(--sp-5);
}
.tier-notes > article{
  min-width:0;
  padding:18px 20px;
  border:1px dashed var(--ink-12);
  border-radius:var(--r-md);
  background:var(--bg-panel-3);
}
.tier-notes h3{margin:0 0 8px;font-size:14.5px}
.tier-notes p{margin:0;font-size:13.5px;line-height:1.78;color:var(--text-muted)}

/* ---------- 4. 小节标题 ---------- */
.sub-title{
  margin:var(--sp-6) 0 var(--sp-4);
  font-size:16px;
  font-weight:700;
  letter-spacing:-.01em;
}

/* ---------- 5. 退款版块 ---------- */
.refund-grid{
  display:grid;
  grid-template-columns:minmax(0,300px) minmax(0,1fr);
  gap:var(--sp-6);
  align-items:start;
}
.refund-badge{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  padding:22px;
  border:1px solid var(--accent-20);
  border-radius:var(--r-md);
  background:linear-gradient(180deg,var(--accent-06) 0%,var(--bg-panel) 72%);
  box-shadow:var(--shadow-soft),var(--edge-light);
}
.refund-num{
  font-family:var(--font-mono);
  font-size:46px;
  font-weight:700;
  line-height:1.05;
  letter-spacing:-.04em;
  color:var(--accent);
}
.refund-k{font-size:14px;font-weight:700;color:var(--text)}
.refund-note{margin-top:4px;font-size:12.5px;line-height:1.72;color:var(--text-muted)}

/* ---------- 6. FAQ 收尾 ---------- */
.faq-more{
  margin:var(--sp-4) 0 0;
  font-size:13.5px;
  line-height:1.78;
  color:var(--text-muted);
}
.faq-more a{
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:2px;
}

/* ---------- 7. 响应式 ---------- */
@media (max-width:960px){
  .tier-notes{grid-template-columns:minmax(0,1fr)}
  .refund-grid{grid-template-columns:minmax(0,1fr);gap:var(--sp-5)}
}
@media (max-width:640px){
  .price-head{padding-top:var(--sp-6)}
  .price-cta{gap:10px}
  .price-table td,
  .price-table th{padding:12px 13px}
  .price-table td:nth-child(3){min-width:180px}
  .refund-num{font-size:40px}
  .refund-badge{padding:18px}
}