2dcc72102d
引入 Element Plus 主题定制和主题皮肤 composable，将全局 样式拆分为组件级独立 CSS 文件（侧边栏、顶栏、工作台等）， 统一色彩变量和间距规范，重构所有视图和组件样式以适配新 主题系统，优化图表和知识图谱组件视觉表现，提取审计和差 旅报销相关子组件。
1105 lines
19 KiB
CSS
1105 lines
19 KiB
CSS
.knowledge-question-index.bronze {
|
|
background: linear-gradient(135deg, #fdba74, #ea580c);
|
|
color: #7c2d12;
|
|
box-shadow: 0 6px 14px rgba(234, 88, 12, 0.18);
|
|
}
|
|
|
|
.knowledge-question-copy {
|
|
min-width: 0;
|
|
color: #334155;
|
|
font-size: 13px;
|
|
font-weight: 750;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.status-pill {
|
|
min-height: 28px;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: 0 10px;
|
|
border-radius: 999px;
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.status-pill.success {
|
|
background: var(--success-soft);
|
|
color: var(--success);
|
|
}
|
|
|
|
.status-pill.warning {
|
|
background: #fff7ed;
|
|
color: #ea580c;
|
|
}
|
|
|
|
.status-pill.note {
|
|
background: #fdf2f8;
|
|
color: #db2777;
|
|
}
|
|
|
|
.metric-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
gap: 12px;
|
|
}
|
|
|
|
.metric-grid.single {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.metric-item {
|
|
padding: 12px 14px;
|
|
border-radius: 16px;
|
|
background: #f8fafc;
|
|
}
|
|
|
|
.metric-item span {
|
|
display: block;
|
|
color: #94a3b8;
|
|
font-size: 11px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.metric-item strong {
|
|
display: block;
|
|
margin-top: 6px;
|
|
color: #0f172a;
|
|
font-size: 14px;
|
|
font-weight: 850;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.timeline-list,
|
|
.bullet-list {
|
|
display: grid;
|
|
gap: 12px;
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.timeline-list li {
|
|
display: grid;
|
|
grid-template-columns: 14px minmax(0, 1fr);
|
|
gap: 12px;
|
|
align-items: start;
|
|
}
|
|
|
|
.timeline-dot {
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-top: 5px;
|
|
border-radius: 999px;
|
|
background: #cbd5e1;
|
|
}
|
|
|
|
.timeline-list li.done .timeline-dot {
|
|
background: var(--success);
|
|
}
|
|
|
|
.timeline-list li.current .timeline-dot {
|
|
background: var(--theme-primary);
|
|
}
|
|
|
|
.timeline-list strong {
|
|
display: block;
|
|
color: #0f172a;
|
|
font-size: 13px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.timeline-list p,
|
|
.bullet-list li,
|
|
.welcome-card p,
|
|
.note-block p {
|
|
color: #64748b;
|
|
font-size: var(--wb-fs-metric);
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.receipt-list {
|
|
display: grid;
|
|
gap: 10px;
|
|
}
|
|
|
|
.receipt-row {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) auto;
|
|
gap: 12px;
|
|
align-items: center;
|
|
padding: 12px 14px;
|
|
border-radius: 16px;
|
|
background: #f8fafc;
|
|
}
|
|
|
|
.receipt-row strong,
|
|
.welcome-card strong,
|
|
.note-block strong {
|
|
color: #0f172a;
|
|
font-size: var(--wb-fs-bubble);
|
|
font-weight: 850;
|
|
}
|
|
|
|
.action-card {
|
|
background: #fff;
|
|
}
|
|
|
|
.receipt-row p,
|
|
.receipt-row span {
|
|
color: #64748b;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.receipt-side {
|
|
text-align: right;
|
|
}
|
|
|
|
.receipt-side strong {
|
|
display: block;
|
|
}
|
|
|
|
.review-flow-panel {
|
|
min-height: 0;
|
|
display: grid;
|
|
grid-template-rows: auto minmax(0, 1fr);
|
|
gap: 12px;
|
|
}
|
|
|
|
.review-flow-summary {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
min-height: 34px;
|
|
color: #64748b;
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.review-flow-summary .flow-icon-btn {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.review-flow-list {
|
|
min-height: 0;
|
|
display: grid;
|
|
align-content: start;
|
|
gap: 0;
|
|
overflow-y: auto;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
.review-flow-panel .flow-step-card {
|
|
border-radius: 14px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.review-flow-panel .flow-empty-state {
|
|
min-height: 260px;
|
|
}
|
|
|
|
.flow-empty-state.compact {
|
|
padding: 22px;
|
|
}
|
|
|
|
.review-message-block {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.review-summary {
|
|
margin: 0;
|
|
color: #1f2937;
|
|
font-size: var(--wb-fs-bubble);
|
|
line-height: 1.58;
|
|
white-space: normal;
|
|
}
|
|
|
|
.review-plain-followup {
|
|
display: grid;
|
|
gap: 10px;
|
|
padding: 0;
|
|
color: #334155;
|
|
font-size: var(--wb-fs-bubble);
|
|
line-height: 1.58;
|
|
}
|
|
|
|
.review-plain-followup p {
|
|
margin: 0;
|
|
}
|
|
|
|
.review-plain-lead {
|
|
margin: 0 0 2px;
|
|
padding-left: 8px;
|
|
border-left: 3px solid #2563eb;
|
|
color: #0f172a;
|
|
font-size: max(13px, calc(var(--wb-fs-bubble) + 1px));
|
|
font-weight: 820;
|
|
line-height: 1.42;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.review-plain-lead.danger {
|
|
border-left-color: #dc2626;
|
|
color: #b91c1c;
|
|
}
|
|
|
|
.review-plain-summary {
|
|
margin: 0;
|
|
color: #64748b;
|
|
line-height: 1.62;
|
|
}
|
|
|
|
.review-plain-list {
|
|
display: grid;
|
|
gap: 7px;
|
|
margin: 2px 0 0;
|
|
padding: 0 0 0 18px;
|
|
}
|
|
|
|
.review-plain-list li {
|
|
padding-left: 2px;
|
|
color: #475569;
|
|
}
|
|
|
|
.review-plain-label {
|
|
color: #1f2937;
|
|
font-weight: 760;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.review-plain-note {
|
|
margin-top: 2px;
|
|
color: #64748b;
|
|
}
|
|
|
|
.review-inline-save-copy {
|
|
margin-top: 46px !important;
|
|
color: #475569;
|
|
line-height: 1.62;
|
|
}
|
|
|
|
.review-inline-draft-link {
|
|
display: inline;
|
|
padding: 0;
|
|
border: 0;
|
|
background: transparent;
|
|
color: #2563eb;
|
|
font: inherit;
|
|
font-weight: 850;
|
|
line-height: inherit;
|
|
text-decoration: underline;
|
|
text-underline-offset: 3px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.review-inline-draft-link:hover:not(:disabled) {
|
|
color: #1d4ed8;
|
|
}
|
|
|
|
.review-inline-draft-link:disabled {
|
|
color: #94a3b8;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.review-next-step-rich-copy {
|
|
margin-top: 30px;
|
|
color: #475569;
|
|
line-height: 1.64;
|
|
}
|
|
|
|
.review-next-step-rich-copy :deep(.markdown-action-paragraph) {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.review-section-card {
|
|
display: grid;
|
|
gap: 10px;
|
|
padding: 12px 14px;
|
|
border-radius: 16px;
|
|
border: 1px solid rgba(226, 232, 240, 0.92);
|
|
background: rgba(255, 255, 255, 0.76);
|
|
}
|
|
|
|
.review-section-head {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 12px;
|
|
}
|
|
|
|
.review-section-head strong {
|
|
color: #0f172a;
|
|
font-size: 12px;
|
|
font-weight: 900;
|
|
}
|
|
|
|
.review-section-head span {
|
|
min-height: 22px;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: 0 8px;
|
|
border-radius: 999px;
|
|
background: rgba(255, 255, 255, 0.92);
|
|
border: 1px solid #e2e8f0;
|
|
color: #475569;
|
|
font-size: 10px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.review-alert-card {
|
|
background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(251, 248, 243, 0.82) 100%);
|
|
}
|
|
|
|
/* 已删除 review-alert-chip-row 相关冗余样式 */
|
|
/* 已删除主对话框中的风险提示，避免与右侧栏重复 */
|
|
|
|
/* 风险提示样式已统一到 review-pending-item */
|
|
.review-risk-brief-list {
|
|
display: none; /* 隐藏原有的独立风险提示列表 */
|
|
}
|
|
|
|
.review-risk-brief {
|
|
display: none; /* 隐藏原有的独立风险提示项 */
|
|
}
|
|
|
|
.review-pending-list {
|
|
display: grid;
|
|
gap: 8px;
|
|
}
|
|
|
|
.review-pending-list.plain {
|
|
gap: 0;
|
|
}
|
|
|
|
.review-pending-item {
|
|
display: grid;
|
|
grid-template-columns: 36px minmax(0, 1fr) auto;
|
|
gap: 10px;
|
|
align-items: center;
|
|
padding: 11px 12px;
|
|
border-radius: 14px;
|
|
background: rgba(255, 255, 255, 0.88);
|
|
border: 1px solid rgba(226, 232, 240, 0.92);
|
|
}
|
|
|
|
.review-pending-list.plain .review-pending-item {
|
|
padding: 10px 0;
|
|
border: 0;
|
|
border-radius: 0;
|
|
background: transparent;
|
|
border-bottom: 1px solid rgba(226, 232, 240, 0.7);
|
|
}
|
|
|
|
.review-pending-list.plain .review-pending-item:last-child {
|
|
border-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.review-pending-list.plain .review-pending-item:first-child {
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.review-pending-icon {
|
|
width: 36px;
|
|
height: 36px;
|
|
display: grid;
|
|
place-items: center;
|
|
border-radius: 10px;
|
|
background: var(--theme-primary-soft);
|
|
color: var(--theme-primary-active);
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* 风险级别图标样式保留备用 */
|
|
.review-pending-icon.high {
|
|
background: rgba(254, 226, 226, 0.95);
|
|
color: #dc2626;
|
|
}
|
|
|
|
.review-pending-icon.warning {
|
|
background: rgba(255, 237, 213, 0.95);
|
|
color: #ea580c;
|
|
}
|
|
|
|
.review-pending-list.plain .review-pending-icon {
|
|
background: rgba(236, 253, 245, 0.62);
|
|
}
|
|
|
|
.review-pending-list.plain .review-pending-icon.high {
|
|
background: rgba(254, 226, 226, 0.62);
|
|
}
|
|
|
|
.review-pending-list.plain .review-pending-icon.warning {
|
|
background: rgba(255, 237, 213, 0.62);
|
|
}
|
|
|
|
.review-pending-copy {
|
|
display: grid;
|
|
gap: 4px;
|
|
}
|
|
|
|
.review-pending-copy strong {
|
|
color: #0f172a;
|
|
font-size: 13px;
|
|
font-weight: 850;
|
|
}
|
|
|
|
.review-pending-copy p {
|
|
margin: 0;
|
|
color: #64748b;
|
|
font-size: 11px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.review-pending-status {
|
|
min-height: 24px;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0 10px;
|
|
border-radius: 999px;
|
|
font-size: 10px;
|
|
font-weight: 800;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.review-pending-status.warning {
|
|
background: rgba(255, 241, 242, 0.96);
|
|
color: #e11d48;
|
|
border: 1px solid #fecdd3;
|
|
}
|
|
|
|
.review-pending-status.danger {
|
|
background: rgba(254, 242, 242, 0.96);
|
|
color: #dc2626;
|
|
border: 1px solid #fca5a5;
|
|
}
|
|
|
|
.review-pending-status.ready {
|
|
background: var(--success-soft);
|
|
color: var(--success);
|
|
border: 1px solid color-mix(in srgb, var(--success) 28%, transparent);
|
|
}
|
|
|
|
.review-footer-actions {
|
|
display: grid;
|
|
gap: 8px;
|
|
padding-top: 6px;
|
|
border-top: 1px solid rgba(226, 232, 240, 0.72);
|
|
}
|
|
|
|
.review-footer-btn-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
}
|
|
|
|
.review-footer-btn {
|
|
min-height: 36px;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0 14px;
|
|
border-radius: 12px;
|
|
border: 1px solid #dbe6f0;
|
|
background: rgba(255, 255, 255, 0.92);
|
|
color: #334155;
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
box-shadow: 0 3px 10px rgba(241, 245, 249, 0.58);
|
|
}
|
|
|
|
.review-footer-btn.primary {
|
|
border-color: rgba(var(--theme-primary-rgb, 58, 124, 165), 0.26);
|
|
background: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-active));
|
|
color: #fff;
|
|
box-shadow: 0 6px 14px rgba(var(--theme-primary-rgb, 58, 124, 165), 0.16);
|
|
}
|
|
|
|
.review-footer-btn:disabled {
|
|
cursor: not-allowed;
|
|
opacity: 0.6;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.review-summary {
|
|
margin: 0;
|
|
color: #1f2937;
|
|
font-size: var(--wb-fs-bubble);
|
|
line-height: 1.58;
|
|
}
|
|
|
|
.review-inline-actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.review-inline-btn,
|
|
.primary-dialog-btn,
|
|
.secondary-dialog-btn,
|
|
.danger-dialog-btn {
|
|
min-height: 38px;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0 16px;
|
|
border-radius: 999px;
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.review-inline-btn {
|
|
border: 1px solid #dbe6f0;
|
|
background: #fff;
|
|
color: #334155;
|
|
}
|
|
|
|
.review-inline-btn.primary,
|
|
.primary-dialog-btn {
|
|
border: 1px solid rgba(var(--theme-primary-rgb, 58, 124, 165), 0.22);
|
|
background: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-active));
|
|
color: #fff;
|
|
box-shadow: 0 10px 22px rgba(var(--theme-primary-rgb, 58, 124, 165), 0.18);
|
|
}
|
|
|
|
.review-inline-btn.secondary,
|
|
.secondary-dialog-btn {
|
|
border: 1px solid #dbe6f0;
|
|
background: #fff;
|
|
color: #334155;
|
|
}
|
|
|
|
.danger-dialog-btn {
|
|
border: 1px solid rgba(239, 68, 68, 0.22);
|
|
background: linear-gradient(135deg, #ef4444, #dc2626);
|
|
color: #fff;
|
|
box-shadow: 0 10px 22px rgba(239, 68, 68, 0.18);
|
|
}
|
|
|
|
.review-inline-btn:disabled,
|
|
.primary-dialog-btn:disabled,
|
|
.secondary-dialog-btn:disabled,
|
|
.danger-dialog-btn:disabled {
|
|
cursor: not-allowed;
|
|
opacity: 0.62;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.review-inline-note {
|
|
margin: 0;
|
|
color: #64748b;
|
|
font-size: 12px;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.review-inline-guidance {
|
|
margin: 0;
|
|
color: var(--theme-primary-active);
|
|
font-size: 12px;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.review-status-banner {
|
|
display: grid;
|
|
gap: 8px;
|
|
padding: 14px 16px;
|
|
border-radius: 18px;
|
|
border: 1px solid #dbeafe;
|
|
background: linear-gradient(180deg, #f8fbff 0%, #f0f7ff 100%);
|
|
}
|
|
|
|
.review-status-banner.ready {
|
|
border-color: color-mix(in srgb, var(--success) 28%, transparent);
|
|
background: linear-gradient(180deg, #ffffff 0%, var(--success-soft) 100%);
|
|
}
|
|
|
|
.review-status-banner.pending {
|
|
border-color: #fde68a;
|
|
background: linear-gradient(180deg, #fffdf7 0%, #fffbeb 100%);
|
|
}
|
|
|
|
.review-status-tag {
|
|
width: fit-content;
|
|
min-height: 26px;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: 0 10px;
|
|
border-radius: 999px;
|
|
background: rgba(255, 255, 255, 0.86);
|
|
color: #0f172a;
|
|
font-size: 12px;
|
|
font-weight: 850;
|
|
border: 1px solid rgba(148, 163, 184, 0.22);
|
|
}
|
|
|
|
.review-inline-section {
|
|
display: grid;
|
|
gap: 10px;
|
|
padding: 14px 16px;
|
|
border-radius: 18px;
|
|
border: 1px solid #e2e8f0;
|
|
background: rgba(255, 255, 255, 0.88);
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66);
|
|
}
|
|
|
|
.review-inline-head {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 12px;
|
|
}
|
|
|
|
.review-inline-head > strong {
|
|
color: #0f172a;
|
|
font-size: 12px;
|
|
font-weight: 850;
|
|
}
|
|
|
|
.review-inline-head > span {
|
|
min-height: 24px;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: 0 9px;
|
|
border-radius: 999px;
|
|
background: #fff;
|
|
color: #475569;
|
|
font-size: 11px;
|
|
font-weight: 800;
|
|
border: 1px solid #e2e8f0;
|
|
}
|
|
|
|
.review-inline-caption {
|
|
margin: 0;
|
|
color: #64748b;
|
|
font-size: 12px;
|
|
line-height: 1.65;
|
|
}
|
|
|
|
.review-inline-list {
|
|
display: grid;
|
|
gap: 8px;
|
|
}
|
|
|
|
.review-missing-chip-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
}
|
|
|
|
.review-missing-chip {
|
|
min-height: 30px;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: 0 12px;
|
|
border-radius: 999px;
|
|
background: #fff;
|
|
color: #0f172a;
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
border: 1px solid #fed7aa;
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
}
|
|
|
|
.review-inline-item {
|
|
display: grid;
|
|
gap: 4px;
|
|
padding: 10px 12px;
|
|
border-radius: 14px;
|
|
border: 1px solid #e2e8f0;
|
|
background: #fff;
|
|
}
|
|
|
|
.review-inline-item.warning {
|
|
background: #fff7ed;
|
|
border-color: #fed7aa;
|
|
}
|
|
|
|
.review-inline-item.high {
|
|
background: #fff1f2;
|
|
border-color: #fecdd3;
|
|
}
|
|
|
|
.review-inline-item span {
|
|
color: #0f172a;
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.review-inline-item p {
|
|
margin: 0;
|
|
color: #64748b;
|
|
font-size: 12px;
|
|
line-height: 1.65;
|
|
}
|
|
|
|
.review-inline-footer {
|
|
display: grid;
|
|
gap: 10px;
|
|
padding-top: 2px;
|
|
border-top: 1px dashed rgba(203, 213, 225, 0.78);
|
|
}
|
|
|
|
.review-mini-grid,
|
|
.review-slot-grid,
|
|
.review-doc-field-grid {
|
|
display: grid;
|
|
gap: 10px;
|
|
}
|
|
|
|
.review-mini-grid {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
|
|
.review-slot-grid {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
|
|
.review-slot-card,
|
|
.review-doc-field-card,
|
|
.review-brief-card,
|
|
.review-claim-card,
|
|
.review-document-card {
|
|
border: 1px solid #e2e8f0;
|
|
border-radius: 16px;
|
|
background: #f8fbff;
|
|
}
|
|
|
|
.review-slot-card {
|
|
display: grid;
|
|
gap: 8px;
|
|
padding: 12px 14px;
|
|
}
|
|
|
|
.review-slot-card.compact {
|
|
gap: 4px;
|
|
padding: 10px 12px;
|
|
}
|
|
|
|
.review-slot-card header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 10px;
|
|
}
|
|
|
|
.review-slot-card span,
|
|
.review-doc-field-card span,
|
|
.review-brief-card strong,
|
|
.review-document-card header span {
|
|
color: #64748b;
|
|
font-size: 11px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.review-slot-card strong,
|
|
.review-doc-field-card strong,
|
|
.review-claim-card strong,
|
|
.review-document-card header strong {
|
|
color: #0f172a;
|
|
font-size: 13px;
|
|
font-weight: 850;
|
|
}
|
|
|
|
.review-slot-card p,
|
|
.review-brief-card p,
|
|
.review-claim-card p,
|
|
.review-document-card p {
|
|
margin: 0;
|
|
color: #64748b;
|
|
font-size: 12px;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.review-slot-card.missing {
|
|
border-color: #fecdd3;
|
|
background: #fff7f7;
|
|
}
|
|
|
|
.review-slot-card.inferred {
|
|
border-color: #dbeafe;
|
|
background: #f8fbff;
|
|
}
|
|
|
|
.review-slot-meta-list {
|
|
display: grid;
|
|
gap: 8px;
|
|
}
|
|
|
|
.review-slot-meta-item {
|
|
padding: 9px 10px;
|
|
border-radius: 12px;
|
|
background: rgba(255, 255, 255, 0.82);
|
|
border: 1px solid rgba(226, 232, 240, 0.9);
|
|
}
|
|
|
|
.review-slot-meta-item span {
|
|
color: #94a3b8;
|
|
font-size: 11px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.review-slot-meta-item strong {
|
|
display: block;
|
|
margin-top: 4px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.review-brief-list,
|
|
.review-claim-list,
|
|
.review-document-list {
|
|
display: grid;
|
|
gap: 10px;
|
|
}
|
|
|
|
.review-brief-card,
|
|
.review-claim-card,
|
|
.review-document-card {
|
|
padding: 12px 14px;
|
|
}
|
|
|
|
.review-brief-card.warning {
|
|
background: #fff7ed;
|
|
border-color: #fed7aa;
|
|
}
|
|
|
|
.review-brief-card.high {
|
|
background: #fff1f2;
|
|
border-color: #fecdd3;
|
|
}
|
|
|
|
.review-claim-card header,
|
|
.review-document-card header {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
gap: 12px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.review-document-card {
|
|
display: grid;
|
|
gap: 10px;
|
|
}
|
|
|
|
.document-preview {
|
|
min-height: 124px;
|
|
overflow: hidden;
|
|
border-radius: 14px;
|
|
background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
|
|
border: 1px dashed #dbe3ec;
|
|
}
|
|
|
|
.document-preview.image img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 180px;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.document-preview-placeholder {
|
|
min-height: 124px;
|
|
display: grid;
|
|
place-items: center;
|
|
gap: 6px;
|
|
color: #64748b;
|
|
text-align: center;
|
|
}
|
|
|
|
.document-preview-placeholder i {
|
|
font-size: 28px;
|
|
}
|
|
|
|
.review-doc-field-grid {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
|
|
.review-doc-field-card {
|
|
padding: 10px 12px;
|
|
}
|
|
|
|
.action-list.compact {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.action-card.primary {
|
|
border-color: rgba(var(--theme-primary-rgb, 58, 124, 165), 0.28);
|
|
background: var(--theme-primary-soft);
|
|
}
|
|
|
|
.action-card.secondary {
|
|
background: #fff;
|
|
}
|
|
|
|
.action-card.warning {
|
|
border-color: #fed7aa;
|
|
background: #fff7ed;
|
|
}
|
|
|
|
.note-block {
|
|
display: grid;
|
|
gap: 8px;
|
|
padding: 14px;
|
|
border-radius: 16px;
|
|
background: #f8fafc;
|
|
}
|
|
|
|
.note-block span {
|
|
color: #94a3b8;
|
|
font-size: 11px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.review-conclusion strong {
|
|
font-size: var(--wb-fs-insight-h4);
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.insight-text-section {
|
|
display: grid;
|
|
gap: 12px;
|
|
padding: 2px 0 0;
|
|
}
|
|
|
|
.insight-text-section h4 {
|
|
color: #0f172a;
|
|
font-size: var(--wb-fs-insight-h4);
|
|
font-weight: 850;
|
|
}
|
|
|
|
.insight-text-list,
|
|
.review-document-plain-list {
|
|
display: grid;
|
|
gap: 12px;
|
|
}
|
|
|
|
.recognition-bubble {
|
|
display: grid;
|
|
gap: 10px;
|
|
padding: 16px 18px;
|
|
border-radius: 22px;
|
|
border: 1px solid rgba(191, 219, 254, 0.9);
|
|
background: linear-gradient(180deg, #ffffff 0%, #f5fbff 100%);
|
|
box-shadow: 0 16px 28px rgba(241, 245, 249, 0.9);
|
|
}
|
|
|
|
.recognition-bubble.secondary {
|
|
border-color: #e2e8f0;
|
|
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
|
|
}
|
|
|
|
.recognition-bubble-label {
|
|
color: var(--theme-primary-active);
|
|
font-size: 11px;
|
|
font-weight: 850;
|
|
letter-spacing: 0.02em;
|
|
}
|
|
|
|
.recognition-bubble.secondary .recognition-bubble-label {
|
|
color: #475569;
|
|
}
|
|
|
|
.recognition-bubble-copy {
|
|
display: grid;
|
|
gap: 8px;
|
|
}
|
|
|
|
.recognition-bubble-line,
|
|
.recognition-bubble-note {
|
|
margin: 0;
|
|
color: #334155;
|
|
font-size: 13px;
|
|
line-height: 1.75;
|
|
}
|
|
|
|
.recognition-bubble-line {
|
|
font-weight: 700;
|
|
color: #0f172a;
|
|
}
|
|
|
|
.recognition-bubble-note {
|
|
color: #64748b;
|
|
}
|
|
|
|
.review-document-bubble {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) 140px;
|
|
gap: 14px;
|
|
align-items: start;
|
|
padding: 16px;
|
|
border-radius: 22px;
|
|
background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
|
|
border: 1px solid rgba(226, 232, 240, 0.95);
|
|
box-shadow: 0 16px 28px rgba(241, 245, 249, 0.92);
|
|
}
|
|
|
|
.review-document-copy {
|
|
display: grid;
|
|
gap: 6px;
|
|
}
|
|
|
|
.review-document-index {
|
|
color: #1d4ed8;
|
|
font-size: 11px;
|
|
font-weight: 850;
|
|
}
|
|
|
|
.review-document-copy strong {
|
|
color: #0f172a;
|
|
font-size: 13px;
|
|
font-weight: 850;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.review-document-copy p {
|
|
margin: 0;
|
|
color: #64748b;
|
|
font-size: 12px;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.review-overlay {
|
|
z-index: 10001;
|
|
}
|
|
|
|
.review-confirm-modal {
|
|
width: min(720px, calc(100vw - 40px));
|
|
border-radius: 24px;
|
|
background:
|
|
radial-gradient(circle at top right, rgba(var(--theme-primary-rgb, 58, 124, 165), 0.08), transparent 28%),
|
|
linear-gradient(180deg, #fbfdff 0%, #f6f9fc 100%);
|
|
box-shadow:
|
|
0 24px 80px rgba(15, 23, 42, 0.22),
|
|
0 2px 12px rgba(15, 23, 42, 0.08);
|
|
border: 1px solid #e7eef6;
|
|
}
|
|
|
|
.review-confirm-modal {
|
|
padding: 24px;
|
|
display: grid;
|
|
gap: 18px;
|
|
}
|
|
|
|
.review-confirm-modal h3 {
|
|
margin-top: 12px;
|
|
color: #0f172a;
|
|
font-size: 22px;
|
|
font-weight: 900;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.review-confirm-modal p {
|
|
margin-top: 8px;
|
|
color: #64748b;
|
|
font-size: 14px;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.review-confirm-actions {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
gap: 12px;
|
|
flex-wrap: wrap;
|
|
}
|