:root{
  --bg:#f9f9ff;
  --panel:#ffffff;
  --panel-soft:#fbfbfc;
  --ink:#25282d;
  --muted:#5f6873;
  --line:#c4c6cd;
  --line-soft:#e2e2e8;
  --primary:#1a283a;
  --primary-dark:#0d1c2e;
  --blue:#3f7fbd;
  --green:#4f946d;
  --orange:#cf7f22;
  --red:#dc4d4d;
  --violet:#7658b4;
  --cyan:#3988a7;
  --gray:#626c77;
  --blue-soft:#e8f1fb;
  --green-soft:#e9f5ed;
  --orange-soft:#fff0dc;
  --red-soft:#fce9e8;
  --violet-soft:#efeafb;
  --cyan-soft:#e7f3f6;
  --shadow:0 1px 2px rgba(31,39,46,.035),0 3px 9px rgba(31,39,46,.025);
  --radius:5px;
}

*{box-sizing:border-box}

html{min-height:100%}

body{
  margin:0;
  min-height:100%;
  background:var(--bg);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",Arial,sans-serif;
  font-size:14px;
  letter-spacing:0;
}

button,input,select,textarea{font:inherit}
button{cursor:pointer}

a{color:inherit}

.blue{color:var(--blue)}
.green{color:var(--green)}
.orange{color:var(--orange)}
.red{color:var(--red)}
.violet{color:var(--violet)}
.cyan{color:var(--cyan)}
.gray{color:var(--gray)}