/* 建築師之路 PWA：安裝提示與 iOS App 模式返回鈕 */
.ar-pwa-bar {
  position: fixed; left: 12px; right: 12px;
  bottom: calc(12px + env(safe-area-inset-bottom));
  z-index: 99990;
  display: flex; align-items: center; gap: 12px;
  padding: 12px 8px 12px 12px;
  background: #0F172A; color: #E8E6E1;
  border: 1px solid rgba(201, 169, 110, .45);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
  font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  transform: translateY(140%); transition: transform .35s ease;
}
.ar-pwa-bar.is-in { transform: none; }
.ar-pwa-bar img { width: 44px; height: 44px; border-radius: 10px; flex: none; }
.ar-pwa-txt { flex: 1 1 auto; min-width: 0; line-height: 1.45; }
.ar-pwa-txt strong { display: block; font-size: 15px; font-weight: 700; color: #fff; }
.ar-pwa-txt span { display: block; font-size: 13px; color: #B8BCC6; }
.ar-pwa-share {
  display: inline-block; width: 14px; height: 16px; vertical-align: -3px;
  background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 18'%3E%3Cpath d='M7 1v10M3.5 4.5L7 1l3.5 3.5M4 7H1.5v9.5h11V7H10' fill='none' stroke='%23E9D3A6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.ar-pwa-txt .ar-pwa-how {
  color: #E9D3A6; margin-left: 6px; text-decoration: underline; text-underline-offset: 2px;
}
.ar-pwa-go {
  flex: none; appearance: none; border: 0; cursor: pointer;
  background: #C9A96E; color: #0F172A;
  font: inherit; font-size: 14px; font-weight: 700;
  padding: 8px 16px; border-radius: 999px; line-height: 1.2;
}
.ar-pwa-x {
  flex: none; appearance: none; border: 0; background: transparent; cursor: pointer;
  color: #8D93A0; font-size: 24px; line-height: 1; padding: 4px 8px;
}

.ar-pwa-back {
  position: fixed; left: 12px;
  bottom: calc(16px + env(safe-area-inset-bottom));
  z-index: 99980;
  width: 44px; height: 44px; padding: 0;
  display: flex; align-items: center; justify-content: center;
  appearance: none; cursor: pointer;
  background: rgba(15, 23, 42, .82); color: #fff;
  border: 1px solid rgba(255, 255, 255, .18); border-radius: 50%;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}