/* Ice-blue QR presentation. Original image and download remain unchanged. */
.miniapp-scene-card {
  position: absolute;
  left: 10px;
  top: 225px;
  z-index: 7;
  width: 154px;
  padding: 10px;
  border: 1px solid #9ab6d532;
  border-radius: 17px;
  background: linear-gradient(145deg, #243b52b8, #102035cc);
  box-shadow: inset 0 1px 0 #d1e5ff0d, 0 8px 22px #020b1926;
  text-align: center;
}
.miniapp-qr-link { display: block; padding: 9px; background: #c4d4e3; border-radius: 10px; isolation: isolate; }
.miniapp-qr-link img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
.miniapp-scene-card strong { display: block; margin-top: 9px; color: #d3e1ee; font-size: 12px; font-weight: 600; }
.miniapp-scene-card > span { display: block; margin-top: 4px; color: #91a9c1; font-size: 9px; }
.experience-shell.is-open .miniapp-scene-card { visibility: hidden; opacity: 0; pointer-events: none; }
.miniapp-mobile-card { display: none; }
@media (max-width: 700px) {
  .miniapp-scene-card { display: none; }
  .miniapp-mobile-card {
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    margin-top: 24px;
    padding: 16px;
    border: 1px solid #9dc2ed40;
    border-radius: 18px;
    background: linear-gradient(130deg, #203752aa, #112237aa);
  }
  .miniapp-mobile-card .miniapp-qr-link { padding: 7px; }
  .miniapp-live { display: block; margin-bottom: 8px; font-size: 10px; color: #a7dfc5; }
  .miniapp-mobile-card strong { display: block; color: #e8f3ff; font-size: 14px; line-height: 1.6; }
  .miniapp-mobile-card p { margin: 7px 0; font-size: 11px; line-height: 1.7; color: #a5bad2; }
  .miniapp-save { display: inline-block; padding: 6px 0; font-size: 12px; color: #c6e1ff; text-decoration: underline; text-underline-offset: 4px; }
}
@media (max-width: 380px) {
  .miniapp-mobile-card { grid-template-columns: 96px minmax(0, 1fr); gap: 12px; padding: 12px; }
}