:root{--ground:#eef6f4;--surface:#fff;--surface-alt:#e3efec;--ink:#0f2a2d;--ink-soft:#4c6a6d;--ink-faint:#7c9598;--rule:#d0e2de;--brand:#0b9384;--brand-deep:#076b60;--brand-lift:#16c4ae;--brand-soft:#d5f0ea;--hot:#c4425a;--hot-soft:#fbdde3;--warm:#b8761f;--warm-soft:#fbebd4;--good:#2c7f5b;--good-soft:#d9f0e3;--calm:#5a7c93;--calm-soft:#e2ebf1;--f-body:"Noto Sans TC", system-ui, -apple-system, "Segoe UI", sans-serif;--f-num:"JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;--f-disp:"Noto Serif TC", "Songti TC", serif;--r:10px;--shadow:0 1px 2px #0f2a2d0d, 0 8px 24px -12px #0f2a2d29}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0a1618;--surface:#101f21;--surface-alt:#17292c;--ink:#e1efec;--ink-soft:#9dbab7;--ink-faint:#6a8688;--rule:#22383a;--brand:#3ecbb5;--brand-deep:#7fe0ce;--brand-lift:#5fdcc8;--brand-soft:#0f302e;--hot:#f08298;--hot-soft:#33151c;--warm:#e0ac61;--warm-soft:#312112;--good:#6ecb9a;--good-soft:#112b1e;--calm:#9ab5c8;--calm-soft:#16242d;--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009}}:root[data-theme=dark]{--ground:#0a1618;--surface:#101f21;--surface-alt:#17292c;--ink:#e1efec;--ink-soft:#9dbab7;--ink-faint:#6a8688;--rule:#22383a;--brand:#3ecbb5;--brand-deep:#7fe0ce;--brand-lift:#5fdcc8;--brand-soft:#0f302e;--hot:#f08298;--hot-soft:#33151c;--warm:#e0ac61;--warm-soft:#312112;--good:#6ecb9a;--good-soft:#112b1e;--calm:#9ab5c8;--calm-soft:#16242d;--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ground);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;font-size:15.5px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.topbar{background:var(--surface);border-bottom:1px solid var(--rule);z-index:50;position:sticky;top:0}.topbar-in{align-items:center;gap:22px;max-width:1180px;min-height:60px;margin:0 auto;padding:0 20px;display:flex}.brand{letter-spacing:.01em;flex:none;align-items:center;gap:9px;font-size:16.5px;font-weight:700;display:flex}.brand .dot{background:linear-gradient(135deg, var(--brand-lift), var(--brand-deep));width:9px;height:9px;box-shadow:0 0 0 3px var(--brand-soft);border-radius:50%}.nav{flex-wrap:wrap;gap:2px;margin-left:auto;display:flex}.nav a{border-radius:var(--r);color:var(--ink-soft);white-space:nowrap;padding:7px 13px;font-size:14.5px;font-weight:500;transition:background .16s,color .16s}.nav a:hover{background:var(--surface-alt);color:var(--ink)}.nav a.on{background:var(--brand-soft);color:var(--brand-deep);font-weight:700}.page{max-width:1180px;margin:0 auto;padding:30px 20px 90px}.page-head{margin-bottom:26px}.page-head h1{font-family:var(--f-disp);letter-spacing:-.005em;margin:0 0 5px;font-size:clamp(25px,3.6vw,33px);font-weight:700;line-height:1.25}.page-head p{color:var(--ink-soft);max-width:62ch;margin:0;font-size:15px}h2.sec{align-items:baseline;gap:10px;margin:38px 0 14px;font-size:17px;font-weight:700;display:flex}h2.sec .hint{color:var(--ink-faint);font-size:13px;font-weight:400}h2.sec:first-child{margin-top:0}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);box-shadow:var(--shadow)}.card-pad{padding:20px 22px}.card-head{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:12px;padding:15px 22px;display:flex}.card-head h3{margin:0;font-size:15.5px;font-weight:700}.card-head .sub{font-family:var(--f-num);color:var(--ink-faint);font-size:12.5px}.card-head .right{align-items:center;gap:8px;margin-left:auto;display:flex}.grid{gap:14px;display:grid}.g4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stat{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);border-top:3px solid var(--tone,var(--brand));box-shadow:var(--shadow);padding:18px 20px 16px;transition:transform .18s,box-shadow .18s}a.stat:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0f2a2d0f,0 14px 30px -14px #0f2a2d47}.stat.t-hot{--tone:var(--hot)}.stat.t-warm{--tone:var(--warm)}.stat.t-good{--tone:var(--good)}.stat.t-calm{--tone:var(--calm)}.stat .k{color:var(--ink-soft);align-items:center;gap:7px;margin-bottom:8px;font-size:12.5px;font-weight:500;display:flex}.stat .v{font-family:var(--f-disp);font-variant-numeric:tabular-nums;letter-spacing:-.015em;color:var(--tone);font-size:31px;font-weight:700;line-height:1.05;display:block}.stat .v small{letter-spacing:0;margin-left:3px;font-size:15px;font-weight:500}.stat .foot{color:var(--ink-faint);margin-top:7px;font-size:12.5px;line-height:1.5}.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14.5px}th,td{text-align:left;border-bottom:1px solid var(--rule);padding:10px 14px}th:first-child,td:first-child{padding-left:22px}th:last-child,td:last-child{padding-right:22px}thead th{letter-spacing:.07em;color:var(--ink-faint);white-space:nowrap;background:var(--surface);font-size:11.5px;font-weight:700}tbody tr{transition:background .14s}tbody tr:hover{background:var(--surface-alt)}tbody tr:last-child td{border-bottom:none}td.n,th.n{text-align:right;font-family:var(--f-num);font-variant-numeric:tabular-nums;white-space:nowrap}th.n{font-family:var(--f-body)}td.who{white-space:nowrap;font-weight:700}td.mono{font-family:var(--f-num);color:var(--ink-soft);white-space:nowrap;font-size:12.5px}tbody tr a.rowlink{color:var(--brand-deep);font-weight:700}tbody tr a.rowlink:hover{text-decoration:underline}.empty{text-align:center;color:var(--ink-faint);padding:44px 22px;font-size:14.5px}.sorth{color:inherit;white-space:nowrap;border-radius:5px;align-items:center;gap:5px;margin:-2px -5px;padding:2px 5px;transition:background .14s,color .14s;display:inline-flex}.sorth:hover{background:var(--surface-alt);color:var(--ink)}.sorth .arrow{opacity:.35;letter-spacing:-.5px;font-size:8.5px}.sorth:hover .arrow{opacity:.7}.sorth.on{color:var(--brand-deep)}.sorth.on .arrow{opacity:1;font-size:8px}th.n .sorth{flex-direction:row-reverse}.tag{white-space:nowrap;border-radius:100px;align-items:center;gap:5px;padding:2.5px 9px;font-size:11.5px;font-weight:700;line-height:1.6;display:inline-flex}.tag.hot{background:var(--hot-soft);color:var(--hot)}.tag.warm{background:var(--warm-soft);color:var(--warm)}.tag.good{background:var(--good-soft);color:var(--good)}.tag.calm{background:var(--calm-soft);color:var(--calm)}.tag.brand{background:var(--brand-soft);color:var(--brand-deep)}.tag.plain{background:var(--surface-alt);color:var(--ink-soft)}.cd{align-items:center;gap:9px;min-width:120px;display:flex}.cd .track{background:var(--surface-alt);border-radius:3px;flex:1;min-width:40px;height:5px;overflow:hidden}.cd .fill{background:var(--tone,var(--brand));border-radius:3px;height:100%}.cd .d{font-family:var(--f-num);color:var(--tone,var(--ink-soft));white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;width:50px;font-size:12px;font-weight:600}tr.tone-hot{--tone:var(--hot)}tr.tone-warm{--tone:var(--warm)}tr.tone-good{--tone:var(--good)}tr.tone-calm{--tone:var(--calm)}.btn{border-radius:var(--r);border:1px solid var(--rule);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;align-items:center;gap:7px;padding:9px 17px;font-size:14.5px;font-weight:600;transition:background .16s,border-color .16s,transform .12s;display:inline-flex}.btn:hover{background:var(--surface-alt)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(135deg, var(--brand), var(--brand-deep));color:#fff;border-color:#0000}.btn.primary:hover{filter:brightness(1.07)}.btn.sm{padding:6px 12px;font-size:13.5px}.field{flex-direction:column;gap:5px;display:flex}.field>label{color:var(--ink-soft);font-size:13px;font-weight:700}.field>.note{color:var(--ink-faint);font-size:12px}input,select,textarea{font:inherit;border:1px solid var(--rule);border-radius:var(--r);background:var(--surface);color:var(--ink);width:100%;padding:9px 12px;font-size:14.5px}input:focus,select:focus,textarea:focus{border-color:var(--brand)}input[type=number]{font-family:var(--f-num)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.authpage{background:radial-gradient(1100px 520px at 50% -8%, var(--brand-soft), transparent 62%), var(--ground);justify-content:center;align-items:center;min-height:100dvh;padding:40px 20px;display:flex}.authbox{background:var(--surface);border:1px solid var(--rule);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:16px;padding:34px 32px 28px}.authbrand{color:var(--ink-soft);align-items:center;gap:9px;margin-bottom:22px;font-size:15px;font-weight:700;display:flex}.authbrand .dot{background:linear-gradient(135deg, var(--brand-lift), var(--brand-deep));width:9px;height:9px;box-shadow:0 0 0 3px var(--brand-soft);border-radius:50%}.authbox h1{font-family:var(--f-disp);letter-spacing:-.01em;margin:0 0 6px;font-size:27px;font-weight:700}.authlede{color:var(--ink-soft);margin:0 0 22px;font-size:14.5px;line-height:1.7}.authfoot{border-top:1px solid var(--rule);color:var(--ink-faint);text-align:center;margin:20px 0 0;padding-top:16px;font-size:12.5px}.whoami{border-left:1px solid var(--rule);flex:none;align-items:center;gap:9px;margin-left:4px;padding-left:14px;display:flex}.whoami .name{white-space:nowrap;font-size:13.5px;font-weight:700}.whoami .role{color:var(--ink-faint);white-space:nowrap;font-size:11px}.whoami button{color:var(--ink-faint);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:12.5px}.whoami button:hover{background:var(--surface-alt);color:var(--ink)}.pk-wrap{position:relative}.pk-list{z-index:30;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);max-height:300px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 8px #0f2a2d0f,0 18px 40px -16px #0f2a2d57}.pk-item{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--ink);background:0 0;border:none;border-radius:7px;align-items:baseline;gap:9px;padding:8px 11px;display:flex}.pk-item.on{background:var(--brand-soft)}.pk-item .pk-status{margin-left:auto}.pk-name{white-space:nowrap;font-size:15px;font-weight:700}.pk-code{font-family:var(--f-num);color:var(--ink-faint);white-space:nowrap;font-size:12px}.pk-meta{color:var(--ink-soft);white-space:nowrap;font-size:12.5px}.pk-status{font-family:var(--f-num);white-space:nowrap;font-size:12px}.pk-empty,.pk-more{color:var(--ink-faint);padding:12px 11px;font-size:13.5px;line-height:1.6}.pk-more{border-top:1px solid var(--rule);font-size:12.5px}.picked{border:1px solid var(--brand);border-radius:var(--r);background:var(--brand-soft);align-items:center;gap:10px;padding:8px 10px 8px 13px;display:flex}.picked .pk-x{border:1px solid var(--rule);background:var(--surface);color:var(--ink-soft);font:inherit;cursor:pointer;white-space:nowrap;border-radius:7px;margin-left:auto;padding:4px 10px;font-size:12.5px;font-weight:600}.picked .pk-x:hover{background:var(--surface-alt);color:var(--ink)}.banner{border-radius:var(--r);padding:14px 18px;font-size:14.5px;line-height:1.65}.banner.warn{background:var(--warm-soft);color:var(--warm);border:1px solid #0000}.banner.ok{background:var(--good-soft);color:var(--good)}.banner.info{background:var(--brand-soft);color:var(--brand-deep)}.tl{padding-left:26px;position:relative}.tl:before{content:"";background:var(--rule);width:2px;position:absolute;top:6px;bottom:6px;left:6px}.tl-item{padding:0 0 22px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--surface);border:2px solid var(--tone,var(--brand));border-radius:50%;width:10px;height:10px;position:absolute;top:7px;left:-24px}.tl-item.now:before{background:var(--tone,var(--brand));box-shadow:0 0 0 4px var(--brand-soft)}.tl-date{font-family:var(--f-num);color:var(--ink-faint);font-size:12.5px}.tl-body{margin-top:2px}@media (max-width:720px){.topbar-in{flex-wrap:wrap;gap:10px;min-height:0;padding:10px 16px}.nav{width:100%;margin-left:0;padding-bottom:2px;overflow-x:auto}.page{padding:22px 16px 70px}th:first-child,td:first-child{padding-left:16px}th:last-child,td:last-child{padding-right:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}