:root{--bg: #F7F5F1;--surface: #FFFFFF;--ink: #23262E;--sub: #6A7080;--line: #E8E5DE;--brand: #2B3A67;--brand-ink: #FFFFFF;--seal: #B5402C;--gold: #8A6D2B;--present: #1C7C4C;--present-bg: #E3F2E9;--late: #8A6400;--late-bg: #F8EFD2;--absent: #B3261E;--absent-bg: #FAE3E0;--warn-bg: #FBF3DC;--warn-ink: #6E5710;--sans: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{margin:0;background:#e9e7e2;color:var(--ink);font-family:var(--sans);font-size:16px}#app{max-width:480px;margin:0 auto;height:100dvh;background:var(--bg);display:flex;flex-direction:column;position:relative;overflow:hidden}.screen{display:flex;flex-direction:column;height:100%}.abar{background:var(--surface);border-bottom:1px solid var(--line);padding:14px 16px 12px;display:flex;align-items:center;gap:10px;flex-shrink:0}.seal{width:34px;height:34px;border-radius:8px;background:var(--seal);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.t1{font-size:16px;font-weight:700;line-height:1.2}.t2{font-size:12.5px;color:var(--sub)}.spacer{flex:1}.sync{font-size:11.5px;font-weight:600;padding:5px 9px;border-radius:99px;background:#eef1f6;color:var(--brand);white-space:nowrap}.sync.off{background:var(--warn-bg);color:var(--warn-ink)}.sync.sent{background:var(--present-bg);color:var(--present)}.backbtn{border:0;background:none;font-family:var(--sans);color:var(--brand);font-size:15px;font-weight:700;padding:6px 8px 6px 0;cursor:pointer}.scroll{overflow-y:auto;flex:1;padding:14px 14px 30px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}.card h4{margin:0 0 2px;font-size:16.5px;font-weight:700}.card .sub{font-size:13px;color:var(--sub)}.tap{cursor:pointer}.rowflex{display:flex;align-items:center;gap:10px}.chip{font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;white-space:nowrap}.c-not{background:#eef1f6;color:var(--brand)}.c-prog{background:var(--late-bg);color:var(--late)}.c-sent{background:var(--present-bg);color:var(--present)}.c-canc{background:var(--absent-bg);color:var(--absent)}.overdue{background:var(--absent-bg);border:1px solid #EFC4BE;color:var(--absent);border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600;margin-bottom:12px}.overdue span{display:block;font-weight:400;font-size:12.5px;margin-top:2px;color:#8c4038}.hint{font-size:13px;color:var(--sub);text-align:center;margin-top:16px}.blkhead{display:flex;align-items:center;gap:10px;margin:16px 2px 8px}.blknum{width:26px;height:26px;border-radius:6px;background:var(--bg);border:1px solid var(--line);color:var(--gold);font-size:14px;display:flex;align-items:center;justify-content:center;font-weight:700}.blkhead h5{margin:0;font-size:14px;font-weight:700}.blkhead .opt{font-size:12px;color:var(--sub);margin-left:auto}.bigbtn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;width:100%;border-radius:12px;border:1.5px dashed var(--line);background:var(--surface);color:var(--brand);font-size:15px;font-weight:600;font-family:var(--sans);cursor:pointer}.skip{font-size:13px;color:var(--sub);text-align:center;margin-top:8px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.staff{padding:12px 14px}.who{font-size:15.5px;font-weight:700}.state{font-size:12.5px;color:var(--sub)}.toggle{display:flex;border:1.5px solid var(--brand);border-radius:10px;overflow:hidden;margin-left:auto}.toggle button{font-family:var(--sans);font-size:13px;font-weight:700;padding:9px 12px;background:var(--surface);color:var(--brand);border:0;cursor:pointer;min-width:64px}.toggle button.on{background:var(--brand);color:var(--brand-ink)}.confirm{margin-top:10px;width:100%;min-height:46px;border-radius:10px;border:0;background:var(--brand);color:var(--brand-ink);font-family:var(--sans);font-size:15px;font-weight:700;cursor:pointer}.confirm.done{background:var(--present-bg);color:var(--present)}.lockline{font-size:13px;color:var(--sub)}.warnline{background:var(--warn-bg);color:var(--warn-ink);border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;margin-top:10px}.countbar{position:sticky;top:-14px;z-index:5;background:var(--bg);padding:10px 2px 8px;font-size:14px;font-weight:700;display:flex;gap:8px;align-items:baseline}.countbar .mini{font-weight:600;font-size:12px;color:var(--sub)}.stu{display:flex;align-items:center;gap:8px;min-height:60px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 10px 8px 12px;margin-bottom:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.stu .n{font-size:16px;font-weight:700;line-height:1.25}.stu .zh{font-size:12.5px;color:var(--sub)}.med{font-size:11px;font-weight:700;color:var(--absent);background:var(--absent-bg);border-radius:6px;padding:2px 6px;margin-left:6px;white-space:nowrap}.st{font-size:12.5px;font-weight:800;letter-spacing:.03em;margin-left:auto;padding:8px 12px;border-radius:99px;min-width:72px;text-align:center;flex-shrink:0}.stu[data-s=p] .st{background:var(--present-bg);color:var(--present)}.stu[data-s=a] .st{background:var(--absent-bg);color:var(--absent)}.stu[data-s=l] .st{background:var(--late-bg);color:var(--late)}.stu[data-s=a]{border-color:#efc4be}.addrow{display:flex;align-items:center;justify-content:center;min-height:52px;border:1.5px dashed var(--line);border-radius:12px;color:var(--sub);font-size:14px;font-weight:600;margin-bottom:8px;cursor:pointer}textarea.note,input.note{width:100%;min-height:74px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-family:var(--sans);font-size:14px;padding:10px 12px;color:var(--ink);resize:none}textarea.note::placeholder,input.note::placeholder{color:var(--sub)}.submit{width:100%;min-height:56px;border-radius:14px;border:0;margin-top:12px;background:var(--brand);color:var(--brand-ink);font-family:var(--sans);font-size:17px;font-weight:800;cursor:pointer}.submit.done{background:var(--present-bg);color:var(--present)}.replay{text-align:center;font-size:12.5px;color:var(--sub);margin-top:8px}#toast{position:absolute;left:50%;bottom:26px;transform:translate(-50%);background:#2a2e38;color:#fff;font-size:13px;font-weight:600;padding:10px 16px;border-radius:99px;z-index:60;display:none;max-width:86%;text-align:center}.loading{text-align:center;color:var(--sub);padding:40px 20px;font-size:14px}