/* 摩天輪窗景巡航（v573）：8 秒內 遊樂園起升 → 海景・港口 → 山景・風車 → 高登總部 → 回落遊樂園
   圖 gordon-city-map-land-v549.webp 為 16:9，.park-view 也是 16:9，以下 % 即圖上座標：
   摩天輪(95.8%,57.4%) 海岸港口(10%,40%) 山景風車(28%,6%) 高登總部皇冠塔(50.5%,28%，鏡頭略偏右讓塔落在左窗、不被中間窗框擋住)
   transform-origin:0 0；translate(tx,ty) scale(s) 讓目標點 p 落在中央：t=50%-s*p，
   並夾在 [100%-100%*s, 0] 之內，不露出圖外空白（線性內插仍在範圍內）。在 v572.css 之後載入，蓋掉舊的 pv-rise。 */
.park-view>img{animation:pv-tour var(--ride,8s) ease-in-out forwards;transform-origin:0 0}
@keyframes pv-tour{
  0%{transform:translate(-140%,-98.8%) scale(2.4)}
  10%{transform:translate(-120%,-80%) scale(2.2)}
  20%{transform:translate(0%,-27%) scale(2.2)}
  34%{transform:translate(-2%,-25%) scale(2.2)}
  46%{transform:translate(-14%,0%) scale(2.2)}
  58%{transform:translate(-18%,0%) scale(2.2)}
  70%{transform:translate(-72%,-14%) scale(2.2)}
  82%{transform:translate(-75%,-17%) scale(2.2)}
  100%{transform:translate(-140%,-98.8%) scale(2.4)}
}
/* 字幕：淺底深字、金色邊；三段依時間淡入淡出 */
.park-view .pv-cap{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:2;display:grid;pointer-events:none}
.park-view .pv-cap>span{grid-area:1/1;justify-self:center;white-space:nowrap;padding:4px 14px;border-radius:999px;background:#fff8e6;color:#3b2a12;border:2px solid #d4a73a;box-shadow:0 2px 6px #0003;font-weight:800;font-size:15px;opacity:0;animation:var(--ride,8s) linear forwards}
.park-view .pv-cap>.cap-sea{animation-name:pv-cap-sea}
.park-view .pv-cap>.cap-mountain{animation-name:pv-cap-mountain}
.park-view .pv-cap>.cap-hq{animation-name:pv-cap-hq}
@keyframes pv-cap-sea{0%,16%{opacity:0}20%,36%{opacity:1}40%,100%{opacity:0}}
@keyframes pv-cap-mountain{0%,40%{opacity:0}44%,60%{opacity:1}64%,100%{opacity:0}}
@keyframes pv-cap-hq{0%,64%{opacity:0}68%,84%{opacity:1}88%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .park-view>img{animation:none;transform:none}
  .park-view .pv-cap>span{animation:none;opacity:0}
  .park-view .pv-cap>.cap-hq{opacity:1}
}