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

/* 源码 :deep(.mask) */
.pwa-footer.mask {
  background: rgba(0, 0, 0, 0.8);
}

/* 源码 :deep(.new-skin-symbol .content_footer_pwa)（new-skin-symbol 在 html/body 祖先上） */
.new-skin-symbol .pwa-footer .content_footer_pwa {
  backdrop-filter: blur(4px);
  background: var(--ep-color-background-fill-surface-raised-L1);
  background-size: cover;
  color: var(--ep-color-text-default);
}

/* 源码 .install */
.pwa-footer .install {
  --button-font-size: var(--ep-font-size-m);
  --button-font-weight: var(--ep-font-weight-medium);
}

/* 源码 .install :deep(ion-button.primary) */
.pwa-footer .install .ion-button.primary {
  --ep-color-background-fill-active-active: var(--ep-color-background-fill-active-primary);
}

/* 源码 .cancel（div.cancel，非 ionic 变量，直接声明颜色） */
.pwa-footer .cancel {
  --color: var(--ep-color-text-default);
  color: var(--ep-color-text-default);
  line-height: 2rem;
  margin-right: 1rem;
}