/* Apple artwork remains unchanged, with one-quarter-height clear space. */
.app-downloads { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.app-store-badge { display: inline-flex; flex-shrink: 0; padding: 12px; }
.app-store-badge img { width: auto; height: 48px; max-width: none; margin: 0; border-radius: 0; }
.yingyongbao-download { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; gap: 8px; min-width: 132px; height: 48px; padding: 0 16px; border: 1px solid #1d1d1f; border-radius: 8px; background: #fff; color: #1d1d1f; font-size: 15px; line-height: 1.5; white-space: nowrap; }
.yingyongbao-download > .yingyongbao-icon { display: block; flex: none; width: 28px; height: 28px; max-width: none; margin: 0; border-radius: 0; }
.download-qr { position: absolute; top: calc(100% + 12px); left: 50%; z-index: 20; display: block; width: 198px; padding: 12px; border: 1px solid #d9d9dd; border-radius: 12px; background: #fff; color: #1d1d1f; box-shadow: 0 8px 28px rgb(0 0 0 / 12%); text-align: center; white-space: normal; transform: translateX(-50%); visibility: hidden; }
.download-qr::before { content: ""; position: absolute; right: 0; bottom: 100%; left: 0; height: 13px; }
.download-qr img { display: block; width: 172px; height: 172px; max-width: none; margin: 0; border-radius: 0; }
.download-qr > span { display: block; margin-top: 8px; font-size: 12px; line-height: 1.5; }
.yingyongbao-download:focus-visible .download-qr { visibility: visible; }
@media (hover: hover) and (pointer: fine) {
  .yingyongbao-download:hover .download-qr { visibility: visible; }
}