#hkpiPwaInstall{position:fixed;left:18px;right:18px;bottom:18px;z-index:99999;pointer-events:none}
#hkpiPwaInstall .hkpi-pwa-box{max-width:700px;margin:0 auto;background:rgba(255,255,255,.98);border:1px solid #d9e7dc;box-shadow:0 18px 50px rgba(22,60,40,.18);border-radius:15px;padding:13px 15px;display:flex;align-items:center;gap:12px;transform:translateY(140%);opacity:0;transition:transform .34s cubic-bezier(.2,.75,.2,1),opacity .25s ease;pointer-events:auto}
#hkpiPwaInstall.show .hkpi-pwa-box{transform:translateY(0);opacity:1}
.hkpi-pwa-icon{width:48px;height:48px;flex:0 0 48px;border-radius:12px;overflow:hidden;border:1px solid #dce8df}.hkpi-pwa-icon img{width:100%;height:100%;object-fit:cover;display:block}
.hkpi-pwa-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.hkpi-pwa-text strong{font-size:14px;color:#174b2b}.hkpi-pwa-text span{font-size:12px;color:#64756b}
.hkpi-pwa-install{border:0;border-radius:9px;padding:9px 14px;background:#2f7d46;color:#fff;font-weight:700;cursor:pointer}.hkpi-pwa-install:hover{background:#1f5d36}.hkpi-pwa-close{border:0;background:transparent;font-size:24px;line-height:1;color:#718077;cursor:pointer;padding:4px 7px}
@media(max-width:520px){#hkpiPwaInstall{left:10px;right:10px;bottom:10px}.hkpi-pwa-box{padding:10px}.hkpi-pwa-text span{display:none}.hkpi-pwa-install{padding:8px 10px}}