/* 财务中心:余额摘要、提现提示、提醒设置与账务筛选。 */ /* 导入方:app/pages/finance/index.vue。 */ .finance-shortcut[data-v-18fe1f08] { color: var(--p-primary-color); white-space: nowrap; padding: 8px 6px; text-decoration: none; } .finance-shortcut[data-v-18fe1f08]:hover { text-decoration: underline; } .page[data-v-18fe1f08] { flex-direction: column; gap: 18px; display: flex; } .page-head h2[data-v-18fe1f08] { margin: 0 0 6px; font-size: var(--page-title-size); font-weight: 600; } .page-head p[data-v-18fe1f08] { color: var(--p-text-muted-color, #94a3b8); margin: 0; font-size: 1rem; } .summary[data-v-18fe1f08] { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; display: grid; } .summary-card[data-v-18fe1f08] { background: var(--p-content-background); border: 1px solid var(--p-content-border-color, #e2e8f0); border-radius: var(--radius-lg); flex-direction: column; gap: 8px; padding: 18px; display: flex; } .summary-card.balance[data-v-18fe1f08] { background: linear-gradient( 135deg, var(--p-highlight-background) 0, var(--p-content-background) 70% ); } .summary-label[data-v-18fe1f08] { color: var(--p-text-muted-color, #94a3b8); font-size: 0.9375rem; } .summary-value[data-v-18fe1f08] { font-size: 1.625rem; font-weight: 600; } .summary-card.balance .summary-value[data-v-18fe1f08] { margin-bottom: 4px; } .summary-actions[data-v-18fe1f08] { gap: 8px; display: flex; } .reject[data-v-18fe1f08] { color: #ef4444; margin-top: 4px; font-size: 0.875rem; } .panel[data-v-18fe1f08] { background: var(--p-content-background); border: 1px solid var(--p-content-border-color, #e2e8f0); border-radius: var(--radius-lg); padding: 8px 20px 20px; } .credit-summary[data-v-18fe1f08] { color: var(--p-text-muted-color, #64748b); padding: 10px 0; font-size: 0.9375rem; } .link[data-v-18fe1f08] { color: var(--p-primary-color); font-weight: 500; text-decoration: none; } .link[data-v-18fe1f08]:hover { text-decoration: underline; } .amount[data-v-18fe1f08] { font-weight: 500; } .empty[data-v-18fe1f08] { text-align: center; color: var(--p-text-muted-color, #94a3b8); padding: 32px 0; } .v-msg[data-v-18fe1f08] { margin-bottom: 12px; } .page[data-v-18fe1f08] { gap: 14px; } .wallet-card[data-v-18fe1f08] { background: var(--p-content-background); border: 1px solid var(--p-content-border-color); border-radius: var(--radius-md); justify-content: flex-start; align-items: center; gap: 0; min-height: 96px; padding: 20px 24px; display: flex; box-shadow: 0 1px 2px #00000014; } .wallet-card > div[data-v-18fe1f08]:first-child { padding-right: 36px; } .wallet-stat[data-v-18fe1f08], .wallet-pending-refund[data-v-18fe1f08] { border-left: 1px solid var(--p-content-border-color); padding: 2px 36px; } .wallet-stat-value[data-v-18fe1f08] { font-variant-numeric: tabular-nums; font-size: 1.125rem; font-weight: 600; line-height: 1.6; } .summary-label[data-v-18fe1f08] { color: var(--p-text-muted-color); margin-bottom: 6px; font-size: 0.9375rem; } .summary-value[data-v-18fe1f08] { font-variant-numeric: tabular-nums; font-size: 1.75rem; font-weight: 600; line-height: 1.2; } .summary-value small[data-v-18fe1f08] { font-size: 1.5rem; } .pending-refund-value[data-v-18fe1f08] { color: var(--p-orange-600, #ea580c); font-variant-numeric: tabular-nums; font-size: 1.125rem; font-weight: 600; line-height: 1.6; } .summary-actions[data-v-18fe1f08] { align-items: center; margin-left: auto; } .reminder-panel[data-v-18fe1f08] { flex-wrap: wrap; align-items: center; gap: 18px; padding: 16px 18px; display: flex; } .reminder-copy[data-v-18fe1f08] { flex: 1; min-width: 220px; } .reminder-copy h3[data-v-18fe1f08] { margin: 0 0 4px; font-size: 1rem; font-weight: 600; } .reminder-copy p[data-v-18fe1f08] { color: var(--p-text-muted-color); margin: 0; font-size: 0.875rem; } .reminder-form[data-v-18fe1f08] { flex-wrap: nowrap; align-items: center; gap: 10px; min-width: 0; display: flex; } .reminder-form[data-v-18fe1f08] .p-inputnumber { flex: 0 150px; width: 150px; min-width: 0; } .reminder-form[data-v-18fe1f08] .p-inputnumber-input { width: 100%; min-width: 0; } .reminder-form[data-v-18fe1f08] .p-button, .reminder-form[data-v-18fe1f08] > :first-child, .reminder-form > label[data-v-18fe1f08] { flex: none; } .reminder-form[data-v-18fe1f08] .p-button, .reminder-form > label[data-v-18fe1f08] { white-space: nowrap; } .reminder-panel > .p-message[data-v-18fe1f08] { flex-basis: 100%; margin: 0; } .panel.wallet-tabs[data-v-18fe1f08] { background: 0 0; border: 0; border-radius: 0; padding: 0; } .wallet-tabs[data-v-18fe1f08] .p-tabpanels { background: 0 0; padding: 24px 0 0; } .wallet-tabs[data-v-18fe1f08] .list-head h2 { display: none; } .wallet-tabs[data-v-18fe1f08] .list-head:not(:has(.list-head-actions)) { display: none; } .wallet-tabs[data-v-18fe1f08] .p-tablist-tab-list { background: 0 0; border: 0; } .wallet-tabs[data-v-18fe1f08] .p-tab { padding: 14px; } .wallet-tabs[data-v-18fe1f08] .p-tablist-active-bar { display: none; } .wallet-section-title[data-v-18fe1f08] { margin: 28px 0; font-size: 1.25rem; font-weight: 600; } .wallet-filters[data-v-18fe1f08], .wallet-toolbar[data-v-18fe1f08] { flex-wrap: wrap; align-items: center; gap: 7px; display: flex; } .wallet-toolbar[data-v-18fe1f08] { justify-content: space-between; margin: 28px 0; } .wallet-filters .p-inputtext[data-v-18fe1f08], .wallet-filters .p-select[data-v-18fe1f08] { width: 280px; } .wallet-tabs[data-v-18fe1f08] .p-datatable-table-container { border: 1px solid var(--p-content-border-color); border-radius: var(--radius-md); box-shadow: 0 2px 3px #0000000f; } .wallet-tabs[data-v-18fe1f08] .p-datatable-table { min-width: 640px; } .wallet-tabs[data-v-18fe1f08] .p-datatable-thead > tr > th { white-space: nowrap; background: 0 0; padding: 12px 14px; } .wallet-tabs[data-v-18fe1f08] .p-datatable-tbody > tr > td { padding: 12px 14px; } .wallet-tabs[data-v-18fe1f08] .p-paginator { background: 0 0; margin: 28px 0; } .wallet-tabs[data-v-18fe1f08] .amount-cell { text-align: right; white-space: nowrap; } .wallet-tabs[data-v-18fe1f08] .amount-heading .p-datatable-column-header-content { justify-content: flex-end; } .credit-summary[data-v-18fe1f08] { display: none; } .withdraw-notice[data-v-18fe1f08] { margin-top: 21px; } /* 视口条件 (width<=640px) 下的响应式覆盖;保留相对基础规则的层叠顺序。 */ @media (width<=900px) { .wallet-card[data-v-18fe1f08] { flex-wrap: wrap; row-gap: 16px; } .summary-actions[data-v-18fe1f08] { justify-content: flex-end; width: 100%; } } @media (width<=640px) { .wallet-card[data-v-18fe1f08] { flex-wrap: wrap; padding: 16px; } .wallet-card > div[data-v-18fe1f08]:first-child { flex-basis: 100%; padding-right: 0; } .wallet-stat[data-v-18fe1f08], .wallet-pending-refund[data-v-18fe1f08] { border-left: 0; padding: 0 24px 0 0; } .reminder-copy[data-v-18fe1f08] { flex: 100%; min-width: 0; } .reminder-form[data-v-18fe1f08] { gap: 8px; width: 100%; } .reminder-form[data-v-18fe1f08] .p-inputnumber { flex: 1 1 0; width: auto; } .reminder-form[data-v-18fe1f08] .p-inputtext { width: 100%; min-width: 0; } .wallet-filters[data-v-18fe1f08], .wallet-toolbar[data-v-18fe1f08] { flex-direction: column; align-items: stretch; width: 100%; } .wallet-filters .p-inputtext[data-v-18fe1f08], .wallet-filters .p-select[data-v-18fe1f08] { width: 100%; } .wallet-section-title[data-v-18fe1f08], .wallet-toolbar[data-v-18fe1f08] { margin: 21px 0; } }