/* 設施服務 premium 圖庫：桌機/手機版面與左右滑入動畫 */
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:18px 22px!important;align-items:stretch;max-width:900px;margin:30px auto 48px;}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) .wp-block-image,.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure{width:100%!important;max-width:148px!important;min-height:142px;margin:0 auto!important;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;text-align:center;}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) img{width:72px!important;height:72px!important;object-fit:contain!important;display:block;animation:dragonFacilityIconIn .65s ease both;}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figcaption{display:none!important;}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure::after{display:block;color:#767676;font-size:18px;line-height:1.45;font-weight:400;animation:dragonFacilityTextIn .65s ease both;}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-01-"])::after{content:"吹風機";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-02-"])::after{content:"除濕機";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-03-"])::after{content:"智能電視";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-04-"])::after{content:"床頭櫃";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-05-"])::after{content:"熱水壺";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-06-"])::after{content:"親子遊樂房";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-07-"])::after{content:"Switch 遊戲機";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-08-"])::after{content:"電動麻將間";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-09-"])::after{content:"廚房";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-10-"])::after{content:"奶瓶消毒鍋";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-11-"])::after{content:"寶寶澡盆";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-12-"])::after{content:"室內溜滑梯";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-13-"])::after{content:"幼兒搖搖馬";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-14-"])::after{content:"KTV 設備";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-15-"])::after{content:"獨棟獨戶";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-16-"])::after{content:"可包棟";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-17-"])::after{content:"樓頂景觀戲水池";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-18-"])::after{content:"花火節煙火景觀";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-19-"])::after{content:"冷熱水開飲機";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-20-"])::after{content:"聲控電梯";}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure:has(img[src*="premium-21-"])::after{content:"空中咖啡座";}
@keyframes dragonFacilityIconIn{from{opacity:.28;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}}
@keyframes dragonFacilityTextIn{from{opacity:.28;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
@media (max-width:767px){.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]){grid-template-columns:repeat(3,minmax(92px,1fr));gap:18px 12px!important;max-width:390px;margin-top:24px}.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) .wp-block-image,.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure{max-width:112px!important;min-height:132px;gap:8px}.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) img{width:72px!important;height:72px!important}.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure::after{font-size:16px;line-height:1.35}}
@media (prefers-reduced-motion:reduce){.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) img,.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure::after{animation:none}}

/* 澎湖旅遊代訂服務：使用媒體庫上傳的手繪 icon */
.page-id-15 .dragon-travel-card svg{display:none!important}
.page-id-15 .dragon-travel-card::before{content:"";display:block;width:78px;height:78px;background-repeat:no-repeat;background-position:center;background-size:contain;margin:0 auto 2px;animation:dragonFacilityIconIn .65s ease both}
.page-id-15 .dragon-travel-card>div{animation:dragonFacilityTextIn .65s ease both}
.page-id-15 .dragon-travel-card:nth-child(1)::before{background-image:url("https://drainnph.com/wp-content/uploads/2026/05/01-%E5%A4%9C%E9%87%A3%E5%B0%8F%E7%AE%A1-300x300.png")}
.page-id-15 .dragon-travel-card:nth-child(2)::before{background-image:url("https://drainnph.com/wp-content/uploads/2026/05/02-%E7%A7%9F%E8%BB%8A%E4%BB%A3%E8%A8%82-300x300.png")}
.page-id-15 .dragon-travel-card:nth-child(3)::before{background-image:url("https://drainnph.com/wp-content/uploads/2026/05/03-%E8%88%B9%E7%A5%A8%E4%BB%A3%E8%A8%82-300x300.png")}
.page-id-15 .dragon-travel-card:nth-child(4)::before{background-image:url("https://drainnph.com/wp-content/uploads/2026/05/04-%E5%A5%97%E8%A3%9D%E8%A1%8C%E7%A8%8B-300x300.png")}
.page-id-15 .dragon-travel-card:nth-child(5)::before{background-image:url("https://drainnph.com/wp-content/uploads/2026/05/05-%E6%B0%B4%E4%B8%8A%E6%B4%BB%E5%8B%95-300x300.png")}
.page-id-15 .dragon-travel-card:nth-child(6)::before{background-image:url("https://drainnph.com/wp-content/uploads/2026/05/06-%E8%B7%B3%E5%B3%B6%E7%A5%A8%E5%88%B8-300x300.png")}
@media(max-width:640px){.page-id-15 .dragon-travel-card::before{width:72px;height:72px}.page-id-15 .dragon-travel-card{gap:8px}}


