/* ==========================================================================
   footer-modal-first.css · PWA 底部安装弹窗（first 皮肤）实例级样式覆盖
   对应源码：ptgame/app/src/pwa/footerModal/First.vue <style scoped lang="less">（:deep 展开）
   scope class .footer-modal-first = Vue scoped data-v 等价物（挂在 .mask 根上）
   ========================================================================== */

/* 源码 :deep(.mask) */
.footer-modal-first.mask {
  background: var(--color-bg-mask);
}

/* 源码 :deep(.content_footer_pwa) */
.footer-modal-first .content_footer_pwa {
  backdrop-filter: blur(4px);
  background: url('/images/bg-pwa-footer.svg'), var(--pwa-dialog-bg);
  background-size: cover;
  color: var(--color-text-80);
}

/* 源码 :deep(.content_footer_pwa) ion-button.solid */
.footer-modal-first .content_footer_pwa .ion-button.solid {
  --color: #fff;
  color: #fff;
}

/* 源码 :deep(.content_footer_pwa) .install */
.footer-modal-first .content_footer_pwa .install {
  --button-font-size: .875rem;
  --button-font-weight: 500;
}

/* 源码 :deep(.content_footer_pwa) .cancel */
.footer-modal-first .content_footer_pwa .cancel {
  --color: var(--color-text-40);
  color: var(--color-text-40);
}