:root{--bg:#f7f6f3;--surface:#fff;--border:#e8e6e1;--border-strong:#d6d3cd;--ink:#1c1b18;--ink-2:#57534e;--ink-3:#8a867e;--on-dark:#fff;--primary:#17161a;--primary-hover:#2b2a30;--ring:#b9b5ae;--good:#15803d;--good-bg:#ebf7ef;--warn:#b45309;--warn-bg:#fcf3e5;--bad:#b91c1c;--bad-bg:#fcebeb;--radius-card:12px;--radius-ctl:8px;--shadow-card:0 1px 2px #14120c0d;--font:"Inter","Noto Sans TC",system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.5}#root{min-height:100vh}h1,h2,h3,h4,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.num{font-variant-numeric:tabular-nums;text-align:right}.text-xs{font-size:12px}.text-sm{font-size:13px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:28px}.field-control{border:1px solid var(--border-strong);border-radius:var(--radius-ctl);background:var(--surface);width:100%;color:var(--ink);padding:8px 10px;font-size:13px;line-height:1.4}.field-control:focus{outline:2px solid var(--ring);outline-offset:1px}