/* 统一图标渲染规则（xd-icons.js 配套）
 * ------------------------------------------------------------------
 * 图标在 24×24 画布上绘制，这里只负责「尺寸 = 跟随字号」和「颜色 = 跟随文字」。
 * 关键点：fill / stroke / stroke-width 都是 SVG 的继承属性，
 *   写在 <svg class="xd-ico"> 上会自动传进 <use> 引用的 symbol 内部，
 *   所以一套图标在深色侧栏里是浅色、在白卡片里是深色，不用为每处单独配色。
 */
.xd-ico{
  width:1em; height:1em;
  display:inline-block;
  vertical-align:-.145em;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  overflow:visible;
  pointer-events:none;
}
/* 尺寸档位：统一用行高倍率，避免出现 12px / 13px / 14px 三种“差不多大”的图标 */
.xd-ico.xs{ width:.86em; height:.86em; stroke-width:1.9; }
.xd-ico.sm{ width:.94em; height:.94em; stroke-width:1.8; }
.xd-ico.lg{ width:1.4em; height:1.4em; stroke-width:1.55; }
.xd-ico.xl{ width:2em; height:2em; stroke-width:1.45; }
/* 装饰性大图标（空状态、内容页占位），降透明度，不抢主体 */
.xd-ico.deco{
  width:46px; height:46px; stroke-width:1.2;
  opacity:.34;
}
/* 带底色的图标块：后台菜单、快捷入口、统计卡共用 */
.ico-box{
  width:34px; height:34px;
  border-radius:9px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--main-soft, #EDF2F4);
  color:var(--main, #1B4B5A);
  font-size:18px;
  flex:0 0 auto;
}
.ico-box.gold{ background:var(--gold-soft, #FAF2DF); color:var(--gold, #B08D3F); }
.ico-box.flat{ background:transparent; }
/* 实心变体：评分星等需要“点亮”的场合 */
.xd-ico.fill{ fill:currentColor; stroke:currentColor; stroke-width:1.2; }
