/* Isolate payment layout from legacy fixed-size plan styles. */
#dialog-app .senior-vip.vip-mask{display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(20,26,38,.56);position:fixed;inset:0;z-index:12000}
#dialog-app .senior-vip.vip-mask>.mask-content{width:780px;max-width:100%;height:auto!important;max-height:calc(100dvh - 48px);margin:0!important;padding:0!important;overflow:auto;border-radius:8px;background:#fff;position:relative;box-shadow:0 24px 80px #10182840}
#dialog-app .senior-vip .mask-title{height:0;min-height:0;padding:0;border:0}
#dialog-app .senior-vip .mask-close{position:absolute;right:18px;top:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#556070!important;z-index:5}
#dialog-app .senior-vip .plan-container{width:100%;height:auto!important;max-height:none!important;overflow:visible!important;margin:0;padding:0;background:#fff}
#dialog-app .senior-vip .plan-top{display:flex;align-items:center;gap:14px;height:auto;min-height:88px;padding:18px 64px 18px 28px;background:#f5f7fb;box-sizing:border-box}
#dialog-app .senior-vip .plan-top .thumb{width:48px;height:48px;flex:none;margin:0}
#dialog-app .senior-vip .thumb img{width:48px;height:48px;border-radius:50%;object-fit:cover}
#dialog-app .senior-vip .plan-user{display:flex;flex-direction:column;gap:6px;margin:0;color:#202939}
#dialog-app .senior-vip .plan-user span{font-size:13px;color:#687589}
#dialog-app .senior-vip .plan-tab{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;padding:12px 28px;margin:0;height:auto;border-bottom:1px solid #e6eaf0;background:#fff}
#dialog-app .senior-vip .plan-tab:before,#dialog-app .senior-vip .plan-tab:after{display:none!important}
#dialog-app .senior-vip .plan-tab-btn{width:auto!important;height:42px!important;margin:0!important;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:6px;box-sizing:border-box;font-size:15px;line-height:20px;color:#657084;background:transparent}
#dialog-app .senior-vip .plan-tab:not(.recharge) .plan-tab-btn:first-child,#dialog-app .senior-vip .plan-tab.recharge .plan-tab-btn:last-child{color:#315cf5;border-color:#ccd7ff;background:#f0f4ff;font-weight:700}
#dialog-app .senior-vip .plan-tab-btn:after{display:none!important}
#dialog-app .senior-vip .icon-diamond{width:20px;height:20px}
#dialog-app .senior-vip .plan-box{padding:24px 28px!important;margin:0!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;box-sizing:border-box}
#dialog-app .senior-vip .plan-box[style*="display: none"]{display:none!important}
#dialog-app .senior-vip .plan-info{width:100%;height:auto;max-height:none;overflow:visible;padding:0;margin:0}
#dialog-app .senior-vip h3,#dialog-app .senior-vip .pay-type-title{font-size:15px;line-height:22px;margin:0 0 14px;color:#253044}
#dialog-app .senior-vip .plan-info-title-tips{display:block;font-size:12px!important;line-height:20px;color:#7c8494!important;font-weight:400;margin-top:4px}
#dialog-app .senior-vip .plan-section:not(.pay-type){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px}
#dialog-app .senior-vip .plan-card{width:auto!important;min-width:0;height:auto!important;min-height:120px;margin:0!important;padding:16px!important;box-sizing:border-box;border:1px solid #dce2ec;border-radius:8px;background:#fff;overflow:hidden}
#dialog-app .senior-vip .plan-card.active{border-color:#e7aa47;background:#fff9ef;box-shadow:0 0 0 1px #e7aa47}
#dialog-app .senior-vip .plan-name{font-size:14px;line-height:20px}
#dialog-app .senior-vip .plan-price{font-size:30px!important;line-height:40px!important;margin:8px 0!important;color:#253044}
#dialog-app .senior-vip .plan-price-unit{font-size:13px!important}
#dialog-app .senior-vip .daily-price{position:static!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;font-size:12px;line-height:18px;color:#798496}
#dialog-app .senior-vip .vip-daily-unlock-callout{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:12px 14px;margin-bottom:16px;border:1px solid #ead8ae;border-radius:6px;background:#fffaf0;font-size:13px;line-height:20px}
#dialog-app .senior-vip .vip-daily-unlock-callout span{font-size:12px;color:#8b7858}
#dialog-app .senior-vip .plan-rights{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 22px;padding:0}
#dialog-app .senior-vip .plan-right-li{position:relative;width:auto!important;min-width:0;height:auto!important;min-height:116px;padding:14px 6px 10px;margin:0!important;box-sizing:border-box;border:1px solid #e6eaf0;border-radius:6px;text-align:center;background:#fafbfe}
#dialog-app .senior-vip .right-icon{width:36px!important;height:36px!important;display:block;margin:0 auto 8px}
#dialog-app .senior-vip .right-li-name{font-size:13px;line-height:20px;white-space:normal}
#dialog-app .senior-vip .right-li-tips{font-size:12px;line-height:18px;color:#7a8494;white-space:normal}
#dialog-app .senior-vip .plan-right-tag{display:none}
#dialog-app .senior-vip .recharge-ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;margin:0 0 24px;padding:0}
#dialog-app .senior-vip .recharge-li{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;width:auto!important;height:auto!important;min-width:0;min-height:138px;margin:0!important;padding:16px!important;box-sizing:border-box;border:1px solid #dce2ec;border-radius:8px;background:#fff;box-shadow:none;line-height:20px;overflow:hidden}
#dialog-app .senior-vip .recharge-li.active{border-color:#5575f8;background:#f3f6ff;box-shadow:0 0 0 1px #5575f8}
#dialog-app .senior-vip .recharge-arrival,#dialog-app .senior-vip .point-value{position:static!important;display:flex;flex-wrap:wrap;gap:4px;font-size:13px;line-height:21px;color:#637084}
#dialog-app .senior-vip .recharge-arrival strong,#dialog-app .senior-vip .point-value strong{font-size:17px;color:#24334c;white-space:nowrap}
#dialog-app .senior-vip .recharge-bonus{position:static!important;font-size:12px;line-height:18px;color:#6d7e9a;min-height:18px;background:none;padding:0}
#dialog-app .senior-vip .recharge-price{position:static!important;display:flex;align-items:baseline;gap:8px;width:100%;font-size:12px;color:#7a8494}
#dialog-app .senior-vip .pay-value{position:static!important;display:flex!important;align-items:baseline;gap:3px;margin:0!important;font-size:28px!important;line-height:34px!important;font-weight:700;color:#315cf5}
#dialog-app .senior-vip .pay-value .unit{display:inline!important;font-size:14px!important;line-height:20px!important}
#dialog-app .senior-vip .corner-icon{display:none!important}
#dialog-app .senior-vip .pay-type{display:flex!important;flex-wrap:wrap;gap:12px;margin:0;padding:0}
#dialog-app .senior-vip .pay-type h3{width:100%;margin-bottom:0}
#dialog-app .senior-vip .pay-type-ul{display:flex;gap:12px;margin:0;padding:0}
#dialog-app .senior-vip .pay-type-li,#dialog-app .senior-vip .duration-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:156px!important;height:44px!important;margin:0!important;padding:0 14px;box-sizing:border-box;border:1px solid #dce2ec;border-radius:6px;background:#fff;font-size:14px;color:#465469}
#dialog-app .senior-vip .pay-type-li.active,#dialog-app .senior-vip .duration-btn.active{border-color:#5575f8;background:#f3f6ff;color:#315cf5}
#dialog-app .senior-vip .pay-icon{width:22px;height:22px;object-fit:contain;margin:0}
#dialog-app .senior-vip .pay-rule,#dialog-app .senior-vip .plan-description{display:flex;flex-wrap:wrap;gap:4px;margin:14px 0 20px;font-size:12px;line-height:20px;color:#7a8494}
#dialog-app .senior-vip .recharge-submit,#dialog-app .senior-vip .upgrade-btn{display:block;width:100%!important;height:46px!important;margin:0!important;padding:0 20px;border:0;border-radius:6px;background:#315cf5;color:#fff;font-size:16px;font-weight:600;line-height:46px;box-shadow:none}
@media(max-width:600px){#dialog-app .senior-vip.vip-mask{padding:12px}#dialog-app .senior-vip.vip-mask>.mask-content{max-height:calc(100dvh - 24px)}#dialog-app .senior-vip .plan-box{padding:20px 16px!important}#dialog-app .senior-vip .plan-tab{padding:10px 16px}#dialog-app .senior-vip .plan-top{padding-left:16px}#dialog-app .senior-vip .recharge-ul{grid-template-columns:repeat(2,minmax(0,1fr))}#dialog-app .senior-vip .plan-section:not(.pay-type){gap:8px}#dialog-app .senior-vip .plan-card{padding:10px!important}#dialog-app .senior-vip .plan-price{font-size:24px!important}#dialog-app .senior-vip .plan-rights{grid-template-columns:repeat(3,minmax(0,1fr))}#dialog-app .senior-vip .pay-type-li,#dialog-app .senior-vip .duration-btn{width:140px!important}}