.subscription-bill-page[data-v-fcf2e38a]{display:flex;min-height:100%;background:#f8fafc;color:#1a1a1a}.subscription-bill-page .page-main[data-v-fcf2e38a]{flex:1;min-width:0;padding:.15625rem 0 0 .15625rem}.subscription-bill-page .page-main .header[data-v-fcf2e38a]{display:flex;align-items:flex-start;justify-content:space-between;gap:.104167rem;margin-bottom:.125rem}.subscription-bill-page .page-main .header h1[data-v-fcf2e38a]{margin:0 0 .020833rem;color:#0a2647;font-size:.145833rem;font-weight:700}.subscription-bill-page .page-main .header p[data-v-fcf2e38a]{margin:0;color:#64748b;font-size:.072917rem}.subscription-bill-page .page-main .header .header-right[data-v-fcf2e38a]{display:flex;gap:.0625rem}.subscription-bill-page .page-main .billing-list-section[data-v-fcf2e38a],.subscription-bill-page .page-main .package-summary-card[data-v-fcf2e38a],.subscription-bill-page .page-main .usage-detail-card[data-v-fcf2e38a]{margin-bottom:.125rem;border:.005208rem solid #e5e7eb;border-radius:.0625rem;background:#fff;overflow:hidden}.subscription-bill-page .page-main .package-summary-card[data-v-fcf2e38a]{position:relative;padding:.125rem;color:#fff;background:linear-gradient(135deg,#0a2647,#1a365d)}.subscription-bill-page .page-main .package-summary-card[data-v-fcf2e38a]:before{position:absolute;top:-50%;right:-20%;width:2.083333rem;height:2.083333rem;border-radius:50%;background:radial-gradient(circle,rgba(255,107,53,.12) 0,transparent 70%);content:""}.subscription-bill-page .page-main .package-summary-card .package-header[data-v-fcf2e38a],.subscription-bill-page .page-main .package-summary-card .usage-overview[data-v-fcf2e38a]{position:relative;z-index:1}.subscription-bill-page .page-main .package-summary-card .package-header[data-v-fcf2e38a]{display:flex;align-items:flex-start;justify-content:space-between;gap:.104167rem;margin-bottom:.104167rem}.subscription-bill-page .page-main .package-summary-card .package-header .package-name[data-v-fcf2e38a]{display:flex;align-items:center;gap:.0625rem;margin-bottom:.041667rem;font-size:.145833rem;font-weight:700}.subscription-bill-page .page-main .package-summary-card .package-header .package-name .package-status[data-v-fcf2e38a]{padding:.020833rem .0625rem;border:.005208rem solid rgba(16,185,129,.3);border-radius:.0625rem;color:#10b981;background:rgba(16,185,129,.2);font-size:.067708rem;font-weight:500}.subscription-bill-page .page-main .package-summary-card .package-header .package-validity[data-v-fcf2e38a]{color:hsla(0,0%,100%,.8);font-size:.072917rem}.subscription-bill-page .page-main .package-summary-card .package-header .package-actions[data-v-fcf2e38a]{display:flex;gap:.041667rem}.subscription-bill-page .page-main .package-summary-card .usage-overview[data-v-fcf2e38a]{margin-top:.104167rem;padding-top:.104167rem;border-top:.005208rem solid hsla(0,0%,100%,.1)}.subscription-bill-page .page-main .package-summary-card .usage-overview .usage-overview-title[data-v-fcf2e38a]{display:flex;align-items:center;gap:.041667rem;margin-bottom:.083333rem;font-size:.072917rem;font-weight:500}.subscription-bill-page .page-main .package-summary-card .usage-overview .usage-grid[data-v-fcf2e38a]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.104167rem}.subscription-bill-page .page-main .package-summary-card .usage-overview .usage-grid .usage-item[data-v-fcf2e38a]{display:flex;flex-direction:column;gap:.03125rem}.subscription-bill-page .page-main .package-summary-card .usage-overview .usage-grid .usage-item .usage-item-name[data-v-fcf2e38a]{color:hsla(0,0%,100%,.8);font-size:.067708rem}.subscription-bill-page .page-main .package-summary-card .usage-overview .usage-grid .usage-item .usage-item-value[data-v-fcf2e38a]{font-size:.083333rem;font-weight:600}.subscription-bill-page .page-main .package-summary-card .usage-overview .usage-grid .usage-item .usage-progress[data-v-fcf2e38a] .el-progress-bar__outer{background:hsla(0,0%,100%,.2)}.subscription-bill-page .page-main .usage-detail-card .usage-detail-header[data-v-fcf2e38a]{display:flex;align-items:center;justify-content:space-between;gap:.083333rem;padding:.083333rem .104167rem;border-bottom:.005208rem solid #e5e7eb;background:#f8fafc}.subscription-bill-page .page-main .usage-detail-card .usage-detail-header .usage-detail-title[data-v-fcf2e38a]{display:inline-flex;align-items:center;gap:.041667rem;padding:0;border:0;color:#0a2647;background:transparent;font-size:.072917rem;font-weight:600;cursor:pointer}.subscription-bill-page .page-main .usage-detail-card .usage-detail-header .time-range-select[data-v-fcf2e38a]{width:.572917rem}.subscription-bill-page .page-main .usage-detail-card .usage-detail-body[data-v-fcf2e38a]{padding:.104167rem}.subscription-bill-page .page-main .usage-detail-card .usage-detail-body .rate-text[data-v-fcf2e38a]{color:#10b981;font-weight:500}.subscription-bill-page .page-main .billing-list-section .billing-header[data-v-fcf2e38a]{display:flex;align-items:center;justify-content:space-between;gap:.083333rem;padding:.104167rem;border-bottom:.005208rem solid #e5e7eb;background:#f8fafc}.subscription-bill-page .page-main .billing-list-section .billing-header .billing-title[data-v-fcf2e38a]{display:flex;align-items:center;gap:.041667rem;color:#0a2647;font-size:.083333rem;font-weight:600}.subscription-bill-page .page-main .billing-list-section[data-v-fcf2e38a] .unpaid-row{background:#fef3c7}.subscription-bill-page .page-main .billing-list-section[data-v-fcf2e38a] .unpaid-row:hover>td{background:#fde68a}.subscription-bill-page .page-main .billing-list-section .amount[data-v-fcf2e38a]{color:#0a2647;font-size:.078125rem;font-weight:600}.subscription-bill-page .page-main .billing-list-section .status-badge[data-v-fcf2e38a]{display:inline-flex;align-items:center;gap:.020833rem;padding:.020833rem .052083rem;border-radius:.0625rem;font-size:.0625rem;font-weight:500}.subscription-bill-page .page-main .billing-list-section .status-badge.status-paid[data-v-fcf2e38a]{color:#065f46;background:#d1fae5}.subscription-bill-page .page-main .billing-list-section .status-badge.status-unpaid[data-v-fcf2e38a]{color:#92400e;background:#fef3c7}.subscription-bill-page .page-main .billing-list-section .invoice-link[data-v-fcf2e38a]{display:inline-flex;align-items:center;gap:.020833rem;padding:0;color:#0a2647}.subscription-bill-page .page-main .billing-list-section .table-pagination[data-v-fcf2e38a]{display:flex;justify-content:flex-end;padding:.083333rem .104167rem;border-top:.005208rem solid #e5e7eb}.subscription-bill-page .page-main .billing-list-section .table-pagination[data-v-fcf2e38a] .el-pagination.is-background .el-pager li:not(.disabled).active{border-color:#0a2647;background:#0a2647;color:#fff}.subscription-bill-page .action-panel[data-v-fcf2e38a]{width:1.458333rem;margin:0 1%;padding:.125rem;align-self:flex-start;border-left:.005208rem solid #e5e7eb;background:#fff}.subscription-bill-page .action-panel .panel-title[data-v-fcf2e38a]{display:flex;align-items:center;gap:.041667rem;margin-bottom:.104167rem;color:#0a2647;font-size:.083333rem;font-weight:600}.subscription-bill-page .action-panel .panel-title.faq-title[data-v-fcf2e38a]{margin-top:.166667rem}.subscription-bill-page .action-panel .quick-action-card[data-v-fcf2e38a]{margin-bottom:.083333rem;padding:.083333rem;border:.005208rem solid #e5e7eb;border-radius:.052083rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);cursor:pointer;transition:all .2s}.subscription-bill-page .action-panel .quick-action-card[data-v-fcf2e38a]:hover{border-color:#ff6b35;box-shadow:0 .020833rem .0625rem rgba(255,107,53,.1);transform:translateY(-.010417rem)}.subscription-bill-page .action-panel .quick-action-card.faq-card[data-v-fcf2e38a]{border-style:dashed;background:#fff}.subscription-bill-page .action-panel .quick-action-card .quick-action-header[data-v-fcf2e38a]{display:flex;align-items:center;gap:.041667rem;margin-bottom:.041667rem}.subscription-bill-page .action-panel .quick-action-card .quick-action-header .quick-action-icon[data-v-fcf2e38a]{font-size:.104167rem}.subscription-bill-page .action-panel .quick-action-card .quick-action-header .quick-action-title[data-v-fcf2e38a]{color:#0a2647;font-size:.072917rem;font-weight:600}.subscription-bill-page .action-panel .quick-action-card .quick-action-desc[data-v-fcf2e38a]{color:#64748b;font-size:.0625rem;line-height:1.5}.subscription-bill-page .ai-tip[data-v-fcf2e38a]{display:flex;gap:.052083rem;margin-bottom:.104167rem;padding:.072917rem .083333rem;border-radius:.052083rem;background:linear-gradient(135deg,#0a2647,#1a365d)}.subscription-bill-page .ai-tip .ai-tip-icon[data-v-fcf2e38a]{display:inline-flex;align-items:center;justify-content:center;width:.114583rem;height:.114583rem;border-radius:.026042rem;color:#fff;background:#ff6b35;font-size:.0625rem;flex-shrink:0}.subscription-bill-page .ai-tip .ai-tip-content[data-v-fcf2e38a]{color:#fff;font-size:.067708rem;line-height:1.6}.subscription-bill-page .ai-tip .ai-tip-content .ai-tip-highlight[data-v-fcf2e38a]{color:#ffb699;font-weight:600}.subscription-bill-page .payment-amount[data-v-fcf2e38a]{margin-bottom:.125rem;padding:.125rem;border-radius:.052083rem;text-align:center;background:#f8fafc}.subscription-bill-page .payment-amount .payment-amount-value[data-v-fcf2e38a]{color:#0a2647;font-size:.166667rem;font-weight:700}.subscription-bill-page .payment-amount .payment-amount-label[data-v-fcf2e38a]{margin-top:.03125rem;color:#64748b;font-size:.067708rem}.subscription-bill-page .form-label[data-v-fcf2e38a]{display:flex;align-items:center;gap:.03125rem;margin-bottom:.041667rem;color:#0a2647;font-size:.072917rem;font-weight:500}.subscription-bill-page .payment-method-grid[data-v-fcf2e38a]{display:grid;grid-template-columns:repeat(3,1fr);gap:.0625rem;margin-bottom:.104167rem}.subscription-bill-page .payment-method-grid .payment-method-option[data-v-fcf2e38a]{padding:.072917rem .052083rem;border:.010417rem solid #e5e7eb;border-radius:.041667rem;text-align:center;cursor:pointer;transition:all .2s}.subscription-bill-page .payment-method-grid .payment-method-option.selected[data-v-fcf2e38a],.subscription-bill-page .payment-method-grid .payment-method-option[data-v-fcf2e38a]:hover{border-color:#ff6b35;background:#fff7ed}.subscription-bill-page .payment-method-grid .payment-method-option .payment-method-icon[data-v-fcf2e38a]{margin-bottom:.03125rem;font-size:.125rem}.subscription-bill-page .payment-method-grid .payment-method-option .payment-method-name[data-v-fcf2e38a]{color:#0a2647;font-size:.067708rem;font-weight:500}.subscription-bill-page .qr-code-placeholder[data-v-fcf2e38a]{display:flex;align-items:center;justify-content:center;width:.833333rem;height:.833333rem;margin:0 auto .0625rem;border:.010417rem dashed #d1d5db;border-radius:.0625rem;color:#64748b;background:#f8fafc;font-size:.072917rem}.subscription-bill-page .bank-account[data-v-fcf2e38a]{padding:.083333rem;border:.005208rem solid #e5e7eb;border-radius:.041667rem;color:#64748b;background:#f8fafc;font-size:.067708rem;line-height:1.8}.subscription-bill-page .bank-account strong[data-v-fcf2e38a]{color:#0a2647;font-size:.078125rem}.subscription-bill-page .ai-recommendation[data-v-fcf2e38a]{display:flex;align-items:center;gap:.0625rem;margin-bottom:.104167rem;padding:.083333rem;border:.005208rem solid #fde68a;border-radius:.052083rem;background:#fffbeb}.subscription-bill-page .ai-recommendation .ai-recommendation-icon[data-v-fcf2e38a]{display:inline-flex;align-items:center;justify-content:center;width:.166667rem;height:.166667rem;border-radius:.041667rem;color:#fff;background:#ff6b35;font-size:.067708rem;font-weight:700;flex-shrink:0}.subscription-bill-page .ai-recommendation .ai-recommendation-content[data-v-fcf2e38a]{color:#92400e;font-size:.067708rem;line-height:1.6}.subscription-bill-page .ai-recommendation .ai-recommendation-content span[data-v-fcf2e38a]{color:#92400e;font-weight:600}.subscription-bill-page .package-comparison-table .recommended-cell[data-v-fcf2e38a]{display:flex;flex-direction:column;align-items:center;gap:.020833rem;color:#ff6b35;font-weight:600}.subscription-bill-page .duration-discount[data-v-fcf2e38a],.subscription-bill-page .recommended-badge[data-v-fcf2e38a]{display:inline-block;padding:.010417rem .041667rem;border-radius:.052083rem;color:#fff;background:#ff6b35;font-size:.057292rem;font-weight:500}.subscription-bill-page .renewal-duration-grid[data-v-fcf2e38a]{display:grid;grid-template-columns:repeat(2,1fr);gap:.0625rem;margin-bottom:.104167rem}.subscription-bill-page .renewal-duration-grid .duration-option[data-v-fcf2e38a]{padding:.083333rem;border:.010417rem solid #e5e7eb;border-radius:.052083rem;cursor:pointer;transition:all .2s}.subscription-bill-page .renewal-duration-grid .duration-option.selected[data-v-fcf2e38a],.subscription-bill-page .renewal-duration-grid .duration-option[data-v-fcf2e38a]:hover{border-color:#ff6b35;background:#fff7ed}.subscription-bill-page .renewal-duration-grid .duration-option .duration-header[data-v-fcf2e38a]{display:flex;align-items:center;justify-content:space-between;gap:.041667rem;margin-bottom:.052083rem}.subscription-bill-page .renewal-duration-grid .duration-option .duration-header .duration-title[data-v-fcf2e38a]{color:#0a2647;font-size:.072917rem;font-weight:600}.subscription-bill-page .renewal-duration-grid .duration-option .duration-price[data-v-fcf2e38a]{color:#ff6b35;font-size:.104167rem;font-weight:700}.subscription-bill-page .renewal-duration-grid .duration-option .duration-price .original[data-v-fcf2e38a]{margin-left:.041667rem;color:#9ca3af;font-size:.067708rem;font-weight:400;text-decoration:line-through}.subscription-bill-page .renewal-amount[data-v-fcf2e38a]{margin-bottom:.104167rem}.subscription-bill-page .renewal-amount .renewal-price[data-v-fcf2e38a]{color:#0a2647;font-size:.145833rem;font-weight:700}.subscription-bill-page .dialog-footer[data-v-fcf2e38a]{display:flex;justify-content:flex-end;gap:.0625rem}.subscription-bill-page .form-hint[data-v-fcf2e38a]{color:#64748b;font-size:.0625rem;line-height:1.6}.subscription-bill-page .text-center[data-v-fcf2e38a]{text-align:center}.subscription-bill-page .pay-now-btn[data-v-fcf2e38a],.subscription-bill-page .primary-btn[data-v-fcf2e38a]{color:#fff;border-color:#ff6b35;background:#ff6b35}.subscription-bill-page .pay-now-btn[data-v-fcf2e38a]:focus,.subscription-bill-page .pay-now-btn[data-v-fcf2e38a]:hover,.subscription-bill-page .primary-btn[data-v-fcf2e38a]:focus,.subscription-bill-page .primary-btn[data-v-fcf2e38a]:hover{color:#fff;border-color:#f97316;background:#f97316}.subscription-bill-page .outline-btn[data-v-fcf2e38a]{color:#0a2647;border-color:#e5e7eb;background:#fff}.subscription-bill-page .outline-btn[data-v-fcf2e38a]:focus,.subscription-bill-page .outline-btn[data-v-fcf2e38a]:hover{color:#0a2647;border-color:#0a2647;background:#fff}.subscription-bill-page .light-primary-btn[data-v-fcf2e38a]{color:#ff6b35;border-color:#fff;background:#fff}.subscription-bill-page .light-primary-btn[data-v-fcf2e38a]:focus,.subscription-bill-page .light-primary-btn[data-v-fcf2e38a]:hover{color:#ff6b35;border-color:#f8fafc;background:#f8fafc}.subscription-bill-page .ghost-light-btn[data-v-fcf2e38a]{color:#fff;border-color:hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.1)}.subscription-bill-page .ghost-light-btn[data-v-fcf2e38a]:focus,.subscription-bill-page .ghost-light-btn[data-v-fcf2e38a]:hover{color:#fff;border-color:hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.2)}.subscription-bill-page .text-btn[data-v-fcf2e38a]{padding:.03125rem .041667rem;color:#0a2647}@media (max-width:1200px){.subscription-bill-page[data-v-fcf2e38a]{flex-direction:column}.subscription-bill-page .page-main[data-v-fcf2e38a]{padding-right:.15625rem}.subscription-bill-page .action-panel[data-v-fcf2e38a]{width:auto;margin:0 .15625rem .15625rem;border:.005208rem solid #e5e7eb;border-radius:.0625rem}}@media (max-width:768px){.subscription-bill-page .page-main .header[data-v-fcf2e38a],.subscription-bill-page .page-main .package-summary-card .package-header[data-v-fcf2e38a]{flex-direction:column}.subscription-bill-page .page-main .package-summary-card .usage-grid[data-v-fcf2e38a]{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-bill-page .payment-method-grid[data-v-fcf2e38a],.subscription-bill-page .renewal-duration-grid[data-v-fcf2e38a]{grid-template-columns:1fr}}