/* ============================================================
 * 薯薯 · emoji 统一渲染样式（2026-10-01 阶段九）
 * ------------------------------------------------------------
 * 目标：不管什么设备/浏览器，emoji 都是同一个尺寸、同一条基线、同一套画风。
 * 纪律：只做尺寸与对齐；不加载动效；移动端只缩 1px。
 * ============================================================ */

.ss-emoji {
  display: inline-block;
  width: 1.28em;
  height: 1.28em;
  /* 关键：让图片基线跟汉字对齐，不然中文里会「飘」上去或沉下去 */
  vertical-align: -0.24em;
  margin: 0 .08em;
  /* 图片不该被选中成一块空白，也不该被拖拽 */
  user-select: none;
  -webkit-user-drag: none;
  /* 高对比度模式下也别变白块 */
  background: transparent;
}

/* 气泡里稍微紧一点，避免行高被撑开 */
.ss-bubble .ss-emoji,
.ss-doc .ss-emoji {
  width: 1.24em;
  height: 1.24em;
  vertical-align: -0.22em;
}

/* 连续多个 emoji（比如 ✨🥹💫）之间留一点呼吸，但首尾不加 */
.ss-emoji + .ss-emoji {
  margin-left: .12em;
}

/* 代码块里的 emoji 保持原字符，不转图片（由 JS 排除，这里兜底） */
code .ss-emoji,
pre .ss-emoji {
  display: none;
}

/* 小字号场景（提示条、气泡按钮）跟着缩 */
.ss-tip .ss-emoji,
.ss-brief-kw .ss-emoji {
  width: 1.1em;
  height: 1.1em;
  vertical-align: -0.18em;
}

/* ---------- 移动端：只缩 1px，不做别的降级 ---------- */
@media (max-width: 640px) {
  .ss-emoji {
    width: 1.22em;
    height: 1.22em;
    vertical-align: -0.2em;
    margin: 0 .06em;
  }
}

/* ---------- 尊重系统的「减少动态效果」（本组件本身无动效，仅保持一致） ---------- */
@media (prefers-reduced-motion: reduce) {
  .ss-emoji { transition: none; }
}