/* 发票设置:抬头卡片、地址资料、表单与默认状态标记。 */ /* 导入方:app/pages/invoices/settings/index.vue。 */ .page[data-v-4a007273] { flex-direction: column; gap: 16px; display: flex; } .back[data-v-4a007273] { color: var(--p-text-muted-color, #94a3b8); align-items: center; gap: 6px; font-size: 0.9375rem; text-decoration: none; display: inline-flex; } .back[data-v-4a007273]:hover { color: var(--p-primary-color); } .page-head h2[data-v-4a007273] { margin: 10px 0 0; font-size: var(--page-title-size); font-weight: 600; } .panel[data-v-4a007273] { background: var(--p-content-background); border: 1px solid var(--p-content-border-color, #e2e8f0); border-radius: var(--radius-lg); padding: 8px 20px 20px; } .tab-head[data-v-4a007273] { justify-content: space-between; align-items: center; margin-bottom: 14px; display: flex; } .tab-tip[data-v-4a007273] { color: var(--p-text-muted-color, #94a3b8); font-size: 0.9375rem; } .card-list[data-v-4a007273] { flex-direction: column; gap: 10px; display: flex; } .info-card[data-v-4a007273] { border: 1px solid var(--p-content-border-color, #e2e8f0); border-radius: var(--radius-lg); align-items: center; gap: 12px; padding: 12px 16px; display: flex; } .card-main[data-v-4a007273] { flex: 1; min-width: 0; } .card-title[data-v-4a007273] { align-items: center; gap: 8px; font-size: 1rem; font-weight: 500; display: flex; } .badge[data-v-4a007273] { color: var(--p-text-muted-color, #64748b); border: 1px solid var(--p-content-border-color, #e2e8f0); border-radius: 999px; padding: 0 8px; font-size: 0.8125rem; font-weight: 400; } .badge.special[data-v-4a007273] { color: #ef4444; border-color: #fecaca; } .badge.default[data-v-4a007273] { color: var(--p-primary-color); border-color: #a7f3d0; } .card-sub[data-v-4a007273] { margin-top: 4px; font-size: 0.875rem; } .card-sub[data-v-4a007273], .empty[data-v-4a007273] { color: var(--p-text-muted-color, #94a3b8); } .empty[data-v-4a007273] { text-align: center; padding: 32px 0; font-size: 0.9375rem; } .field[data-v-4a007273], .form[data-v-4a007273] { flex-direction: column; display: flex; } .field[data-v-4a007273] { flex: 1; gap: 6px; } .field label[data-v-4a007273] { color: var(--p-text-color, #334155); font-size: 0.9375rem; } .field-row[data-v-4a007273] { gap: 14px; display: flex; } .field-check[data-v-4a007273] { color: var(--p-text-color, #334155); align-items: center; gap: 8px; font-size: 0.9375rem; display: flex; } .req[data-v-4a007273] { color: #ef4444; } .page[data-v-4a007273] { gap: 28px; width: 100%; max-width: 896px; margin: 0 auto; } .page-head[data-v-4a007273] { flex-direction: row-reverse; justify-content: space-between; align-items: center; display: flex; } .page-head h2[data-v-4a007273] { margin: 0; font-size: var(--page-title-size); font-weight: 600; } .settings-section[data-v-4a007273] { border-bottom: 1px solid var(--p-content-border-color); grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: 28px; padding: 14px 0 28px; display: grid; } .settings-intro h3[data-v-4a007273] { margin: 0 0 10px; font-size: 1rem; font-weight: 500; } .settings-intro p[data-v-4a007273] { color: var(--p-text-muted-color); margin: 0; font-size: 0.875rem; line-height: 1.8; } .settings-content[data-v-4a007273] { flex-direction: column; align-items: flex-start; gap: 14px; min-width: 0; display: flex; } .settings-table[data-v-4a007273] { border: 1px solid var(--p-content-border-color); border-radius: var(--radius-md); width: 100%; overflow: hidden; box-shadow: 0 2px 3px #0000000f; } .settings-table[data-v-4a007273] .p-datatable-table { min-width: 540px; } .settings-table[data-v-4a007273] .p-datatable-thead > tr > th { background: 0 0; padding: 14px; font-size: 0.875rem; } .settings-table[data-v-4a007273] .p-datatable-tbody > tr > td { padding: 14px; font-size: 0.875rem; } .form[data-v-4a007273] { gap: 21px; } /* 视口条件 (width<=768px) 下的响应式覆盖;保留相对基础规则的层叠顺序。 */ @media (width<=768px) { .settings-section[data-v-4a007273] { grid-template-columns: minmax(0, 1fr); gap: 14px; } .field-row[data-v-4a007273] { flex-direction: column; } .page-head[data-v-4a007273] { flex-direction: column-reverse; align-items: flex-start; gap: 14px; } } .row-actions[data-v-4a007273] { gap: 0; display: flex; }