/* ============================================================
   price.css - 站23 价格中心专属样式（pc 前缀 · 价格卡片网格）
   ============================================================ */

.pc-top { text-align:center; padding:56px 0 28px; background:linear-gradient(160deg,#fff,var(--ib-50)); }
.pc-h1 { font-size:35px; font-weight:800; color:var(--sl-900); margin:10px 0 14px; }
.pc-lead { font-size:15px; color:var(--sl-600); }

/* 套餐卡片 */
.pc-tiers { gap:22px; align-items:stretch; }
.pc-tier { position:relative; background:#fff; border:var(--ibline); border-radius:var(--ibr-lg); padding:34px 28px; display:flex; flex-direction:column; }
.pc-hot { border:2px solid var(--ib-500); box-shadow:var(--ibsh); }
.pc-tier .ibtag { position:absolute; top:20px; right:20px; }
.pc-tier-name { font-size:16px; font-weight:700; color:var(--sl-700); }
.pc-amt { font-size:38px; font-weight:800; color:var(--ib-700); margin:12px 0 18px; line-height:1; }
.pc-amt small { font-size:14px; font-weight:600; color:var(--sl-500); }
.pc-tier ul { margin-bottom:24px; flex:1; }
.pc-tier ul li { position:relative; padding-left:20px; font-size:13.5px; color:var(--sl-600); padding-top:5px; padding-bottom:5px; }
.pc-tier ul li::before { content:""; position:absolute; left:0; top:13px; width:8px; height:8px; border-radius:50%; background:var(--ib-400); }
.pc-tier .ibbtn { width:100%; }

/* 分游戏价格卡片 */
.pc-alt { background:linear-gradient(180deg,var(--sl-100),var(--ib-50)); }
.pc-gcards { gap:18px; align-items:stretch; }
.pc-gcard {
  background:#fff; border:var(--ibline); border-radius:var(--ibr); padding:24px 20px;
  display:flex; flex-direction:column; transition:transform .18s, box-shadow .18s, border-color .18s;
}
.pc-gcard:hover { transform:translateY(-5px); box-shadow:var(--ibsh); border-color:var(--ib-300); }
.pc-gcard-ico {
  width:50px; height:50px; display:flex; align-items:center; justify-content:center;
  font-size:24px; background:var(--ib-50); border-radius:var(--ibr-sm); margin-bottom:14px;
}
.pc-gcard-name { font-size:16px; margin-bottom:14px; }
.pc-gcard-prices { display:flex; flex-direction:column; gap:8px; margin-top:auto; }
.pc-gcard-prices span { display:flex; justify-content:space-between; align-items:center; font-size:12.5px; color:var(--sl-500); padding:7px 10px; background:var(--sl-50); border-radius:var(--ibr-sm); }
.pc-gcard-prices b { font-size:15px; color:var(--ib-700); font-weight:800; }

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

@media (max-width:900px) {
  .pc-gcards { grid-template-columns:1fr 1fr; }
}
@media (max-width:560px) {
  .pc-h1 { font-size:28px; }
  .pc-gcards { grid-template-columns:1fr; }
}