:root {
  --wf-bg: #0B0F19;
  --wf-panel: #111626;
  --wf-border: rgba(200, 207, 221, 0.14);
  --wf-text: #E6EBF5;
  --wf-muted: #9BA3B4;
  --wf-gold: #F6B93B;
  --wf-cyan: #18D2D2;
  --wf-purple: #A58BFF;
  --wf-red: #FF6B78;
}
.wf-icon { width: 20px; height: 20px; display: inline-block; vertical-align: -0.2em; }
.wf-icon-card { width: 24px; height: 24px; }
.wf-icon-action { width: 16px; height: 16px; }
.wf-landing-icon { width: 28px; height: 28px; }

/* 静态 SVG 图片的通用尺寸。图标有可见文字时保持空 alt，由相邻文字提供名称。 */
.wf-svg-icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  flex: 0 0 auto;
  object-fit: contain;
  vertical-align: -0.16em;
}

.wf-svg-icon--nav {
  width: 18px;
  height: 18px;
  margin-right: 0;
}

.wf-svg-icon--toolbar {
  width: 16px;
  height: 16px;
  margin-right: 0;
}

.wf-svg-icon--card {
  width: 22px;
  height: 22px;
}

.wf-svg-icon--feature {
  width: 32px;
  height: 32px;
}

.wf-svg-icon--hero {
  width: 52px;
  height: 52px;
}

.wf-svg-icon--avatar-edit {
  width: 15px;
  height: 15px;
  vertical-align: middle;
}

.wf-svg-icon--label {
  margin-right: 6px;
}

/* Account center */
.wf-account-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: -0.18em;
}

.wf-account-card-icon {
  width: 22px;
  height: 22px;
}

.wf-account-action-icon {
  width: 16px;
  height: 16px;
}