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

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

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

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

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

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