/* ============================================================
   price.css - 站24 价格中心专属样式（vr 前缀 · 横向条 + 价格表）
   ============================================================ */

/* 顶部 */
.vr-top { text-align:center; padding:58px 0 42px; background:linear-gradient(170deg,var(--vx-50),#fff); }
.vr-h1 { font-size:35px; font-weight:800; color:var(--vn-900); margin:14px 0 15px; }
.vr-lead { font-size:15px; color:var(--vn-600); max-width:680px; margin:0 auto; }

/* 三档横向条 */
.vr-tiers { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.vr-tier { position:relative; background:#fff; border:1px solid var(--vn-200); border-radius:var(--vxr-lg); padding:28px 26px; display:flex; flex-direction:column; }
.vr-hot { border:2px solid var(--vx-500); box-shadow:var(--vxsh); }
.vr-tier .vxtag { position:absolute; top:16px; right:16px; }
.vr-tier-head { margin-bottom:14px; }
.vr-tier-name { font-size:15px; font-weight:700; color:var(--vn-700); }
.vr-amt { font-size:33px; font-weight:800; color:var(--vx-700); margin-top:8px; line-height:1; }
.vr-amt small { font-size:13px; font-weight:600; color:var(--vn-500); }
.vr-tier ul { margin-bottom:20px; flex:1; }
.vr-tier ul li { position:relative; padding-left:17px; font-size:13px; color:var(--vn-600); padding-top:4px; padding-bottom:4px; }
.vr-tier ul li::before { content:""; position:absolute; left:0; top:11px; width:7px; height:7px; border-radius:50%; background:var(--vx-400); }
.vr-tier .vxbtn { width:100%; }

/* 交替背景 */
.vr-alt { background:linear-gradient(180deg,var(--vn-100),var(--vx-50)); }

/* 表格 */
.vr-table th, .vr-table td { white-space:nowrap; }
.vr-gname { font-weight:700; color:var(--vn-800); }

/* FAQ */
.vr-faq { max-width:820px; margin:0 auto; }
.vr-btn-on-dark { color:#fff; border-color:rgba(255,255,255,.6); }
.vr-btn-on-dark:hover { color:#fff; border-color:#fff; background:rgba(255,255,255,.1); }

/* 响应式 */
@media (max-width:900px) {
  .vr-h1 { font-size:29px; }
  .vr-tiers { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .vr-h1 { font-size:25px; }
}