/* 2026-05-19 visual polish: homepage/facilities alignment, mobile rhythm */
.home .wp-site-blocks,
.page-id-15 .wp-site-blocks{overflow-x:hidden;}

.home p,
.page-id-15 p{overflow-wrap:anywhere;}

.home .wp-block-cover,
.page-id-15 .wp-block-cover{box-sizing:border-box;}

.home header .wp-block-cover{min-height:clamp(640px,100svh,860px)!important;}
.home header .wp-block-cover .wp-block-columns{max-width:1120px;margin-left:auto;margin-right:auto;}
.home header .wp-block-site-title{margin-bottom:12px;}
.home header h1{max-width:760px;line-height:1.16;margin-top:0;margin-bottom:20px;letter-spacing:0!important;}
.home header p:not(.wp-block-site-title){max-width:620px;line-height:1.75;}
.home .wp-block-button__link,
.page-id-15 .wp-block-button__link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;line-height:1.25;}

.home figure:has(img[src*="line-1.png"]),
.home figure:has(img[src*="line_light.png"]),
.page-id-15 figure:has(img[src*="line-1.png"]),
.page-id-15 figure:has(img[src*="line_light.png"]){height:78px!important;max-height:78px!important;overflow:hidden!important;margin:34px auto 28px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.home figure:has(img[src*="line-1.png"]) img,
.home figure:has(img[src*="line_light.png"]) img,
.page-id-15 figure:has(img[src*="line-1.png"]) img,
.page-id-15 figure:has(img[src*="line_light.png"]) img{width:220px!important;max-width:58vw!important;height:78px!important;object-fit:contain!important;}

.home .wp-block-query{max-width:1040px;margin:0 auto 76px;padding:0 6vw;}
.home .wp-block-post-template>li{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(300px,1fr);gap:36px;align-items:center;}
.home .wp-block-post-featured-image{margin:0!important;align-self:stretch;}
.home .wp-block-post-featured-image img{width:100%!important;height:clamp(320px,42vw,520px)!important;object-fit:cover!important;object-position:center 36%!important;border-radius:2px;}
.home .wp-block-post-title{margin-top:0;margin-bottom:14px;line-height:1.3;}
.home .wp-block-post-excerpt{line-height:1.75;max-width:560px;}
.home .wp-block-post-excerpt__more-link{display:inline-flex;margin-top:12px;align-items:center;min-height:42px;border-bottom:1px solid currentColor;text-decoration:none;}
.home .wp-block-cover:not(header .wp-block-cover) .wp-block-cover__inner-container,
.page-id-15 .wp-block-cover .wp-block-cover__inner-container{max-width:760px;margin-left:auto;margin-right:auto;}
.home .wp-block-group[style*="12.7vw"]{max-width:860px;margin-left:auto!important;margin-right:auto!important;padding-left:6vw!important;padding-right:6vw!important;}
.home .wp-block-jetpack-slideshow{max-width:920px;margin:34px auto 72px;}
.home .wp-block-jetpack-slideshow_container{border-radius:2px;overflow:hidden;}

.page-id-15 .wp-block-cover:first-of-type{min-height:clamp(540px,72vh,680px)!important;}
.page-id-15 .wp-block-cover:first-of-type .wp-block-cover__background{opacity:.48!important;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.2) 58%,rgba(0,0,0,.08))!important;}
.page-id-15 .wp-block-cover:first-of-type .wp-block-cover__inner-container{max-width:1040px!important;}
.page-id-15 .wp-block-cover:first-of-type h2,
.page-id-15 .wp-block-cover:first-of-type p{text-shadow:0 2px 14px rgba(0,0,0,.38);}
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]){margin-top:18px!important;margin-bottom:58px!important;}
.page-id-15 .dragon-facility-note{margin-top:-18px!important;margin-bottom:46px!important;}
.page-id-15 .dragon-travel-grid{max-width:980px!important;padding-left:24px!important;padding-right:24px!important;gap:18px!important;}
.page-id-15 .dragon-travel-card{border-color:#ded1b8!important;background:#fffefb!important;min-height:158px!important;box-shadow:0 10px 28px rgba(50,42,32,.05);}
.page-id-15 .dragon-travel-card::before,
.page-id-15 .dragon-travel-card>div,
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) img,
.page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure::after{animation-name:fadeIn!important;transform:none!important;}

