/* 资源转移:接收码、资源信息、验证结果与风险确认。 */ /* 导入方:app/pages/transfer/index.vue。 */ .code-card[data-v-559a870e] { border: 1px solid var(--p-content-border-color, #e2e8f0); background: var(--p-content-background); border-radius: var(--radius-lg); gap: 8px; padding: 16px 18px; } .code-main[data-v-559a870e] { flex-wrap: wrap; align-items: center; gap: 12px; display: flex; } .code-label[data-v-559a870e] { color: var(--p-text-muted-color, #64748b); font-size: 0.9375rem; } .code-value[data-v-559a870e] { letter-spacing: 0.5px; color: var(--p-text-color); font-family: var(--font-mono); font-size: 1.125rem; font-weight: 600; } .code-tip[data-v-559a870e], .code-warn[data-v-559a870e] { color: var(--p-text-muted-color, #94a3b8); margin: 0; font-size: 0.875rem; line-height: 1.7; } .code-warn[data-v-559a870e] { color: #f59e0b; } .prod[data-v-559a870e] { flex-direction: column; gap: 2px; display: flex; } .nowrap[data-v-559a870e] { white-space: nowrap; } .prod-name[data-v-559a870e] { font-weight: 500; } .prod-host[data-v-559a870e] { color: var(--p-text-muted-color, #94a3b8); } .row-actions[data-v-559a870e] { align-items: center; gap: 2px; display: flex; } .dlg[data-v-559a870e] { gap: 16px; } .detail[data-v-559a870e], .dlg[data-v-559a870e] { flex-direction: column; display: flex; } .detail[data-v-559a870e] { background: var(--p-content-hover-background); border-radius: var(--radius-md); gap: 10px; padding: 14px 16px; } .d-row[data-v-559a870e] { justify-content: space-between; align-items: baseline; gap: 16px; font-size: 0.9375rem; display: flex; } .d-row > span[data-v-559a870e] { color: var(--p-text-muted-color, #64748b); flex-shrink: 0; } .d-row > b[data-v-559a870e] { text-align: right; font-weight: 500; } .d-row .fee[data-v-559a870e] { color: #ef4444; } .field[data-v-559a870e] { flex-direction: column; gap: 6px; display: flex; } .field > label[data-v-559a870e] { color: var(--p-text-color, #334155); font-size: 0.9375rem; } .verify-row[data-v-559a870e] { gap: 10px; display: flex; } .verify-row[data-v-559a870e] > :first-child { flex: 1; } .verify-result[data-v-559a870e] { align-items: center; gap: 6px; margin: 0; font-size: 0.875rem; display: flex; } .verify-result.ok[data-v-559a870e] { color: #22c55e; } .verify-result.bad[data-v-559a870e] { color: #ef4444; } .note[data-v-559a870e] { color: var(--p-text-muted-color, #94a3b8); margin: 0; font-size: 0.875rem; line-height: 1.8; } .disclaimer[data-v-559a870e] { cursor: pointer; align-items: flex-start; gap: 8px; font-size: 0.9375rem; line-height: 1.6; display: flex; } .req[data-v-559a870e] { color: #ef4444; } .confirm-text[data-v-559a870e] { margin: 0 0 12px; font-size: 1rem; } .list-page[data-v-559a870e] { gap: 21px; } .list-head h2[data-v-559a870e], .page-head h2[data-v-559a870e] { margin: 0; font-size: var(--page-title-size); font-weight: 600; line-height: 24.5px; } .list-toolbar[data-v-559a870e], .list-toolbar-right[data-v-559a870e] { justify-content: flex-start; gap: 7px; } .list-search[data-v-559a870e], .list-select[data-v-559a870e] { width: 280px; } .list-table[data-v-559a870e] { border-radius: var(--radius-md); box-shadow: 0 1px 3px #0f172a12; } .list-foot[data-v-559a870e] { justify-content: center; } .list-foot > .list-bulk[data-v-559a870e]:empty { display: none; } [data-v-559a870e] .p-datatable-header-cell { background: var(--p-content-hover-background); padding: 10.5px 14px; font-size: 1rem; font-weight: 600; } [data-v-559a870e] .p-datatable-tbody > tr > td { padding: 10.5px 14px; font-size: 1rem; } [data-v-559a870e] .p-tag { font-size: 0.875rem; font-weight: 500; } [data-v-559a870e] .list-empty { gap: 14px; min-height: 300px; padding: 42px 21px; } [data-v-559a870e] .list-empty i { opacity: 1; font-size: 1.875rem; } [data-v-559a870e] .list-empty-title { font-size: 1rem; } [data-v-559a870e] .list-empty-desc { font-size: 0.875rem; } .field[data-v-559a870e] { gap: 7px; } .field label[data-v-559a870e] { font-size: 0.875rem; } /* 视口条件 (width<=768px) 下的响应式覆盖;保留相对基础规则的层叠顺序。 */ @media (width<=768px) { .list-search[data-v-559a870e], .list-select[data-v-559a870e], .list-toolbar-right[data-v-559a870e] { width: 100%; } } .page-description[data-v-559a870e] { color: var(--p-text-muted-color); margin: 7px 0 0; font-size: 1rem; } .transfer-tabs[data-v-559a870e] { border-bottom: 1px solid var(--p-content-border-color); } .transfer-tabs[data-v-559a870e] .list-segments { background: 0 0; gap: 0; padding: 0; } .transfer-tabs[data-v-559a870e] .list-seg { border: 0; border-radius: 0; padding: 14px; font-weight: 600; } .transfer-tabs[data-v-559a870e] .list-seg.active { box-shadow: none; border-bottom: 2px solid var(--p-primary-color); color: var(--p-primary-color); background: 0 0; } .code-card[data-v-559a870e] { background: color-mix( in srgb, var(--p-primary-color) 7%, var(--p-content-background) ); border: 1px solid var(--p-content-border-color); border-radius: var(--radius-md); flex-direction: column; gap: 7px; padding: 17.5px 21px; display: flex; } .code-main[data-v-559a870e] { grid-template-columns: minmax(0, 1fr) auto; gap: 10.5px; display: grid; } .code-label[data-v-559a870e] { color: var(--p-primary-color); grid-column: 1/-1; font-weight: 700; } /* 允许连续长文本换行,防止IP、密钥或用户输入撑破当前容器;不会修改原始数据。 */ .code-value[data-v-559a870e] { background: var(--p-content-background); border: 1px solid var(--p-content-border-color); overflow-wrap: anywhere; border-radius: var(--radius-md); padding: 7px 10.5px; font-family: inherit; } .code-tip[data-v-559a870e] { color: var(--p-primary-color); margin: 0; font-size: 0.875rem; } .transfer-section-head[data-v-559a870e] { justify-content: space-between; align-items: center; display: flex; } .prod-name[data-v-559a870e] { font-size: 1rem; } .prod-host[data-v-559a870e] { font-size: 0.875rem; }