/* ===== 享家图标体系 icons.css (UI Designer 重绘版 2026-07-19) =====
   统一管理 .xj-icon 线性图标：尺寸、颜色、描边。
   所有图标由 js/icons.js 的 xjIcon(name) 输出 <svg class="xj-icon">。
   规则只有一处权威（design-tokens.css 内的重复定义已移除）。
*/

/* 基底 */
.xj-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  flex-shrink: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* 尺寸 */
.xj-icon-sm { width: 0.875em; height: 0.875em; }
.xj-icon-md { width: 1.1em; height: 1.1em; }
.xj-icon-lg { width: 1.5em; height: 1.5em; }
.xj-icon-xl { width: 2em; height: 2em; }

/* 颜色（继承 currentColor） */
.xj-primary  { color: var(--color-primary, #3377FF); }
.xj-accent   { color: var(--color-accent, #FF7A33); }
.xj-success  { color: var(--color-success, #10B981); }
.xj-warning  { color: var(--color-warning, #F59E0B); }
.xj-danger   { color: var(--color-danger, #EF4444); }
.xj-info     { color: var(--color-info, #3B82F6); }
.xj-muted    { color: var(--color-text-secondary, #64748B); }

/* 占位图标块（详情封面缺图时） */
.xj-photo-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 120px;
  background: var(--color-bg-light, #F1F5F9);
  color: var(--color-text-tertiary, #94A3B8);
}
.xj-photo-placeholder .xj-icon {
  width: 2.4em;
  height: 2.4em;
}

/* 图标 + 文字 行内组合 */
.xj-with-icon {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1, 4px);
}
.xj-with-icon-reverse {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1, 4px);
  flex-direction: row-reverse;
}