:root{--o:#D65A31;--g:#E6AF2E;--k:#4B3621;--m:#FAF6F0;--b:#DCCBB6;--gr:#4A6B3A;--mu:#8A7A6A;}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--k);font:16px/1.5 "PingFang TC","Noto Sans TC",Helvetica,sans-serif}
main{max-width:560px;margin:0 auto;padding:16px}
.top h1{margin:0;font-size:24px}
.sub{color:var(--mu);font-size:13px;margin-top:4px}
.msg{margin:12px 0;padding:10px 12px;border:1px solid var(--g);border-radius:10px;background:var(--m);font-size:14px}
.case{border:1px solid var(--b);border-radius:14px;background:var(--m);padding:12px 14px;margin:12px 0}
.case h2{margin:0 0 6px;font-size:16px}
.node{margin:8px 0 2px;font-size:13px;color:var(--mu);font-weight:600}
.ent{display:flex;gap:8px;align-items:center;font-size:14px;margin:2px 0 2px 6px}
.dot{width:14px;height:14px;border-radius:50%;flex:none;border:1.5px solid var(--b)}
.dot.ok{background:var(--gr);border-color:var(--gr)}
.dot.no{background:var(--o);border-color:var(--o)}
.t{font-weight:600;min-width:84px}
.when{color:var(--mu)}
.when.no{color:var(--o)}
.chip{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--g);background:#FFF3D6;color:#8A5A00}
.chip.none{background:#fff;color:var(--mu);border-color:var(--b)}
.chip.pause{background:#EEE8FF;color:#3C3489;border-color:#3C3489}
.meta{font-size:12px;color:var(--mu);margin-top:4px}
.foot{margin:18px 0 8px;padding:10px;border:1px solid var(--g);border-radius:10px;text-align:center;font-size:12px;color:var(--mu)}