:root{--brown-1: #5d3a1b;--brown-2: #8b5a2b;--bg: #f7f3ee;--card: #fff;--line: #e8dfd3;--text: #2a2418;--muted: #7a6b58;--red: #d14a3c;--green: #4e9a55;--amber: #e29b41}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);max-width:480px;margin:0 auto;font-size:14px;line-height:1.5;padding-bottom:40px}.topbar{background:linear-gradient(180deg,#5d3a1b,#7a4a24);color:#fff;padding:12px 14px;font-weight:600}.card{background:var(--card);margin:12px;border-radius:12px;padding:14px;box-shadow:0 1px 4px #0000000d}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.muted{color:var(--muted);font-size:12px}.tag{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;background:#fdf9f3;border:1px solid var(--line)}.tag.warn{color:var(--red);border-color:var(--red)}.tag.ok{color:var(--green);border-color:var(--green)}.btn{display:block;width:100%;padding:11px;border:0;border-radius:10px;background:var(--brown-2);color:#fff;font-size:15px;font-family:inherit}.btn:disabled{opacity:.5}.btn.ghost{background:transparent;color:var(--brown-2);border:1px solid var(--brown-2)}label{display:block;margin:10px 0 4px;font-size:13px;color:var(--muted)}input,textarea,select{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:14px;background:#fff}textarea{min-height:110px;resize:vertical}.err{color:var(--red);margin:10px 12px}.bar{height:8px;border-radius:4px;background:var(--line);overflow:hidden}.bar>span{display:block;height:100%;background:var(--green)}a{color:inherit;text-decoration:none}