/* 椎名真昼 H5 · 用户自定义头像 运行时样式
   由 mh-avatar.js 注入，复用设置页 scoped 样式(data-v-eabbd8f4)以保持视觉一致 */
[data-mh-avatar-section] .section-label{ display:block; }

/* 卡片容器：复刻 MhFrostCard --default 毛玻璃观感 */
.mh-avatar-card{
  background: rgba(255,255,255,.72);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  border: 1px solid rgba(248,180,200,.25);
  box-shadow: 0 4px 24px rgba(248,180,200,.15);
  border-radius: 1rem;
  overflow: hidden;
  margin: 0 0 12px 0;
}
.mh-avatar-item{ cursor: pointer; }
.mh-avatar-item:active{ background: rgba(248,180,200,.08); }

/* 左侧图标 / 右侧箭头 */
.mh-icon{
  display: inline-flex; align-items: center; justify-content: center;
  width: 20px; height: 20px; color: #F8B4C8; flex-shrink: 0;
}
.mh-chevron{
  color: #D0C0C8; display: inline-flex; align-items: center;
  margin-left: .5rem; flex-shrink: 0;
}

/* 头像预览圆：尺寸/渐变与聊天气泡头像一致 */
.mh-avatar-preview{
  width: 2.125rem; height: 2.125rem; border-radius: 50%;
  background: linear-gradient(135deg,#f8b4c8,#e892a8);
  display: flex; align-items: center; justify-content: center;
  font-size: 1rem; line-height: 1; flex-shrink: 0; position: relative;
  box-shadow: 0 2px 6px rgba(248,180,200,.25);
  background-size: cover; background-position: center;
}
.mh-avatar-preview .mh-avatar-emoji{ line-height: 1; }

/* 默认头像图标：由 mh-iconfont.js 通过 background-image 注入 iconfont.cn 风格 SVG 心形
   JS 在元素上设置 background-image + background-size，此处仅保留定位 */
.mh-av-icon-user, .mh-av-icon-ai{ position: relative; }
/* 欢迎页头像更大，图标稍放大 */
.welcome-avatar.mh-av-icon-ai{ }


/* 自定义头像已设时：右下角小重置按钮 */
.mh-avatar-reset{
  position: absolute; right: -2px; bottom: -2px;
  width: 16px; height: 16px; border-radius: 50%;
  background: rgba(60,40,50,.7); color: #fff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 1px 3px rgba(0,0,0,.35);
}
.mh-avatar-reset svg{ width: 10px; height: 10px; }

/* 聊天中头像被替换为图片时，隐藏原 emoji 文本（由 JS 置 font-size:0），
   这里仅做兜底，确保图片层级在最上 */
.mh-av-custom{ position: relative; }