/* 關係之間｜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-9001395 { background: #FAF8F4; }
body.page-id-9001395 .ib-round, body.page-id-9001395 .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-9001395 .ib-round .elementor-heading-title { -webkit-text-stroke: 1px currentColor; paint-order: stroke fill; }
body.page-id-9001395 .ib-sec__num .elementor-heading-title, body.page-id-9001395 .ib-plan__cn .elementor-heading-title, body.page-id-9001395 .ib-gradtext .elementor-heading-title, body.page-id-9001395 .ib-round.ib-gradtext .elementor-heading-title { -webkit-text-stroke: 0; }
body.page-id-9001395 .ib-page { background-color: #FAF8F4; }
body.page-id-9001395 .ib-page .elementor-widget-text-editor p:last-child { margin-bottom: 0 !important; }
/* Hero */
body.page-id-9001395 .ib-hero { position: relative; overflow: hidden; }
body.page-id-9001395 .ib-hero__wave { position: absolute !important; left: 0; right: 0; bottom: -1px; margin: 0 !important; pointer-events: none; }
body.page-id-9001395 .ib-hero__wave img { display: block; width: 100% !important; height: 60px !important; object-fit: fill; transform: scaleX(-1); }
body.page-id-9001395 .ib-hero__title { position: relative; z-index: 1; }
/* Section heading: heart badge with number, gradient divider with flower */
body.page-id-9001395 .ib-sec__badge { position: relative; width: 32px !important; height: 32px; margin: 0 auto !important; padding: 0 !important; }
body.page-id-9001395 .ib-sec__heart, body.page-id-9001395 .ib-sec__heart img { width: 32px !important; height: 32px; }
body.page-id-9001395 .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-9001395 .ib-sec__num .elementor-widget-container { height: 100%; display: flex; align-items: center; justify-content: center; }
body.page-id-9001395 .ib-sec__num .elementor-heading-title { line-height: 1 !important; }
body.page-id-9001395 .ib-sec__divider { width: 416px !important; max-width: 100%; gap: 16px !important; }
body.page-id-9001395 .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-9001395 .ib-sec__flower { width: auto !important; }
body.page-id-9001395 .ib-sec__flower img { width: 32px !important; height: 32px; }
/* CTA band */
body.page-id-9001395 .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-9001395 .ib-cta > .elementor-element { position: relative; z-index: 1; }
body.page-id-9001395 .ib-cta__wave { position: absolute !important; left: 0; right: 0; top: -1px; margin: 0 !important; z-index: 0 !important; }
body.page-id-9001395 .ib-cta__wave img { display: block; width: 100% !important; height: 60px !important; object-fit: fill; }
body.page-id-9001395 .ib-cta__leaf { position: absolute !important; margin: 0 !important; z-index: 0 !important; pointer-events: none; }
body.page-id-9001395 .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-9001395 .ib-cta__leaf--a { right: -15px; top: 94px; transform: scaleX(-1); }
body.page-id-9001395 .ib-cta__leaf--b { right: 108px; top: 296px; }
body.page-id-9001395 .ib-cta__leaf--c { left: 0; top: 280px; }
body.page-id-9001395 .ib-cta__leaf--d { left: 123px; top: 101px; transform: scaleX(-1); }
body.page-id-9001395 .ib-cta__title .elementor-heading-title { opacity: .8; }
body.page-id-9001395 .ib-cta__pillwrap { position: relative; width: auto !important; }
body.page-id-9001395 .ib-cta__pill .elementor-button { position: relative; display: inline-flex; align-items: center; min-height: 56px; line-height: 1; }
body.page-id-9001395 .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-9001395 .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-9001395 .ib-cta__pill .elementor-button-text { padding-left: 14px; border-left: 1.5px solid #3F5533; }
body.page-id-9001395 .ib-cta__hand { position: absolute !important; right: -14px; bottom: -22px; margin: 0 !important; pointer-events: none; }
body.page-id-9001395 .ib-cta__spark { position: absolute !important; right: -28px; top: -18px; margin: 0 !important; pointer-events: none; }
body.page-id-9001395 .ib-cta__sub .elementor-heading-title { opacity: .8; }
@media (max-width: 1024px) {
  body.page-id-9001395 .ib-cta__leaf { transform-origin: center; opacity: .75; }
  body.page-id-9001395 .ib-cta__leaf img { width: 150px !important; }
}
@media (max-width: 767px) {
  /* 字體放大／頁面縮放時版面可能只剩 260px 寬：區塊橫向多出的部分裁掉（不影響上下重疊），容器與元件不超過螢幕寬 */
  body.page-id-9001395 .ib-page { overflow-x: clip; }
  body.page-id-9001395 .ib-page .e-con, body.page-id-9001395 .ib-page .elementor-widget:not(.ib-deco) { max-width: 100%; }
  /* 手機版標題、小標、內文統一置中（客戶 2026-10-18）；條列清單整塊置中、內部靠左；文章卡片、案件表、分頁鈕維持原排列 */
  body.page-id-9001395 .ib-page .elementor-widget-heading .elementor-heading-title, body.page-id-9001395 .ib-page .elementor-widget-text-editor, body.page-id-9001395 .ib-page .elementor-widget-image { text-align: center !important; }
  body.page-id-9001395 .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-9001395 .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-9001395 .ib-kn__card .elementor-heading-title, body.page-id-9001395 .ib-kn__card .elementor-widget-text-editor { text-align: left !important; }
  body.page-id-9001395 .ib-hero__wave img { height: 28px !important; }
  body.page-id-9001395 .ib-sec__divider { width: 280px !important; }
  body.page-id-9001395 .ib-cta__leaf img { width: 92px !important; }
  body.page-id-9001395 .ib-cta__leaf--b, body.page-id-9001395 .ib-cta__leaf--d { display: none; }
  body.page-id-9001395 .ib-cta__leaf--a { top: 30px; }
  body.page-id-9001395 .ib-cta__leaf--c { top: auto; bottom: 170px; }
  body.page-id-9001395 .ib-cta__pill .elementor-button { min-height: 52px; padding-left: 56px !important; padding-right: 64px !important; }
  body.page-id-9001395 .ib-cta__wave img { height: 28px !important; }
}
/* 桌機 1025–1919：依 Figma 1920 等比縮放 */
@media (min-width: 1025px) and (max-width: 1056px) { body.page-id-9001395 .ib-page { zoom: 0.5234; } }
@media (min-width: 1057px) and (max-width: 1088px) { body.page-id-9001395 .ib-page { zoom: 0.5401; } }
@media (min-width: 1089px) and (max-width: 1120px) { body.page-id-9001395 .ib-page { zoom: 0.5568; } }
@media (min-width: 1121px) and (max-width: 1152px) { body.page-id-9001395 .ib-page { zoom: 0.5734; } }
@media (min-width: 1153px) and (max-width: 1184px) { body.page-id-9001395 .ib-page { zoom: 0.5901; } }
@media (min-width: 1185px) and (max-width: 1216px) { body.page-id-9001395 .ib-page { zoom: 0.6068; } }
@media (min-width: 1217px) and (max-width: 1248px) { body.page-id-9001395 .ib-page { zoom: 0.6234; } }
@media (min-width: 1249px) and (max-width: 1280px) { body.page-id-9001395 .ib-page { zoom: 0.6401; } }
@media (min-width: 1281px) and (max-width: 1312px) { body.page-id-9001395 .ib-page { zoom: 0.6568; } }
@media (min-width: 1313px) and (max-width: 1344px) { body.page-id-9001395 .ib-page { zoom: 0.6734; } }
@media (min-width: 1345px) and (max-width: 1376px) { body.page-id-9001395 .ib-page { zoom: 0.6901; } }
@media (min-width: 1377px) and (max-width: 1408px) { body.page-id-9001395 .ib-page { zoom: 0.7068; } }
@media (min-width: 1409px) and (max-width: 1440px) { body.page-id-9001395 .ib-page { zoom: 0.7234; } }
@media (min-width: 1441px) and (max-width: 1472px) { body.page-id-9001395 .ib-page { zoom: 0.7401; } }
@media (min-width: 1473px) and (max-width: 1504px) { body.page-id-9001395 .ib-page { zoom: 0.7568; } }
@media (min-width: 1505px) and (max-width: 1536px) { body.page-id-9001395 .ib-page { zoom: 0.7734; } }
@media (min-width: 1537px) and (max-width: 1568px) { body.page-id-9001395 .ib-page { zoom: 0.7901; } }
@media (min-width: 1569px) and (max-width: 1600px) { body.page-id-9001395 .ib-page { zoom: 0.8068; } }
@media (min-width: 1601px) and (max-width: 1632px) { body.page-id-9001395 .ib-page { zoom: 0.8234; } }
@media (min-width: 1633px) and (max-width: 1664px) { body.page-id-9001395 .ib-page { zoom: 0.8401; } }
@media (min-width: 1665px) and (max-width: 1696px) { body.page-id-9001395 .ib-page { zoom: 0.8568; } }
@media (min-width: 1697px) and (max-width: 1728px) { body.page-id-9001395 .ib-page { zoom: 0.8734; } }
@media (min-width: 1729px) and (max-width: 1760px) { body.page-id-9001395 .ib-page { zoom: 0.8901; } }
@media (min-width: 1761px) and (max-width: 1792px) { body.page-id-9001395 .ib-page { zoom: 0.9068; } }
@media (min-width: 1793px) and (max-width: 1824px) { body.page-id-9001395 .ib-page { zoom: 0.9234; } }
@media (min-width: 1825px) and (max-width: 1856px) { body.page-id-9001395 .ib-page { zoom: 0.9401; } }
@media (min-width: 1857px) and (max-width: 1888px) { body.page-id-9001395 .ib-page { zoom: 0.9568; } }
@media (min-width: 1889px) and (max-width: 1919px) { body.page-id-9001395 .ib-page { zoom: 0.9734; } }
@media (min-width: 1920px) and (max-width: 1939px) { body.page-id-9001395 .ib-page { zoom: 0.9896; } }
/* 關於我們三頁：左側分頁＋內容區 */
body.page-id-9001395 .ib-about { padding-left: 162px !important; padding-right: 312px !important; }
@media (min-width: 1921px) { body.page-id-9001395 .ib-about { padding-left: 8.4375vw !important; padding-right: 16.25vw !important; } }
body.page-id-9001395 .ib-about > .ib-tabs { flex: 0 0 110px; width: 110px !important; align-self: flex-start; position: sticky; top: 120px; gap: 0 !important; }
body.page-id-9001395 .ib-about { gap: 40px !important; --gap: 40px; }
body.page-id-9001395 .ib-about__content { position: relative; flex: 1 1 auto; min-width: 0; max-width: 1296px; }
body.page-id-9001395 .ib-about__content::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: linear-gradient(180deg, #ED7971 0%, #A8D176 100%); opacity: .6; z-index: 2; pointer-events: none; }
body.page-id-9001395 .ib-tabs__item { padding: 0 0 40px !important; margin-bottom: 40px; position: relative; }
body.page-id-9001395 .ib-tabs__arrow { margin-top: 19px !important; }
body.page-id-9001395 .ib-tabs__item.is-other .ib-tabs__arrow { margin-left: 35px !important; }
body.page-id-9001395 .ib-tabs__item::after { content: ""; position: absolute; left: 0; bottom: 0; width: 110px; height: 1px; background: linear-gradient(90deg, #ED7971, #A8D176); }
body.page-id-9001395 .ib-tabs__item.is-other { opacity: .6; }
body.page-id-9001395 .ib-tabs__item.is-other:hover { opacity: 1; }
body.page-id-9001395 .ib-tabs__item a { color: inherit; }
body.page-id-9001395 .ib-tabs__row { width: auto !important; flex-wrap: nowrap !important; }
body.page-id-9001395 .ib-tabs__row > .elementor-element { width: auto !important; flex: 0 0 auto; }
body.page-id-9001395 .ib-tabs__label .elementor-heading-title { white-space: nowrap; }
body.page-id-9001395 .ib-tabs__icon img { width: 24px; height: 24px; }
body.page-id-9001395 .ib-tabs__arrow img { width: 40px; height: auto; }
body.page-id-9001395 .ib-tabs__motto { padding-top: 0; width: 110px !important; }
body.page-id-9001395 .ib-tabs__tagline .elementor-heading-title { writing-mode: vertical-rl; text-orientation: upright; letter-spacing: 11.9px !important; line-height: 1.25 !important; background: linear-gradient(180deg, #ED7971, #A8D176); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
body.page-id-9001395 .ib-tabs__flower { position: absolute !important; left: -293px; top: 1564px; width: 281px !important; margin: 0 !important; pointer-events: none; opacity: .6; z-index: -1; }
body.page-id-9001395 .ib-about__content img { max-width: 100%; height: auto; }
@media (max-width: 1024px) {
  body.page-id-9001395 .ib-about { padding-left: 32px !important; padding-right: 32px !important; }
  body.page-id-9001395 .ib-about > .ib-tabs { position: static; flex: none; width: 100% !important; flex-direction: row !important; justify-content: center; align-items: flex-start !important; gap: 12px !important; }
  body.page-id-9001395 .ib-tabs__item { flex: 1 1 0; max-width: 220px; margin: 0; padding: 12px 8px !important; border: 1px solid rgba(63,85,51,.18); border-radius: 16px; align-items: center !important; }
  body.page-id-9001395 .ib-tabs__item::after, body.page-id-9001395 .ib-tabs__arrow { display: none !important; }
  body.page-id-9001395 .ib-tabs__item.is-current { border-color: #ED7971; background: #fff; }
  body.page-id-9001395 .ib-tabs__item .elementor-heading-title { text-align: center; }
  body.page-id-9001395 .ib-about__content::before { display: none; }
}
@media (max-width: 767px) {
  body.page-id-9001395 .ib-about { padding-left: 16px !important; padding-right: 16px !important; }
  body.page-id-9001395 .ib-about > .ib-tabs { gap: 8px !important; }
  body.page-id-9001395 .ib-tabs__item { padding: 10px 4px !important; border-radius: 12px; }
  body.page-id-9001395 .ib-tabs__icon { display: none; }
}
/* 隱私承諾 頁面專屬 */
body.page-id-9001395 .ib-pp__list { max-width: 100%; }
body.page-id-9001395 .ib-pp__card { position: relative; flex: none; }
body.page-id-9001395 .ib-pp__card::before { content: ""; position: absolute; left: 50%; top: 50%; width: 354px; height: 324px; margin: -162px 0 0 -177px; background: url("https://inbetween.tw/wp-content/uploads/2026/10/privacy-blob.svg") center / 100% 100% no-repeat; z-index: 0; pointer-events: none; }
body.page-id-9001395 .ib-pp__card > .elementor-element { position: relative; z-index: 1; }
body.page-id-9001395 .ib-pp__img { margin-bottom: -44px !important; }
body.page-id-9001395 .ib-pp__img img { display: block; width: 100%; height: auto; }
body.page-id-9001395 .ib-pp__badge { width: 48px !important; height: 48px; flex: none; align-self: center; }
body.page-id-9001395 .ib-pp__num .elementor-heading-title { line-height: 1 !important; }
body.page-id-9001395 .ib-pp__text p { margin: 0; }
body.page-id-9001395 .ib-pp__vine { margin: 0 0 0 118px !important; height: 120px; }
body.page-id-9001395 .ib-pp__vine img { display: block; transform: scaleY(-1); }
body.page-id-9001395 .ib-pp__vine--2 img { transform: rotate(180deg); }
@media (min-width: 1600px) {
  body.page-id-9001395 .ib-pp__text p { white-space: nowrap; }
}
@media (max-width: 1024px) {
  body.page-id-9001395 .ib-pp__vine { margin: 8px auto !important; }
  body.page-id-9001395 .ib-pp__text { align-self: stretch; width: 100% !important; max-width: 640px; margin: 0 auto; }
}
/* 客戶 20261030 D2：02 條列較長，桌機會剩一兩個字掉到下一行、手機會撐滿整寬靠左，看起來跟其他段不一樣。
   不留孤字；手機條列一律是置中的窄欄（最寬 300px），換行時對齊「‧」後面的字 */
body.page-id-9001395 .ib-pp__text p { text-wrap: pretty; }
@media (max-width: 767px) {
  body.page-id-9001395 .ib-pp__text.ib-list { max-width: 300px !important; }
  body.page-id-9001395 .ib-pp__text.ib-list p { padding-left: 1em; text-indent: -1em; }
  body.page-id-9001395 .ib-pp__card::before { width: 320px; height: 293px; margin: -146px 0 0 -160px; }
  body.page-id-9001395 .ib-pp__vine { height: 96px; }
  body.page-id-9001395 .ib-pp__vine img { width: 54px !important; }
}