.ek-sponsor { margin: 20px 0; padding: 26px; border: 1px solid var(--card-border, #e5e7eb); border-radius: 20px; background: var(--card-bg, #fff); }
.ek-section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.ek-section-head h3 { margin: 10px 0; font-size: 24px; letter-spacing: -.6px; }
.ek-section-head h4 { margin: 12px 0; }
.ek-section-head p, .ek-checkout-note { font-size: 13px; line-height: 1.8; color: var(--text-muted, #6b7280); }
.ek-balance-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 24px 0 14px; }
.ek-balance-card { padding: 20px; display: flex; flex-direction: column; gap: 10px; text-align: left; background: var(--card-bg, #fff); color: var(--text-main, #111827); border: 1px solid var(--card-border, #e5e7eb); border-radius: 14px; cursor: pointer; transition: border-color .2s, box-shadow .2s, transform .2s; }
.ek-balance-card span { font-size: 12px; color: var(--text-muted, #6b7280); }
.ek-balance-card strong { font-size: 29px; letter-spacing: -1px; }
.ek-balance-card small { display: flex; justify-content: space-between; align-items: center; gap: 4px; font-size: 12px; }
.ek-balance-card b { color: #6366f1; font-size: 18px; }
.ek-balance-card:hover:not(:disabled), .ek-balance-card:focus-visible { transform: translateY(-3px); border-color: #6366f1; box-shadow: 0 5px 20px #6366f11c; }
.ek-balance-card:disabled { opacity: .5; cursor: not-allowed; }
.ek-order-history { margin-top: 24px; border-top: 1px solid var(--card-border, #e5e7eb); padding-top: 12px; }
.ek-order-row { width: 100%; display: flex; justify-content: space-between; gap: 12px; padding: 14px 0; border: 0; border-top: 1px solid var(--card-border, #e5e7eb); background: transparent; color: var(--text-main, #111827); text-align: left; cursor: pointer; }
.ek-order-row span:last-child { text-align: right; }
.ek-order-row small, .ek-admin-order small { display: block; color: var(--text-muted, #6b7280); font-size: 12px; margin-top: 6px; overflow-wrap: anywhere; }
.ek-order-success { color: #059669; }
.ek-checkout-dialog.el-dialog { max-width: calc(100vw - 24px); border-radius: 22px; padding: 26px; }
.ek-checkout-body { min-height: 180px; }
.ek-payment-methods { display: flex; gap: 12px; margin: 24px 0; }
.ek-payment-methods button { position: relative; display: flex; align-items: center; justify-content: center; flex: 1; gap: 9px; padding: 16px 8px; border: 1px solid var(--card-border, #e5e7eb); border-radius: 12px; background: transparent; color: var(--text-main, #111827); cursor: pointer; }
.ek-payment-methods button.selected { border-color: #6366f1; background: #6366f10c; box-shadow: 0 0 0 1px #6366f1; }
.ek-payment-methods button i { position: absolute; right: 6px; top: 2px; font-size: 11px; color: #6366f1; }
.ek-pay-icon { display: grid; place-items: center; width: 27px; height: 27px; font-weight: 700; border-radius: 7px; color: #fff; }
.ek-wechat { background: #07b651; }.ek-alipay { background: #1677ff; }
.ek-quote { text-align: center; padding: 12px 0 28px; }
.ek-quote span, .ek-quote small { display: block; font-size: 12px; color: var(--text-muted, #6b7280); }
.ek-quote strong { display: block; font-size: 42px; letter-spacing: -1.5px; padding: 9px 0; }
.ek-create-order.el-button { width: 100%; border-radius: 11px; }
.ek-checkout-error { color: #dc2626; font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
.ek-order-state { text-align: center; padding: 4px 0 12px; }
.ek-state-symbol { display: inline-grid; place-items: center; border-radius: 14px; width: 46px; height: 46px; background: #6366f110; color: #6366f1; font-size: 26px; }
.ek-order-success .ek-state-symbol { color: #059669; background: #10b98114; }
.ek-order-state h3 { font-size: 18px; margin: 14px 0 8px; }.ek-order-amount { font-size: 30px; }
.ek-qr-box { text-align: center; }.ek-qr-box img { width: 224px; height: 224px; max-width: 100%; border-radius: 12px; background: white; image-rendering: pixelated; }
.ek-qr-box p { font-size: 13px; }.ek-qr-placeholder { display: grid; place-items: center; min-height: 224px; font-size: 13px; color: var(--text-muted, #6b7280); }
.ek-order-meta { display: grid; grid-template-columns: 80px minmax(0,1fr); gap: 10px; padding: 16px 0; font-size: 12px; border-top: 1px solid var(--card-border, #e5e7eb); }
.ek-order-meta dt { color: var(--text-muted, #6b7280); }.ek-order-meta dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.ek-settings-dialog.el-dialog { max-width: calc(100vw - 24px); border-radius: 18px; }
.ek-settings-head { display: flex; gap: 24px; align-items: flex-start; }.ek-settings-table { overflow-x: auto; margin-bottom: 16px; }
.ek-settings-table table { min-width: 570px; width: 100%; border-collapse: collapse; font-size: 13px; }.ek-settings-table th { text-align: left; color: var(--text-muted, #6b7280); }
.ek-settings-table td, .ek-settings-table th { padding: 9px 8px; border-bottom: 1px solid var(--card-border, #e5e7eb); }.ek-settings-table small { display: block; font-size: 11px; opacity: .7; margin-top: 4px; }
.ek-settings-orders { max-height: 400px; overflow: auto; }.ek-admin-order { border-top: 1px solid var(--card-border, #e5e7eb); padding: 12px 0; font-size: 13px; }.ek-admin-order p { margin: 8px 0; color: var(--text-muted, #6b7280); }
.ek-recovery { display: flex; gap: 8px; margin-top: 10px; }
@media (max-width: 700px) { .ek-sponsor { padding: 18px; border-radius: 16px; }.ek-section-head h3 { font-size: 21px; }.ek-balance-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.ek-balance-card { padding: 16px; }.ek-recovery { flex-direction: column; }.ek-checkout-dialog.el-dialog { padding: 20px; } }