.app-install-card {
  position: fixed;
  z-index: 9998;
  right: max(14px, env(safe-area-inset-right));
  bottom: max(18px, calc(env(safe-area-inset-bottom) + 14px));
  display: none;
  width: min(390px, calc(100vw - 28px));
  padding: 14px;
  color: #fffdf8;
  background: rgba(8, 47, 42, .96);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(7, 31, 30, .32);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}

.app-install-card[data-visible="true"] { display: grid; }
.app-install-card__row { display: grid; grid-template-columns: 44px 1fr auto; gap: 11px; align-items: center; }
.app-install-card__icon { width: 44px; height: 44px; border-radius: 11px; box-shadow: 0 5px 16px rgba(0, 0, 0, .18); }
.app-install-card__copy strong { display: block; margin-bottom: 3px; font-size: 14px; line-height: 1.35; }
.app-install-card__copy span { display: block; color: rgba(255, 255, 255, .72); font-size: 11px; line-height: 1.55; }
.app-install-card__actions { display: flex; gap: 7px; align-items: center; }
.app-install-card button { min-height: 36px; border: 0; border-radius: 999px; cursor: pointer; font: 700 12px/1 "PingFang SC", sans-serif; }
.app-install-card__install { padding: 0 15px; color: #143b34; background: #f4d7a3; }
.app-install-card__close { width: 36px; color: rgba(255, 255, 255, .78); background: rgba(255, 255, 255, .1); font-size: 18px !important; }
.app-install-card__help { display: none; grid-column: 1 / -1; margin: 11px 0 0; padding: 10px 12px; color: #f8edd8; background: rgba(255, 255, 255, .08); border-radius: 12px; font-size: 12px; line-height: 1.65; }
.app-install-card[data-help="true"] .app-install-card__help { display: block; }

@media (max-width: 560px) {
  .app-install-card { right: 14px; bottom: max(82px, calc(env(safe-area-inset-bottom) + 72px)); }
  .app-install-card__row { grid-template-columns: 42px 1fr; }
  .app-install-card__actions { grid-column: 1 / -1; }
  .app-install-card__install { flex: 1; }
}

@media (display-mode: standalone) {
  .app-install-card { display: none !important; }
}