/* 分享：奖牌墙上的「分享」小按钮 + 图片预览层（share.js）。
 * 颜色只用 :root 令牌；层级高于 tabbar 与悬浮按钮。
 */

.medal-case .medal-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: none;
}
.medal-case .medal-coin,
.medal-case .medal-tile__disc { flex-shrink: 0; }
.medal-case .medal-tile__name { min-height: 2.7em; width: 100%; }
.medal-tile__view { min-height: 36px; width: 100%; }
.medal-case .medal-tile__share { margin-top: auto; }

.medal-tile__share {
  display: inline-block;
  margin-top: var(--sp-2);
  padding: 5px var(--sp-3);
  min-height: var(--tap);
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--orange);
  color: var(--on-tint);
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.medal-tile__share:active { opacity: 0.7; }

.share-sheet {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share-sheet__mask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}
.share-sheet__panel {
  position: relative;
  width: min(92vw, 420px);
  max-height: 92vh;
  padding: var(--sp-3);
  border-radius: var(--radius);
  background: var(--bg-elevated);
  text-align: center;
  overflow-y: auto;
}
.share-sheet__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius);
}
.share-sheet__hint { margin-top: var(--sp-2); color: var(--label-2); }
.share-sheet__actions { display: flex; margin-top: var(--sp-3); }
.share-sheet__actions .btn { flex: 1 1 0; margin: 0 var(--sp-1); }

/* 奖牌墙标题行：左边标题，右边「分享全部奖牌」 */
.medal-case__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.medal-case__head .medal-case__title { flex: 1 1 auto; min-width: 0; }
.medal-case__share {
  flex: 0 0 auto;
  margin-bottom: var(--sp-3);
  padding: 6px var(--sp-3);
  min-height: var(--tap);
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--orange);
  color: var(--on-tint);
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.medal-case__share:active { opacity: 0.8; }

.share-sheet__actions { flex-wrap:wrap;gap:8px; }
.share-sheet__actions .btn { flex:1 1 40%;margin:0; }
.cmty-poster-entry { margin:16px;padding:18px;background:var(--fill);border-radius:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap; }
.cmty-poster-entry>div { flex:1;min-width:180px; }
.cmty-poster-entry p { margin:6px 0 0;font-size:13px;color:var(--label-2); }