/* shared card bits */
.pp .ph{display:block;overflow:hidden;background:var(--soft)}
.pp .ph img{display:block;width:100%;height:auto}
.pp .tx{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--sea);font-size:1.1875rem;line-height:1.4}
.pp .tx .ar{margin-left:auto;color:var(--accent);font-size:1.25rem;transition:transform .25s}
.pp .today{padding-top:0}
.pp a:focus-visible{outline:3px solid var(--sea);outline-offset:3px}
/* 版型 A：全幅大圖＋照片卡 */
.lay-a .la-hero>img{height:min(88vh,860px);min-height:560px}
.lay-a .la-hero .cap{background:linear-gradient(180deg,rgba(8,26,44,.15) 0%,rgba(8,26,44,.35) 40%,rgba(8,26,44,.88) 100%)}
.lay-a .la-hero .cap .wrap{padding-bottom:64px}
@media(max-width:899px){
.lay-a .la-hero>img,.pg-index.lay-a .hero>img{height:auto;min-height:0;max-height:none;aspect-ratio:1600/865}
.lay-a .la-hero .cap{position:static;background:linear-gradient(180deg,#0e2f4f,#0b2540)}
.lay-a .la-hero .cap .wrap{padding-top:28px;padding-bottom:36px}}
.lay-a .la-why{background:var(--sand)}
.lay-a .la-cards{display:grid;gap:22px;grid-template-columns:repeat(4,1fr);align-items:start;margin-top:32px}
@media(max-width:1099px){.lay-a .la-cards{grid-template-columns:1fr 1fr}}
@media(max-width:599px){.lay-a .la-cards{grid-template-columns:1fr;gap:18px}}
.lay-a .la-card{display:block;background:#fff;border-radius:22px;overflow:hidden;text-decoration:none;box-shadow:var(--sh1);border:1px solid var(--border);transition:transform .25s,box-shadow .25s}
@media(hover:hover){.lay-a .la-card:hover{transform:translateY(-4px);box-shadow:var(--sh2)}.lay-a .la-card:hover .ar{transform:translateX(4px)}}
.lay-a .la-card .tx{padding:18px 20px;min-height:44px}
.lay-a .intro-video{background:#fff}
.lay-a .la-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.lay-a .la-cta .btn{min-height:52px}
.lay-a .btn-call{background:var(--sea);color:#fff;border-color:#fff}
.lay-a .btn-call2{background:#fff;color:var(--sea);border-color:var(--sea)}
@media(max-width:599px){.lay-a .la-cta{display:grid;grid-template-columns:1fr}.lay-a .la-cta .btn{justify-content:center}}
@media(min-width:900px){.lay-a .la-hero>img{min-height:640px}}
/* even gaps: photo → 花蓮今日 → video → why */
.pp section.today-sec{padding:48px 0 0}
.pp section.intro-video{padding:48px 0 0;background:transparent}
.pp section#why{padding-top:64px;margin-top:48px}
@media(max-width:899px){.pp section.today-sec{padding-top:32px}.pp section.intro-video{padding-top:32px}.pp section#why{padding-top:40px;margin-top:32px}}