.a3-business { min-height: 100vh; }
.a3-business-body { position: relative; isolation: isolate; padding: 0 4px 32px; }
.a3-business-body::before { content: ""; position: fixed; z-index: -1; right: -80px; bottom: -115px; width: 460px; height: 365px; background: repeating-linear-gradient(101deg, color-mix(in srgb, var(--a3-brand) 80%, transparent) 0 1px, transparent 1px 4px); -webkit-mask: url("/clientarea/template/pc/aeo03/assets/aeoliancloud-mark.png") center / contain no-repeat; mask: url("/clientarea/template/pc/aeo03/assets/aeoliancloud-mark.png") center / contain no-repeat; opacity: .035; filter: drop-shadow(1px 1px 0 rgba(255,255,255,.86)); pointer-events: none; transform: rotate(-9deg); }
html[data-aeo03-mode="dark"] .a3-business-body::before { opacity: .06; filter: drop-shadow(-1px -1px 0 rgba(0,0,0,.68)); }
.a3-floating-title { position: fixed; z-index: 55; left: 50%; top: 16px; width: min(300px, 24vw); height: 72px; display: grid; place-items: center; color: var(--a3-text); font-size: 22px; font-weight: 800; letter-spacing: -.035em; pointer-events: none; transform: translateX(-50%); transition: opacity var(--a3-motion-fast) ease, transform var(--a3-motion-base) var(--a3-ease-out); }
.a3-shell.is-scrolled .a3-floating-title { opacity: 0; transform: translate(-50%, -18px); }
.a3-panel { position: relative; border: 1px solid var(--a3-border); border-radius: 16px; background: var(--a3-panel); box-shadow: 0 8px 24px rgba(24,48,78,.045); }
.a3-panel-head { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 20px; border-bottom: 1px solid var(--a3-border); }
.a3-panel-head h2 { margin: 0; font-size: 17px; letter-spacing: -.025em; }
.a3-panel-head p { margin: 3px 0 0; color: var(--a3-muted); font-size: 11px; }
.a3-panel-body { padding: 20px; }
.a3-button { height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 15px; border: 1px solid var(--a3-border); border-radius: 10px; background: var(--a3-panel); color: var(--a3-text); font-size: 12px; font-weight: 700; transition: border-color var(--a3-motion-fast) ease, background var(--a3-motion-fast) ease, color var(--a3-motion-fast) ease, box-shadow var(--a3-motion-fast) ease, transform var(--a3-motion-fast) var(--a3-ease-ui); }
.a3-button:hover { border-color: color-mix(in srgb, var(--a3-brand) 34%, var(--a3-border)); background: var(--a3-panel-blue); color: var(--a3-brand); transform: translateY(-1px); }
.a3-button:active { transform: scale(.98); }
.a3-button.is-primary { border-color: var(--a3-brand); background: var(--a3-brand); color: #fff; box-shadow: 0 7px 16px color-mix(in srgb, var(--a3-brand) 18%, transparent); }
.a3-button.is-primary:hover { border-color: var(--a3-brand-hover); background: var(--a3-brand-hover); color: #fff; }
.a3-button.is-danger { color: var(--a3-danger); }
.a3-button.is-danger:hover { border-color: color-mix(in srgb, var(--a3-danger) 28%, var(--a3-border)); background: color-mix(in srgb, var(--a3-danger) 7%, var(--a3-panel)); }
.a3-button.is-quiet { border-color: transparent; background: transparent; box-shadow: none; }
.a3-button:disabled { cursor: not-allowed; opacity: .48; transform: none; }
.a3-icon-button { width: 36px; height: 36px; display: grid; place-items: center; padding: 0; border: 1px solid var(--a3-border); border-radius: 10px; background: var(--a3-panel); color: var(--a3-muted); font-size: 14px; transition: .16s ease; }
.a3-icon-button:hover { border-color: color-mix(in srgb, var(--a3-brand) 30%, var(--a3-border)); color: var(--a3-brand); transform: translateY(-1px); }
.a3-tabs { display: flex; align-items: center; gap: 4px; min-width: 0; padding: 5px; overflow-x: auto; border: 1px solid var(--a3-border); border-radius: 13px; background: var(--a3-panel-soft); scrollbar-width: none; }
.a3-tabs::-webkit-scrollbar { display: none; }
.a3-tabs button { position: relative; height: 36px; flex: 0 0 auto; padding: 0 15px; border: 0; border-radius: 9px; background: transparent; color: var(--a3-muted); font-size: 12px; font-weight: 700; transition: background var(--a3-motion-fast) ease, color var(--a3-motion-fast) ease, box-shadow var(--a3-motion-fast) ease, transform var(--a3-motion-fast) var(--a3-ease-ui); }
.a3-tabs button:hover { color: var(--a3-text); }
.a3-tabs button.is-active { background: var(--a3-panel); color: var(--a3-brand); box-shadow: 0 4px 12px rgba(20,50,84,.09); }
.a3-tabs button:active { transform: scale(.97); }
.a3-workbar { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 14px 18px; border-bottom: 1px solid var(--a3-border); }
.a3-workbar-left, .a3-workbar-right { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.a3-workbar-right { justify-content: flex-end; margin-left: auto; }
.a3-workbar-left > .el-input,.a3-workbar-left > .el-select,.a3-workbar-right > .el-input,.a3-workbar-right > .el-select { width: var(--a3-field-compact,170px); }
.a3-workbar .el-select > .el-input { width: 100%; }
.a3-workbar .a3-keyword { width: var(--a3-field-standard,230px); }
.a3-app .el-input__inner, .a3-app .el-textarea__inner { border-color: var(--a3-border); border-radius: 9px; background: var(--a3-panel); color: var(--a3-text); font-size: 12px; transition: border-color .16s ease, box-shadow .16s ease; }
.a3-app .el-input__inner { height: 38px; line-height: 38px; }
.a3-app .el-input__inner:hover, .a3-app .el-textarea__inner:hover { border-color: color-mix(in srgb, var(--a3-brand) 34%, var(--a3-border)); }
.a3-app .el-input__inner:focus, .a3-app .el-textarea__inner:focus { border-color: var(--a3-brand); box-shadow: 0 0 0 3px color-mix(in srgb, var(--a3-brand) 10%, transparent); }
.a3-app .el-input__inner::placeholder, .a3-app .el-textarea__inner::placeholder { color: color-mix(in srgb, var(--a3-muted) 74%, transparent); }
.a3-app .el-input.is-disabled .el-input__inner { border-color: var(--a3-border); background: var(--a3-panel-soft); color: var(--a3-muted); }
.a3-app .el-form-item__label { padding-bottom: 6px; color: var(--a3-muted); font-size: 11px; font-weight: 700; line-height: 1.4; }
.a3-app .el-form-item { margin-bottom: 18px; }
.a3-app .el-checkbox__input.is-checked .el-checkbox__inner, .a3-app .el-checkbox__input.is-indeterminate .el-checkbox__inner { border-color: var(--a3-brand); background: var(--a3-brand); }
.a3-app .el-checkbox__input.is-checked + .el-checkbox__label { color: var(--a3-text); }
.a3-table-wrap { width: 100%; overflow-x: auto; }
.a3-app .el-table { --el-table-border-color: var(--a3-border); width: 100%; background: transparent; color: var(--a3-text); font-size: 12px; }
.a3-app .el-table::before { background: var(--a3-border); }
.a3-app .el-table th, .a3-app .el-table tr, .a3-app .el-table td { background: transparent; }
.a3-app .el-table th { height: 44px; padding: 0; background: var(--a3-panel-soft); color: var(--a3-muted); font-size: 11px; font-weight: 800; }
.a3-app .el-table td { height: 56px; padding: 0; border-bottom-color: var(--a3-border); }
.a3-app .el-table--enable-row-hover .el-table__body tr:hover > td { background: color-mix(in srgb, var(--a3-panel-blue) 45%, var(--a3-panel)); }
.a3-app .el-table__empty-block { min-height: 180px; background: var(--a3-panel); }
.a3-app .el-table__empty-text { color: var(--a3-muted); }
.a3-table-primary { color: var(--a3-text); font-weight: 750; }
.a3-table-secondary { display: block; margin-top: 2px; color: var(--a3-muted); font-size: 10px; }
.a3-table-link { padding: 0; border: 0; background: transparent; color: var(--a3-brand); font-size: 12px; font-weight: 700; }
.a3-table-actions { display: flex; align-items: center; justify-content: flex-end; gap: 11px; white-space: nowrap; }
.a3-status { display: inline-flex; align-items: center; gap: 6px; min-height: 25px; padding: 0 9px; border-radius: 8px; background: var(--a3-panel-soft); color: var(--a3-muted); font-size: 10px; font-weight: 800; }
.a3-status::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; opacity: .72; }
.a3-status.is-success { background: color-mix(in srgb, var(--a3-success) 10%, var(--a3-panel)); color: var(--a3-success); }
.a3-status.is-warning { background: color-mix(in srgb, #b5841f 10%, var(--a3-panel)); color: #9a6f18; }
.a3-status.is-danger { background: color-mix(in srgb, var(--a3-danger) 9%, var(--a3-panel)); color: var(--a3-danger); }
html[data-aeo03-mode="dark"] .a3-status.is-warning { color: var(--a3-warning); }
.a3-pagination { display: flex; align-items: center; justify-content: flex-end; min-height: 64px; padding: 12px 18px; }
.a3-app .el-pagination { color: var(--a3-muted); font-size: 11px; }
.a3-app .el-pagination button, .a3-app .el-pager li { border-radius: 8px; background: var(--a3-panel-soft); color: var(--a3-muted); }
.a3-app .el-pager li.active { background: var(--a3-brand); color: #fff; }
.a3-empty { min-height: 230px; display: grid; place-items: center; align-content: center; gap: 7px; padding: 30px; color: var(--a3-muted); text-align: center; }
.a3-empty i { color: color-mix(in srgb, var(--a3-brand) 65%, var(--a3-muted)); font-size: 27px; }
.a3-empty strong { color: var(--a3-text); font-size: 14px; }
.a3-empty span { max-width: 420px; font-size: 11px; }
.a3-inline-error { min-height: 90px; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 18px; color: var(--a3-danger); font-size: 12px; }
.a3-inline-error button { border: 0; background: transparent; color: var(--a3-brand); font-weight: 750; }
.a3-reveal { opacity: 0; transform: translateY(13px); transition: opacity var(--a3-motion-slow) var(--a3-ease-out), transform var(--a3-motion-slow) var(--a3-ease-out); }
.a3-business.is-ready .a3-reveal { opacity: 1; transform: none; }
.a3-business.is-ready .a3-reveal:nth-child(2) { transition-delay: 55ms; }
.a3-business.is-ready .a3-reveal:nth-child(3) { transition-delay: 100ms; }
.a3-finance-summary { min-height: 224px; display: grid; grid-template-columns: minmax(390px, 1.35fr) minmax(340px, 1fr); gap: 14px; margin-bottom: 14px; }
.a3-balance-stage { position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr auto; align-items: end; padding: 26px 28px; border: 1px solid color-mix(in srgb, var(--a3-navy) 88%, #fff); border-radius: 17px; background: var(--a3-navy); color: #fff; box-shadow: 0 14px 30px rgba(21,44,91,.14); }
.a3-balance-stage::after { content: ""; position: absolute; right: -48px; bottom: -71px; width: 230px; height: 185px; background: repeating-linear-gradient(101deg, rgba(255,255,255,.75) 0 1px, transparent 1px 4px); -webkit-mask: url("/clientarea/template/pc/aeo03/assets/aeoliancloud-mark.png") center / contain no-repeat; mask: url("/clientarea/template/pc/aeo03/assets/aeoliancloud-mark.png") center / contain no-repeat; opacity: .085; transform: rotate(-8deg); pointer-events: none; }
.a3-balance-stage > * { position: relative; z-index: 1; }
.a3-balance-stage-label { color: rgba(255,255,255,.62); font-size: 11px; font-weight: 750; letter-spacing: .08em; }
.a3-balance-value { display: flex; align-items: baseline; gap: 7px; margin-top: 24px; font-variant-numeric: tabular-nums; }
.a3-balance-value strong { font-size: 52px; line-height: .95; letter-spacing: -.055em; }
.a3-balance-value span { color: rgba(255,255,255,.66); font-size: 12px; }
.a3-balance-actions { display: flex; gap: 8px; align-self: end; }
.a3-balance-actions .a3-button { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.1); color: #fff; box-shadow: none; }
.a3-balance-actions .a3-button.is-primary { border-color: #fff; background: #fff; color: var(--a3-navy); }
.a3-money-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.a3-money-metric { position: relative; overflow: hidden; padding: 22px; }
.a3-money-metric::before { content: ""; position: absolute; left: 22px; top: 0; width: 34px; height: 3px; border-radius: 0 0 3px 3px; background: var(--a3-brand); opacity: .7; }
.a3-money-metric.is-warm::before { background: #b5841f; }
.a3-money-metric span { color: var(--a3-muted); font-size: 11px; }
.a3-money-metric strong { display: block; margin-top: 20px; font-size: 25px; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.a3-money-metric small { display: block; margin-top: 7px; color: var(--a3-muted); font-size: 10px; }
.a3-finance-workspace { overflow: hidden; }
.a3-finance-workspace > .a3-tabs { margin: 14px 16px 0; }
.a3-order-hero { overflow: hidden; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 28px; padding: 27px 29px; border-top: 4px solid var(--a3-brand); }
.a3-order-hero-main { min-width: 0; }
.a3-order-kicker { color: var(--a3-muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.a3-order-hero h1 { margin: 8px 0 0; overflow: hidden; font-size: 24px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.a3-order-meta { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 19px; color: var(--a3-muted); font-size: 11px; }
.a3-order-meta b { margin-left: 5px; color: var(--a3-text); font-weight: 750; }
.a3-order-total { min-width: 240px; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; }
.a3-order-total-value span { color: var(--a3-muted); font-size: 10px; }
.a3-order-total-value strong { display: block; margin-top: 7px; font-size: 31px; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.a3-order-total-actions { display: flex; gap: 8px; margin-top: 22px; }
.a3-detail-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.55fr); gap: 14px; margin-top: 14px; }
.a3-detail-list { padding: 0 20px; }
.a3-detail-row { min-height: 63px; display: grid; grid-template-columns: minmax(0,1fr) 150px; align-items: center; gap: 20px; border-bottom: 1px solid var(--a3-border); }
.a3-detail-row:last-child { border-bottom: 0; }
.a3-detail-row strong { display: block; font-size: 12px; }
.a3-detail-row small { display: block; margin-top: 3px; color: var(--a3-muted); font-size: 10px; }
.a3-detail-row > b { text-align: right; font-size: 13px; font-variant-numeric: tabular-nums; }
.a3-key-values { display: grid; }
.a3-key-value { min-height: 49px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--a3-border); font-size: 11px; }
.a3-key-value:last-child { border-bottom: 0; }
.a3-key-value span { color: var(--a3-muted); }
.a3-key-value strong { max-width: 65%; overflow-wrap: anywhere; text-align: right; }
.a3-withdraw-summary { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 14px; margin-bottom: 14px; }
.a3-withdraw-intro { min-height: 150px; display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 24px 27px; }
.a3-withdraw-intro h2 { margin: 0; font-size: 21px; }
.a3-withdraw-intro p { max-width: 560px; margin: 8px 0 0; color: var(--a3-muted); font-size: 11px; }
.a3-withdraw-amount { padding: 23px; background: var(--a3-panel-blue); }
.a3-withdraw-amount span { color: var(--a3-muted); font-size: 11px; }
.a3-withdraw-amount strong { display: block; margin-top: 19px; font-size: 28px; letter-spacing: -.04em; }
.a3-app .el-dialog { border-radius: 20px; background: var(--a3-panel); box-shadow: 0 30px 80px rgba(13,31,52,.24); }
.a3-app .el-dialog__header { padding: 21px 25px 17px; }
.a3-app .el-dialog__body { padding: 22px 25px; color: var(--a3-text); }
.a3-app .el-dialog__footer { padding: 15px 25px 20px; }
.a3-app .dialog-title, .a3-app .pay-title, .a3-app .recharge-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; color: var(--a3-text); font-size: 18px; font-weight: 800; }
.a3-app .close-btn, .a3-app .close { cursor: pointer; color: var(--a3-muted); }
.a3-app .dialog-footer { display: flex; justify-content: flex-end; gap: 8px; }
.a3-app .dialog-footer .el-button, .a3-app .pay-footer .el-button { min-width: 88px; height: 40px; border-radius: 10px; font-size: 12px; }
.a3-app .withdraw-rule { margin-top: 16px; padding: 15px; border-radius: 11px; background: var(--a3-panel-soft); color: var(--a3-muted); font-size: 11px; }
.a3-app .withdraw-rule .label { margin-bottom: 7px; color: var(--a3-text); font-weight: 800; }
.a3-app .withdraw-rule .rules-item + .rules-item { margin-top: 4px; }
.a3-app .recharge-input { display: flex; gap: 10px; }
.a3-app .recharge-input .el-input-number { flex: 1; width: auto; }
.a3-app .recharge-tip, .a3-app .cz-notice { margin-top: 14px; padding: 13px; border-radius: 10px; background: var(--a3-panel-soft); color: var(--a3-muted); font-size: 11px; }
.a3-app .recharge-active { margin-top: 18px; }
.a3-app .recharge-active .active-title { margin-bottom: 10px; font-weight: 800; }
.a3-app .gradient-content { display: flex; flex-wrap: wrap; gap: 8px; }
.a3-app .gradient-item { position: relative; min-width: 130px; padding: 13px; border: 1px solid var(--a3-border); border-radius: 10px; color: var(--a3-muted); font-size: 10px; }
.a3-app .gradient-item.active { border-color: var(--a3-brand); background: var(--a3-panel-blue); color: var(--a3-brand); }
.a3-app .gradient-money { color: var(--a3-text); font-size: 17px; font-weight: 800; }
.a3-app .new-pay-dialog { width: min(980px, calc(100vw - 80px)); }
.a3-app .pay-order-top { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 18px; border-radius: 12px; background: var(--a3-panel-soft); }
.a3-app .pay-order-top-left { display: flex; align-items: center; gap: 12px; }
.a3-app .pay-order-icon { color: var(--a3-success); font-size: 28px; }
.a3-app .pay-order-tip-text { font-weight: 800; }
.a3-app .pay-order-id, .a3-app .pay-order-top-right { margin-top: 3px; color: var(--a3-muted); font-size: 11px; }
.a3-app .pay-order-top-right { text-align: right; }
.a3-app .pay-order-price, .a3-app .pay-order-total-price { color: var(--a3-brand); font-size: 19px; font-weight: 850; }
.a3-app .pay-order-check { display: grid; gap: 9px; margin: 15px 0; padding: 13px 16px; border: 1px solid var(--a3-border); border-radius: 11px; font-size: 11px; }
.a3-app .pay-method-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.a3-app .pay-method-item { position: relative; min-height: 64px; display: flex; align-items: center; gap: 10px; padding: 10px 13px; border: 1px solid var(--a3-border); border-radius: 11px; color: var(--a3-text); cursor: pointer; }
.a3-app .pay-method-item.active { border-color: var(--a3-brand); background: var(--a3-panel-blue); }
.a3-app .pay-method-item-img { max-width: 70px; max-height: 30px; object-fit: contain; }
.a3-app .pay-method-item > i { position: absolute; right: 8px; top: 8px; color: var(--a3-brand); }
.a3-app .pay-method-box { margin-top: 12px; padding: 18px; border-radius: 12px; background: var(--a3-panel-soft); }
.a3-app .pay-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 20px; }
.a3-app .pay-footer-right { display: flex; gap: 8px; margin-left: auto; }
.a3-withdraw-amount small { margin-top: 12px; }
.a3-pdf-export { position: fixed; left: -12000px; top: 0; width: 760px; padding: 20px; background: #fff; color: #172033; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; }
.a3-pdf-export .a3-panel { box-shadow: none; }
.a3-pdf-export .a3-detail-grid { grid-template-columns: 1.35fr .65fr; }

@media (max-width: 1439px) {
  .a3-finance-summary { grid-template-columns: minmax(350px,1.15fr) minmax(300px,.85fr); }
  .a3-balance-value strong { font-size: 45px; }
  .a3-workbar { align-items: flex-start; }
  .a3-workbar-right { flex-wrap: wrap; justify-content: flex-end; }
  .a3-detail-grid { grid-template-columns: minmax(0,1.2fr) 300px; }
}
@media (prefers-reduced-motion: reduce) {
  .a3-reveal { opacity: 1; transform: none; }
}
@media (min-width: 1800px) {
  .a3-finance-summary { grid-template-columns: minmax(460px,1fr) minmax(420px,1fr); }
  .a3-money-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .a3-detail-grid { grid-template-columns: minmax(0,1.45fr) minmax(360px,.55fr); }
}