:root{--bg:#f1ece3;--panel:#fff;--panel2:#faf7f1;--line:#e2dace;--line2:#cfc3b2;--tx:#13293d;--tx2:#4a5a6b;--tx3:#5c6a78;--accent:#1b4f7a;--gold:#c9a24b;--gold-dk:#855a0b;--ok:#256b4c;--warn:#8a5e0b;--err:#b31212;--rowA:#fbf3df;--rowsel:#e7eef5}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--tx);-webkit-text-size-adjust:100%;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;font-size:15px;line-height:1.7}.topbar{background:var(--tx);border-bottom:3px solid var(--gold);color:#f4efe6;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 18px;display:flex}.topbar a{color:#e8dfcd;border-radius:6px;padding:4px 10px;font-size:14.5px;text-decoration:none}.topbar a:hover{background:#f4efe624}.topbar a.on{color:#fff;background:#c9a24b47}.brand{letter-spacing:.5px;margin-right:4px;font-size:17px;font-weight:700}.spacer{flex:1}.wrap{max-width:1240px;margin:0 auto;padding:20px 18px 60px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:18px}.section-title{margin-bottom:12px;font-size:17px;font-weight:700}.muted{color:var(--tx2);font-size:14px}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace}button{cursor:pointer;border-radius:8px;font-family:inherit;font-size:14.5px;transition:filter .12s}button:hover:not(:disabled){filter:brightness(.94)}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent);padding:9px 16px;font-weight:600}.btn-gold{background:var(--gold);color:#2b2109;border:1px solid #b08e3c;padding:9px 16px;font-weight:700}.btn-ghost{background:var(--panel2);color:var(--tx);border:1px solid var(--line2);padding:8px 14px}.btn-danger{background:var(--panel2);color:var(--err);border:1px solid #e0b9b9;padding:6px 12px;font-size:13.5px}button:disabled{color:#645d50;border-color:var(--line2);cursor:not-allowed;background:#e8e2d6}input[type=text],textarea,select{color:var(--tx);background:var(--panel);border:1px solid var(--line2);border-radius:8px;width:100%;padding:9px 12px;font-family:inherit;font-size:15px}textarea{resize:vertical;line-height:1.9}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:900px){.two-col{grid-template-columns:1fr}}.pane-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.pane-title{font-size:15.5px;font-weight:700}.tag{border:1px solid var(--line2);background:var(--panel2);color:var(--tx2);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12.5px}.tag.gold{background:var(--rowA);color:var(--gold-dk);border-color:#e0cd9a}.tag.ok{color:var(--ok);background:#e6f2ec;border-color:#b6d8c8}.tag.warn{color:var(--warn);background:#fdf3dd;border-color:#e6cf96}.seg-dirty{border-bottom:2px solid var(--gold);background:#fdf0cd;padding:1px 0}.preview{background:var(--panel2);border:1px solid var(--line);white-space:pre-wrap;border-radius:8px;min-height:120px;padding:14px;font-size:15px;line-height:2}.row{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.row:hover{background:var(--rowsel)}.row a.t{color:var(--tx);font-size:15.5px;font-weight:600;text-decoration:none}.row a.t:hover{color:var(--accent);text-decoration:underline}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.hint{background:var(--rowA);border-left:3px solid var(--gold);color:#4a3d1e;border-radius:0 8px 8px 0;margin-bottom:14px;padding:10px 14px;font-size:14px}