/* 七城入境大廳；完整窗景縮成兩欄，操作卡保留原大小。 */
.arrival-page{--ink:#3f6263;--cream:#fff9ed;background:#d9e6e0;color:#3f6263}
.arrival-wrap{max-width:540px;margin:auto;background:#f4efdf;overflow:hidden;box-shadow:0 0 45px #60878320}
.arrival-header{display:flex;align-items:center;gap:12px;padding:calc(16px + env(safe-area-inset-top)) 20px 10px;background:#e6f0ec}
.arrival-header .home-link{border-color:#759c8e60;background:#fff9ed90;color:#4d7770}
.arrival-header .eyebrow{color:#6a8982;font-size:11px}
.arrival-header h1{font-size:clamp(21px,5.8vw,28px);letter-spacing:1px;margin:0;color:#365c58}
.arrival-header #motion{background:#f7f8ee;color:#56796f;border-color:#8ca99970}
.arrival-invite{margin:0;padding:0 14px 10px;background:#e6f0ec;text-align:center;font-size:13px;line-height:1.8;color:#587b73}
.arrival-invite b{color:#396653}
#arrival-map{display:block;width:100%;height:auto;overflow:visible;font-family:inherit}
.arrival-door{cursor:pointer;outline:none}
.arrival-door text[font-size="27"]{font-size:36px;letter-spacing:4px}
.arrival-door .door-focus{opacity:0;fill:none;stroke:#ce944e;stroke-width:4;stroke-dasharray:7 4;pointer-events:none}
.arrival-door:focus-visible .door-focus{opacity:1}
.arrival-door .door-frame{transition:filter .2s}
.arrival-door:hover .door-frame,.arrival-door:focus-visible .door-frame{filter:drop-shadow(0 0 5px #ffe5a7)}
.arrival-door:active .door-frame{filter:brightness(1.06)}
#arrival-map .dance-foot{animation:none}
.arrival-bag{transform-box:fill-box;offset-path:path('M 117 700 C 26 700 26 654 117 654 L 303 654 C 390 654 390 700 303 700 Z');offset-distance:0%;offset-rotate:0deg;animation:arrival-bag 28s linear infinite}
.arrival-bag.two{offset-distance:36%;animation-delay:-10s}
.arrival-bag.three{offset-distance:68%;animation-delay:-19s}
.arrival-step{animation:arrival-step 7s ease-in-out infinite}
.arrival-step.slow{animation-duration:9s;animation-delay:-3s}
.arrival-cloud{animation:arrival-cloud 16s ease-in-out infinite}
.arrival-bus{animation:arrival-bus 13s ease-in-out infinite}
.arrival-boat{animation:arrival-boat 10s ease-in-out infinite}
.arrival-cable{animation:arrival-cable 14s ease-in-out infinite}
.arrival-fountain{animation:arrival-fountain 5s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
.arrival-leaf{animation:arrival-leaf 7s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
@keyframes arrival-bag{to{offset-distance:100%}}
@keyframes arrival-step{0%,100%{transform:translate(0,0)}50%{transform:translate(12px,-3px)}}
@keyframes arrival-cloud{0%,100%{transform:translateX(0)}50%{transform:translateX(14px)}}
@keyframes arrival-bus{0%,20%,100%{transform:translateX(-10px)}65%,80%{transform:translateX(31px)}}
@keyframes arrival-boat{0%,100%{transform:translate(-5px,0)}50%{transform:translate(6px,-2px)}}
@keyframes arrival-cable{0%,20%,100%{transform:translate(-6px,-4px)}65%,80%{transform:translate(8px,5px)}}
@keyframes arrival-fountain{0%,100%{transform:scaleY(.83);opacity:.75}50%{transform:scaleY(1);opacity:1}}
@keyframes arrival-leaf{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}
[data-still="true"] #arrival-map *{animation:none!important}
@media(prefers-reduced-motion:reduce){body:not([data-still="false"]) #arrival-map *{animation:none!important}.arrival-door .door-frame{transition:none}}
.arrival-record-note{font-size:13px;line-height:1.8;text-align:center;padding:0 24px;margin:0 0 18px;color:#5b7870}
.arrival-other{padding:0 22px 28px;text-align:center}
.arrival-other a{display:inline-block;padding:12px 24px;min-height:46px;border:1px solid #adbb9d;border-radius:999px;text-decoration:none;background:#fffaf0;color:#587868;font-size:14px}
.arrival-other span{padding-left:10px}
.arrival-page .city-paper{border-top-color:#82a899;background:radial-gradient(circle at 100% 0,#d9e9db80,transparent 55%)}
.arrival-page #city-caption{color:#628473}
.arrival-page #city-title{color:#3e6d63}
.arrival-page #city-description{color:#536759}
.arrival-page .city-message{margin:12px 0;color:#657668;min-height:0}
.arrival-passport-card{border:1px solid #adc6b1;border-radius:15px;padding:14px 16px;background:#e9f0df;color:#476f5c;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.arrival-passport-card strong{font-size:19px}
.arrival-passport-card span{font-size:13px}
.arrival-page .city-after{color:#6d7e6c;line-height:1.6}
@media(max-width:350px){.arrival-header{padding-inline:12px;gap:8px}.arrival-header h1{font-size:21px}.arrival-header .eyebrow{letter-spacing:1px}}