/* 提现弹窗:规则提示、金额表单与费用计算摘要。 */ /* 导入方:app/components/WithdrawDialog.vue、app/components/home/HomeWalletCard.vue、app/pages/finance/index.vue、app/pages/index.vue、app/pages/recommend/index.vue。 */ .sk[data-v-e4be3b52] { padding: 8px 0; } .form[data-v-e4be3b52] { flex-direction: column; gap: 14px; display: flex; } .notice[data-v-e4be3b52] { border: 1px solid var(--p-content-border-color, #e2e8f0); background: var(--p-content-hover-background); border-radius: var(--radius-md); padding: 12px 16px; } .notice-title[data-v-e4be3b52] { align-items: center; gap: 6px; margin-bottom: 6px; font-size: 0.9375rem; display: flex; } .notice ul[data-v-e4be3b52] { color: var(--p-text-muted-color, #64748b); margin: 0; padding-left: 18px; font-size: 0.875rem; line-height: 1.9; } .field[data-v-e4be3b52] { flex-direction: column; gap: 6px; display: flex; } .field-label[data-v-e4be3b52], .field > label[data-v-e4be3b52] { color: var(--p-text-color, #334155); font-size: 0.9375rem; } .hint[data-v-e4be3b52] { color: var(--p-text-muted-color, #94a3b8); font-size: 0.875rem; } .calc[data-v-e4be3b52] { border-top: 1px solid var(--p-content-border-color, #e2e8f0); flex-direction: column; gap: 8px; padding-top: 14px; display: flex; } .calc-row[data-v-e4be3b52] { color: var(--p-text-muted-color, #64748b); justify-content: space-between; align-items: baseline; font-size: 0.9375rem; display: flex; } .calc-row > b[data-v-e4be3b52] { color: var(--p-text-color); font-weight: 500; } .calc-row.total > b[data-v-e4be3b52] { color: #ef4444; font-size: 1.25rem; } .notice[data-v-e4be3b52] { background: var(--p-blue-50, #eff6ff); border-color: var(--p-blue-200, #bfdbfe); border-radius: var(--radius-md); padding: 14px; } .notice ul[data-v-e4be3b52], .notice-title[data-v-e4be3b52] { color: var(--p-blue-700, #1d4ed8); } .notice-title[data-v-e4be3b52] { font-weight: 600; } .notice ul[data-v-e4be3b52] { line-height: 1.8; } .form[data-v-e4be3b52] { gap: 21px; } .calc[data-v-e4be3b52] { gap: 7px; } .calc-row.total > b[data-v-e4be3b52] { color: var(--p-text-color); } /* 深色提示仅属于本弹窗;首页公告也使用 notice-title,不能让覆盖跨越组件作用域。 */ .app-dark .notice[data-v-e4be3b52] { background: #172554; border-color: #1e3a8a; } /* 应用深色主题覆盖,保持在基础颜色之后;主题切换只改变外观,不改变业务状态。 */ .app-dark .notice ul[data-v-e4be3b52], .app-dark .notice-title[data-v-e4be3b52] { color: #bfdbfe; }