/**
 * 站点扁平化图标工具类（配合 Font Awesome 6 solid / brands）
 * 统一在 inc/fontawesome.html 引入，页面内使用 <i class="fa-solid fa-xxx icon"></i>
 */
.icon {
  display: inline-block;
  line-height: 1;
  vertical-align: -0.125em;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.icon--xs { font-size: 0.75em; }
.icon--sm { font-size: 0.875em; }
.icon--md { font-size: 1em; }
.icon--lg { font-size: 1.25em; }
.icon--xl { font-size: 1.5em; }
.icon--muted { opacity: 0.65; }
.icon--gap-right { margin-right: 0.35em; }
.icon--gap-left { margin-left: 0.35em; }
.icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  color: inherit;
}
.icon-btn .icon { pointer-events: none; }

/* 能源财经网 UI 规范 — 图标色点缀 */
.icon--primary { color: #00B37A; }
.icon--secondary { color: #006644; }
.icon--info { color: #2F80ED; }
.icon--warn { color: #FFB020; }
.icon--danger { color: #EA3943; }
.icon--up { color: #16C784; }
.icon--on-dark { color: rgba(255, 255, 255, 0.9); }
.icon--on-primary { color: #fff; }