/* ==========================================================================
   amount-display.css · 金额展示组件样式
   对应源码：ptgame/app/src/components/AmountDisplay/index.vue <style scoped lang="less">
   ========================================================================== */

.amount-display {
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
}

.amount-display .currency-icon {
  height: .625rem;
  display: block;
  flex-shrink: 0;
}

/* v-if 显隐切换（hidden 属性）；.currency-icon 的 display:block 优先级更高，需显式兜底 */
.amount-display [hidden] {
  display: none;
}

.layout42 .amount-display {
  display: block;
  flex: 1;
}