:root{
  --bg:#F5F6F8; --surface:#FFFFFF; --surface2:#F7F8FA;
  --text:#1F2329; --text2:#646A73; --text3:#8F959E;
  --line:#E5E6EB; --line2:#D0D3D9;
  --accent:#185FA5; --accentBg:#E6F1FB;
  --ok:#0F6E56; --okBg:#E1F5EE;
  --warn:#854F0B; --warnBg:#FAEEDA;
  --danger:#A32D2D; --dangerBg:#FCEBEB;
  --radius:10px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--bg);color:var(--text);font-size:13px;line-height:1.6;
  -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;
}
.wrap{max-width:1320px;margin:0 auto;padding:16px 16px 48px}
a{color:var(--accent);text-decoration:none}
.muted{color:var(--text3);font-size:12px}
.btn{height:32px;padding:0 14px;border:1px solid var(--line2);border-radius:8px;
     background:var(--surface);font-size:12px;cursor:pointer;color:var(--text);
     display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}
.btn:hover{border-color:var(--accent);color:var(--accent)}
.btn.pri{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.pri:hover{opacity:.92;color:#fff}
.btn.ghost{border-color:transparent;background:transparent}
input,select,textarea{
  height:38px;padding:0 12px;border:1px solid var(--line2);border-radius:9px;
  background:var(--surface);font-size:14px;color:var(--text);outline:none;width:100%;
  font-family:inherit;
}
textarea{height:auto;padding:10px 12px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--accent)}
label.fld{display:block;margin-bottom:14px}
label.fld>span{display:block;font-size:12px;color:var(--text2);margin-bottom:6px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.hr{height:1px;background:var(--line);margin:16px 0}