/* ============================================================
 * badges31.css —— p84 起：关于窗口「中下方」那枚复古徽章（p86 改为 1:1 原生尺寸）
 *   选择器全部限定在 .ab31 / .ab31-badge / .bdg31-im 之内
 *   ⇒ 不可能命中站内其它任何地方（并发会话互不干扰）
 *   ⚠️ 不要给 .bdg31-im 写死 width/height：95 张图有 80×20 / 88×31 / 99×56 /
 *      107×35 四种原生尺寸，尺寸由 js/badges31.js 的 fit() 按 naturalWidth 逐张给。
 * ============================================================ */

/* 关于窗口的正文列：纵向 flex，好把徽章压到底部 */
.ab31 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 徽章区：水平居中、贴住内容区底部；margin-top:auto 把中间的空隙吃掉 */
.ab31-badge {
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 12px 0 6px;
}

/* ⚠️ 站内 `.article-view img`（win31.css:324，特异性 (0,1,1)）会给每一张插图加
   1px 黑框 + margin:4px 0 + max-width:100%。徽章的 1px 细框会跟像素图糊在一起成
   脏边；max-width:100% 还会在窄容器里把原生尺寸压掉（p86 起是 1:1，被压就不再是原生）
   ⇒ 必须显式压回。这里选择器升到 (0,3,0) 并且带 !important：
   `.article-view img` 与它同属「类 + 标签」，靠后写会赢，跨文件只有 !important 才稳。 */
.article-view .ab31-badge > .bdg31-im {
  display: block;
  border: 0 none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  max-height: none !important;
  background: none !important;
  box-shadow: none !important;
  image-rendering: pixelated;
  cursor: var(--cur-hand, pointer);
  user-select: none;
  -webkit-user-drag: none;
}