/* aikc-avatar-frame-r1.css —— 学生/家长端头像框展示样式（r20） */

/* 学生端 · 上课界面右侧「我的名片」 */
.aikc-my-card {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 12px 12px 4px;
  padding: 10px 12px;
  border: 2px dashed #f0b429;
  border-radius: 14px;
  background: #fff8e6;
}
.aikc-my-avatar {
  position: relative;
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
}
.aikc-my-avatar > img:first-child,
.aikc-my-avatar > i {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  background: #ffe3a1;
  display: grid;
  place-items: center;
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  color: #7a4c00;
}
.aikc-my-frame {
  position: absolute;
  inset: -4%;
  width: 108%;
  height: 108%;
  object-fit: contain;
  pointer-events: none;
  filter: drop-shadow(0 1px 2px rgba(23, 36, 56, 0.25));
}
.aikc-my-meta { display: grid; gap: 2px; min-width: 0; }
.aikc-my-meta small { font-size: 10px; font-weight: 800; letter-spacing: 0.08em; color: #a07414; }
.aikc-my-meta strong { font-size: 15px; color: #172438; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 家长端 · 学生记录大头像叠加头像框 */
.student-avatar .aikc-my-frame {
  position: absolute;
  inset: -10%;
  width: 120%;
  height: 120%;
  object-fit: contain;
  pointer-events: none;
  z-index: 3;
  filter: drop-shadow(0 2px 3px rgba(23, 36, 56, 0.3));
}