/* 關係之間｜Figma 完稿頁面共用樣式（每頁 snippet 各自一份，只在該頁載入） */
@font-face { font-family: "InBetween Rounded"; src: url("https://inbetween.tw/wp-content/uploads/inbetween-fonts/inbetween-rounded.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
body.page-id-9001433 { background: #FAF8F4; }
body.page-id-9001433 .ib-round, body.page-id-9001433 .ib-round .elementor-heading-title { font-family: "InBetween Rounded", "Noto Sans TC", sans-serif !important; font-weight: 400 !important; }
/* Figma: 粉圓標題有 0.5px 同色外描邊（stroke OUTSIDE）；1px 描邊畫在填色下層＝0.5px 外描邊。小序號與漸層字不加 */
body.page-id-9001433 .ib-round .elementor-heading-title { -webkit-text-stroke: 1px currentColor; paint-order: stroke fill; }
body.page-id-9001433 .ib-sec__num .elementor-heading-title, body.page-id-9001433 .ib-plan__cn .elementor-heading-title, body.page-id-9001433 .ib-gradtext .elementor-heading-title, body.page-id-9001433 .ib-round.ib-gradtext .elementor-heading-title { -webkit-text-stroke: 0; }
body.page-id-9001433 .ib-page { background-color: #FAF8F4; }
body.page-id-9001433 .ib-page .elementor-widget-text-editor p:last-child { margin-bottom: 0 !important; }
/* Hero */
body.page-id-9001433 .ib-hero { position: relative; overflow: hidden; }
body.page-id-9001433 .ib-hero__wave { position: absolute !important; left: 0; right: 0; bottom: -1px; margin: 0 !important; pointer-events: none; }
body.page-id-9001433 .ib-hero__wave img { display: block; width: 100% !important; height: 60px !important; object-fit: fill; transform: scaleX(-1); }
body.page-id-9001433 .ib-hero__title { position: relative; z-index: 1; }
/* Section heading: heart badge with number, gradient divider with flower */
body.page-id-9001433 .ib-sec__badge { position: relative; width: 32px !important; height: 32px; margin: 0 auto !important; padding: 0 !important; }
body.page-id-9001433 .ib-sec__heart, body.page-id-9001433 .ib-sec__heart img { width: 32px !important; height: 32px; }
body.page-id-9001433 .ib-sec__num { position: absolute !important; inset: 0; display: flex; align-items: center; justify-content: center; margin: 0 !important; padding-bottom: 3px; }
body.page-id-9001433 .ib-sec__num .elementor-widget-container { height: 100%; display: flex; align-items: center; justify-content: center; }
body.page-id-9001433 .ib-sec__num .elementor-heading-title { line-height: 1 !important; }
body.page-id-9001433 .ib-sec__divider { width: 416px !important; max-width: 100%; gap: 16px !important; }
body.page-id-9001433 .ib-sec__divider { background: linear-gradient(90deg, #ED7971, #A8D176) left center / calc(50% - 32px) 1px no-repeat, linear-gradient(90deg, #A8D176, #ED7971) right center / calc(50% - 32px) 1px no-repeat !important; }
body.page-id-9001433 .ib-sec__flower { width: auto !important; }
body.page-id-9001433 .ib-sec__flower img { width: 32px !important; height: 32px; }
/* CTA band */
body.page-id-9001433 .ib-cta { position: relative; overflow: hidden; background: linear-gradient(105deg, #F9D8CB 0%, #FBE8DF 34%, #FAF3EA 62%, #EEF1E0 100%) !important; z-index: 0; }
body.page-id-9001433 .ib-cta > .elementor-element { position: relative; z-index: 1; }
body.page-id-9001433 .ib-cta__wave { position: absolute !important; left: 0; right: 0; top: -1px; margin: 0 !important; z-index: 0 !important; }
body.page-id-9001433 .ib-cta__wave img { display: block; width: 100% !important; height: 60px !important; object-fit: fill; }
body.page-id-9001433 .ib-cta__leaf { position: absolute !important; margin: 0 !important; z-index: 0 !important; pointer-events: none; }
body.page-id-9001433 .ib-cta__leaf img { display: block; }
/* Figma S1 (2574:5253): right top pink leaf mirrored, right lower green leaf, left lower pink leaf, left upper green leaf mirrored */
body.page-id-9001433 .ib-cta__leaf--a { right: -15px; top: 94px; transform: scaleX(-1); }
body.page-id-9001433 .ib-cta__leaf--b { right: 108px; top: 296px; }
body.page-id-9001433 .ib-cta__leaf--c { left: 0; top: 280px; }
body.page-id-9001433 .ib-cta__leaf--d { left: 123px; top: 101px; transform: scaleX(-1); }
body.page-id-9001433 .ib-cta__title .elementor-heading-title { opacity: .8; }
body.page-id-9001433 .ib-cta__pillwrap { position: relative; width: auto !important; }
body.page-id-9001433 .ib-cta__pill .elementor-button { position: relative; display: inline-flex; align-items: center; min-height: 56px; line-height: 1; }
body.page-id-9001433 .ib-cta__pill .elementor-button::before { content: ""; position: absolute; left: 24px; top: 50%; width: 30px; height: 28px; margin-top: -14px; background: url("https://inbetween.tw/wp-content/uploads/2026/10/cta-heart.svg") center/contain no-repeat; }
body.page-id-9001433 .ib-cta__pill .elementor-button::after { content: ""; position: absolute; right: 8px; top: 50%; width: 40px; height: 40px; margin-top: -20px; border-radius: 999px; background: #ED7971 url("https://inbetween.tw/wp-content/uploads/2026/10/cta-arrow.svg") center/24px no-repeat; }
body.page-id-9001433 .ib-cta__pill .elementor-button-text { padding-left: 14px; border-left: 1.5px solid #3F5533; }
body.page-id-9001433 .ib-cta__hand { position: absolute !important; right: -14px; bottom: -22px; margin: 0 !important; pointer-events: none; }
body.page-id-9001433 .ib-cta__spark { position: absolute !important; right: -28px; top: -18px; margin: 0 !important; pointer-events: none; }
body.page-id-9001433 .ib-cta__sub .elementor-heading-title { opacity: .8; }
@media (max-width: 1024px) {
  body.page-id-9001433 .ib-cta__leaf { transform-origin: center; opacity: .75; }
  body.page-id-9001433 .ib-cta__leaf img { width: 150px !important; }
}
@media (max-width: 767px) {
  /* 字體放大／頁面縮放時版面可能只剩 260px 寬：區塊橫向多出的部分裁掉（不影響上下重疊），容器與元件不超過螢幕寬 */
  body.page-id-9001433 .ib-page { overflow-x: clip; }
  body.page-id-9001433 .ib-page .e-con, body.page-id-9001433 .ib-page .elementor-widget:not(.ib-deco) { max-width: 100%; }
  /* 手機版標題、小標、內文統一置中（客戶 2026-10-18）；條列清單整塊置中、內部靠左；文章卡片、案件表、分頁鈕維持原排列 */
  body.page-id-9001433 .ib-page .elementor-widget-heading .elementor-heading-title, body.page-id-9001433 .ib-page .elementor-widget-text-editor, body.page-id-9001433 .ib-page .elementor-widget-image { text-align: center !important; }
  body.page-id-9001433 .ib-page .e-con:not(.ib-tabs):not(.ib-tabs .e-con):not(.ib-kn__card .e-con):not(.ib-kn__card):not(.ib-cases .e-con) { --justify-content: center; --align-items: center; }
  body.page-id-9001433 .ib-page .ib-list { text-align: left !important; width: fit-content !important; max-width: 100%; margin-left: auto !important; margin-right: auto !important; }
  body.page-id-9001433 .ib-kn__card .elementor-heading-title, body.page-id-9001433 .ib-kn__card .elementor-widget-text-editor { text-align: left !important; }
  body.page-id-9001433 .ib-hero__wave img { height: 28px !important; }
  body.page-id-9001433 .ib-sec__divider { width: 280px !important; }
  body.page-id-9001433 .ib-cta__leaf img { width: 92px !important; }
  body.page-id-9001433 .ib-cta__leaf--b, body.page-id-9001433 .ib-cta__leaf--d { display: none; }
  body.page-id-9001433 .ib-cta__leaf--a { top: 30px; }
  body.page-id-9001433 .ib-cta__leaf--c { top: auto; bottom: 170px; }
  body.page-id-9001433 .ib-cta__pill .elementor-button { min-height: 52px; padding-left: 56px !important; padding-right: 64px !important; }
  body.page-id-9001433 .ib-cta__wave img { height: 28px !important; }
}
/* 桌機 1025–1919：依 Figma 1920 等比縮放 */
@media (min-width: 1025px) and (max-width: 1056px) { body.page-id-9001433 .ib-page { zoom: 0.5234; } }
@media (min-width: 1057px) and (max-width: 1088px) { body.page-id-9001433 .ib-page { zoom: 0.5401; } }
@media (min-width: 1089px) and (max-width: 1120px) { body.page-id-9001433 .ib-page { zoom: 0.5568; } }
@media (min-width: 1121px) and (max-width: 1152px) { body.page-id-9001433 .ib-page { zoom: 0.5734; } }
@media (min-width: 1153px) and (max-width: 1184px) { body.page-id-9001433 .ib-page { zoom: 0.5901; } }
@media (min-width: 1185px) and (max-width: 1216px) { body.page-id-9001433 .ib-page { zoom: 0.6068; } }
@media (min-width: 1217px) and (max-width: 1248px) { body.page-id-9001433 .ib-page { zoom: 0.6234; } }
@media (min-width: 1249px) and (max-width: 1280px) { body.page-id-9001433 .ib-page { zoom: 0.6401; } }
@media (min-width: 1281px) and (max-width: 1312px) { body.page-id-9001433 .ib-page { zoom: 0.6568; } }
@media (min-width: 1313px) and (max-width: 1344px) { body.page-id-9001433 .ib-page { zoom: 0.6734; } }
@media (min-width: 1345px) and (max-width: 1376px) { body.page-id-9001433 .ib-page { zoom: 0.6901; } }
@media (min-width: 1377px) and (max-width: 1408px) { body.page-id-9001433 .ib-page { zoom: 0.7068; } }
@media (min-width: 1409px) and (max-width: 1440px) { body.page-id-9001433 .ib-page { zoom: 0.7234; } }
@media (min-width: 1441px) and (max-width: 1472px) { body.page-id-9001433 .ib-page { zoom: 0.7401; } }
@media (min-width: 1473px) and (max-width: 1504px) { body.page-id-9001433 .ib-page { zoom: 0.7568; } }
@media (min-width: 1505px) and (max-width: 1536px) { body.page-id-9001433 .ib-page { zoom: 0.7734; } }
@media (min-width: 1537px) and (max-width: 1568px) { body.page-id-9001433 .ib-page { zoom: 0.7901; } }
@media (min-width: 1569px) and (max-width: 1600px) { body.page-id-9001433 .ib-page { zoom: 0.8068; } }
@media (min-width: 1601px) and (max-width: 1632px) { body.page-id-9001433 .ib-page { zoom: 0.8234; } }
@media (min-width: 1633px) and (max-width: 1664px) { body.page-id-9001433 .ib-page { zoom: 0.8401; } }
@media (min-width: 1665px) and (max-width: 1696px) { body.page-id-9001433 .ib-page { zoom: 0.8568; } }
@media (min-width: 1697px) and (max-width: 1728px) { body.page-id-9001433 .ib-page { zoom: 0.8734; } }
@media (min-width: 1729px) and (max-width: 1760px) { body.page-id-9001433 .ib-page { zoom: 0.8901; } }
@media (min-width: 1761px) and (max-width: 1792px) { body.page-id-9001433 .ib-page { zoom: 0.9068; } }
@media (min-width: 1793px) and (max-width: 1824px) { body.page-id-9001433 .ib-page { zoom: 0.9234; } }
@media (min-width: 1825px) and (max-width: 1856px) { body.page-id-9001433 .ib-page { zoom: 0.9401; } }
@media (min-width: 1857px) and (max-width: 1888px) { body.page-id-9001433 .ib-page { zoom: 0.9568; } }
@media (min-width: 1889px) and (max-width: 1919px) { body.page-id-9001433 .ib-page { zoom: 0.9734; } }
@media (min-width: 1920px) and (max-width: 1939px) { body.page-id-9001433 .ib-page { zoom: 0.9896; } }
/* 服務方案 頁面專屬 */
body.page-id-9001433 .ib-gradtext .elementor-heading-title, body.page-id-9001433 .ib-gradtext.elementor-heading-title { background: linear-gradient(160deg, #ED7971 0%, #A8D176 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
body.page-id-9001433 .elementor-widget-text-editor p.ib-gap { margin-top: 1.8em !important; }
body.page-id-9001433 .elementor-widget-text-editor p { margin-bottom: 0; }
/* 1 服務流程 */
body.page-id-9001433 .ib-flow { position: relative; overflow: hidden; background:
  url("https://inbetween.tw/wp-content/uploads/2026/10/services-blob-l1.svg") left 14px top 0 / 419px 983px no-repeat,
  url("https://inbetween.tw/wp-content/uploads/2026/10/services-blob-r1.svg") right 0 top 702px / 419px 983px no-repeat,
  url("https://inbetween.tw/wp-content/uploads/2026/10/services-blob-l2.svg") left 0 top 1188px / 434px 983px no-repeat,
  url("https://inbetween.tw/wp-content/uploads/2026/10/services-blob-r2.svg") right 0 top 1814px / 419px 983px no-repeat, #FAF8F4 !important; }
body.page-id-9001433 .ib-flow > .elementor-element { max-width: 1067px; }
body.page-id-9001433 .ib-flow__row { width: 100% !important; max-width: 1067px; }
body.page-id-9001433 .ib-flow__head > .elementor-element { width: auto !important; }
body.page-id-9001433 .ib-flow__num .elementor-heading-title::after { content: ""; display: inline-block; width: 40px; height: 1px; margin: 0 0 0 8px; vertical-align: middle; background: currentColor; }
body.page-id-9001433 .ib-flow__text { opacity: .8; }
body.page-id-9001433 .ib-flow__text p + p { margin-top: 0; }
body.page-id-9001433 .ib-flow__img img { width: 100%; height: auto; display: block; }
/* 2 方案介紹 */
body.page-id-9001433 .ib-plans { position: relative; overflow: hidden; }
body.page-id-9001433 .ib-plans__wave { position: absolute !important; left: 0; right: 0; margin: 0 !important; pointer-events: none; z-index: 0; }
body.page-id-9001433 .ib-plans__wave--top { top: -1px; }
body.page-id-9001433 .ib-plans__wave--bottom { bottom: -1px; transform: rotate(180deg); }
body.page-id-9001433 .ib-plans__wave img { display: block; width: 100% !important; height: 60px !important; object-fit: fill; }
body.page-id-9001433 .ib-plan__card { width: 1456px !important; max-width: 100%; position: relative; z-index: 1; }
body.page-id-9001433 .ib-plan__badge { position: relative; flex: none; height: 48px; }
body.page-id-9001433 .ib-plan__heart img { display: block; width: 48px; height: 48px; }
body.page-id-9001433 .ib-plan__cn { position: absolute !important; inset: 0; display: flex; align-items: center; justify-content: center; margin: 0 !important; padding-bottom: 4px; }
body.page-id-9001433 .ib-plan__cn .elementor-widget-container { height: 100%; display: flex; align-items: center; justify-content: center; }
body.page-id-9001433 .ib-plan__cn .elementor-heading-title { line-height: 1 !important; }
body.page-id-9001433 .ib-plan__price { padding: 8px 12px 0 !important; opacity: .8; }
body.page-id-9001433 .ib-plan__dot img { display: block; width: 20px; height: 20px; }
body.page-id-9001433 .ib-plan__plate img { display: block; width: 100%; height: auto; border-radius: 20px; }
/* 3 關鍵對話 */
body.page-id-9001433 .ib-kc__intro { max-width: 918px; }
body.page-id-9001433 .ib-kc__bubble { position: relative; }
body.page-id-9001433 .ib-kc__bubble .elementor-heading-title, body.page-id-9001433 .ib-kc__label .elementor-heading-title, body.page-id-9001433 .ib-kc__item .elementor-heading-title { white-space: nowrap; }
body.page-id-9001433 .ib-kc__bubble::after { content: ""; position: absolute; top: calc(100% - 4px); width: 18px; height: 20px; background: url("https://inbetween.tw/wp-content/uploads/2026/10/services-tail-pink.svg") center / contain no-repeat; }
body.page-id-9001433 .ib-kc__bubble--l::after { left: 22%; }
body.page-id-9001433 .ib-kc__bubble--r::after { right: 10%; }
body.page-id-9001433 .ib-kc__bubble--c::after { left: calc(50% - 9px); }
body.page-id-9001433 .ib-kc__label { position: relative; }
body.page-id-9001433 .ib-kc__label::after { content: ""; position: absolute; top: calc(100% - 4px); width: 18px; height: 20px; background: url("https://inbetween.tw/wp-content/uploads/2026/10/services-tail-brown.svg") center / contain no-repeat; }
body.page-id-9001433 .ib-kc__label--l::after { left: 50px; }
body.page-id-9001433 .ib-kc__label--r::after { right: 40px; background-image: url("https://inbetween.tw/wp-content/uploads/2026/10/services-tail-green.svg"); }
body.page-id-9001433 .ib-kc__item { min-height: 52px; }
body.page-id-9001433 .ib-kc__walk { margin-top: 86px !important; }

body.page-id-9001433 .ib-kc__sit { margin-top: 48px !important; }
body.page-id-9001433 .ib-kc__closing { align-self: flex-end; width: 577px !important; max-width: 100%; }
@media (min-width: 1600px) {
  body.page-id-9001433 .ib-kc__closing .elementor-widget-text-editor { white-space: nowrap; }
}
/* Figma 比對修正（2026-10-17） */
@media (min-width: 1025px) {
  body.page-id-9001433 .ib-flow__text { width: 500px !important; max-width: none !important; }
  body.page-id-9001433 .ib-plans__head { margin-bottom: -80px !important; }
  body.page-id-9001433 .ib-plan__card--4 .ib-plan__price .elementor-heading-title { white-space: nowrap; }
  body.page-id-9001433 .ib-plan__card--4 .ib-plan__price { flex-shrink: 0; }
  body.page-id-9001433 .ib-plan__card--3 .ib-plan__col > .e-con:last-child .elementor-widget-text-editor { padding-bottom: 64px; }
  body.page-id-9001433 .ib-plan__price { padding: 8.5px 12px !important; }
  body.page-id-9001433 .ib-plan__card--2 .ib-plan__price, body.page-id-9001433 .ib-plan__card--4 .ib-plan__price { padding: 8.5px 24px !important; }
  body.page-id-9001433 .ib-plan__card--3 .elementor-widget-text-editor p { white-space: nowrap; }
  body.page-id-9001433 .ib-kc__band { margin-top: -287px !important; position: relative; z-index: 0; }
  body.page-id-9001433 .ib-kc > .e-con:first-child { position: relative; z-index: 1; }
  body.page-id-9001433 .ib-kc__walk { margin-right: -122px !important; position: relative; z-index: 0; }
  body.page-id-9001433 .ib-kc__walk + .e-con { position: relative; z-index: 1; }
  body.page-id-9001433 .ib-kc__sit { margin-top: -37px !important; margin-left: -16px !important; }
  body.page-id-9001433 .ib-kc__lists { gap: 0 !important; }
  body.page-id-9001433 .ib-kc__closing { margin-top: 30px !important; margin-right: -288px !important; }
  body.page-id-9001433 .ib-kc__lists { padding-top: 153px !important; }
  body.page-id-9001433 .ib-kc__lists > .e-con:nth-child(2) { margin-top: -26px !important; }
  body.page-id-9001433 .ib-plan__card--2 .ib-plan__col { width: 526px !important; }
  body.page-id-9001433 .ib-kc { margin-bottom: -60px; position: relative; z-index: 1; }
}@media (max-width: 1024px) {
  body.page-id-9001433 .ib-flow { background: #FAF8F4 !important; }
  body.page-id-9001433 .ib-flow__row--rev > .elementor-widget-image { order: 2; }
  body.page-id-9001433 .ib-flow__img { max-width: 541px; }
  body.page-id-9001433 .ib-flow__col .elementor-heading-title { text-align: left; }
  body.page-id-9001433 .ib-plan__plate { max-width: 520px; }
  body.page-id-9001433 .ib-kc__walk, body.page-id-9001433 .ib-kc__sit { margin-top: 0 !important; }
  body.page-id-9001433 .ib-kc__closing { align-self: center; }
}
@media (max-width: 767px) {
  body.page-id-9001433 .ib-flow__num .elementor-heading-title::after { width: 24px; }
  body.page-id-9001433 .ib-plan__heart img { width: 40px; height: 40px; }
  body.page-id-9001433 .ib-plan__badge { height: 40px; }
  body.page-id-9001433 .ib-plans__wave img { height: 28px !important; }
  body.page-id-9001433 .ib-kc__bubble::after, body.page-id-9001433 .ib-kc__label::after { display: none; }
  body.page-id-9001433 .ib-kc__bubbles .elementor-heading-title { white-space: normal; }
}