:root{--navy:#14284b;--teal:#0f8b8d;--bg:#f4f6f9;--line:#e2e7ee;--muted:#64748b;color:#1e293b;background:var(--bg);font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}.final-panel{margin-top:12px}.final-clues{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.final-clues li{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.final-result{margin-top:8px}.top{background:var(--navy);color:#fff;align-items:center;gap:16px;padding:12px 24px;display:flex}.brand{align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.logo{background:var(--teal);border-radius:8px;padding:4px 8px;font-size:13px}.spacer{flex:1}.who{align-items:center;gap:8px;font-size:13px;display:flex}select,input,textarea,button{font:inherit}select{border-radius:6px;padding:4px 8px}.badge{color:#334155;background:#e2e8f0;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:500}.badge.warn{color:#92400e;background:#fef3c7}.badge.ok{color:#065f46;background:#d1fae5}.grid{grid-template-columns:260px 1fr 1.1fr 1.2fr;gap:16px;min-height:calc(100vh - 56px);padding:16px 24px;display:grid}.empty{text-align:center;color:var(--muted);grid-column:span 3;padding:80px}.side,.col{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}h3{color:var(--navy);margin:0 0 4px;font-size:15px}h3 small{color:var(--muted);margin-left:6px;font-weight:400}h4{color:var(--navy);margin:0;font-size:13px}.stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.stat{text-align:center;background:#f1f5f9;border-radius:8px;padding:8px}.stat b{color:var(--teal);font-size:20px;display:block}.stat span{color:var(--muted);font-size:12px}.proj{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;gap:2px;padding:10px;display:flex}.proj.on{border-color:var(--teal);box-shadow:0 0 0 2px #0f8b8d22}.proj span,.proj em{color:var(--muted);font-size:12px;font-style:normal}.msg{border-left:3px solid var(--teal);background:#f8fafc;border-radius:6px;padding:8px 10px;font-size:14px}.msg p{margin:4px 0}.msg .orig,.meta{color:var(--muted);font-size:12px}.ch{color:#fff;background:var(--navy);border-radius:4px;margin-right:6px;padding:1px 6px}.ch.whatsapp{background:#16a34a}.ai{border-top:1px dashed var(--line);flex-direction:column;gap:6px;margin-top:auto;padding-top:10px;display:flex}label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}input,textarea{border:1px solid var(--line);color:#1e293b;border-radius:8px;padding:8px 10px}textarea{resize:vertical;min-height:60px}textarea.body{min-height:300px;line-height:1.6}button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:6px 12px}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--teal);color:#fff;border-color:var(--teal);padding:10px 16px;font-weight:600}.chips{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.hint{color:var(--muted);margin:0;font-size:12px}.notice{color:#92400e;background:#fef3c7;border-radius:8px;padding:8px 10px;font-size:13px}.mail{border:1px solid var(--line);border-radius:10px;padding:12px;transition:opacity .2s}.mail.dim{opacity:.45}.hdr{border-bottom:1px solid #f1f5f9;padding:3px 0;font-size:13px}.hdr b{color:var(--muted);width:64px;font-weight:500;display:inline-block}.receipt{background:#ecfeff;border:1px solid #a5f3fc;border-radius:8px;flex-direction:column;gap:4px;padding:10px;font-size:13px;display:flex}.receipt.unknown,.receipt.executing,.receipt.failed{background:#fff7ed;border-color:#fdba74}.modal{background:#0f172a66;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:14px;flex-direction:column;gap:8px;width:min(680px,100%);max-height:calc(100vh - 32px);padding:24px;display:flex;overflow:auto}.dialog p{margin:0 0 4px;font-size:14px}.frozen{border:1px solid var(--line);background:#fcfdfe;border-radius:8px;margin:6px 0;padding:4px 12px}.row{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.row.left{justify-content:flex-start;margin-top:8px}details{color:var(--muted);font-size:13px}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#334155;background:#f8fafc;border-radius:6px;max-height:240px;padding:8px;font-size:12px;overflow:auto}code{font-size:12px}.notice.conflict{border:1px solid #fcd34d;flex-direction:column;gap:4px;display:flex}.notice button{padding:4px 10px;font-size:12px}button.ghost{color:#fff;background:0 0;border-color:#fff5}.empty.solo{flex-direction:column;align-items:center;gap:12px;display:flex}.content,.msg,.proj,.hdr{overflow-wrap:anywhere;min-width:0}.side,.col{min-width:0}.suggest{background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;flex-direction:column;gap:6px;min-width:0;margin-top:10px;padding:10px;display:flex}.suggest a,.hint a{overflow-wrap:anywhere;margin-right:8px}.suggest button,.hint button{align-self:flex-start;margin-left:6px}.notice ul{margin:4px 0;padding-left:18px}label.lang{align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.grid.real{grid-template-columns:minmax(240px,340px) minmax(0,1fr)}.grid.real .orig{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.source-text{white-space:pre-wrap;margin:0;font-size:14px}.grid.real.editor{grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(0,1.1fr)}.notice.leave{margin:12px 24px 0}@media (width<=1200px){.grid.real.editor{grid-template-columns:minmax(220px,300px) minmax(0,1fr)}.grid.real.editor .draft{grid-column:1/-1}}@media (width<=860px){.grid.real,.grid.real.editor{grid-template-columns:minmax(0,1fr)}}button.real-action{color:var(--navy);background:#fff;border:1px solid #94a3b8;font-weight:500}.notice button.real-action{color:#78350f;border-color:#b45309;align-self:flex-start}button.real-action:hover:not(:disabled){border-color:var(--teal);color:#0b5f61}button.real-action:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.top button.ghost.real-logout:focus-visible{outline-offset:2px;outline:2px solid #fff}.empty.solo button.real-action{border-color:#64748b;padding:10px 16px}.empty.solo button.real-primary{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:600}.empty.solo button.real-action:hover:not(:disabled){border-color:var(--teal)}.empty.solo button.real-primary:hover:not(:disabled){color:#fff;background:#0b5f61;border-color:#0b5f61}.ai-panel{border-top:1px solid var(--line);flex-direction:column;gap:8px;min-width:0;margin-top:12px;padding-top:10px;display:flex}.ai-panel h4{color:var(--navy);margin:0;font-size:15px}.ai-panel .ai-suggestion{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.ai-panel ul{margin:0;padding-left:20px}.ai-panel a{color:#0b5f61;text-decoration:underline}.ai-panel a:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.ai-panel button.real-primary{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:600}.ai-panel button.real-primary:hover:not(:disabled){color:#fff;background:#0b5f61;border-color:#0b5f61}.ai-panel button.real-action:disabled{color:#475569;cursor:not-allowed;opacity:1;background:#f1f5f9;border-color:#cbd5e1}.translation-panel label.tx-lang{color:#334155;flex-flow:wrap;align-items:center;gap:8px}.translation-panel select{color:#1e293b;background:#fff;border:1px solid #94a3b8;min-width:10em}.translation-panel select:focus-visible,.translation-panel summary:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.translation-panel .tx-status{color:var(--navy);margin:0;font-size:13px;font-weight:600}.translation-panel .tx-act{flex-direction:column;align-items:flex-start;gap:2px;max-width:100%;display:flex}.translation-panel .tx-mail{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;min-width:0;padding:10px 12px;display:flex}.translation-panel .tx-head{grid-template-columns:max-content minmax(0,1fr);gap:4px 12px;margin:0;font-size:13px;display:grid}.translation-panel .tx-head dt{color:var(--muted)}.translation-panel .tx-head dd{color:#1e293b;overflow-wrap:anywhere;min-width:0;margin:0}.translation-panel .tx-frame{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;height:420px;min-height:280px}@media (width<=860px){.translation-panel .tx-frame{height:360px}.translation-panel .tx-head{grid-template-columns:minmax(0,1fr)}}.grid.real .orig.picked{border-color:var(--teal);box-shadow:inset 3px 0 0 var(--teal)}.grid.real .orig button.pick{align-self:flex-start;padding:4px 10px;font-size:12px}.grid.real .orig button.pick[aria-pressed=true]{border-color:var(--teal);color:#0b5f61;font-weight:600}.translation-panel .tx-compose{flex-direction:column;gap:8px;min-width:0;display:flex}.translation-panel .tx-chosen{color:#334155;overflow-wrap:anywhere;margin:0;font-size:13px}.translation-panel .tx-addr{font-weight:600}@media (width<=1200px){.grid{grid-template-columns:220px 1fr 1fr}.preview{grid-column:2/span 2}.empty{grid-column:span 2}}@media (width<=860px){.top{flex-wrap:wrap;gap:10px;padding:10px 14px}.grid{grid-template-columns:1fr;padding:12px}.preview,.empty{grid-column:auto}.empty{padding:40px 16px}textarea.body{min-height:220px}.dialog{padding:16px}}