Spaces:
Running
Running
| /* 小栖验收卡（契约 19A A2）——Warm Paper 全令牌，语义色只出现在状态语境。 | |
| 规则来自 docs/design-system.md：1px 描边、无阴影、克制 150ms 过渡。 */ | |
| .acc-card { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 10px; | |
| padding: 12px 14px; | |
| border: 1px solid var(--border); | |
| border-left-width: 3px; | |
| border-radius: var(--radius-card); | |
| font-size: 13px; | |
| line-height: 1.65; | |
| /* 液态玻璃（2026-10-23 用户点名）：半透明底 + 背景模糊 + 内侧高光， | |
| 语义色以"雾"的浓度存在而非实心块；主窗口 WebView 支持 backdrop-filter | |
| （坑位记录里的禁令只针对透明原生窗）。 */ | |
| background: color-mix(in srgb, var(--bg-elevated) 72%, transparent); | |
| backdrop-filter: blur(18px) saturate(140%); | |
| -webkit-backdrop-filter: blur(18px) saturate(140%); | |
| box-shadow: | |
| inset 0 1px 0 color-mix(in srgb, var(--text) 5%, transparent), | |
| inset 0 0 0 1px color-mix(in srgb, var(--text) 4%, transparent); | |
| transition: background var(--dur) var(--ease); | |
| } | |
| /* 语义色只染左侧状态条、徽章与玻璃雾浓度（克制） */ | |
| .acc-card.is-success { | |
| border-left-color: var(--success); | |
| background: color-mix( | |
| in srgb, | |
| var(--success) 9%, | |
| color-mix(in srgb, var(--bg-elevated) 74%, transparent) | |
| ); | |
| } | |
| .acc-card.is-warning { | |
| border-left-color: var(--warning); | |
| background: color-mix( | |
| in srgb, | |
| var(--warning) 8%, | |
| color-mix(in srgb, var(--bg-elevated) 74%, transparent) | |
| ); | |
| } | |
| .acc-card.is-danger { | |
| border-left-color: var(--danger); | |
| background: color-mix( | |
| in srgb, | |
| var(--danger) 8%, | |
| color-mix(in srgb, var(--bg-elevated) 74%, transparent) | |
| ); | |
| } | |
| .acc-card.is-tertiary { | |
| border-left-color: var(--text-tertiary); | |
| } | |
| .acc-head { | |
| display: flex; | |
| align-items: center; | |
| gap: 8px; | |
| flex-wrap: wrap; | |
| } | |
| .acc-badge { | |
| display: inline-flex; | |
| align-items: center; | |
| height: 20px; | |
| padding: 0 8px; | |
| border-radius: var(--radius-chip); | |
| font-size: 12px; | |
| white-space: nowrap; | |
| background: var(--bg-sunken); | |
| color: var(--text-secondary); | |
| transition: background var(--dur) var(--ease), color var(--dur) var(--ease); | |
| } | |
| .acc-badge.is-success { | |
| background: color-mix(in srgb, var(--success) 16%, transparent); | |
| color: var(--success); | |
| } | |
| .acc-badge.is-warning { | |
| background: color-mix(in srgb, var(--warning) 18%, transparent); | |
| color: var(--warning); | |
| } | |
| .acc-badge.is-danger { | |
| background: color-mix(in srgb, var(--danger) 14%, transparent); | |
| color: var(--danger); | |
| } | |
| .acc-badge.is-tertiary { | |
| background: var(--bg-sunken); | |
| color: var(--text-tertiary); | |
| } | |
| .acc-title { | |
| font-family: var(--font-serif); | |
| font-size: 14px; | |
| font-weight: 600; | |
| color: var(--text); | |
| } | |
| .acc-meta { | |
| margin-left: auto; | |
| color: var(--text-tertiary); | |
| font-size: 11.5px; | |
| } | |
| .acc-degraded { | |
| margin: 0; | |
| padding: 8px 10px; | |
| border-left: 3px solid var(--warning); | |
| border-radius: 0 var(--radius-chip) var(--radius-chip) 0; | |
| background: color-mix(in srgb, var(--warning) 10%, transparent); | |
| color: var(--text-secondary); | |
| font-size: 12.5px; | |
| } | |
| .acc-task { | |
| margin: 0; | |
| color: var(--text-secondary); | |
| font-size: 12.5px; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| } | |
| .acc-block { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 6px; | |
| } | |
| .acc-block-title { | |
| margin: 0; | |
| color: var(--text-tertiary); | |
| font-family: inherit; | |
| font-size: 11.5px; | |
| font-weight: 600; | |
| letter-spacing: 0.04em; | |
| text-transform: none; | |
| } | |
| /* 缺口清单 */ | |
| .acc-gaps, | |
| .acc-evidence, | |
| .acc-plan { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| display: flex; | |
| flex-direction: column; | |
| gap: 4px; | |
| } | |
| .acc-gaps li { | |
| position: relative; | |
| padding-left: 14px; | |
| color: var(--text); | |
| } | |
| .acc-gaps li::before { | |
| content: ""; | |
| position: absolute; | |
| left: 2px; | |
| top: 9px; | |
| width: 5px; | |
| height: 5px; | |
| border-radius: 50%; | |
| background: var(--warning); | |
| } | |
| /* 证据行：小号等宽，单条最多三行（长片段在后端已截到 3KB） */ | |
| .acc-evidence li { | |
| padding: 6px 8px; | |
| border-radius: var(--radius-chip); | |
| background: var(--bg-sunken); | |
| color: var(--text-secondary); | |
| font-family: var(--font-mono); | |
| font-size: 11.5px; | |
| line-height: 1.6; | |
| white-space: pre-wrap; | |
| word-break: break-word; | |
| max-height: 4.8em; | |
| overflow: hidden; | |
| } | |
| /* 分步方案：序号 + 工具 chip + 说明 */ | |
| .acc-plan li { | |
| display: flex; | |
| align-items: baseline; | |
| gap: 8px; | |
| padding: 6px 8px; | |
| border-radius: var(--radius-chip); | |
| background: var(--bg-sunken); | |
| } | |
| .acc-tool { | |
| flex-shrink: 0; | |
| padding: 1px 6px; | |
| border-radius: var(--radius-chip); | |
| background: var(--accent-soft); | |
| color: var(--accent); | |
| font-family: var(--font-mono); | |
| font-size: 11px; | |
| white-space: nowrap; | |
| } | |
| .acc-step { | |
| color: var(--text); | |
| } | |
| /* 一键派发（16A 同款次按钮基调） */ | |
| .acc-dispatch { | |
| align-self: flex-start; | |
| display: inline-flex; | |
| align-items: center; | |
| gap: 6px; | |
| height: 30px; | |
| padding: 0 12px; | |
| border: 1px solid var(--border); | |
| border-radius: var(--radius-control); | |
| background: transparent; | |
| color: var(--text); | |
| font-family: inherit; | |
| font-size: 12.5px; | |
| cursor: pointer; | |
| transition: background var(--dur) var(--ease), border-color var(--dur) var(--ease); | |
| } | |
| .acc-dispatch:hover { | |
| background: var(--accent-soft); | |
| border-color: var(--accent); | |
| } | |
| .acc-dispatch:focus-visible { | |
| outline: 2px solid var(--accent); | |
| outline-offset: 2px; | |
| } | |