
/* GameZone v2.0 SVIP + 付费下载 */
.gz20-member-mini{margin-top:10px}
.gz20-open-vip,.gz20-member-active{display:inline-flex;align-items:center;gap:8px;min-height:35px;padding:0 11px;border-radius:9px;border:1px solid #d9e9ff;background:#f4f9ff;color:#1677ef;font-size:12px;font-weight:750;transition:.18s}
.gz20-open-vip:hover,.gz20-member-active:hover{background:#eaf4ff}.gz20-open-vip small{font-size:10px;color:#8b98aa;font-weight:500}
.gz20-member-active span{padding:3px 6px;border-radius:5px;background:#1677ef;color:#fff;font-size:10px}.gz20-member-active em{font-style:normal;color:#6b788d;font-weight:500}
.gz20-access-badge{position:absolute;right:10px;top:10px;z-index:2;padding:4px 7px;border-radius:6px;font-size:10px;font-weight:800;color:#fff;backdrop-filter:blur(5px)}
.gz20-access-badge.free{background:#10b981}.gz20-access-badge.paid{background:#2563eb}.gz20-access-badge.member{background:#7c3aed}
.gz20-title-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.gz20-access{display:inline-flex;padding:5px 8px;border-radius:7px;font-size:10px;font-weight:800}.gz20-access.free{background:#ecfdf5;color:#059669}.gz20-access.paid{background:#eff6ff;color:#2563eb}.gz20-access.member{background:#f5f3ff;color:#7c3aed}
.gz20-buy-game,.gz20-vip-only-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border:0;border-radius:8px;color:#fff;font-size:13px;font-weight:750;cursor:pointer}.gz20-buy-game{background:#2563eb}.gz20-vip-only-btn{background:#7c3aed}.gz20-actions form{margin:0}
.gz20-quota-note{margin-top:10px;color:#8591a3;font-size:11px}
.gz20-detail-member-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:14px 17px;border:1px solid #e5eaf1;border-radius:13px;background:linear-gradient(90deg,#f8fbff,#fbf9ff)}
.gz20-detail-member-strip>div>b{display:block;color:#263249;font-size:13px}.gz20-detail-member-strip>div>small{display:block;margin-top:3px;color:#909bab;font-size:11px}.gz20-detail-member-strip>a{flex:none;color:#1677ef;font-size:12px;font-weight:750}
.gz20-member-state{display:flex;align-items:center;gap:12px}.gz20-member-state>span{padding:7px 9px;border-radius:8px;background:#7c3aed;color:#fff;font-size:11px;font-weight:850}.gz20-member-state div b{display:block}.gz20-member-state div small{display:block;margin-top:2px;color:#909bab;font-size:10px}
.gz20-alert{margin:0 0 14px;padding:11px 14px;border-radius:10px;font-size:12px}.gz20-alert a{font-weight:700;text-decoration:underline}.gz20-alert.warn{border:1px solid #f5deb0;background:#fff8e8;color:#7b5a16}.gz20-alert.info{border:1px solid #cfe4ff;background:#f2f8ff;color:#325f94}.gz20-alert.success{border:1px solid #ccebdc;background:#f0fbf6;color:#247252}

.gz20-vip-page{padding:28px 0 52px;color:#49566b}.gz20-vip-page *{box-sizing:border-box}
.gz20-vip-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:160px;padding:27px 30px;margin-bottom:16px;border-radius:18px;background:linear-gradient(128deg,#17243f 0%,#26375c 55%,#463a78 100%);color:#fff;box-shadow:0 14px 34px rgba(27,40,72,.14)}
.gz20-vip-hero .eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#cbd6ef}.gz20-vip-hero h1{margin:5px 0 7px;color:#fff;font-size:29px;font-weight:850}.gz20-vip-hero p{max-width:760px;margin:0;color:#c3ccda;font-size:13px;line-height:1.7}
.gz20-balance{min-width:155px;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06)}.gz20-balance span{display:block;color:#aebbd0;font-size:10px}.gz20-balance strong{display:block;margin:4px 0;color:#fff;font-size:22px}.gz20-balance a{color:#9dccff;font-size:11px}.gz20-login{padding:10px 16px;border-radius:9px;background:#fff;color:#223452;font-weight:750}
.gz20-current-vip{display:grid;grid-template-columns:125px minmax(0,1fr) 230px;gap:18px;align-items:center;margin-bottom:18px;padding:17px 20px;border:1px solid #e5e9f1;border-radius:15px;background:#fff;box-shadow:0 6px 20px rgba(32,48,77,.05)}
.gz20-current-vip .level span,.gz20-current-vip .quota span{display:block;color:#98a2b1;font-size:10px}.gz20-current-vip .level strong{display:block;margin-top:4px;color:#7c3aed;font-size:23px}.gz20-current-vip .main .name{display:flex;justify-content:space-between;gap:12px}.gz20-current-vip .main .name b{color:#263249}.gz20-current-vip .main .name span{color:#909aaa;font-size:11px}.gz20-current-vip .progress{margin-top:9px}.gz20-current-vip .progress>div{height:7px;border-radius:999px;background:#eef1f5;overflow:hidden}.gz20-current-vip .progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#3b82f6)}.gz20-current-vip .progress small{display:block;margin-top:5px;color:#929cab;font-size:10px}.gz20-current-vip .quota{text-align:right}.gz20-current-vip .quota strong{display:block;margin:4px 0;color:#24314a;font-size:18px}.gz20-current-vip .quota small{color:#9ba5b3;font-size:10px}
.gz20-plan-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:28px 0 13px}.gz20-plan-head span,.gz20-level-card .head span{display:block;color:#a0a8b4;font-size:9px;font-weight:800;letter-spacing:.15em}.gz20-plan-head h2,.gz20-level-card .head h2{margin:3px 0 0;color:#1d293d;font-size:21px}.gz20-plan-head p,.gz20-level-card .head p{margin:0;color:#929cab;font-size:11px}
.gz20-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.gz20-plan{position:relative;overflow:hidden;padding:19px;border:1px solid #e5eaf1;border-radius:15px;background:#fff;box-shadow:0 6px 22px rgba(31,48,77,.045)}.gz20-plan.permanent{border-color:#ded6ff;background:linear-gradient(180deg,#fff,#fbfaff)}.gz20-plan .popular{position:absolute;right:0;top:0;padding:5px 11px;border-radius:0 0 0 9px;background:#2563eb;color:#fff;font-size:9px;font-weight:800}.gz20-plan .top>span{color:#2e3b52;font-size:13px;font-weight:800}.gz20-plan .price{display:flex;align-items:baseline;margin:8px 0 13px;color:#172238}.gz20-plan .price small{font-size:13px}.gz20-plan .price strong{font-size:30px;line-height:1}.gz20-plan .price em{margin-left:4px;color:#929cab;font-size:10px;font-style:normal}.gz20-plan ul{min-height:135px;margin:0;padding:0;list-style:none}.gz20-plan li{margin:8px 0;color:#697589;font-size:11px}.gz20-plan form button,.gz20-plan .plan-login{display:flex;width:100%;height:38px;align-items:center;justify-content:center;border:0;border-radius:8px;background:#1e78e8;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.gz20-plan.permanent form button{background:#6d4ed6}
.gz20-rule-card,.gz20-level-card{margin-top:18px;padding:20px;border:1px solid #e6eaf1;border-radius:15px;background:#fff;box-shadow:0 6px 20px rgba(32,48,77,.04)}.gz20-rule-card h2{margin:0 0 14px;color:#243149;font-size:18px}.gz20-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gz20-rule-grid>div{padding:13px;border-radius:10px;background:#f8fafc;border:1px solid #eef1f5}.gz20-rule-grid b{color:#324057;font-size:12px}.gz20-rule-grid p{margin:5px 0 0;color:#8792a3;font-size:10px;line-height:1.65}
.gz20-level-card .head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:15px}.gz20-level-card .levels{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.gz20-level-card .levels>div{padding:10px 5px;border:1px solid #eceff4;border-radius:8px;background:#fafbfc;text-align:center}.gz20-level-card .levels b{display:block;color:#7b8799;font-size:10px}.gz20-level-card .levels span{display:block;margin-top:3px;color:#a2abb7;font-size:8px}.gz20-level-card .levels>div.reached{border-color:#d9cdfd;background:#f8f5ff}.gz20-level-card .levels>div.reached b{color:#744bd1}
@media(max-width:1050px){.gz20-plans{grid-template-columns:repeat(2,1fr)}.gz20-current-vip{grid-template-columns:110px 1fr}.gz20-current-vip .quota{grid-column:1/-1;text-align:left}.gz20-rule-grid{grid-template-columns:repeat(2,1fr)}.gz20-level-card .levels{grid-template-columns:repeat(5,1fr)}}
@media(max-width:650px){.gz20-vip-hero{display:block}.gz20-balance,.gz20-login{display:inline-block;margin-top:16px}.gz20-current-vip{grid-template-columns:1fr}.gz20-current-vip .quota{text-align:left}.gz20-plans,.gz20-rule-grid{grid-template-columns:1fr}.gz20-level-card .levels{grid-template-columns:repeat(2,1fr)}.gz20-detail-member-strip{align-items:flex-start;flex-direction:column}}


/* GameZone v2.1 自助扫码直付 */
.gz21-plan-actions{display:grid;grid-template-columns:1fr 105px;gap:8px;margin-top:14px}
.gz21-plan-actions form{margin:0}
.gz21-direct-pay,.gz21-balance-pay,.gz21-game-balance{
  width:100%;height:42px;border:0;border-radius:9px;cursor:pointer;font-weight:750;transition:.18s
}
.gz21-direct-pay{background:#1677ff;color:#fff;box-shadow:0 8px 18px rgba(22,119,255,.18)}
.gz21-direct-pay:hover{background:#0c6eea;transform:translateY(-1px)}
.gz21-balance-pay{border:1px solid #dfe5ed;background:#fff;color:#657188;font-size:12px}
.gz21-balance-pay:hover,.gz21-game-balance:hover{border-color:#bcd8fb;color:#1677ff;background:#f8fbff}
.gz21-game-balance{height:40px;padding:0 14px;border:1px solid #dfe5ed;background:#fff;color:#5d697c}
.gz21-pay-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:24px}
.gz21-pay-choice button{
  height:72px;border:1px solid #e1e6ed;border-radius:11px;background:#fff;color:#39465b;cursor:pointer;font-weight:700
}
.gz21-pay-choice button:hover{border-color:#a9cffd;background:#f7fbff;color:#1677ff}
.gz21-pay-choice img{width:26px;height:26px;object-fit:contain;margin-right:7px;vertical-align:middle}
.gz21-pay-choice i{font-size:25px;margin-right:7px;vertical-align:middle;color:#20b15a}
.gz21-wait{text-align:center;padding:28px 28px 24px}
.gz21-wait-icon{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#edf5ff;color:#1677ff}
.gz21-wait-icon i{font-size:26px}
.gz21-wait h3{margin:0;color:#223047;font-size:18px}
.gz21-wait p{margin:8px 0 5px;color:#4f5c70;font-weight:700}
.gz21-wait small{display:block;color:#929cab;line-height:1.7}
.gz21-wait-state{margin-top:16px;padding:9px 12px;border-radius:8px;background:#f7f9fc;color:#758196;font-size:12px}

@media(max-width:560px){
  .gz21-plan-actions{grid-template-columns:1fr}
}


/* GameZone v3.1 - 成长值状态 */
.gz31-vip-growth{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}
.gz31-vip-growth span{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:7px;background:#f5f7fa;color:#8994a6;font-size:10px}
.gz31-vip-growth b{color:#6f45e7;font-size:11px}
