
:root{--pwa-safe-bottom:env(safe-area-inset-bottom,0px);--pwa-safe-top:env(safe-area-inset-top,0px)}
.pwaInstallBtn{position:fixed;left:16px;bottom:16px;z-index:1200;display:none;align-items:center;gap:8px;border:1px solid #80683f;background:#d6ad62;color:#17130d;border-radius:999px;padding:11px 16px;font:700 13px/1.2 Inter,"Noto Sans TC",Arial,sans-serif;box-shadow:0 10px 30px #0008;cursor:pointer}.pwaInstallBtn.show{display:inline-flex}.pwaInstallBtn svg{width:18px;height:18px}.pwaInstallBtn:hover{filter:brightness(1.05)}
.pwaModal{position:fixed;inset:0;z-index:20000;display:none;align-items:flex-end;justify-content:center;background:#000b;padding:16px}.pwaModal.open{display:flex}.pwaSheet{width:min(520px,100%);background:#151612;color:#f4f0e7;border:1px solid #49463b;border-radius:24px;padding:22px 20px calc(20px + var(--pwa-safe-bottom));box-shadow:0 25px 70px #000}.pwaSheetTop{display:flex;gap:12px;align-items:center}.pwaSheetTop img{width:56px;height:56px;border-radius:15px;object-fit:cover}.pwaSheet h3{margin:0 0 3px;font-size:20px}.pwaSheet p{color:#bbb6aa;line-height:1.65;margin:10px 0}.pwaSteps{margin:13px 0;padding:0;list-style:none;display:grid;gap:9px}.pwaSteps li{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid #343229;border-radius:12px;background:#10110f}.pwaStepNo{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:#d6ad62;color:#17130d;font-weight:800;font-size:12px}.pwaClose{width:100%;margin-top:8px;border:0;border-radius:12px;padding:12px;background:#d6ad62;color:#17130d;font:800 14px Inter,"Noto Sans TC",Arial,sans-serif;cursor:pointer}
.pwaBottomNav{display:none}
@media (display-mode:standalone){
  html{background:#0b0c0b} body{padding-bottom:calc(76px + var(--pwa-safe-bottom))!important;padding-top:var(--pwa-safe-top)}
  .pwaInstallBtn{display:none!important}
  .pwaBottomNav{position:fixed;left:0;right:0;bottom:0;z-index:1100;height:calc(66px + var(--pwa-safe-bottom));padding:7px 8px var(--pwa-safe-bottom);background:#0d0e0cf2;border-top:1px solid #ffffff1c;backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -10px 30px #0007}
  .pwaBottomNav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#aaa69b;text-decoration:none;font:700 11px Inter,"Noto Sans TC",Arial,sans-serif;border-radius:12px}.pwaBottomNav a:active,.pwaBottomNav a.active{color:#f1d69a;background:#ffffff08}.pwaBottomNav .ico{font-size:20px;line-height:1}
  .floatingContacts{bottom:calc(82px + var(--pwa-safe-bottom))!important} #backTop{bottom:calc(88px + var(--pwa-safe-bottom))!important}.saveDock{bottom:calc(74px + var(--pwa-safe-bottom))!important}
  .nav,.quickBar{top:var(--pwa-safe-top)}
}
@media(max-width:560px){.pwaInstallBtn{left:12px;bottom:12px;padding:10px 14px}.pwaModal{padding:10px}.pwaSheet{border-radius:20px}}

/* V17.2 Clean UI */
.pwaInstallBtn{border-radius:10px;padding:10px 13px;background:#caa86b;border-color:#caa86b;box-shadow:0 6px 18px #0007}.pwaSheet{border-radius:14px;background:#121310;border-color:#393a34}.pwaSheetTop img{border-radius:10px}.pwaSteps li{border-radius:9px;background:#0f100e}.pwaClose{border-radius:9px;background:#caa86b}.pwaBottomNav a{border-radius:8px}
