:root{--bg: #141210;--raised: #1c1916;--surface: #24211d;--border: #3d3832;--accent: #ea580c;--accent-hover: #f97316;--olive: #4d7c0f;--olive-text: #d9f99d;--danger: #fecaca;--text: #faf7f2;--muted: #b4ada4;--radius: 12px;--font: "Microsoft YaHei UI", "Microsoft YaHei", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%}body{color:var(--text);background:var(--bg);font-family:var(--font);font-size:16px;line-height:1.55}a{color:var(--accent);text-decoration:none}button,input,textarea,select{font:inherit}.btn{border-radius:12px;border:1px solid transparent;padding:9px 16px;font-weight:700;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px}.muted{color:var(--muted)}.error{color:var(--danger)}input,textarea,select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 12px}.top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--raised)}.page{max-width:960px;margin:0 auto;padding:24px 16px 48px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:top}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:20;padding:16px}.modal{width:min(420px,100%)}.qr{display:block;width:220px;height:220px;margin:16px 0;background:#fff;padding:8px;border-radius:8px}