--- C:\kefu\deploy\review-picker-20260918\frontend-before\source\console-review.css +++ C:\kefu\wechat_rpa\assets\ui\console-review.css @@ -32,3 +32,43 @@ font-variant-numeric:tabular-nums; pointer-events:none; } #stage .nav-attention-badge[hidden] { display:none; } + +/* Explicit review-reminder recipient identity; IDs stay readable at every DPI. */ +#stage .assistant-recipient-card { + display:grid; grid-template-columns:40px minmax(0,1fr); gap:12px; + margin:14px 0; padding:16px; border:1px solid #c4d5f0; border-radius:14px; + background:#f5f8ff; color:var(--ink); min-width:0; +} +#stage .assistant-recipient-icon { + display:flex; align-items:center; justify-content:center; width:40px; height:40px; + border-radius:12px; background:#e4edff; color:#355da8; +} +#stage .assistant-recipient-icon svg { width:22px; height:22px; } +#stage .assistant-recipient-copy { min-width:0; } +#stage .assistant-recipient-heading { + display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; margin-bottom:8px; +} +#stage .assistant-recipient-tag { + display:inline-block; padding:3px 8px; border-radius:6px; background:#e4edff; + color:#35558d; font-size:12px; font-weight:700; line-height:1.5; +} +#stage .assistant-recipient-kind { color:var(--muted); font-size:12px; } +#stage .assistant-recipient-name { + display:block; color:var(--ink); font-size:18px; font-weight:700; line-height:1.5; + white-space:normal; overflow-wrap:anywhere; +} +#stage .assistant-recipient-name.is-unknown { color:#875600; font-size:16px; } +#stage .assistant-recipient-identity { + display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 8px; + margin-top:7px; font-size:13px; line-height:1.6; color:var(--muted); min-width:0; +} +#stage .assistant-recipient-id { + font-family:ui-monospace,Consolas,monospace; font-size:13px; color:#566786; + font-variant-numeric:tabular-nums; white-space:normal; overflow-wrap:anywhere; + word-break:break-word; min-width:0; max-width:100%; +} +#stage .assistant-recipient-card.is-empty { background:#f8f9fc; border-color:#d9e0eb; } +@media (max-width:640px) { + #stage .assistant-recipient-card { grid-template-columns:32px minmax(0,1fr); gap:10px; padding:12px; } + #stage .assistant-recipient-icon { width:32px; height:32px; } +}