/* =========================================================================
   share.css · 本站二维码页（/qr/）
   沿用封面的底色与纸片卡；二维码图片本身是白底，放在卡片中间。
   ========================================================================= */

.share { align-content: center; gap: 20px; padding-top: calc(max(14px, env(safe-area-inset-top)) + 56px); }
.share__home {
  position: absolute; top: max(14px, env(safe-area-inset-top)); left: max(var(--gutter), env(safe-area-inset-left));
  flex: none; max-width: calc(100% - 200px);
}
.share__card {
  position: relative;
  width: min(100%, 420px);
  display: grid; justify-items: center; gap: 14px;
  padding: 32px 24px 28px;
  border: 1px solid var(--border-soft); border-radius: var(--radius-lg);
  background: var(--bg-card);
  text-align: center;
  box-shadow: var(--shadow-2);
}
/* 纸胶带（同封面） */
.share__card::before {
  content: "";
  position: absolute; top: -13px; left: 50%;
  width: 128px; height: 26px;
  transform: translateX(-50%) rotate(-3deg);
  border-radius: 3px;
  background: repeating-linear-gradient(45deg,
    rgba(247, 217, 107, .8) 0 8px, rgba(255, 247, 214, .85) 8px 16px);
}
/* 不借用封面的 cover__eyebrow：电脑横屏时它带着封面网格的定位 */
.share__eyebrow { color: var(--cheese-text); font-size: 12px; font-weight: 700; letter-spacing: .22em; }
.share__title { font-family: var(--font-display); font-size: clamp(22px, 6.4vw, 28px); font-weight: 600; line-height: 1.3; text-wrap: balance; }
.share__qr { width: min(100%, 280px); height: auto; }
.share__hint { color: var(--text-sub); font-size: 14px; line-height: 1.6; text-wrap: balance; }
.share__url { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 10px; }
.share__link { color: var(--cheese-text); font-size: 15px; font-weight: 700; overflow-wrap: anywhere; user-select: all; }
.share__enter { width: 100%; max-width: 280px; }
/* 韩语按词换行，不在词中间断开（中文没有空格，不能这样设） */
.share__title:lang(ko), .share__hint:lang(ko) { word-break: keep-all; }
.share ~ .toast { bottom: calc(var(--safe-bottom) + 24px); }

/* 电脑：整页一屏放下，二维码随屏幕高度缩放（图片宽高比约 0.77） */
@media (min-width: 1024px) {
  .share { padding-top: 72px; padding-bottom: 24px; }
  .share__card { width: min(100%, 460px); padding: 36px 40px 28px; }
  .share__qr { width: clamp(220px, calc((100dvh - 470px) * 0.77), 300px); }
}