/* 關係之間｜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-9001456 { background: #FAF8F4; }
body.page-id-9001456 .ib-round, body.page-id-9001456 .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-9001456 .ib-round .elementor-heading-title { -webkit-text-stroke: 1px currentColor; paint-order: stroke fill; }
body.page-id-9001456 .ib-sec__num .elementor-heading-title, body.page-id-9001456 .ib-plan__cn .elementor-heading-title, body.page-id-9001456 .ib-gradtext .elementor-heading-title, body.page-id-9001456 .ib-round.ib-gradtext .elementor-heading-title { -webkit-text-stroke: 0; }
body.page-id-9001456 .ib-page { background-color: #FAF8F4; }
body.page-id-9001456 .ib-page .elementor-widget-text-editor p:last-child { margin-bottom: 0 !important; }
/* Hero */
body.page-id-9001456 .ib-hero { position: relative; overflow: hidden; }
body.page-id-9001456 .ib-hero__wave { position: absolute !important; left: 0; right: 0; bottom: -1px; margin: 0 !important; pointer-events: none; }
body.page-id-9001456 .ib-hero__wave img { display: block; width: 100% !important; height: 60px !important; object-fit: fill; transform: scaleX(-1); }
body.page-id-9001456 .ib-hero__title { position: relative; z-index: 1; }
/* Section heading: heart badge with number, gradient divider with flower */
body.page-id-9001456 .ib-sec__badge { position: relative; width: 32px !important; height: 32px; margin: 0 auto !important; padding: 0 !important; }
body.page-id-9001456 .ib-sec__heart, body.page-id-9001456 .ib-sec__heart img { width: 32px !important; height: 32px; }
body.page-id-9001456 .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-9001456 .ib-sec__num .elementor-widget-container { height: 100%; display: flex; align-items: center; justify-content: center; }
body.page-id-9001456 .ib-sec__num .elementor-heading-title { line-height: 1 !important; }
body.page-id-9001456 .ib-sec__divider { width: 416px !important; max-width: 100%; gap: 16px !important; }
body.page-id-9001456 .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-9001456 .ib-sec__flower { width: auto !important; }
body.page-id-9001456 .ib-sec__flower img { width: 32px !important; height: 32px; }
/* CTA band */
body.page-id-9001456 .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-9001456 .ib-cta > .elementor-element { position: relative; z-index: 1; }
body.page-id-9001456 .ib-cta__wave { position: absolute !important; left: 0; right: 0; top: -1px; margin: 0 !important; z-index: 0 !important; }
body.page-id-9001456 .ib-cta__wave img { display: block; width: 100% !important; height: 60px !important; object-fit: fill; }
body.page-id-9001456 .ib-cta__leaf { position: absolute !important; margin: 0 !important; z-index: 0 !important; pointer-events: none; }
body.page-id-9001456 .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-9001456 .ib-cta__leaf--a { right: -15px; top: 94px; transform: scaleX(-1); }
body.page-id-9001456 .ib-cta__leaf--b { right: 108px; top: 296px; }
body.page-id-9001456 .ib-cta__leaf--c { left: 0; top: 280px; }
body.page-id-9001456 .ib-cta__leaf--d { left: 123px; top: 101px; transform: scaleX(-1); }
body.page-id-9001456 .ib-cta__title .elementor-heading-title { opacity: .8; }
body.page-id-9001456 .ib-cta__pillwrap { position: relative; width: auto !important; }
body.page-id-9001456 .ib-cta__pill .elementor-button { position: relative; display: inline-flex; align-items: center; min-height: 56px; line-height: 1; }
body.page-id-9001456 .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-9001456 .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-9001456 .ib-cta__pill .elementor-button-text { padding-left: 14px; border-left: 1.5px solid #3F5533; }
body.page-id-9001456 .ib-cta__hand { position: absolute !important; right: -14px; bottom: -22px; margin: 0 !important; pointer-events: none; }
body.page-id-9001456 .ib-cta__spark { position: absolute !important; right: -28px; top: -18px; margin: 0 !important; pointer-events: none; }
body.page-id-9001456 .ib-cta__sub .elementor-heading-title { opacity: .8; }
@media (max-width: 1024px) {
  body.page-id-9001456 .ib-cta__leaf { transform-origin: center; opacity: .75; }
  body.page-id-9001456 .ib-cta__leaf img { width: 150px !important; }
}
@media (max-width: 767px) {
  /* 字體放大／頁面縮放時版面可能只剩 260px 寬：區塊橫向多出的部分裁掉（不影響上下重疊），容器與元件不超過螢幕寬 */
  body.page-id-9001456 .ib-page { overflow-x: clip; }
  body.page-id-9001456 .ib-page .e-con, body.page-id-9001456 .ib-page .elementor-widget:not(.ib-deco) { max-width: 100%; }
  /* 手機版標題、小標、內文統一置中（客戶 2026-10-18）；條列清單整塊置中、內部靠左；文章卡片、案件表、分頁鈕維持原排列 */
  body.page-id-9001456 .ib-page .elementor-widget-heading .elementor-heading-title, body.page-id-9001456 .ib-page .elementor-widget-text-editor, body.page-id-9001456 .ib-page .elementor-widget-image { text-align: center !important; }
  body.page-id-9001456 .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-9001456 .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-9001456 .ib-kn__card .elementor-heading-title, body.page-id-9001456 .ib-kn__card .elementor-widget-text-editor { text-align: left !important; }
  body.page-id-9001456 .ib-hero__wave img { height: 28px !important; }
  body.page-id-9001456 .ib-sec__divider { width: 280px !important; }
  body.page-id-9001456 .ib-cta__leaf img { width: 92px !important; }
  body.page-id-9001456 .ib-cta__leaf--b, body.page-id-9001456 .ib-cta__leaf--d { display: none; }
  body.page-id-9001456 .ib-cta__leaf--a { top: 30px; }
  body.page-id-9001456 .ib-cta__leaf--c { top: auto; bottom: 170px; }
  body.page-id-9001456 .ib-cta__pill .elementor-button { min-height: 52px; padding-left: 56px !important; padding-right: 64px !important; }
  body.page-id-9001456 .ib-cta__wave img { height: 28px !important; }
}
/* 桌機 1025–1919：依 Figma 1920 等比縮放 */
@media (min-width: 1025px) and (max-width: 1056px) { body.page-id-9001456 .ib-page { zoom: 0.5234; } }
@media (min-width: 1057px) and (max-width: 1088px) { body.page-id-9001456 .ib-page { zoom: 0.5401; } }
@media (min-width: 1089px) and (max-width: 1120px) { body.page-id-9001456 .ib-page { zoom: 0.5568; } }
@media (min-width: 1121px) and (max-width: 1152px) { body.page-id-9001456 .ib-page { zoom: 0.5734; } }
@media (min-width: 1153px) and (max-width: 1184px) { body.page-id-9001456 .ib-page { zoom: 0.5901; } }
@media (min-width: 1185px) and (max-width: 1216px) { body.page-id-9001456 .ib-page { zoom: 0.6068; } }
@media (min-width: 1217px) and (max-width: 1248px) { body.page-id-9001456 .ib-page { zoom: 0.6234; } }
@media (min-width: 1249px) and (max-width: 1280px) { body.page-id-9001456 .ib-page { zoom: 0.6401; } }
@media (min-width: 1281px) and (max-width: 1312px) { body.page-id-9001456 .ib-page { zoom: 0.6568; } }
@media (min-width: 1313px) and (max-width: 1344px) { body.page-id-9001456 .ib-page { zoom: 0.6734; } }
@media (min-width: 1345px) and (max-width: 1376px) { body.page-id-9001456 .ib-page { zoom: 0.6901; } }
@media (min-width: 1377px) and (max-width: 1408px) { body.page-id-9001456 .ib-page { zoom: 0.7068; } }
@media (min-width: 1409px) and (max-width: 1440px) { body.page-id-9001456 .ib-page { zoom: 0.7234; } }
@media (min-width: 1441px) and (max-width: 1472px) { body.page-id-9001456 .ib-page { zoom: 0.7401; } }
@media (min-width: 1473px) and (max-width: 1504px) { body.page-id-9001456 .ib-page { zoom: 0.7568; } }
@media (min-width: 1505px) and (max-width: 1536px) { body.page-id-9001456 .ib-page { zoom: 0.7734; } }
@media (min-width: 1537px) and (max-width: 1568px) { body.page-id-9001456 .ib-page { zoom: 0.7901; } }
@media (min-width: 1569px) and (max-width: 1600px) { body.page-id-9001456 .ib-page { zoom: 0.8068; } }
@media (min-width: 1601px) and (max-width: 1632px) { body.page-id-9001456 .ib-page { zoom: 0.8234; } }
@media (min-width: 1633px) and (max-width: 1664px) { body.page-id-9001456 .ib-page { zoom: 0.8401; } }
@media (min-width: 1665px) and (max-width: 1696px) { body.page-id-9001456 .ib-page { zoom: 0.8568; } }
@media (min-width: 1697px) and (max-width: 1728px) { body.page-id-9001456 .ib-page { zoom: 0.8734; } }
@media (min-width: 1729px) and (max-width: 1760px) { body.page-id-9001456 .ib-page { zoom: 0.8901; } }
@media (min-width: 1761px) and (max-width: 1792px) { body.page-id-9001456 .ib-page { zoom: 0.9068; } }
@media (min-width: 1793px) and (max-width: 1824px) { body.page-id-9001456 .ib-page { zoom: 0.9234; } }
@media (min-width: 1825px) and (max-width: 1856px) { body.page-id-9001456 .ib-page { zoom: 0.9401; } }
@media (min-width: 1857px) and (max-width: 1888px) { body.page-id-9001456 .ib-page { zoom: 0.9568; } }
@media (min-width: 1889px) and (max-width: 1919px) { body.page-id-9001456 .ib-page { zoom: 0.9734; } }
@media (min-width: 1920px) and (max-width: 1939px) { body.page-id-9001456 .ib-page { zoom: 0.9896; } }
/* 初步分析 頁面專屬 */
body.page-id-9001456 .elementor-widget-text-editor p { margin-bottom: 0; }
body.page-id-9001456 .ib-ia__p p + p { margin-top: 1.8em; }
body.page-id-9001456 .ib-ia__text { opacity: .8; }
body.page-id-9001456 .ib-ia__tag > .elementor-element { width: auto !important; }
body.page-id-9001456 .ib-ia__tagheart img { display: block; width: 32px; height: 32px; }
body.page-id-9001456 .ib-ia__photo img { display: block; width: 100%; height: auto; border-radius: 20px; }
body.page-id-9001456 .ib-ia__flower img { width: 32px; height: 32px; }
body.page-id-9001456 .ib-ia__cloud { flex: none; }
/* stages: pink sign arrows between cards */
body.page-id-9001456 .ib-ia__stage { position: relative; }
body.page-id-9001456 .ib-ia__stage img { display: block; }
body.page-id-9001456 .ib-ia__stages--a .ib-ia__stage--1::after, body.page-id-9001456 .ib-ia__stages--a .ib-ia__stage--2::after,
body.page-id-9001456 .ib-ia__stages--b .ib-ia__stage--4::after, body.page-id-9001456 .ib-ia__stages--b .ib-ia__stage--5::after,
body.page-id-9001456 .ib-ia__stages--a .ib-ia__stage--3::after { content: ""; position: absolute; width: 132px; height: 99px; background: url("https://inbetween.tw/wp-content/uploads/2026/10/ia-arrow.webp") center / contain no-repeat; z-index: 2; pointer-events: none; }
body.page-id-9001456 .ib-ia__stages--a .ib-ia__stage--1::after, body.page-id-9001456 .ib-ia__stages--a .ib-ia__stage--2::after { right: -79px; top: 210px; }
body.page-id-9001456 .ib-ia__stages--b .ib-ia__stage--4::after, body.page-id-9001456 .ib-ia__stages--b .ib-ia__stage--5::after { left: -79px; top: 210px; transform: scaleX(-1); }
body.page-id-9001456 .ib-ia__stages--a .ib-ia__stage--3::after { left: calc(50% - 50px); bottom: -96px; transform: rotate(90deg); }
/* choices */
body.page-id-9001456 .ib-ia__choose { position: relative; overflow: hidden; }
body.page-id-9001456 .ib-ia__wave { position: absolute !important; left: 0; right: 0; top: -1px; margin: 0 !important; pointer-events: none; }
body.page-id-9001456 .ib-ia__wave img { display: block; width: 100% !important; height: 60px !important; object-fit: fill; }
body.page-id-9001456 .ib-ia__branch { width: 1296px !important; max-width: 100%; margin-bottom: -80px !important; }
body.page-id-9001456 .ib-ia__branch img { display: block; width: 100%; height: auto; }
body.page-id-9001456 .ib-ia__dot { flex: none; width: 20px !important; height: 20px; min-height: 20px !important; align-self: center; }
body.page-id-9001456 .ib-ia__choiceimg img { display: block; width: 100%; height: auto; border-radius: 20px; }
/* strategy */
body.page-id-9001456 .ib-ia__girl { margin-top: 94px !important; }
body.page-id-9001456 .ib-kc__item { min-height: 52px; }
body.page-id-9001456 .ib-kc__item .elementor-heading-title, body.page-id-9001456 .ib-kc__label .elementor-heading-title { white-space: nowrap; }
body.page-id-9001456 .ib-kc__label { position: relative; }
body.page-id-9001456 .ib-kc__label::after { content: ""; position: absolute; top: calc(100% - 4px); left: 50px; 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-9001456 .ib-ia__pair > .e-con:last-child .ib-kc__label::after { background-image: url("https://inbetween.tw/wp-content/uploads/2026/10/services-tail-green.svg"); }
/* Figma 比對修正（2026-10-17） */
@media (min-width: 1025px) {
  body.page-id-9001456 .ib-ia__row:not(.ib-ia__row--rev) > .e-con { padding-bottom: 40px !important; }
  body.page-id-9001456 .ib-ia__flow { margin-top: 80px !important; }
  body.page-id-9001456 .ib-ia__stage { gap: 0 !important; }
  body.page-id-9001456 .ib-ia__stage > .elementor-widget-image { margin-bottom: 16px !important; }
  body.page-id-9001456 .ib-ia__stage > .elementor-widget-heading + .elementor-widget-heading { margin-top: 8px !important; }
  body.page-id-9001456 .ib-ia__stage > .elementor-widget-text-editor { margin-top: 16px !important; min-height: 120px; }
  body.page-id-9001456 .ib-ia__choice { gap: 0 !important; }
  body.page-id-9001456 .ib-ia__dot { margin-bottom: 40px !important; }
  body.page-id-9001456 .ib-ia__choice > .elementor-widget-heading + .elementor-widget-heading { margin-top: 8px !important; }
  body.page-id-9001456 .ib-ia__choice > .elementor-widget-text-editor { margin-top: 20px !important; }
}@media (min-width: 1600px) {
  body.page-id-9001456 .ib-ia__p p { white-space: nowrap; }
}
@media (max-width: 1024px) {
  body.page-id-9001456 .ib-ia__row--rev > .elementor-widget-image { order: 2; }
  body.page-id-9001456 .ib-ia__photo { max-width: 640px; }
  body.page-id-9001456 .ib-ia__wide { max-width: 100%; }
  body.page-id-9001456 .ib-ia__stages--a .ib-ia__stage::after, body.page-id-9001456 .ib-ia__stages--b .ib-ia__stage::after { left: calc(50% - 40px) !important; right: auto !important; top: auto !important; bottom: -58px !important; width: 80px; height: 60px; transform: rotate(90deg) !important; }
  body.page-id-9001456 .ib-ia__girl { margin-top: 0 !important; }
  body.page-id-9001456 .ib-ia__choice { max-width: 416px; }
}
@media (max-width: 767px) {
  body.page-id-9001456 .ib-ia__stage img { width: 220px !important; }
  body.page-id-9001456 .ib-ia__wave img { height: 28px !important; }
  body.page-id-9001456 .ib-kc__item .elementor-heading-title, body.page-id-9001456 .ib-kc__label .elementor-heading-title { white-space: normal; }
  body.page-id-9001456 .ib-kc__label::after { display: none; }
}