/* 单张发票详情:票面信息、下载操作与文件/错误提示。 */ /* 导入方:app/pages/invoices/invoice.vue。 */ .invoice-detail-page[data-v-3b8f6704] { flex-direction: column; gap: 14px; max-width: 896px; margin: 0 auto; display: flex; } .invoice-paper[data-v-3b8f6704] { background: var(--p-content-background); border: 1px solid var(--p-content-border-color); padding: 42px 35px; } .invoice-paper h1[data-v-3b8f6704] { text-align: center; color: #9f454a; margin: 0 0 14px; font-size: 1.625rem; font-weight: 500; } .invoice-number[data-v-3b8f6704] { text-align: right; color: var(--p-text-muted-color); font-size: 0.875rem; } .invoice-paper dl[data-v-3b8f6704] { border: 1px solid #cba0a2; grid-template-columns: 1fr 1fr; margin: 28px 0; display: grid; } .invoice-paper dl > div[data-v-3b8f6704] { border-bottom: 1px solid #e7cccd; flex-direction: column; gap: 10px; min-width: 0; padding: 18px; display: flex; } .invoice-paper dt[data-v-3b8f6704] { color: var(--p-text-muted-color); font-size: 0.875rem; } /* 允许连续长文本换行,防止IP、密钥或用户输入撑破当前容器;不会修改原始数据。 */ .invoice-paper dd[data-v-3b8f6704] { overflow-wrap: anywhere; margin: 0; } .invoice-total[data-v-3b8f6704] { border-block: 1px solid #cba0a2; justify-content: space-between; gap: 21px; padding: 21px 14px; display: flex; } .invoice-total strong[data-v-3b8f6704] { font-size: 1.5rem; } .invoice-actions[data-v-3b8f6704] { flex-wrap: wrap; justify-content: flex-end; gap: 14px; margin-top: 28px; display: flex; } .invoice-file-hint[data-v-3b8f6704] { text-align: right; color: var(--p-text-muted-color); font-size: 0.875rem; } .invoice-error[data-v-3b8f6704] { flex-direction: column; align-items: flex-start; gap: 14px; display: flex; } /* 视口条件 (width<=640px) 下的响应式覆盖;保留相对基础规则的层叠顺序。 */ @media (width<=640px) { .invoice-paper[data-v-3b8f6704] { padding: 28px 14px; } .invoice-paper dl[data-v-3b8f6704] { grid-template-columns: minmax(0, 1fr); } }