.beup-invite-surface{--biv-ink:#274651;--biv-muted:#758c97;--biv-line:#dce9ec;--biv-soft:#f2f8f9;--biv-accent:#4d9eaf;color:var(--biv-ink);padding:2px 0 24px;font-size:14px;line-height:1.6}
.beup-invite-surface *{box-sizing:border-box}
/* Only on this page, place the existing plan shortcut below the content instead of over table controls. */
.v-application__wrap:has(.beup-invite-surface)>.floting-button{position:relative!important;right:auto!important;bottom:auto!important;align-self:flex-end;margin:0 40px 24px!important;transform:none!important}
.v-application__wrap:has(.beup-invite-surface)>.floting-button:before,.v-application__wrap:has(.beup-invite-surface)>.floting-button:after{display:none!important}
@media(max-width:700px){.v-application__wrap:has(.beup-invite-surface)>.floting-button{margin:0 16px 20px!important}}
.biv-page-heading{margin-bottom:24px}.biv-page-heading h1{font-size:26px;line-height:1.3;font-weight:600;letter-spacing:.01em;color:var(--biv-ink)}.biv-page-heading p{font-size:14px;color:var(--biv-muted);margin:8px 0 0}
.beup-invite-surface>.v-row{margin:0 0 20px}.beup-invite-surface>.v-row>.v-col-12{padding:0}.beup-invite-surface .v-card{box-shadow:none!important}
.beup-invite-surface .biv-overview{display:grid;grid-template-columns:minmax(280px,40%) 1fr;background:#edf7f8;border:1px solid var(--biv-line);border-radius:12px;align-items:center;padding:24px 28px;gap:28px;margin-bottom:24px}
.beup-invite-surface .biv-overview>.v-col{width:auto;max-width:none;flex:none;padding:0;min-width:0}.beup-invite-surface .biv-overview .v-card{background:transparent!important;border:none;border-radius:0!important}.biv-balance>.v-card-text{padding:0}.biv-balance>.v-card-item{padding:0}.biv-balance-heading h5{font-size:14px!important;line-height:22px;font-weight:500;color:var(--biv-ink)}
.biv-balance-amount{display:flex;align-items:center;gap:8px;margin:5px 0 12px}.biv-big-number{font-size:38px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.6px}.biv-balance-amount>.v-icon{font-size:16px!important;opacity:.6}
.biv-balance-note{order:2}.biv-balance-note .v-list{padding:0;background:transparent}.biv-balance-note .v-list-item{padding:0;min-height:0!important}.biv-balance-note .v-list-item__prepend,.biv-balance-note h6,.biv-balance-note .text-caption:first-of-type{display:none!important}.beup-invite-surface .biv-balance-note .text-error{color:var(--biv-muted)!important;font-size:12px!important;line-height:20px!important;letter-spacing:0!important}.biv-balance>.v-card-item .v-card-item__content{display:flex;flex-direction:column}.biv-money-actions{display:flex;gap:10px;margin:0 0 10px;order:1}.biv-money-actions .v-btn{flex-grow:0!important;min-width:112px;height:40px;letter-spacing:0;font-size:13px;font-weight:500;border-radius:7px!important}.biv-money-actions .v-btn--disabled{opacity:.55}.biv-overview .biv-balance{display:flex;flex-direction:column}.biv-overview .biv-balance>.v-card-text{display:flex;flex-direction:column}.biv-balance-number{order:0}
.biv-overview-stats{border-left:1px solid #cce1e5;padding-left:28px!important}.biv-metrics{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.biv-metrics>.v-col{padding:0;max-width:none;min-width:0}.biv-metrics>.v-col+ .v-col{border-left:1px solid #cce1e5;padding-left:24px}.biv-metrics .v-card-text{padding:0}.biv-stat-label{font-size:13px;font-weight:500;line-height:22px}.biv-stat-value{font-size:30px;line-height:42px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.4px}.biv-stat-note{display:flex;align-items:center;font-size:12px;font-weight:400;color:var(--biv-muted);line-height:22px;white-space:normal}.biv-stat-note .text-error{color:var(--biv-muted)!important}.biv-stat-note .v-icon{font-size:16px!important;opacity:.65}.biv-stat-icon{display:none}.biv-stat .text-subtitle-2:empty{display:none}
.beup-invite-surface .biv-table-panel{border:1px solid var(--biv-line)!important;border-radius:12px!important;overflow:hidden;background:#fff!important}.biv-table-panel>.v-card-item{padding:20px 24px 16px}.biv-table-panel .v-row{margin:0!important}.biv-table-panel .v-row>.v-col{padding:0!important;min-width:0}.biv-section-heading h2{font-size:18px;line-height:26px;font-weight:600;color:var(--biv-ink)}.biv-section-heading p{font-size:13px;color:var(--biv-muted);margin:3px 0 0;line-height:22px}.biv-create-action{display:flex;justify-content:flex-end}.beup-invite-surface .biv-create{height:40px;font-size:13px;letter-spacing:0;font-weight:500;border-radius:7px!important;padding-inline:15px}.biv-table-panel>.v-divider{display:none}
.biv-table-panel .vue3-easy-data-table{--easy-table-border:0;--easy-table-header-background-color:#f2f8f9;--easy-table-header-font-size:12px;--easy-table-header-font-color:#64818d;--easy-table-header-height:42px;--easy-table-body-row-height:66px;--easy-table-body-row-font-size:14px;--easy-table-body-row-font-color:#274651;--easy-table-body-row-hover-background-color:#f7fbfc;--easy-table-footer-background-color:#fff;--easy-table-footer-font-color:#758c97;--easy-table-footer-font-size:12px;--easy-table-footer-height:62px;--easy-table-body-row-border:1px solid #e6eef0;border:0!important;background:white;color:var(--biv-ink);margin:0 24px}
.biv-table-panel .vue3-easy-data-table__main{border:1px solid var(--biv-line);border-radius:8px;overflow:hidden;min-height:0!important}.biv-table-panel table{table-layout:fixed!important;width:100%!important}.biv-table-panel th{font-weight:500!important;letter-spacing:0;text-transform:none}.biv-table-panel th,.biv-table-panel td{padding:12px 16px!important;border-color:#e6eef0!important}.biv-table-panel .header{font-size:12px!important;font-weight:500!important}.biv-table-panel th:nth-child(1){width:36%!important}.biv-table-panel th:nth-child(2){width:36%!important}.biv-table-panel th:nth-child(3){width:28%!important}.biv-table-panel .player-wrapper{padding:0!important;min-width:0;display:block!important}.biv-code{display:inline-block;background:#edf7f8;border:1px solid #d6e9ed;border-radius:5px;color:#2b7f91;padding:3px 9px;font:500 14px/22px ui-monospace,SFMono-Regular,Menlo,monospace;max-width:100%;overflow-wrap:anywhere}.biv-date{display:block;font-size:13px;font-weight:400;line-height:21px;color:#44636f;font-variant-numeric:tabular-nums}.biv-time{display:block;font-size:12px;line-height:18px;color:var(--biv-muted);font-variant-numeric:tabular-nums}.beup-invite-surface .biv-copy{font-size:12px;font-weight:500;height:36px;letter-spacing:0;padding:0 12px;min-width:0;border:1px solid #d4e5e9;border-radius:6px!important;background:#fff}.biv-copy .v-btn__content{gap:5px}.biv-copy .mr-2{margin:0!important}.biv-order-amount,.biv-earned-amount{font-size:14px;font-weight:500;line-height:22px;font-variant-numeric:tabular-nums;white-space:nowrap}.biv-earned-amount{color:#248879;font-weight:600}.biv-details td:nth-child(1),.biv-details td:nth-child(2){text-align:right}.biv-details th:nth-child(1) .header,.biv-details th:nth-child(2) .header{justify-content:flex-end}.biv-details th:nth-child(1){width:30%!important}.biv-details th:nth-child(2){width:30%!important}.biv-details th:nth-child(3){width:40%!important}.biv-details td,.biv-details th{padding-inline:24px!important}.biv-details td:nth-child(3),.biv-details th:nth-child(3){padding-left:40px!important}.biv-table-panel .vue3-easy-data-table__footer{padding:14px 0!important;gap:10px;flex-wrap:wrap;border:0!important}.biv-table-panel .pagination__rows-per-page{margin:0 auto 0 0}.biv-table-panel .pagination__items-index{margin:0 12px}.biv-table-panel .easy-data-table__rows-selector{border:1px solid var(--biv-line);border-radius:5px;min-width:48px;padding:4px 8px}.biv-table-panel .previous-page,.biv-table-panel .next-page{border:1px solid var(--biv-line);border-radius:5px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center}.biv-table-panel .buttons-pagination{display:flex;gap:6px}
.beup-invite-surface button:focus-visible{outline:2px solid #267b8e;outline-offset:3px}
/* The native theme uses important utility rules; scope these overrides to this page. */
.beup-invite-surface>.v-row{margin-bottom:24px!important}.beup-invite-surface>.v-row>.v-col-12>.v-row{margin:0!important}.beup-invite-surface>.v-row>.v-col-12>.v-row>.v-col{padding:0!important}
.beup-invite-surface .biv-big-number,.beup-invite-surface .biv-stat-value,.beup-invite-surface .biv-stat-label{color:var(--biv-ink)!important;font-weight:600!important}.beup-invite-surface .biv-stat-note .text-error{color:var(--biv-muted)!important}.beup-invite-surface .biv-table-panel .vue3-easy-data-table{--easy-table-header-background-color:#f2f8f9!important;--easy-table-body-row-border:1px solid #e6eef0!important;--easy-table-body-row-font-color:#274651!important}
.beup-invite-surface .biv-table-panel .vue3-easy-data-table__main{border:1px solid var(--biv-line)!important}.beup-invite-surface .biv-table-panel .vue3-easy-data-table__header th{background:#f2f8f9!important}.beup-invite-surface .biv-details table td:nth-child(1),.beup-invite-surface .biv-details table td:nth-child(2){text-align:right!important}.beup-invite-surface .biv-details table th:nth-child(1) .header,.beup-invite-surface .biv-details table th:nth-child(2) .header{justify-content:flex-end!important}.beup-invite-surface .biv-table-panel table{table-layout:fixed!important}.beup-invite-surface .biv-table-panel table th:nth-child(1){width:36%!important}.beup-invite-surface .biv-table-panel table th:nth-child(2){width:36%!important}.beup-invite-surface .biv-table-panel table th:nth-child(3){width:28%!important}.beup-invite-surface .biv-details table th:nth-child(1),.beup-invite-surface .biv-details table th:nth-child(2){width:30%!important}.beup-invite-surface .biv-details table th:nth-child(3){width:40%!important}.beup-invite-surface .biv-table-panel .biv-order-amount{font-weight:500!important}.beup-invite-surface .biv-table-panel .biv-earned-amount{font-weight:600!important;color:#248879!important}.beup-invite-surface .biv-table-panel .biv-code{font-weight:500!important}.beup-invite-surface .biv-balance-note .v-list-item__content{padding:0!important}
@media(max-width:1100px){.beup-invite-surface .biv-overview{grid-template-columns:1fr 1fr;padding:24px;gap:24px}.biv-metrics{grid-template-columns:1fr;gap:14px}.biv-metrics>.v-col+.v-col{border-left:0;border-top:1px solid #cce1e5;padding:14px 0 0}.biv-stat-value{font-size:26px;line-height:35px}.biv-overview-stats{padding-left:24px!important}.biv-table-panel th:nth-child(1){width:34%!important}.biv-table-panel th:nth-child(2){width:34%!important}.biv-table-panel th:nth-child(3){width:32%!important}}
@media(max-width:700px){.biv-page-heading{margin:0 0 20px}.biv-page-heading h1{font-size:24px}.biv-page-heading p{font-size:13px}.beup-invite-surface .biv-overview{grid-template-columns:1fr;gap:20px;padding:22px 20px}.biv-big-number{font-size:36px}.biv-money-actions .v-btn{height:44px;flex:1!important;min-width:0}.biv-overview-stats{border-left:0;border-top:1px solid #cce1e5;padding:18px 0 0!important}.biv-metrics{grid-template-columns:1fr 1fr;gap:12px}.biv-metrics>.v-col+.v-col{border-left:1px solid #cce1e5;border-top:0;padding:0 0 0 14px}.biv-stat-value{font-size:25px;line-height:36px}.biv-stat-label{font-size:12px}.biv-stat-note{font-size:11px;line-height:19px}.biv-table-panel>.v-card-item{padding:18px 16px 14px}.biv-table-panel .v-card-item__content>.v-row{display:flex;flex-wrap:nowrap}.biv-codes .v-card-item__content>.v-row>.v-col:first-child{flex:1;max-width:none;width:auto}.biv-codes .v-card-item__content>.v-row>.v-col:last-child{width:auto;flex:none;max-width:none}.biv-section-heading h2{font-size:17px}.biv-section-heading p{font-size:12px;max-width:180px;line-height:20px}.beup-invite-surface .biv-create{height:44px;font-size:12px;padding:0 10px}.biv-create .mr-2{margin-right:4px!important}.biv-table-panel .vue3-easy-data-table{margin:0 12px;--easy-table-body-row-height:70px}.biv-table-panel th,.biv-table-panel td{padding:12px 8px!important}.biv-code{font-size:12px;line-height:20px;padding:2px 5px}.biv-date{font-size:12px;line-height:20px}.biv-time{font-size:11px}.beup-invite-surface .biv-copy{height:44px;padding:0 7px;font-size:11px}.biv-copy .v-btn__content{gap:4px}.biv-copy svg{width:13px!important;height:13px!important}.biv-table-panel .vue3-easy-data-table__footer{font-size:11px;gap:7px;padding:14px 2px!important}.biv-table-panel .pagination__items-index{margin:0 2px}.biv-table-panel .pagination__rows-per-page{gap:5px}.biv-table-panel th:nth-child(1){width:34%!important}.biv-table-panel th:nth-child(2){width:34%!important}.biv-table-panel th:nth-child(3){width:32%!important}.biv-details th:nth-child(1){width:28%!important}.biv-details th:nth-child(2){width:31%!important}.biv-details th:nth-child(3){width:41%!important}.biv-details td:nth-child(3),.biv-details th:nth-child(3){padding-left:16px!important}.biv-order-amount,.biv-earned-amount{font-size:13px}.biv-table-panel .previous-page,.biv-table-panel .next-page{min-width:32px;min-height:36px}}
/* Vuetify responsive columns do not include the bare .v-col class. */
.beup-invite-surface>.v-row>[class*="v-col"]{padding:0!important}.beup-invite-surface>.v-row>[class*="v-col"]>.v-row{margin:0!important}.beup-invite-surface>.v-row>[class*="v-col"]>.v-row>[class*="v-col"]{padding:0!important}
.beup-invite-surface .biv-overview>[class*="v-col"]{max-width:none;width:auto;flex:none;min-width:0;padding:0!important}.beup-invite-surface .biv-overview>.biv-overview-stats{padding-left:28px!important}.biv-metrics>[class*="v-col"]{padding:0!important;max-width:none;width:auto;min-width:0}.biv-metrics>[class*="v-col"]+[class*="v-col"]{border-left:1px solid #cce1e5;padding-left:24px!important}
.biv-table-panel .v-card-item__content>.v-row>[class*="v-col"]{padding:0!important}.biv-table-panel>.v-card-item{padding:20px 24px 16px!important}.beup-invite-surface .biv-balance>.v-card-item,.beup-invite-surface .biv-balance>.v-card-text,.beup-invite-surface .biv-metrics .v-card-text{padding:0!important}
@media(max-width:1100px){.biv-metrics>[class*="v-col"]+[class*="v-col"]{border-left:0;border-top:1px solid #cce1e5;padding:14px 0 0!important}.beup-invite-surface .biv-overview>.biv-overview-stats{padding-left:24px!important}}
@media(max-width:700px){.beup-invite-surface .biv-overview>.biv-overview-stats{padding:18px 0 0!important}.biv-metrics>[class*="v-col"]+[class*="v-col"]{border-left:1px solid #cce1e5;border-top:0;padding:0 0 0 14px!important}.biv-table-panel>.v-card-item{padding:18px 16px 14px!important}.biv-codes .v-card-item__content>.v-row>[class*="v-col"]:first-child{flex:1;max-width:none;width:auto}.biv-codes .v-card-item__content>.v-row>[class*="v-col"]:last-child{width:auto;flex:0 0 auto;max-width:none}.beup-invite-surface .biv-table-panel table th:nth-child(1),.beup-invite-surface .biv-table-panel table th:nth-child(2){width:34%!important}.beup-invite-surface .biv-table-panel table th:nth-child(3){width:32%!important}.beup-invite-surface .biv-details table th:nth-child(1){width:28%!important}.beup-invite-surface .biv-details table th:nth-child(2){width:31%!important}.beup-invite-surface .biv-details table th:nth-child(3){width:41%!important}}
@media(max-width:360px){.biv-codes .v-card-item__content>.v-row{flex-wrap:wrap;gap:12px}.biv-codes .v-card-item__content>.v-row>[class*="v-col"]:first-child{flex-basis:100%}.biv-create-action{justify-content:flex-start}.biv-code{font-size:11px;padding:2px 4px}.beup-invite-surface .biv-copy{font-size:11px;padding:0 5px}.biv-copy svg{display:none}.biv-table-panel th,.biv-table-panel td{padding-inline:6px!important}.biv-table-panel .header{font-size:11px!important}.biv-order-amount,.biv-earned-amount{font-size:12px}.biv-details td:nth-child(3),.biv-details th:nth-child(3){padding-left:10px!important}}
@media(prefers-reduced-motion:reduce){.beup-invite-surface *{transition:none!important;animation:none!important}}
/* Keep native pagination together; sticky cells need their own paint layer in Chromium. */
@media(max-width:700px){
.beup-invite-surface .biv-table-panel .vue3-easy-data-table__footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto 36px 36px;gap:6px!important;align-items:center}
.beup-invite-surface .biv-table-panel .pagination__rows-per-page,.beup-invite-surface .biv-table-panel .pagination__items-index,.beup-invite-surface .biv-table-panel .previous-page__click-button,.beup-invite-surface .biv-table-panel .next-page__click-button{margin:0!important}
.beup-invite-surface .biv-table-panel .pagination__rows-per-page{gap:5px!important;white-space:nowrap}
}
@media(max-width:360px){.beup-invite-surface .biv-table-panel .vue3-easy-data-table__footer{grid-template-columns:minmax(0,1fr) 36px 36px}.beup-invite-surface .biv-table-panel .pagination__rows-per-page{grid-column:1/-1}}
@media(max-width:700px){
.beup-invite-surface .biv-table-panel.biv-ledger table{width:940px!important;min-width:940px!important;border-collapse:separate!important;border-spacing:0}
.beup-invite-surface .biv-table-panel.biv-ledger table th:nth-child(1){width:130px!important}
.beup-invite-surface .biv-table-panel.biv-ledger table th:nth-child(2){width:110px!important}
.beup-invite-surface .biv-table-panel.biv-ledger table th:nth-child(3){width:100px!important}
.beup-invite-surface .biv-table-panel.biv-ledger table th:nth-child(4){width:200px!important}
.beup-invite-surface .biv-table-panel.biv-ledger table th:nth-child(5),.beup-invite-surface .biv-table-panel.biv-ledger table th:nth-child(6){width:110px!important}
.beup-invite-surface .biv-table-panel.biv-ledger table th:nth-child(7){width:180px!important}
.beup-invite-surface .biv-ledger table td:first-child{z-index:3;transform:translateZ(0)}
.beup-invite-surface .biv-ledger table th:first-child{z-index:5;transform:translateZ(0)}
}
.beup-invite-surface .biv-table-panel .vue3-easy-data-table__footer{height:auto!important;min-height:62px;overflow:visible;justify-content:flex-end}.beup-invite-surface .previous-page__click-button,.beup-invite-surface .next-page__click-button{border:1px solid #dce9ec!important;border-radius:5px;width:32px!important;height:36px!important;display:inline-flex!important;justify-content:center;align-items:center;margin-left:4px!important;flex:none}
.beup-invite-surface .biv-ledger .vue3-easy-data-table__main{overflow-x:auto!important}.beup-invite-surface .biv-ledger table{min-width:860px!important}.beup-invite-surface .biv-ledger table th:nth-child(n){width:auto!important}.beup-invite-surface .biv-ledger table th:nth-child(1){width:19%!important}.beup-invite-surface .biv-ledger table th:nth-child(2),.beup-invite-surface .biv-ledger table th:nth-child(3){width:12%!important}.beup-invite-surface .biv-ledger table th:nth-child(4){width:21%!important}.beup-invite-surface .biv-ledger table th:nth-child(5),.beup-invite-surface .biv-ledger table th:nth-child(6){width:11%!important}.beup-invite-surface .biv-ledger table th:nth-child(7){width:14%!important}.beup-invite-surface .biv-ledger table td:nth-child(n),.beup-invite-surface .biv-ledger table th:nth-child(n){padding:14px 10px!important;text-align:left!important}.beup-invite-surface .biv-ledger table td:nth-child(2),.beup-invite-surface .biv-ledger table td:nth-child(3){text-align:right!important}.beup-invite-surface .biv-ledger table th:nth-child(1) .header{justify-content:flex-start!important}.beup-invite-surface .biv-ledger table th:nth-child(3) .header{justify-content:flex-end!important}.biv-plan-name{font-size:13px;font-weight:600;line-height:21px;color:#274651}.biv-email{font-size:12px;color:#627e89;white-space:nowrap;letter-spacing:0!important}.biv-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:23px;padding:0 8px;border-radius:5px;white-space:nowrap}.biv-status-ok{background:#edf7f2;color:#398368}.biv-status-neutral{background:#f2f5f6;color:#788993}.biv-order-date .biv-date{font-size:12px}.biv-order-date .biv-time{font-size:11px}
.beup-invite-surface .biv-ledger .vue3-easy-data-table__main{position:relative;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#a4c9d1 #eff6f8}.biv-ledger .vue3-easy-data-table__main::-webkit-scrollbar{height:6px}.biv-ledger .vue3-easy-data-table__main::-webkit-scrollbar-thumb{background:#a4c9d1;border-radius:3px}.biv-ledger .vue3-easy-data-table__main::-webkit-scrollbar-track{background:#eff6f8}
@media(max-width:700px){.beup-invite-surface .previous-page__click-button,.beup-invite-surface .next-page__click-button{width:36px!important;height:44px!important}.biv-ledger>.v-card-text:before{content:'左右滑动查看完整明细';display:block;padding:0 16px 10px;font-size:12px;line-height:20px;color:#6b929e}.beup-invite-surface .biv-ledger table{min-width:940px!important}.beup-invite-surface .biv-ledger table th:nth-child(1){width:130px!important}.beup-invite-surface .biv-ledger td:first-child,.beup-invite-surface .biv-ledger th:first-child{position:sticky;left:0;z-index:1;background:#fff!important;box-shadow:3px 0 7px #26424a09}.beup-invite-surface .biv-ledger th:first-child{background:#f2f8f9!important;z-index:2}.biv-ledger .biv-plan-name{font-size:13px}.biv-ledger .biv-section-heading p{max-width:none}.beup-invite-surface .biv-ledger table .header{font-size:12px!important}.beup-invite-surface .biv-ledger table td .biv-order-amount,.beup-invite-surface .biv-ledger table td .biv-earned-amount{font-size:14px!important}}
/* Keep commission and email labels centered over their values at every width. */
.beup-invite-surface .biv-table-panel.biv-ledger table th:nth-child(3),
.beup-invite-surface .biv-table-panel.biv-ledger table th:nth-child(4),
.beup-invite-surface .biv-table-panel.biv-ledger table td:nth-child(3),
.beup-invite-surface .biv-table-panel.biv-ledger table td:nth-child(4){text-align:center!important;padding-inline:16px!important}
.beup-invite-surface .biv-table-panel.biv-ledger table th:nth-child(3) .header,
.beup-invite-surface .biv-table-panel.biv-ledger table th:nth-child(4) .header{justify-content:center!important;width:100%;text-align:center}

/* Scoped overview revision; released ledger, APIs and funds dialogs are untouched. */
.beup-invite-surface .biv-overview-v2 {
  --overview-divider:#cce1e5;
  grid-template-columns:minmax(288px,34%) minmax(0,1fr);
  gap:28px;padding:20px;background:linear-gradient(115deg,#edf7f8,#f7fbfc);
  border-color:#deedf0;align-items:center;
}
.beup-invite-surface .biv-overview-v2>.biv-overview-stats {border:0;padding:0 0 0 24px!important;position:relative}
.biv-overview-v2 .biv-overview-stats::before {content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--overview-divider)}
.biv-overview-v2 .biv-metrics {grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start}
.beup-invite-surface .biv-overview-v2 .biv-metrics>.biv-metric {padding:0!important;border:0;position:relative}
/* Separators live inside the grid gaps, not against text. */
.biv-overview-v2 .biv-metric+.biv-metric::before {content:"";position:absolute;left:-16px;top:0;bottom:0;width:1px;background:var(--overview-divider)}
.biv-overview-v2 .biv-stat-label {font-size:13px!important;line-height:22px;font-weight:500}
.biv-overview-v2 .biv-stat-value {display:flex;gap:5px;align-items:baseline;font-size:29px;line-height:40px;margin:3px 0 0;letter-spacing:-.65px}
.biv-overview-v2 .biv-unit {font-size:14px;font-weight:500;letter-spacing:0}
.biv-overview-v2 .biv-currency {font-size:21px;font-weight:600;letter-spacing:0}
.biv-overview-v2 .biv-stat-note {min-height:22px;margin-top:3px;font-size:11px;line-height:20px;gap:3px;flex-wrap:wrap}
.biv-overview-v2 .biv-stat-note .v-icon {margin-left:0!important;font-size:15px!important}
.biv-overview-v2 .biv-stat-note .v-tooltip {display:contents}
/* BEUP card surface, without third-party logos or invented card information. */
.beup-invite-surface .biv-overview-v2 .biv-balance {
  position:relative;isolation:isolate;overflow:hidden;
  padding:22px!important;border:1px solid #ffffff40!important;border-radius:16px!important;
  color:#fff;background:linear-gradient(128deg,#236675 0%,#247584 54%,#2f7a86 100%)!important;
  box-shadow:0 9px 24px #205b711a,inset 0 1px 0 #ffffff24!important;
  transform:translateY(0) rotate(0);transform-origin:50% 60%;
  transition:transform 500ms cubic-bezier(.2,.75,.25,1),box-shadow 500ms ease;
}
.biv-overview-v2 .biv-balance::before {
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at 95% -40%,#d6ffff14 0%,transparent 62%),linear-gradient(125deg,transparent 54%,#ffffff0a 54.2%,transparent 54.5%,transparent 70%,#ffffff08 70.2%,transparent 70.5%);
}
.biv-overview-v2 .biv-balance::after {
  content:"";position:absolute;top:-80%;left:0;width:44%;height:260%;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,transparent,#e4ffff03 15%,#e4ffff29 50%,#e4ffff03 85%,transparent);
  transform:translateX(-210%) rotate(24deg);animation:biv-balance-sheen 7s ease-in-out 1s infinite;
}
.biv-overview-v2 .biv-balance>.v-card-text,.biv-overview-v2 .biv-balance>.v-card-item {position:relative;z-index:2}
.biv-overview-v2 .biv-balance-heading {position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}
.biv-overview-v2 .biv-balance-heading::after {content:"HK-BEUP® ISP";font-size:10px;letter-spacing:1.1px;font-weight:600;color:#fff;white-space:nowrap}
.biv-overview-v2 .biv-balance-heading h5 {font-size:12px!important;line-height:22px;font-weight:500;color:#ebf8fa}
.biv-overview-v2 .biv-balance-amount {margin:12px 0 21px;gap:7px}
.beup-invite-surface .biv-overview-v2 .biv-balance .biv-big-number {color:#fff!important;font-size:38px;line-height:46px;letter-spacing:-.65px;text-shadow:0 1px 2px #15475430}
.biv-overview-v2 .biv-big-number::first-letter {font-size:.64em;letter-spacing:0}
.biv-overview-v2 .biv-balance-amount>.v-icon {font-size:15px!important;color:#def7fb!important;opacity:.85}
.biv-overview-v2 .biv-money-actions {display:flex;gap:9px;margin:0 0 11px;padding-top:0;border-top:0}
.biv-overview-v2 .biv-money-actions .v-btn {flex:1!important;min-width:0;height:40px;font-size:12px;border-radius:8px!important}
.biv-overview-v2 .biv-money-actions .v-btn:first-child {background:#f0fbfc!important;color:#226a79!important;border:1px solid #ffffff70}
.biv-overview-v2 .biv-money-actions .v-btn:nth-child(2) {background:#ffffff0e!important;color:#f2fcff!important;border:1px solid #d8f3f769!important}
.biv-overview-v2 .biv-money-actions .v-btn--disabled {opacity:.55}
.beup-invite-surface .biv-overview-v2 .biv-balance-note .text-error {color:#d1edf1!important;font-size:11px!important;line-height:18px!important}
.biv-overview-v2 .biv-balance-note .v-list-item {padding:0!important}
@keyframes biv-balance-sheen {
  0%,5% {transform:translateX(-210%) rotate(24deg);opacity:0}
  8% {opacity:1}
  25% {transform:translateX(410%) rotate(24deg);opacity:1}
  29%,100% {transform:translateX(410%) rotate(24deg);opacity:0}
}
@media (hover:hover) and (pointer:fine) {
  .beup-invite-surface .biv-overview-v2 .biv-balance:hover {transform:translateY(-4px) rotate(-1.2deg);box-shadow:0 15px 28px #1e586326,inset 0 1px 0 #ffffff35!important}
}
@media (min-width:901px) and (max-width:1250px) {
  .beup-invite-surface .biv-overview-v2 {grid-template-columns:288px minmax(0,1fr);gap:24px}
  .biv-overview-v2 .biv-metrics {gap:24px}
  .biv-overview-v2 .biv-metric+.biv-metric::before {left:-12px}
  .biv-overview-v2 .biv-stat-value {font-size:25px;gap:3px}
  .biv-overview-v2 .biv-currency {font-size:17px}
}
@media (max-width:900px) {
  .beup-invite-surface .biv-overview-v2 {grid-template-columns:minmax(0,1fr);padding:0;gap:14px;border:0;background:transparent}
  .beup-invite-surface .biv-overview-v2 .biv-balance {padding:23px!important}
  .biv-overview-v2 .biv-balance-amount {margin:10px 0 20px}
  .beup-invite-surface .biv-overview-v2 .biv-balance .biv-big-number {font-size:40px;line-height:48px;letter-spacing:-1px}
  .biv-overview-v2 .biv-money-actions .v-btn {height:44px;font-size:13px}
  .beup-invite-surface .biv-overview-v2>.biv-overview-stats {padding:20px!important;border:1px solid #deeaed;border-radius:12px;background:#fff}
  .biv-overview-v2 .biv-overview-stats::before {display:none}
}
@media (max-width:700px) {
  .biv-overview-v2 .biv-metrics {gap:24px;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr) minmax(0,.85fr)}
  .biv-overview-v2 .biv-metric+.biv-metric::before {left:-12px}
  .biv-overview-v2 .biv-stat-value {font-size:24px;line-height:34px;gap:3px;letter-spacing:-.5px}
  .biv-overview-v2 .biv-stat-label {font-size:11px!important;white-space:nowrap}
  .biv-overview-v2 .biv-unit,.biv-overview-v2 .biv-currency {font-size:13px}
  .biv-overview-v2 .biv-stat-note {font-size:10px;line-height:18px;min-height:18px;gap:0}
  .biv-overview-v2 .biv-stat-note .v-icon {font-size:13px!important}
}
@media (max-width:360px) {
  .beup-invite-surface .biv-overview-v2 .biv-balance {padding:20px!important}
  .beup-invite-surface .biv-overview-v2>.biv-overview-stats {padding:16px!important}
  .biv-overview-v2 .biv-metrics {gap:18px}
  .biv-overview-v2 .biv-metric+.biv-metric::before {left:-9px}
  .biv-overview-v2 .biv-stat-value {font-size:21px;gap:2px}
  .biv-overview-v2 .biv-balance-heading::after {font-size:10px;letter-spacing:.7px}
}
@media (prefers-reduced-motion:reduce) {
  .beup-invite-surface .biv-overview-v2 .biv-balance {transform:none!important;transition:none!important}
  .biv-overview-v2 .biv-balance::after {animation:none!important;opacity:0}
}
/* Native information surfaces are teleported to body; dedicated classes avoid touching other overlays. */
.beup-invite-surface .biv-overview-v2 [aria-label="查看佣金说明"] {
  width:24px;height:24px;flex:0 0 24px;border-radius:50%;
  cursor:help;outline-offset:3px;transition:background-color .15s ease;
}
.beup-invite-surface .biv-overview-v2 [aria-label="查看佣金说明"]:hover {background:#4d9eaf16}
.beup-invite-surface .biv-overview-v2 .biv-balance [aria-label="查看佣金说明"] {color:#eafcff!important;opacity:1}
.beup-invite-surface .biv-overview-v2 .biv-balance [aria-label="查看佣金说明"]:hover {background:#ffffff1a}
.beup-invite-surface .biv-overview-v2 [aria-label="查看佣金说明"]:focus-visible {outline:2px solid currentColor}
.v-tooltip>.v-overlay__content.biv-info-popover {
  background:#fff!important;color:#476773!important;border:1px solid #d7e8ec;
  border-radius:12px;padding:15px 17px;max-width:min(280px,calc(100vw - 32px))!important;
  box-shadow:0 10px 32px #244e5b20,0 2px 6px #244e5b08;
  white-space:normal;font-size:12px;line-height:1.8;letter-spacing:0;
}
.biv-info-title {font-size:13px;line-height:22px;font-weight:600;color:#294f5b;letter-spacing:.02em;margin-bottom:5px}
.biv-info-copy {font-size:12px;line-height:1.8;font-weight:400;color:#647d88;margin:0;white-space:normal;overflow-wrap:anywhere}
.v-dialog>.v-overlay__content.biv-info-dialog {margin:20px;max-width:min(320px,calc(100vw - 40px))!important}
.v-dialog>.v-overlay__content.biv-info-dialog>.v-card {
  border:1px solid #dcebee;border-radius:16px!important;background:#fff!important;
  box-shadow:0 20px 64px #1e46552e!important;
}
.biv-info-dialog .biv-info-dialog-body {padding:22px 22px 8px!important}
.biv-info-dialog .biv-info-title {font-size:15px;line-height:24px;margin-bottom:10px}
.biv-info-dialog .biv-info-copy {font-size:13px;line-height:1.85}
.biv-info-dialog .v-card-actions {padding:6px 18px 16px;min-height:0}
.biv-info-dialog .v-card-actions .v-btn {height:40px;min-width:82px;border-radius:8px;background:#eaf5f7!important;color:#267687!important;font-size:13px;letter-spacing:0;font-weight:500}
.biv-info-overlay .v-overlay__scrim {background:#183d4a!important;opacity:.25!important}
@media (max-width:600px) {.biv-info-dialog .v-card-actions .v-btn {height:44px}}

.biv-codes button.biv-code {
  position: relative;
  cursor: pointer;
  text-align: left;
  letter-spacing: 0;
  touch-action: manipulation;
}
.biv-codes button.biv-code::after {
  content: "";
  position: absolute;
  inset: -8px -3px;
}
.biv-codes button.biv-code:hover {
  background: rgba(var(--v-theme-primary), .14);
  border-color: rgba(var(--v-theme-primary), .5);
}
.biv-codes button.biv-code:focus-visible {
  outline: 2px solid rgb(var(--v-theme-primary));
  outline-offset: 3px;
}