@media (max-width:781px){
  .home header .wp-block-cover{min-height:760px!important;}
  .home header .wp-block-cover__inner-container{padding-left:0!important;padding-right:0!important;}
  .home header .wp-block-group[style*="min-height:100vh"]{min-height:760px!important;justify-content:flex-start!important;}
  .home header .wp-block-group[style*="padding-top"]{padding:28px 24px!important;align-items:center!important;}
  .home header figure img{width:150px!important;}
  .home header .wp-block-columns{padding-left:24px!important;padding-right:24px!important;margin-top:80px!important;}
  .home header h1{font-size:clamp(34px,10vw,42px)!important;line-height:1.18;max-width:340px;}
  .home header p:not(.wp-block-site-title){font-size:17px;line-height:1.72;max-width:330px;}
  .home figure:has(img[src*="line-1.png"]),
  .home figure:has(img[src*="line_light.png"]),
  .page-id-15 figure:has(img[src*="line-1.png"]),
  .page-id-15 figure:has(img[src*="line_light.png"]){height:54px!important;max-height:54px!important;margin:28px auto 24px!important;}
  .home figure:has(img[src*="line-1.png"]) img,
  .home figure:has(img[src*="line_light.png"]) img,
  .page-id-15 figure:has(img[src*="line-1.png"]) img,
  .page-id-15 figure:has(img[src*="line_light.png"]) img{height:54px!important;width:170px!important;}
  .home p.has-large-font-size,
  .page-id-15 h2.has-large-font-size{line-height:1.35!important;}
  .home .wp-block-query{padding-left:24px;padding-right:24px;margin-bottom:52px;}
  .home .wp-block-post-template>li{display:block;}
  .home .wp-block-post-featured-image img{height:260px!important;object-position:center 30%!important;}
  .home .wp-block-post-title{margin-top:22px;}
  .home .wp-block-cover:not(header .wp-block-cover){min-height:560px!important;padding-left:24px!important;padding-right:24px!important;}
  .home .wp-block-cover p,
  .home .wp-block-group[style*="12.7vw"] p,
  .page-id-15 .wp-block-cover p{line-height:1.72!important;}
  .home .wp-block-jetpack-slideshow{margin:28px 24px 56px;}
  .page-id-15 .wp-block-cover:first-of-type{min-height:620px!important;}
  .page-id-15 .wp-block-cover:first-of-type .wp-block-cover__background{opacity:.58!important;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.28) 34%,rgba(0,0,0,.58))!important;}
  .page-id-15 .wp-block-cover:first-of-type .wp-block-cover__inner-container{padding-left:24px!important;padding-right:24px!important;align-self:flex-end!important;padding-bottom:42px!important;}
  .page-id-15 .wp-block-cover:first-of-type h2{font-size:clamp(36px,11vw,44px)!important;line-height:1.2;}
  .page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 10px!important;max-width:340px!important;}
  .page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure{max-width:142px!important;min-height:122px!important;}
  .page-id-15 .wp-block-gallery:has(img[src*="premium-01-"]) figure::after{font-size:15px!important;}
  .page-id-15 .dragon-travel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-left:20px!important;padding-right:20px!important;gap:12px!important;margin-bottom:48px!important;}
  .page-id-15 .dragon-travel-card{min-height:148px!important;padding:16px 8px!important;}
  .page-id-15 .dragon-travel-label{font-size:15px!important;}
  .page-id-15 .dragon-travel-note{font-size:12px!important;}
}