/* ============================================================
 * AKSRT Comments — 补充层
 *
 * 评论区布局样式已硬切换为自有版权（见 layout.css / mobile-item.css），
 * vendor main.min.css 不再提供评论区规则。
 * 本文件放 AKSRT 特有标记与评论图片上传的补充规则。
 * 共享基础样式仍由 bundle 中更早加载的 bootstrap 3 与
 * core/tokens.css 提供。
 * ============================================================ */

#comments .comment-image-tabs .comment-image-upload {
  margin: 0;
}

#comments .comment-image-upload-label {
  display: block;
  width: 100%;
}

#comments .comment-image-upload .preview {
  width: 100%;
  height: 96px;
  min-height: 96px;
  margin-bottom: 6px;
  overflow: hidden;
  border: 1px dashed var(--muted-border-color);
  border-radius: var(--main-radius);
  background: var(--main-shadow);
}

#comments .comment-image-upload .preview img {
  display: block;
  width: 100%;
  height: 96px;
  object-fit: cover;
}

#comments .comment-image-upload .input-expand-upload {
  min-width: 88px;
}

#comments .comment-image-upload .progress {
  position: static;
  inset: auto;
  display: block;
  width: 100%;
  height: 3px;
  margin-top: 4px;
  overflow: hidden;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.25);
}

#comments .comment-image-upload .progress-bar {
  position: static;
  inset: auto;
  display: block;
  height: 100%;
  width: 0;
  transition: width 0.2s ease;
}
#comments .comment-header .aksrt-identity-chip {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  vertical-align: middle;
  max-width: 9em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

#comments .comment-header .aksrt-identity-medal {
  display: inline-block;
  width: auto;
  height: 1.1em;
  max-width: 6em;
  object-fit: contain;
  vertical-align: -0.15em;
}