/* ============================================================
   全站现代内联 SVG 图标基线（会员中心 + 后台共用）
   mc_icon() 输出 <svg class="mc-ico" ...>；会员中心另有
   static/user/css/user-modern.css 覆盖更大尺寸（磁贴/标题/卡头/Tab）。
   本文件保证后台（不加载 user-modern.css）也能正确显示尺寸、
   对齐，并复刻原 Font Awesome 的 fa-fw / <i class="fa"> 盒模型语义。
   ============================================================ */

/* 基础字形：随上下文字号(1em)缩放、色随 currentColor(stroke)，与旧 <i class="fa"> 行为一致 */
.mc-ico{
  display:inline-block;
  width:1em;
  height:1em;
  vertical-align:-.125em;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
}

/* 复刻 fa-fw：固定宽度占位，用于菜单里让文字左边缘对齐 */
.mc-ico.mc-ico-fw{ width:1.28571429em; text-align:center; }

/* 包裹层：当原 <i class="fa ..."> 上带有主题类(sidebar-nav-icon / pull-right /
   text-active / animation-fadeInRight / dt-casc-arrow 等)时，用一个 span 承接这些类，
   内部放 <svg class="mc-ico">。span 复现被移除的 `fa` 基线(display/line-height)，
   字号/颜色/transform 仍作用在 span 上，svg 通过 1em + currentColor 继承。 */
.mc-ico-box{
  display:inline-block;
  line-height:1;
  vertical-align:middle;
}
.mc-ico-box > .mc-ico{ vertical-align:baseline; }
