/* Account service pages: main storefront only; legacy controllers and forms preserved. */
.yc-services,.yc-account-function{--ys-blue:#2563eb;--ys-ink:#172b4d;--ys-muted:#66768d;--ys-line:#e3eaf3}
body.yc-services{display:block!important;min-height:100vh;margin:0;padding:0 0 40px!important;background:#f4f7fb!important;color:var(--ys-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.65}
.yc-services::before,.yc-services::after{display:none!important}
.yc-services *{box-sizing:border-box}
.yc-services a{text-decoration:none;color:var(--ys-blue)}
.yc-services :focus-visible,.yc-account-function :focus-visible{outline:3px solid #8db3ff;outline-offset:3px}
.yc-services>.header,.yc-services>.mobile-top-nav,.yc-services>.top-bar,.yc-services .container>.page-header,.yc-services .container>.page-title,.yc-service-password .container>.links{display:none!important}
.yc-services>.back-btn{display:none!important}.yc-services .mobile-bottom-nav{display:none!important}
.yc-services .yc-service-heading{max-width:1040px;margin:0 auto;padding:24px 24px 16px;position:relative;background:none;color:var(--ys-ink)}
.yc-service-heading-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.yc-service-heading-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--ys-blue)}
.yc-service-heading h1{margin:0 0 6px!important;padding:0!important;font-size:27px!important;font-weight:750;color:var(--ys-ink)!important;text-shadow:none!important;text-align:left!important;border:0!important}
.yc-service-heading p{margin:0;color:var(--ys-muted);font-size:13px}
.yc-services>.container{max-width:1040px;width:100%;margin:0 auto!important;padding:0 24px!important;background:none;box-shadow:none;border:0;border-radius:0;position:relative}
.yc-services .main-card,.yc-services .selector-card,.yc-services .contact-card,.yc-services .info-box,.yc-services .logs-container,.yc-services .promotion-tools,.yc-services .commission-section,.yc-services .referrals-section,.yc-services .withdraw-form,.yc-services .verify-form,.yc-services .verify-info,.yc-services .withdraw-info,.yc-services .withdraw-history,.yc-services .status-card{border:1px solid var(--ys-line);background:#fff;border-radius:14px;box-shadow:none;padding:24px;margin-bottom:20px;min-width:0;color:var(--ys-ink)}
.yc-services .card-title,.yc-services .section-title,.yc-services .form-title,.yc-services .info-title{font-size:17px!important;color:var(--ys-ink)!important;text-shadow:none;border-color:var(--ys-line);margin-bottom:20px;line-height:1.5}
.yc-services .form-group{margin-bottom:20px;min-width:0}
.yc-services .form-label{font-size:14px;font-weight:600;color:#465871;margin-bottom:8px}
.yc-services .form-input,.yc-services .form-select,.yc-services .vip-select,.yc-services textarea{width:100%;max-width:100%;min-width:0;min-height:46px;border:1px solid #d5dfec;border-radius:9px;background:#fff;color:var(--ys-ink);font-family:inherit;font-size:16px;padding:11px 13px;box-shadow:none;box-sizing:border-box}
.yc-services .form-input:focus,.yc-services .vip-select:focus{border-color:var(--ys-blue);box-shadow:0 0 0 3px #2563eb12}
.yc-services .form-hint,.yc-services .status-text{font-size:12px;color:var(--ys-muted);line-height:1.7}
.yc-services .input-group{display:flex;gap:10px;min-width:0}.yc-services .input-group>input{flex:1;min-width:0}.yc-services .input-group>button{flex-shrink:0;white-space:nowrap}
.yc-services .submit-btn,.yc-services .buy-btn,.yc-services .btn-primary,.yc-services .tool-btn,.yc-services .verify-btn,.yc-services .withdraw-btn{background:var(--ys-blue)!important;color:white!important;border:1px solid var(--ys-blue);box-shadow:none!important;border-radius:9px;min-height:44px;font-size:14px;padding:11px 18px;line-height:1.5;transform:none!important;white-space:normal}
.yc-services .btn-secondary,.yc-services .copy-btn,.yc-services .back-btn,.yc-services .page-btn{background:#f0f5ff;color:#3562a5;border:1px solid #dce6f5;border-radius:8px;min-height:40px;box-shadow:none;padding:9px 14px}
.yc-services button:disabled{opacity:.5;cursor:not-allowed}.yc-services .submit-btn:disabled{background:#7e8da5!important;border-color:#7e8da5}
.yc-services .balance-box,.yc-services .balance-card,.yc-services .commission-overview,.yc-services .summary-card{background:#edf4ff!important;border:1px solid #dbe7fa;color:var(--ys-ink);border-radius:14px;box-shadow:none;padding:22px;text-align:left}
.yc-services .balance-label,.yc-services .commission-label,.yc-services .tip-label,.yc-services .summary-label{color:#5c7294!important;font-size:13px}
.yc-services .balance-amount,.yc-services .commission-value,.yc-services .tip-value,.yc-services .summary-amount{color:var(--ys-ink)!important;max-width:100%;font-size:clamp(23px,4vw,32px);font-weight:750;white-space:nowrap;overflow-x:auto;font-variant-numeric:tabular-nums;overflow-wrap:normal;word-break:normal;background:none;-webkit-text-fill-color:currentColor}
.yc-services .balance-tips{border-color:#cfdcf0}.yc-services .commission-icon,.yc-services .stat-icon,.yc-services .tool-icon{display:none}
.yc-services .commission-grid,.yc-services .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.yc-services .stat-card{background:#fff;border:1px solid var(--ys-line);border-radius:12px;padding:20px;box-shadow:none;min-width:0;text-align:left}
.yc-services .stat-value{color:var(--ys-ink);font-size:23px;overflow-x:auto;white-space:nowrap}.yc-services .stat-label{font-size:12px;color:var(--ys-muted)}
.yc-services .empty-state{padding:36px 16px;color:var(--ys-muted);text-align:center;font-size:13px}.yc-services .empty-icon{font-size:30px;opacity:.65}
.yc-services .alert,.yc-services .message,.yc-services .verify-alert{border-radius:10px;padding:14px 16px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.yc-services .status-icon{font-size:36px}.yc-services .status-title{font-size:20px}.yc-services .status-card{text-align:left}
.yc-services .pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;font-size:13px}
/* Recharge: one clear sequence, amount -> payment -> confirmation -> recent records. */
.yc-service-recharge>.container,.yc-service-password>.container,.yc-service-verify>.container,.yc-service-withdraw>.container{max-width:800px}
.yc-service-recharge .yc-service-heading,.yc-service-password .yc-service-heading,.yc-service-verify .yc-service-heading,.yc-service-withdraw .yc-service-heading{max-width:800px}
.yc-service-recharge .balance-box{margin-bottom:24px}.yc-service-recharge .quick-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.yc-services .amount-btn{border:1px solid #dae4f2;border-radius:9px;background:#f7faff;color:#456189;min-height:44px;box-shadow:none;font-size:15px;padding:10px}
.yc-services .amount-btn.active,.yc-services .amount-btn:hover{background:#edf3ff;border-color:var(--ys-blue);color:var(--ys-blue)}
.yc-service-recharge .payment-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.yc-service-recharge .payment-card{padding:16px 10px;border-radius:10px;border-color:#dae4f2;background:#fff;min-width:0}
.yc-service-recharge .payment-option.active .payment-card,.yc-service-recharge .payment-option input:checked+.payment-card{border-color:var(--ys-blue);background:#edf4ff;box-shadow:none;transform:none}
.yc-service-recharge .payment-option:focus-within .payment-card{outline:3px solid #8db3ff;outline-offset:2px}
.yc-service-recharge .payment-icon{width:32px;height:32px;margin:0 auto 8px;font-size:24px}.yc-service-recharge .payment-icon img{width:32px!important;height:32px!important}.yc-service-recharge .payment-name{font-size:14px}.yc-service-recharge .payment-desc{font-size:11px;color:var(--ys-muted)}
.yc-service-recharge .promo-box{background:#f3f8ff;border:1px solid #dbe7f8;border-radius:10px;padding:16px}.yc-service-recharge .bonus-item{background:#fff;border:1px solid #dce7f7;border-radius:8px}.yc-service-recharge .bonus-amount,.yc-service-recharge .bonus-desc{color:#3562a5}
.yc-service-recharge .promo-title,.yc-service-recharge .promo-text{color:#456189;opacity:1}
.yc-service-recharge .recharge-preview{background:#f7faff;border:1px solid var(--ys-line);border-radius:10px}.yc-service-recharge .records-section{border-top:1px solid var(--ys-line);padding-top:24px}.yc-service-recharge .record-item{padding:16px 0;border-bottom:1px solid #edf1f7;gap:12px;background:none;box-shadow:none}.yc-service-recharge .record-info{min-width:0}.yc-service-recharge .record-amount{font-variant-numeric:tabular-nums;color:var(--ys-ink)}
/* Membership: keep the existing selection and upgrade calculations, restyle both layouts. */
.yc-service-vip .user-card{background:#fff;border:1px solid var(--ys-line);border-radius:14px;padding:22px;color:var(--ys-ink);box-shadow:none}.yc-service-vip .user-name{color:var(--ys-ink)}.yc-service-vip .user-avatar{background:#eaf1ff;color:var(--ys-blue);border:0;box-shadow:none}.yc-service-vip .user-level{background:#edf3ff;color:#4267a1}.yc-service-vip .vip-expire{color:var(--ys-muted)}
.yc-service-vip .vip-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;align-items:stretch}.yc-service-vip .vip-card{border:1px solid var(--ys-line);border-radius:14px;background:white;box-shadow:none;transform:none!important;overflow:hidden;display:flex;flex-direction:column}.yc-service-vip .vip-card.recommended{border:1px solid #8aaef0;box-shadow:none}
.yc-service-vip .vip-header,.yc-service-vip .detail-header{background:#edf3ff!important;color:var(--ys-ink);padding:22px}.yc-service-vip .vip-price,.yc-service-vip .detail-price{color:var(--ys-ink);font-size:30px;overflow-wrap:anywhere}.yc-service-vip .vip-price>div{color:var(--ys-ink)!important}.yc-service-vip .vip-name,.yc-service-vip .detail-name{font-size:20px;color:var(--ys-ink)}.yc-service-vip .vip-duration,.yc-service-vip .detail-duration{color:var(--ys-muted);font-size:12px}
.yc-service-vip .vip-body{padding:22px;flex:1;display:flex;flex-direction:column}.yc-service-vip .vip-body .buy-btn,.yc-service-vip .vip-body .current-level-badge{margin-top:auto}.yc-service-vip .vip-benefits{margin-bottom:20px}.yc-service-vip .benefit-item{font-size:13px;color:#506580}.yc-service-vip .recommended-badge{background:var(--ys-blue);color:white;box-shadow:none}.yc-service-vip .vip-details{border:1px solid var(--ys-line);border-radius:12px;overflow:hidden}.yc-service-vip .detail-body{padding:18px}.yc-service-vip .detail-action{padding:0 18px 18px}.yc-service-vip .current-level-badge{background:#eef7f2;color:#2c805e;border-radius:8px;padding:12px}
/* Contact: QR codes stay complete and copyable contact values do not force overflow. */
.yc-service-contact .contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.yc-service-contact .contact-card{margin:0;transform:none!important}.yc-service-contact .contact-icon{width:36px;height:36px;background:#edf3ff!important;color:var(--ys-blue);font-size:19px;border-radius:10px;box-shadow:none}.yc-service-contact .contact-title{font-size:17px;color:var(--ys-ink)}.yc-service-contact .contact-header{gap:12px}.yc-service-contact .qr-image{width:200px;max-width:100%;height:200px;object-fit:contain;border:1px solid var(--ys-line);padding:8px;border-radius:10px;box-shadow:none}.yc-service-contact .qr-container{padding:18px 0}.yc-service-contact .info-value{display:flex;align-items:center;gap:12px;min-width:0}.yc-service-contact .info-value>span{flex:1;min-width:0;overflow-wrap:anywhere}.yc-service-contact .copy-btn{flex-shrink:0}.yc-service-contact .website-link{background:#edf3ff;color:var(--ys-blue);border:1px solid #dce7f7;border-radius:9px}
/* Password and records. */
.yc-service-password #changePasswordForm,.yc-service-password #orderInfoForm,.yc-service-password .settings-section{background:#fff;border:1px solid var(--ys-line);padding:24px;border-radius:14px;margin-bottom:20px}
.yc-service-consume .log-item{background:#fff;border:1px solid var(--ys-line);border-radius:12px;margin-bottom:12px;padding:18px;box-shadow:none}.yc-service-consume .log-content{min-width:0;flex:1}.yc-service-consume .log-title{overflow-wrap:anywhere;color:var(--ys-ink);font-size:14px}.yc-service-consume .log-amount{white-space:nowrap;overflow-x:auto;max-width:100%;font-size:17px;font-variant-numeric:tabular-nums}.yc-service-consume .log-header,.yc-service-consume .log-footer{flex-wrap:wrap;gap:10px}.yc-service-consume .log-meta{flex-wrap:wrap;gap:8px;color:var(--ys-muted)}
.yc-service-promotion .tools-grid{grid-template-columns:minmax(0,1fr)}.yc-service-promotion .tool-card{background:#f7faff;border:1px solid #e3ebf7;border-radius:12px;padding:20px;min-width:0}.yc-service-promotion .tool-value{overflow-wrap:anywhere;word-break:break-all;color:#465f82;background:white;border:1px solid var(--ys-line);padding:12px;border-radius:8px}.yc-service-promotion .tool-label{font-size:14px;color:var(--ys-ink)}
/* Existing functional pages receive denser, consistent content cards, including real mobile records. */
.yc-account-function .card{border-color:var(--ys-line);padding:20px 16px}.yc-account-function .empty-state{padding:36px 12px}.yc-account-function .empty-icon{font-size:30px}.yc-account-function .empty-text{font-size:14px;color:var(--ys-muted)}.yc-account-function .card-title{padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--ys-line)}
.yc-account-function .account-form,.yc-account-function #tab-aftersale form{padding:16px;background:#f8faff;border:1px solid #e4ecf7;border-radius:12px}.yc-account-function #tab-aftersale textarea{width:100%;min-height:120px}.yc-account-function #tab-aftersale select{width:100%;max-width:100%}.yc-account-function #tab-account .verify-success{padding:20px;background:#eff8f3;border-radius:12px}.yc-account-function #tab-account .verify-success h3{font-size:17px}.yc-account-function #tab-account .verify-success p{font-size:13px}
.yc-service-table{width:100%;border-collapse:collapse;font-size:13px}.yc-service-table th{background:#f5f8fc;color:#65748a;text-align:left;padding:13px}.yc-service-table td{padding:14px 13px;border-bottom:1px solid #eaf0f7;vertical-align:top}.yc-service-cell-value{min-width:0;overflow-wrap:anywhere}
.yc-service-table-scroll{width:100%;max-width:100%;overflow-x:auto}
.yc-service-agent .main-content{background:#f4f7fb}.yc-service-agent .content-card{border:1px solid var(--ys-line);border-radius:14px;box-shadow:none}.yc-service-agent .main-content>.page-header{display:none}.yc-service-agent .main-content>.content-card:first-of-type{background:#edf3ff!important;color:var(--ys-ink)!important}.yc-service-agent .main-content .yc-service-heading{padding-left:0;padding-right:0}.yc-service-agent .sidebar{border-right:1px solid var(--ys-line)}
.yc-service-agent .mobile-sidebar-menu:not(.active){display:none!important}
.yc-service-agent canvas{max-width:100%}
.yc-service-agent .main-content>.content-card[style*="linear-gradient"]{background:#edf3ff!important;color:var(--ys-ink)!important}.yc-service-agent .main-content>.content-card[style*="linear-gradient"] h3{color:var(--ys-ink)!important}
.yc-service-agent .stat-card>div>div:first-child{background:#edf3ff!important;width:40px!important;height:40px!important;border-radius:10px!important}
@media(max-width:768px){
 body.yc-services.yc-service-agent{padding-top:calc(56px + env(safe-area-inset-top))!important;padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}.yc-service-agent .mobile-bottom-nav{display:flex!important}
 .yc-services .yc-service-heading{padding:16px 16px 18px}.yc-service-heading h1{font-size:23px!important}.yc-service-heading p{font-size:12px}.yc-services>.container{padding:0 12px!important}
 .yc-services .main-card,.yc-services .selector-card,.yc-services .info-box,.yc-services .promotion-tools,.yc-services .commission-section,.yc-services .referrals-section,.yc-services .withdraw-form,.yc-services .verify-form,.yc-services .verify-info,.yc-services .withdraw-info,.yc-services .status-card{padding:20px 16px;margin-bottom:14px}
 .yc-services .commission-grid,.yc-services .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.yc-services .commission-item{min-width:0;text-align:left;padding:10px 0}.yc-services .commission-value{font-size:20px}.yc-services .stat-card{padding:16px}.yc-services .stat-value{font-size:20px}
 .yc-services .verify-alert{display:flex;flex-wrap:wrap;gap:12px}.yc-services .verify-alert-content{min-width:0;flex:1 1 60%}
 .yc-service-contact .contact-grid{grid-template-columns:minmax(0,1fr);gap:14px}.yc-service-contact .contact-card{padding:20px 16px}
 .yc-service-password #changePasswordForm,.yc-service-password #orderInfoForm,.yc-service-password .settings-section{padding:20px 16px}.yc-services .input-group{flex-wrap:wrap}.yc-services .input-group>input{flex-basis:55%}
 .yc-service-agent .main-content{padding:16px 12px!important}.yc-service-agent .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .yc-services .balance-box,.yc-services .balance-card,.yc-services .commission-overview,.yc-services .summary-card{padding:20px 16px}
 .yc-service-recharge .quick-amounts{gap:8px}.yc-service-recharge .payment-methods{grid-template-columns:minmax(0,1fr);gap:10px}.yc-service-recharge .payment-card{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px}.yc-service-recharge .payment-icon{margin:0}.yc-service-recharge .payment-name{text-align:left}.yc-service-recharge .payment-desc{text-align:right}
 .yc-services .yc-service-table,.yc-account-function .yc-service-table{display:block!important;min-width:0!important;width:100%!important;table-layout:auto!important}
 .yc-service-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .yc-service-table tbody{display:block}.yc-services .yc-service-table tbody tr,.yc-account-function .yc-service-table tbody tr{display:block;border:1px solid var(--ys-line);border-radius:10px;padding:8px 12px;margin-bottom:12px;background:#fff}
 .yc-services .yc-service-table tbody td,.yc-account-function .yc-service-table tbody td{display:flex!important;align-items:flex-start;justify-content:space-between;gap:14px;width:100%!important;max-width:100%;padding:9px 0!important;border:0!important;border-bottom:1px solid #f0f3f8!important;text-align:right!important;white-space:normal!important;line-height:1.65;font-size:13px}
 .yc-service-table tbody td::before{content:attr(data-label);flex:0 0 70px;color:var(--ys-muted);text-align:left;font-weight:400}.yc-service-table tbody td:not([data-label])::before{display:none}
 .yc-service-cell-value{flex:1;max-width:100%;min-width:0;overflow-wrap:anywhere}.yc-service-cell-value .btn{display:inline-flex!important;width:auto!important;margin:0 0 6px 6px!important;min-height:36px;padding:7px 12px!important}
 .yc-account-function .yc-account-table-scroll,.yc-account-function #orders-list-container{overflow-x:auto;max-width:100%}.yc-services .commission-table,.yc-services .referral-table{min-width:0}
 .yc-service-consume .log-item{padding:16px}.yc-service-consume .log-amount{flex-basis:100%;text-align:left}.yc-services .balance-tips{flex-wrap:wrap;gap:16px}
}
@media(prefers-reduced-motion:reduce){.yc-services *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}