.custom-coin-confirm-btn:hover:not(:disabled),.redemption-btn:hover,.subscribe-btn:hover:not(:disabled){filter:brightness(1.1)}#membershipModal .modal-content{max-width:min(520px,90vw);max-height:85vh;overflow:hidden;position:relative;background:var(--bg-card)!important;border:1px solid var(--border-color);display:flex;flex-direction:column;border-radius:16px}#membershipModal .modal-header{display:flex;align-items:center;justify-content:space-between;position:relative;background:0 0;flex-shrink:0;padding:16px 20px;border-bottom:1px solid var(--border-color)}.coin-card.custom-card.active,.coin-card:hover,.custom-coin-input:focus{border-color:var(--primary-color)}#membershipModal .modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px}#membershipModal .modal-body::-webkit-scrollbar{width:8px}#membershipModal .modal-body::-webkit-scrollbar-track{background:0 0}#membershipModal .modal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px;transition:background .3s}#membershipModal .modal-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}.membership-header{display:flex;align-items:center;gap:10px}.membership-header i{font-size:1.2rem;color:var(--primary-color)}.membership-header h2{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.membership-header-actions{display:flex;align-items:center;gap:.75rem}.redemption-btn{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:.4rem;font-size:.85rem}#membershipModal .modal-close,.membership-nav-tab{color:var(--text-tertiary);display:flex;cursor:pointer;transition:.3s}#membershipModal .modal-close{width:32px;height:32px;align-items:center;justify-content:center;background:var(--bg-secondary);border:none;border-radius:8px;font-size:1rem}#membershipModal .modal-close:hover{background:rgba(239,68,68,.1);color:#ef4444}.membership-nav-tabs{display:flex;gap:0;background:var(--bg-tertiary);border-radius:8px;padding:3px;margin-bottom:20px;border:1px solid var(--border-color)}.membership-nav-tab{flex:1;padding:12px 16px;background:0 0;border:none;border-radius:6px;font-size:14px;font-weight:500;align-items:center;justify-content:center;gap:8px}.coins-title,.membership-nav-tab:hover{color:var(--text-primary)}.membership-nav-tab.active{background:var(--primary-color);color:#fff}.membership-nav-tab i{font-size:1rem}.membership-tab-content{display:none}.membership-tab-content.active{display:block;animation:.3s fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.coins-section{display:flex;flex-direction:column;gap:16px}.coins-header{display:flex;justify-content:space-between;align-items:center}.coins-title{font-size:14px;font-weight:600}.coins-rate{font-size:13px;color:var(--primary-color);font-weight:500}.coins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.coin-card{position:relative;padding:16px 12px;border:1px solid var(--border-color);border-radius:12px;text-align:center;cursor:pointer;transition:.3s;background:var(--bg-secondary)}.coin-card:hover{background:rgba(var(--primary-rgb),.05)}.coin-card.loading{pointer-events:none;opacity:.7}.custom-coin-confirm-btn:disabled,.subscribe-btn:disabled{opacity:.5;cursor:not-allowed}.coin-card.custom-card{display:flex;align-items:center;justify-content:center}.coin-card.custom-card.active{background:rgba(var(--primary-rgb),.1)}.coin-card-amount{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.coin-unit{font-size:12px;font-weight:400;color:var(--text-tertiary);margin-left:4px}.coin-card-price{font-size:14px;color:var(--primary-color);font-weight:500}.loading-overlay{position:absolute;inset:0;background:rgba(0,0,0,.3);border-radius:12px;display:flex;align-items:center;justify-content:center}.loading-overlay i{font-size:24px;color:var(--primary-color)}.custom-coin-section{padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.custom-coin-label{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.custom-coin-input-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:16px}.custom-coin-input{flex:1;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:16px;outline:0;transition:.3s}.custom-coin-input::placeholder{color:var(--text-tertiary)}.custom-coin-unit{font-size:14px;color:var(--text-tertiary);white-space:nowrap}.custom-coin-confirm-btn{width:100%;padding:12px;border:none;border-radius:8px;background:var(--primary-color);color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:8px}.custom-price{font-weight:700;font-size:18px}.plan-tabs{display:flex;gap:8px;margin-bottom:20px;padding:4px;background:var(--bg-secondary);border-radius:12px}.plan-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;background:0 0;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:.3s;position:relative}.plan-tab i{font-size:16px}.plan-tab .current-tag{font-size:10px;padding:2px 6px;background:#10b981;color:#fff;border-radius:10px}.plan-tab:hover{color:var(--text-primary);background:rgba(255,255,255,.05)}.plan-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 8px rgba(0,0,0,.1)}.plan-tab.current{border:1px solid #10b981}.duration-btn.active,.duration-btn:hover{border-color:var(--primary-color)}.plan-detail{background:var(--bg-secondary);border-radius:16px;padding:24px}.plan-detail-content{display:none}.plan-detail-content.active{display:block;animation:.3s fadeIn}.plan-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.plan-icon-large{width:56px;height:56px;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px}.plan-info .plan-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.current-plan-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#10b981}.current-plan-badge i{font-size:12px}.plan-price-display{text-align:center;padding:16px 0;margin-bottom:16px}.duration-selector,.plan-features-list,.qr-hint{margin-bottom:20px}.plan-price-display.free .price-text{font-size:28px;font-weight:700;color:var(--text-secondary)}.duration-selector{display:flex;gap:12px}.duration-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-primary);cursor:pointer;transition:.3s}.duration-btn .dur-label{font-size:14px;font-weight:600;color:var(--text-primary)}.duration-btn .dur-price,.recharge-footer .balance-info .balance.word{color:var(--primary-color)}.duration-btn .dur-price{font-size:20px;font-weight:700}.duration-btn .dur-save{font-size:11px;padding:2px 8px;background:rgba(16,185,129,.1);color:#10b981;border-radius:10px}.duration-btn.active{background:rgba(var(--primary-rgb),.05)}.plan-features-list .features-title{font-size:13px;font-weight:600;color:var(--text-tertiary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.plan-features-list ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.plan-features-list ul li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.plan-features-list ul li i{color:#10b981;font-size:12px;flex-shrink:0}.subscribe-btn{width:100%;padding:14px;border:none;border-radius:12px;background:var(--primary-color);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:10px}.subscribe-btn .fab{font-size:18px}.recharge-footer{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color)}.recharge-footer .footer-top{display:flex;justify-content:center;gap:32px}.recharge-footer .balance-info{font-size:14px;color:var(--text-secondary)}.qr-close,.recharge-footer .payment-notice i{color:var(--text-tertiary)}.recharge-footer .balance-info .balance{font-weight:600;color:#f59e0b;margin-left:8px}.recharge-footer .payment-notice{font-size:12px;color:var(--text-tertiary);display:flex;align-items:center;gap:6px}.qr-close,.qr-overlay{align-items:center;display:flex}.qr-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);justify-content:center;z-index:10001}.qr-modal{position:relative;width:320px;padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;text-align:center}.qr-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border:none;border-radius:8px;background:var(--bg-secondary);cursor:pointer;transition:.3s;justify-content:center}.qr-amount-label,.qr-hint{font-size:14px;color:var(--text-secondary)}.qr-close:hover{background:rgba(239,68,68,.1);color:#ef4444}.qr-container{width:220px;height:220px;margin:0 auto 20px;padding:10px;background:#fff;border-radius:12px}.qr-image{width:100%;height:100%;object-fit:contain}.qr-amount{display:flex;align-items:center;justify-content:center;gap:4px}.qr-amount-value{font-size:20px;font-weight:700;color:var(--primary-color)}@media (max-width:520px){#membershipModal .modal-content{max-width:100vw;max-height:100vh;border-radius:0}.coins-grid{grid-template-columns:repeat(2,1fr)}.duration-selector{flex-direction:column}.plan-features-list ul{grid-template-columns:1fr}}