/* * SaaSShop Admin Components * 说明:用于承接 Blade 中零散的 inline style,便于后续统一美化与治理。 */ .form-inline-row{ display:flex; align-items:center; gap:8px; } .text-danger{ color:#b42318; } /* 平台订单:退款状态治理区块 */ .refund-governance-block{ margin-top:12px; border:1px dashed #fda29b; background:#fff1f3; } .refund-governance-title{ margin-bottom:6px; } .refund-governance-meta{ margin-bottom:8px; } /* 平台订单:治理提示块(用于 BMPA / 同步订阅 等动作前的安全阀说明) */ .governance-block{ margin-top:10px; width:100%; border:1px solid #f5c2c7; background:#fff5f5; } .governance-block-title{ margin:0; } .governance-block-body{ margin-top:6px; font-size:12px; line-height:1.5; } /* 可复用:治理提示块内的说明/脚注文本 */ .governance-block-footnote{ margin-top:6px; font-size:12px; line-height:1.5; } /* 平台订单:工具区(两列分组卡片化,避免表单散落) */ .tool-grid{ align-items:start; } .tool-group{ width:100%; } .tool-group-title{ font-size:12px; color:#94a3b8; text-transform:uppercase; letter-spacing:.08em; font-weight:700; margin:0 0 10px; } .tool-group-subtitle{ margin:0 0 6px; } /* 平台订单列表:避免列太多导致内容挤压成“竖排/断字” */ .table-wrap{ width:100%; overflow-x:auto; } .table-wrap table.platform-orders-table{ min-width:1600px; } /* 平台订单列表:根据视图控制 min-width(精简视图更紧凑,full 视图更宽) */ .platform-orders-table.is-compact{ min-width:1400px; } .platform-orders-table.is-full{ min-width:2000px; } .table-nowrap th, .table-nowrap td{ white-space:nowrap; word-break:normal; } /* 平台订单列表:精简视图(默认隐藏部分列,避免列表过长) */ .platform-orders-table .col-optional{ display:none; } .platform-orders-table.is-full .col-optional{ display:table-cell; } /* 平台订单列表(精简视图):进一步收敛信息密度 */ .platform-orders-table.is-compact td{ padding-top:8px; padding-bottom:8px; } .platform-orders-table.is-compact .muted-xs{ font-size:12px; } /* 平台订单列表:二行辅助信息(例如 线索/订阅ID) */ .platform-orders-table .row-meta{ margin-top:2px; } /* 平台订单列表:行内治理提示(精简视图主要入口) */ .platform-orders-table .row-warn{ margin-top:4px; padding:4px 6px; border-left:3px solid #e06b67; background:#fff9f9; border-radius:4px; } .platform-orders-table .row-warn a.link{ color:#b52b27; text-decoration:underline; } .platform-orders-table .row-warn a.link:hover{ text-decoration:none; } .platform-orders-table .row-warn-prefix{ font-weight:600; display:inline-block; padding:1px 6px; border-radius:10px; background:#ffecec; color:#b52b27; margin-right:4px; } /* 平台订单列表:精简视图也要可达的治理提示(对账/退款不一致) */ .platform-orders-table .governance-hints{ margin-bottom:6px; } .platform-orders-table .governance-hint{ line-height:1.4; }