/* ==========================================================================
   install-modal.css · 安装/下载引导弹窗容器
   对应源码：ptgame/app/src/pwa/comp/InstallModal.vue <style scoped lang="less">
   注：ion-modal → div.ion-modal + .modal-backdrop（Ionic md 遮罩 rgba(0,0,0,.32) 等价）；
       Tailwind 工具类按转义选择器生成等价规则（作用域限定 #modal-install-download）。
   ========================================================================== */

#modal-install-download {
  z-index: 9991; /* ion-modal 层级（高于 modal.js 遮罩 9990 之下的页面内容） */
}

/* ion-modal backdrop（backdrop-dismiss=false：无点击事件） */
#modal-install-download .modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.32);
}

/* ---- 源码 scoped 样式 ---- */

/* 对应源码 Tailwind preflight（p 默认 margin 清零） */
#modal-install-download .pop-content p { margin: 0; }

#modal-install-download .pop-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#modal-install-download .home-pwa {
  background: #101629;
  color: #ffff; /* 复刻源码行为：#ffff 照原样保留 */
}

#modal-install-download .download-pwa {
  background: #ffff; /* 复刻源码行为：#ffff 照原样保留 */
  color: #000;
}

#modal-install-download .download-pwa .safe-text {
  color: #028760;
}

/* ---- Tailwind 工具类等价规则（rem 基值 16px） ---- */

#modal-install-download .w-80 { width: 20rem; }
#modal-install-download .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
#modal-install-download .px-\[\.625rem\] { padding-left: .625rem; padding-right: .625rem; }
#modal-install-download .mx-auto { margin-left: auto; margin-right: auto; }
#modal-install-download .rounded-2xl { border-radius: 1rem; }
#modal-install-download .flex { display: flex; }
#modal-install-download .flex-col { flex-direction: column; }
#modal-install-download .items-center { align-items: center; }
#modal-install-download .justify-center { justify-content: center; }
#modal-install-download .w-7 { width: 1.75rem; }
#modal-install-download .w-4 { width: 1rem; }
#modal-install-download .mr-1\.5 { margin-right: .375rem; }
#modal-install-download .text-\[1\.75rem\] { font-size: 1.75rem; }
#modal-install-download .text-lg { font-size: 1.125rem; line-height: 1.75rem; }
#modal-install-download .text-xl { font-size: 1.25rem; line-height: 1.75rem; }
#modal-install-download .text-\[\#666\] { color: #666; }
#modal-install-download .border { border-width: 1px; border-style: solid; }
#modal-install-download .border-\[\#747475\] { border-color: #747475; }
#modal-install-download .border-\[\#028760\] { border-color: #028760; }
#modal-install-download .leading-tight { line-height: 1.25; }
#modal-install-download .px-3 { padding-left: .75rem; padding-right: .75rem; }
#modal-install-download .rounded-\[\.1875rem\] { border-radius: .1875rem; }
#modal-install-download .rounded-full { border-radius: 9999px; }
#modal-install-download .mt-2\.5 { margin-top: .625rem; }
#modal-install-download .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
#modal-install-download .bg-\[\#0287601A\] { background-color: #0287601A; }

/* ion-img → img：宽度类同步高度（图标为正方形） */
#modal-install-download img.w-7 { height: 1.75rem; }
#modal-install-download img.w-4 { height: 1rem; }