.pwa-panel{margin:14px 0;padding:14px;border:1px solid #798c82;border-radius:14px;background:#26292f}.pwa-panel p{font-size:13px;margin:8px 0;color:#c5d8ce}.pwa-panel small{display:block;font-size:11px;line-height:1.6;color:#b9c4bd}.pwa-panel button{min-height:44px;border:1px solid #d2b262;border-radius:9px;padding:10px 14px;background:#354742;color:#ffe5a0;margin:3px}.pwa-panel button[hidden]{display:none}.pwa-panel button:disabled{opacity:.7}.pwa-dialog{color:#fff8e4;background:#272a30;border:2px solid #d6b765;border-radius:20px;width:min(90vw,440px);padding:22px;line-height:1.8}.pwa-dialog::backdrop{background:#000b}.pwa-dialog h2{font-size:22px}.pwa-dialog p{font-size:15px}.pwa-dialog button{display:block;width:100%;padding:12px;margin-top:12px;border-radius:10px;border:1px solid #dcc274;background:#3e4a43;color:#fff;min-height:44px}.pwa-dialog [data-pwa-confirm]{background:#d5ad41;color:#15171b}.pwa-dialog button:focus-visible{outline:3px solid #9de6ff}
@media(display-mode:standalone){.app-shell{padding-bottom:max(36px,env(safe-area-inset-bottom))}}
/* 10-08 橫式定案：手機直拿蓋轉向遮罩 */
#rotate-mask{display:none}
html[data-orient="port"]:not([data-portrait-ok]) #rotate-mask{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:#fff8ec;color:#30251a}
#rotate-mask .rotate-icon{font-size:56px;animation:tsgd-rot 1.8s ease-in-out infinite}
#rotate-mask strong{font-size:1.3rem}
#rotate-mask small{opacity:.8;line-height:1.5}
#rotate-mask button{margin-top:18px;min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid #6d7480;background:transparent;color:#3a3f47;font:inherit} /* 10-24 遮罩底色是米白，原本淺灰字看不清 */
@keyframes tsgd-rot{0%,30%{transform:rotate(0)}60%,100%{transform:rotate(-90deg)}}
@media(prefers-reduced-motion:reduce){#rotate-mask .rotate-icon{animation:none}}