:root{--bg: #ece8e0;--ink: #1c1915;--muted: #6b645a;--line: #d4cbc0;--card: #fffcf7;--side: #f7f2ea;--accent: #0f5c4c;--ok: #1b7a4e;--bad: #a33b2b;--done: #3d6b8c;--reveal: #2c4a6e;--pending: #c8c0b4;font-family:IBM Plex Sans,Noto Sans SC,PingFang SC,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;height:100%}#app{display:grid;grid-template-columns:220px minmax(0,1fr);height:100vh;width:100%;max-width:720px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--card)}.sidebar{display:flex;flex-direction:column;gap:12px;padding:12px 10px;background:var(--side);border-right:1px solid var(--line);overflow:auto}.side-actions{display:flex;flex-wrap:wrap;gap:6px}.side-actions select,.side-actions button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:6px 8px;font:inherit;font-size:.78rem;cursor:pointer;line-height:1.2}.side-actions button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.side-actions select{min-width:4.5rem}.status{min-height:1.1em;font-size:.72rem;color:var(--accent);line-height:1.35}.status.err{color:var(--bad)}.progress-block{display:flex;flex-direction:column;gap:8px;min-height:0;flex:1}.search-wrap{display:flex;flex-direction:column;gap:4px}.search-label{font-size:.7rem;font-weight:600;color:var(--muted)}#side-search{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:7px 9px;font:inherit;font-size:.8rem;color:var(--ink);width:100%}#side-search:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,white);border-color:var(--accent)}.search-hits{display:flex;flex-direction:column;gap:4px;max-height:9rem;overflow:auto}.hit-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--card);border-radius:6px;padding:5px 8px;font:inherit;font-size:.75rem;text-align:left;cursor:pointer;color:var(--ink)}.hit-btn:hover{background:#efeae2}.hit-g{color:var(--muted);font-size:.68rem;margin-left:4px}.progress-title{font-size:.78rem;font-weight:600;color:var(--muted)}.settle-note{font-size:.75rem;line-height:1.45;color:var(--ink)}.index-grid{display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start}.index-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#efeae2;color:var(--muted);border-radius:5px;min-width:1.85rem;height:1.55rem;padding:0 5px;font-size:.72rem;font-variant-numeric:tabular-nums;cursor:pointer;line-height:1}.index-chip.pending{background:#efeae2;color:var(--muted)}.index-chip.done{background:color-mix(in srgb,var(--done) 18%,white);border-color:color-mix(in srgb,var(--done) 45%,white);color:var(--done)}.index-chip.ok{background:color-mix(in srgb,var(--ok) 18%,white);border-color:color-mix(in srgb,var(--ok) 45%,white);color:var(--ok)}.index-chip.bad{background:color-mix(in srgb,var(--bad) 16%,white);border-color:color-mix(in srgb,var(--bad) 42%,white);color:var(--bad)}.index-chip:hover{filter:brightness(.97)}.main{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--card)}.sheet-head.simple,.word-row{display:grid;grid-template-columns:2.2rem 7.2rem minmax(0,1fr) 3.6rem;align-items:center;gap:0;column-gap:8px;padding:0 10px;width:100%}.sheet-head.simple{border-bottom:1px solid var(--line);background:#f3eee5;position:sticky;top:0;z-index:2;flex-shrink:0;min-height:2.4rem;font-weight:600;font-size:.78rem;color:var(--ink)}.sheet-head.simple>*{background:#f3eee5;color:var(--ink);font-weight:600;font-size:.78rem}.sheet-head .judge-h{text-align:center}.table-body{flex:1;overflow:auto;min-height:0}.word-row{border-bottom:1px solid var(--line);min-height:2.6rem;padding-top:6px;padding-bottom:6px}.word-row.flash{animation:flash .9s ease}.gid{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem}.en{font-weight:600;font-size:.88rem;letter-spacing:.01em;word-break:break-word}.zh .zh-btn{border:1px dashed var(--line);background:#f4f7fa;color:var(--reveal);border-radius:6px;padding:5px 7px;cursor:pointer;font:inherit;font-size:.78rem;line-height:1.35;width:100%;max-width:100%;text-align:left;height:auto;min-height:1.7em;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.zh .zh-btn:not(.revealed){color:transparent}.zh .zh-btn.revealed{border-style:solid;background:#eef3f8;color:var(--ink)}.judge{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center}.judge button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--muted);cursor:pointer;font-size:.85rem;line-height:1;display:grid;place-items:center}.judge button.active-ok{background:var(--ok);border-color:var(--ok);color:#fff}.judge button.active-bad{background:var(--bad);border-color:var(--bad);color:#fff}.meta-line{margin-top:2px;font-size:.68rem;color:var(--muted);font-weight:400}@keyframes flash{0%{background:color-mix(in srgb,var(--accent) 16%,white)}to{background:transparent}}@media(max-width:720px){#app{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);max-width:100%;height:100dvh;min-height:100dvh;border:none}.sidebar{border-right:none;border-bottom:1px solid var(--line);max-height:34dvh;padding-bottom:8px}.side-actions button,.side-actions select{min-height:2.25rem;padding:8px 10px;font-size:.82rem}.main{min-height:0;height:100%}.sheet-head.simple,.word-row{grid-template-columns:1.7rem minmax(4.8rem,.9fr) minmax(0,1.2fr) 3.2rem;column-gap:6px;padding-left:8px;padding-right:8px}.word-row{min-height:3.1rem}.judge button{width:32px;height:32px;font-size:.95rem}.zh .zh-btn{padding:8px;min-height:2.2rem}.index-chip{min-width:2.15rem;height:1.85rem;font-size:.78rem}}
