/* 關係之間｜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-567 { background: #FAF8F4; }
body.page-id-567 .ib-round, body.page-id-567 .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-567 .ib-round .elementor-heading-title { -webkit-text-stroke: 1px currentColor; paint-order: stroke fill; }
body.page-id-567 .ib-sec__num .elementor-heading-title, body.page-id-567 .ib-plan__cn .elementor-heading-title, body.page-id-567 .ib-gradtext .elementor-heading-title, body.page-id-567 .ib-round.ib-gradtext .elementor-heading-title { -webkit-text-stroke: 0; }
body.page-id-567 .ib-page { background-color: #FAF8F4; }
body.page-id-567 .ib-page .elementor-widget-text-editor p:last-child { margin-bottom: 0 !important; }
/* Hero */
body.page-id-567 .ib-hero { position: relative; overflow: hidden; }
body.page-id-567 .ib-hero__wave { position: absolute !important; left: 0; right: 0; bottom: -1px; margin: 0 !important; pointer-events: none; }
body.page-id-567 .ib-hero__wave img { display: block; width: 100% !important; height: 60px !important; object-fit: fill; transform: scaleX(-1); }
body.page-id-567 .ib-hero__title { position: relative; z-index: 1; }
/* Section heading: heart badge with number, gradient divider with flower */
body.page-id-567 .ib-sec__badge { position: relative; width: 32px !important; height: 32px; margin: 0 auto !important; padding: 0 !important; }
body.page-id-567 .ib-sec__heart, body.page-id-567 .ib-sec__heart img { width: 32px !important; height: 32px; }
body.page-id-567 .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-567 .ib-sec__num .elementor-widget-container { height: 100%; display: flex; align-items: center; justify-content: center; }
body.page-id-567 .ib-sec__num .elementor-heading-title { line-height: 1 !important; }
body.page-id-567 .ib-sec__divider { width: 416px !important; max-width: 100%; gap: 16px !important; }
body.page-id-567 .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-567 .ib-sec__flower { width: auto !important; }
body.page-id-567 .ib-sec__flower img { width: 32px !important; height: 32px; }
/* CTA band */
body.page-id-567 .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-567 .ib-cta > .elementor-element { position: relative; z-index: 1; }
body.page-id-567 .ib-cta__wave { position: absolute !important; left: 0; right: 0; top: -1px; margin: 0 !important; z-index: 0 !important; }
body.page-id-567 .ib-cta__wave img { display: block; width: 100% !important; height: 60px !important; object-fit: fill; }
body.page-id-567 .ib-cta__leaf { position: absolute !important; margin: 0 !important; z-index: 0 !important; pointer-events: none; }
body.page-id-567 .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-567 .ib-cta__leaf--a { right: -15px; top: 94px; transform: scaleX(-1); }
body.page-id-567 .ib-cta__leaf--b { right: 108px; top: 296px; }
body.page-id-567 .ib-cta__leaf--c { left: 0; top: 280px; }
body.page-id-567 .ib-cta__leaf--d { left: 123px; top: 101px; transform: scaleX(-1); }
body.page-id-567 .ib-cta__title .elementor-heading-title { opacity: .8; }
body.page-id-567 .ib-cta__pillwrap { position: relative; width: auto !important; }
body.page-id-567 .ib-cta__pill .elementor-button { position: relative; display: inline-flex; align-items: center; min-height: 56px; line-height: 1; }
body.page-id-567 .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-567 .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-567 .ib-cta__pill .elementor-button-text { padding-left: 14px; border-left: 1.5px solid #3F5533; }
body.page-id-567 .ib-cta__hand { position: absolute !important; right: -14px; bottom: -22px; margin: 0 !important; pointer-events: none; }
body.page-id-567 .ib-cta__spark { position: absolute !important; right: -28px; top: -18px; margin: 0 !important; pointer-events: none; }
body.page-id-567 .ib-cta__sub .elementor-heading-title { opacity: .8; }
@media (max-width: 1024px) {
  body.page-id-567 .ib-cta__leaf { transform-origin: center; opacity: .75; }
  body.page-id-567 .ib-cta__leaf img { width: 150px !important; }
}
@media (max-width: 767px) {
  /* 字體放大／頁面縮放時版面可能只剩 260px 寬：區塊橫向多出的部分裁掉（不影響上下重疊），容器與元件不超過螢幕寬 */
  body.page-id-567 .ib-page { overflow-x: clip; }
  body.page-id-567 .ib-page .e-con, body.page-id-567 .ib-page .elementor-widget:not(.ib-deco) { max-width: 100%; }
  /* 手機版標題、小標、內文統一置中（客戶 2026-10-18）；條列清單整塊置中、內部靠左；文章卡片、案件表、分頁鈕維持原排列 */
  body.page-id-567 .ib-page .elementor-widget-heading .elementor-heading-title, body.page-id-567 .ib-page .elementor-widget-text-editor, body.page-id-567 .ib-page .elementor-widget-image { text-align: center !important; }
  body.page-id-567 .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-567 .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-567 .ib-kn__card .elementor-heading-title, body.page-id-567 .ib-kn__card .elementor-widget-text-editor { text-align: left !important; }
  body.page-id-567 .ib-hero__wave img { height: 28px !important; }
  body.page-id-567 .ib-sec__divider { width: 280px !important; }
  body.page-id-567 .ib-cta__leaf img { width: 92px !important; }
  body.page-id-567 .ib-cta__leaf--b, body.page-id-567 .ib-cta__leaf--d { display: none; }
  body.page-id-567 .ib-cta__leaf--a { top: 30px; }
  body.page-id-567 .ib-cta__leaf--c { top: auto; bottom: 170px; }
  body.page-id-567 .ib-cta__pill .elementor-button { min-height: 52px; padding-left: 56px !important; padding-right: 64px !important; }
  body.page-id-567 .ib-cta__wave img { height: 28px !important; }
}
/* 桌機 1025–1919：依 Figma 1920 等比縮放 */
@media (min-width: 1025px) and (max-width: 1056px) { body.page-id-567 .ib-page { zoom: 0.5234; } }
@media (min-width: 1057px) and (max-width: 1088px) { body.page-id-567 .ib-page { zoom: 0.5401; } }
@media (min-width: 1089px) and (max-width: 1120px) { body.page-id-567 .ib-page { zoom: 0.5568; } }
@media (min-width: 1121px) and (max-width: 1152px) { body.page-id-567 .ib-page { zoom: 0.5734; } }
@media (min-width: 1153px) and (max-width: 1184px) { body.page-id-567 .ib-page { zoom: 0.5901; } }
@media (min-width: 1185px) and (max-width: 1216px) { body.page-id-567 .ib-page { zoom: 0.6068; } }
@media (min-width: 1217px) and (max-width: 1248px) { body.page-id-567 .ib-page { zoom: 0.6234; } }
@media (min-width: 1249px) and (max-width: 1280px) { body.page-id-567 .ib-page { zoom: 0.6401; } }
@media (min-width: 1281px) and (max-width: 1312px) { body.page-id-567 .ib-page { zoom: 0.6568; } }
@media (min-width: 1313px) and (max-width: 1344px) { body.page-id-567 .ib-page { zoom: 0.6734; } }
@media (min-width: 1345px) and (max-width: 1376px) { body.page-id-567 .ib-page { zoom: 0.6901; } }
@media (min-width: 1377px) and (max-width: 1408px) { body.page-id-567 .ib-page { zoom: 0.7068; } }
@media (min-width: 1409px) and (max-width: 1440px) { body.page-id-567 .ib-page { zoom: 0.7234; } }
@media (min-width: 1441px) and (max-width: 1472px) { body.page-id-567 .ib-page { zoom: 0.7401; } }
@media (min-width: 1473px) and (max-width: 1504px) { body.page-id-567 .ib-page { zoom: 0.7568; } }
@media (min-width: 1505px) and (max-width: 1536px) { body.page-id-567 .ib-page { zoom: 0.7734; } }
@media (min-width: 1537px) and (max-width: 1568px) { body.page-id-567 .ib-page { zoom: 0.7901; } }
@media (min-width: 1569px) and (max-width: 1600px) { body.page-id-567 .ib-page { zoom: 0.8068; } }
@media (min-width: 1601px) and (max-width: 1632px) { body.page-id-567 .ib-page { zoom: 0.8234; } }
@media (min-width: 1633px) and (max-width: 1664px) { body.page-id-567 .ib-page { zoom: 0.8401; } }
@media (min-width: 1665px) and (max-width: 1696px) { body.page-id-567 .ib-page { zoom: 0.8568; } }
@media (min-width: 1697px) and (max-width: 1728px) { body.page-id-567 .ib-page { zoom: 0.8734; } }
@media (min-width: 1729px) and (max-width: 1760px) { body.page-id-567 .ib-page { zoom: 0.8901; } }
@media (min-width: 1761px) and (max-width: 1792px) { body.page-id-567 .ib-page { zoom: 0.9068; } }
@media (min-width: 1793px) and (max-width: 1824px) { body.page-id-567 .ib-page { zoom: 0.9234; } }
@media (min-width: 1825px) and (max-width: 1856px) { body.page-id-567 .ib-page { zoom: 0.9401; } }
@media (min-width: 1857px) and (max-width: 1888px) { body.page-id-567 .ib-page { zoom: 0.9568; } }
@media (min-width: 1889px) and (max-width: 1919px) { body.page-id-567 .ib-page { zoom: 0.9734; } }
@media (min-width: 1920px) and (max-width: 1939px) { body.page-id-567 .ib-page { zoom: 0.9896; } }

/* ===== 首頁（Figma 2004:99）===== */
/* 1940px 以上也照 1920 畫板等比放大，裝飾物位置才與 Figma 一致 */
@media (min-width: 1940px) and (max-width: 2003px) { body.page-id-567 .ib-page { zoom: 1.0000; } }
@media (min-width: 2004px) and (max-width: 2067px) { body.page-id-567 .ib-page { zoom: 1.0333; } }
@media (min-width: 2068px) and (max-width: 2131px) { body.page-id-567 .ib-page { zoom: 1.0667; } }
@media (min-width: 2132px) and (max-width: 2195px) { body.page-id-567 .ib-page { zoom: 1.1000; } }
@media (min-width: 2196px) and (max-width: 2259px) { body.page-id-567 .ib-page { zoom: 1.1333; } }
@media (min-width: 2260px) and (max-width: 2323px) { body.page-id-567 .ib-page { zoom: 1.1667; } }
@media (min-width: 2324px) and (max-width: 2387px) { body.page-id-567 .ib-page { zoom: 1.2000; } }
@media (min-width: 2388px) and (max-width: 2451px) { body.page-id-567 .ib-page { zoom: 1.2333; } }
@media (min-width: 2452px) and (max-width: 2515px) { body.page-id-567 .ib-page { zoom: 1.2667; } }
@media (min-width: 2516px) and (max-width: 2579px) { body.page-id-567 .ib-page { zoom: 1.3000; } }
@media (min-width: 2580px) and (max-width: 2643px) { body.page-id-567 .ib-page { zoom: 1.3333; } }
body.page-id-567 .ib-page { position: relative; }
body.page-id-567 .ib-deco { pointer-events: none; }
body.page-id-567 .ib-deco img { display: block; width: 100% !important; height: auto; }
body.page-id-567 .ib-gradtext .elementor-heading-title { background: linear-gradient(174deg, #ED7971 0%, #A8D176 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
body.page-id-567 .ib-start__label .elementor-heading-title { opacity: .8; }
body.page-id-567 .ib-home__para p { margin: 0 0 1.8em; }
/* 主視覺 */
body.page-id-567 .ib-home-hero { overflow: hidden; }
/* 區塊一：裝飾色塊在主視覺下緣之上 */
body.page-id-567 .ib-home-s1 { overflow: visible; }
/* 左側直條標題 */
body.page-id-567 .ib-side__bar { align-self: center; }
body.page-id-567 .ib-side__title .elementor-heading-title { letter-spacing: 0; }
body.page-id-567 .ib-side .ib-sec__badge { margin: 0 !important; }
/* CTA 按鈕：無愛心（了解服務方案）、無分隔線（查看更多關係知識） */
body.page-id-567 .ib-pill--plain .elementor-button::before { display: none; }
body.page-id-567 .ib-pill--plain .elementor-button-text, body.page-id-567 .ib-pill--nodiv .elementor-button-text { padding-left: 0; border-left: 0; }
body.page-id-567 .ib-pill--nodiv .elementor-button-text { padding-left: 8px; }
/* Figma Component 8：手指右緣貼齊按鈕右緣、略低於中線；光芒在右上角 */
body.page-id-567 .ib-cta__pillwrap .ib-cta__hand { right: 0; bottom: auto; top: calc(50% + 6px); }
body.page-id-567 .ib-cta__pillwrap .ib-cta__spark { right: -26px; top: calc(50% - 47px); }
/* 服務價值照片 */
body.page-id-567 .ib-home-s2__photo img { display: block; width: 636px; max-width: 100%; height: auto; border-radius: 20px; }
/* 四項服務：Figma 三段漸層（面板只能設兩色），上下波浪 */
body.page-id-567 .ib-svc-band { background: linear-gradient(163.46deg, #F9DDD5 0%, #F8F4EE 45%, #DFEACC 100%) !important; overflow: visible; }
body.page-id-567 .ib-svc-band__wave img { height: 60px !important; object-fit: fill; }
body.page-id-567 .ib-svc-band__wave--top { transform: rotate(180deg); }
body.page-id-567 .ib-svc-band__wave--bottom { transform: scaleX(-1); }
body.page-id-567 .ib-svc { overflow: visible; }
body.page-id-567 .ib-svc .elementor-widget-text-editor { white-space: nowrap; }
body.page-id-567 .ib-svc__img img { display: block; width: 267px !important; max-width: none; height: 200px; object-fit: cover; }
/* 受理案件：外掛短代碼只取需要的部分，字級與狀態色照 Figma */
body.page-id-567 .ib-home-cases { overflow: visible !important; }
body.page-id-567 .ib-cases__curve img { display: block !important; width: 838px !important; max-width: none !important; height: auto !important; }
body.page-id-567 .ib-cases__swoosh img { display: block !important; transform: rotate(1.21deg) !important; }
body.page-id-567 .ib-cases .inbetween-public-cases { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; max-width: none !important; }
body.page-id-567 .ib-cases .inbetween-public-cases__intro, body.page-id-567 .ib-cases .inbetween-public-cases__updated,
body.page-id-567 .ib-cases .inbetween-public-cases__count-note, body.page-id-567 .ib-cases .inbetween-public-cases__panel-heading,
body.page-id-567 .ib-cases .inbetween-public-cases__count-label { display: none !important; }
body.page-id-567 .ib-cases--count .inbetween-public-cases > :not(.inbetween-public-cases__summary),
body.page-id-567 .ib-cases--count .inbetween-public-cases__state { display: none !important; }
body.page-id-567 .ib-cases--count .inbetween-public-cases__summary { display: block !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; text-align: center !important; }
body.page-id-567 .ib-cases--count .inbetween-public-cases__count { margin: 0 !important; }
body.page-id-567 .ib-cases--count .inbetween-public-cases__count-value { display: inline-block !important; font-family: "InBetween Rounded", "Noto Sans TC", sans-serif !important; font-size: 80px !important; line-height: 1.4 !important; color: #3F5533; font-weight: 400 !important; }
body.page-id-567 .ib-cases--count .inbetween-public-cases__count-value small { font-family: "Noto Sans TC", sans-serif !important; font-size: 22px !important; font-weight: 500 !important; opacity: .8 !important; margin-left: 6px !important; }
body.page-id-567 .ib-cases--table { width: 1296px !important; max-width: 100% !important; }
body.page-id-567 .ib-cases--table .inbetween-public-cases__summary { display: none !important; }
body.page-id-567 .ib-cases--table .inbetween-public-cases__legend { display: flex !important; justify-content: center !important; gap: 40px !important; flex-wrap: wrap !important; margin: 0 0 40px !important; padding: 8px !important; background: none !important; border: 0 !important; font-family: "Noto Sans TC", sans-serif !important; font-size: 20px !important; font-weight: 500 !important; line-height: 1.6 !important; letter-spacing: .1px !important; }
body.page-id-567 .ib-cases--table .inbetween-public-cases__legend span { display: inline-block !important; color: #3F5533CC; }
body.page-id-567 .ib-cases--table .inbetween-public-cases__legend span::first-letter { font-size: 26px !important; vertical-align: -3px !important; margin-right: 6px !important; }
body.page-id-567 .ib-cases .is-neutral::first-letter, body.page-id-567 .ib-cases .inbetween-public-cases__status.is-neutral > span { color: #7CDE59 !important; }
body.page-id-567 .ib-cases .is-info::first-letter, body.page-id-567 .ib-cases .inbetween-public-cases__status.is-info > span { color: #9A6A00 !important; }
body.page-id-567 .ib-cases .is-warning::first-letter, body.page-id-567 .ib-cases .inbetween-public-cases__status.is-warning > span { color: #F4CC4A !important; }
body.page-id-567 .ib-cases .is-success::first-letter, body.page-id-567 .ib-cases .inbetween-public-cases__status.is-success > span { color: #5E5A8A !important; }
body.page-id-567 .ib-cases .inbetween-public-cases__panel, body.page-id-567 .ib-cases .inbetween-public-cases__table-wrap { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
body.page-id-567 .ib-cases .inbetween-public-cases__table { width: 100% !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 !important; background: none !important; font-family: "Noto Sans TC", sans-serif !important; }
body.page-id-567 .ib-cases .inbetween-public-cases__table th { height: 62px !important; padding: 0 12px !important; border: 0 !important; border-bottom: 1px solid #ED7971; background: none !important; color: #3F5533; font-size: 22px !important; font-weight: 700 !important; line-height: 1.4 !important; text-align: center !important; }
body.page-id-567 .ib-cases .inbetween-public-cases__table td { height: 62px !important; padding: 0 12px !important; border: 0 !important; border-bottom: 1px solid #D8D0C6 !important; background: none !important; color: #3F5533CC; font-size: 22px !important; font-weight: 500 !important; line-height: 1.4 !important; text-align: center !important; }
body.page-id-567 .ib-cases .inbetween-public-cases__table th:nth-child(1) { width: 379px !important; } body.page-id-567 .ib-cases .inbetween-public-cases__table th:nth-child(2) { width: 255px !important; }
body.page-id-567 .ib-cases .inbetween-public-cases__table th:nth-child(3) { width: 326px !important; }
body.page-id-567 .ib-cases .inbetween-public-cases__status { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: #3F5533CC; background: none !important; padding: 0 !important; border: 0 !important; font-size: 22px !important; }
body.page-id-567 .ib-cases .inbetween-public-cases__status > span { font-size: 16px !important; line-height: 1 !important; }
body.page-id-567 .ib-cases .inbetween-public-cases::before, body.page-id-567 .ib-cases .inbetween-public-cases::after, body.page-id-567 .ib-cases .inbetween-public-cases__panel::before, body.page-id-567 .ib-cases .inbetween-public-cases__panel::after, body.page-id-567 .ib-cases .inbetween-public-cases__table-wrap::before, body.page-id-567 .ib-cases .inbetween-public-cases__table-wrap::after { display: none !important; content: none !important; }
/* 關係知識：卡片樣式與 /knowledge/ 相同（同一 Loop 範本） */
body.page-id-567 .ib-kn__card { height: 100%; }
body.page-id-567 .ib-kn__img img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 20px; }
body.page-id-567 .ib-kn__title .elementor-heading-title a { color: inherit; }
body.page-id-567 .ib-kn__excerpt { opacity: .8; }
body.page-id-567 .ib-kn__excerpt p { margin: 0; }
/* 區塊五：上方波浪；頁尾透明波浪疊在最後 80px */
body.page-id-567 .ib-home-s6 { overflow: hidden; }
body.page-id-567 .ib-s6__wave img { height: 60px !important; object-fit: fill; }
/* 客戶 20261030：首頁左上 Logo（Header 331 的手繪揭露動畫）等主視覺花瓣動畫轉完一輪（GIF 4 秒）才開始畫；其他頁不變 */
body.page-id-567 .elementor-location-header .elementor-element-3bcccdb img { animation-delay: 4.5s !important; }
/* ===== 平板／手機（Figma 只有 1920 桌機版）===== */
@media (max-width: 1024px) {
  body.page-id-567 .ib-deco--blob, body.page-id-567 .ib-deco--flower, body.page-id-567 .ib-deco--leaf, body.page-id-567 .ib-cases__curve { display: none !important; }
  body.page-id-567 .ib-deco--person { width: 26% !important; top: auto !important; bottom: 24px; opacity: .9; }
  body.page-id-567 .ib-deco--girl { left: 0 !important; } body.page-id-567 .ib-deco--boy { right: 0 !important; }
  body.page-id-567 .ib-home-s1 { padding-bottom: 34vw !important; }
  body.page-id-567 .ib-deco--boat { position: relative !important; top: auto !important; right: auto !important; width: 70% !important; max-width: 420px; margin: 0 auto !important; align-self: center; order: 9; }
  body.page-id-567 .ib-deco--couple { position: relative !important; top: auto !important; left: auto !important; width: 80% !important; max-width: 420px; margin: 0 auto !important; order: 9; }
  body.page-id-567 .ib-svc-band__wave img, body.page-id-567 .ib-s6__wave img { height: 28px !important; }
  body.page-id-567 .ib-svc-band__wave--bottom { top: auto !important; bottom: -14px; }
  body.page-id-567 .ib-svc-band__wave, body.page-id-567 .ib-s6__wave { width: 100% !important; }
  body.page-id-567 .ib-home-s2__photo { align-self: center; }
  body.page-id-567 .ib-svc .elementor-widget-text-editor { white-space: normal; }
  body.page-id-567 .ib-cases--table { padding: 0 24px; }
  body.page-id-567 .ib-cases .inbetween-public-cases__table { table-layout: auto !important; }
  body.page-id-567 .ib-cases .inbetween-public-cases__table th:nth-child(n) { width: auto !important; }
  body.page-id-567 .ib-cases .inbetween-public-cases__table th, body.page-id-567 .ib-cases .inbetween-public-cases__table td { font-size: 18px !important; white-space: nowrap; }
  body.page-id-567 .ib-cases .inbetween-public-cases__status { font-size: 18px !important; }
  body.page-id-567 .ib-home-kn .ib-side { align-self: stretch; }
  /* 手機／平板：左側直條改為標題上方的短橫線，整組置中 */
  body.page-id-567 .ib-side__bar { align-self: center; height: 4px; }
  body.page-id-567 .ib-side .ib-sec__badge { margin: 0 !important; }
}
@media (max-width: 767px) {
  /* 這些區塊為了上下延伸的裝飾設成溢出可見；手機仍只裁掉橫向多出的部分 */
  body.page-id-567 .ib-home-s1, body.page-id-567 .ib-home-s2, body.page-id-567 .ib-svc-band, body.page-id-567 .ib-home-cases, body.page-id-567 .ib-home-kn { overflow-x: clip !important; overflow-y: visible !important; }
  body.page-id-567 .ib-home-hero__l1 .elementor-heading-title, body.page-id-567 .ib-home-hero__l2 .elementor-heading-title { line-height: 1.4; }
  /* 客戶 20261030 A3：人物插圖下緣本身有透明留白；插圖往下移、區塊底部留白 66vw→50vw，讓「服務價值」往上靠，人物位置不變 */
  body.page-id-567 .ib-deco--person { width: 44% !important; bottom: -40px !important; }
  body.page-id-567 .ib-home-s1 { padding-bottom: 50vw !important; }
  body.page-id-567 .ib-home__para p { margin-bottom: 1.4em; }
  body.page-id-567 .ib-svc__img img { width: 100% !important; max-width: 240px; height: auto; aspect-ratio: 4 / 3; }
  body.page-id-567 .ib-cases--count .inbetween-public-cases__count-value { font-size: 56px; }
  body.page-id-567 .ib-cases--table { padding: 0 20px !important; }
  body.page-id-567 .ib-cases--table .inbetween-public-cases__legend { gap: 12px 20px !important; font-size: 15px !important; margin-bottom: 20px !important; }
  /* 一般字級一行排得下；手機系統字體放大時才換行（不擠出畫面） */
  body.page-id-567 .ib-cases--table .inbetween-public-cases__legend { flex-wrap: wrap !important; gap: 4px 14px !important; font-size: 14px !important; padding: 8px 0 !important; }
  body.page-id-567 .ib-cases--table .inbetween-public-cases__legend span { white-space: nowrap; }
  body.page-id-567 .ib-cases--table .inbetween-public-cases__legend span::first-letter { font-size: 18px !important; margin-right: 4px !important; vertical-align: -2px !important; }
  body.page-id-567 .ib-cases .inbetween-public-cases__table th, body.page-id-567 .ib-cases .inbetween-public-cases__table td { height: 48px !important; font-size: 15px !important; padding: 0 4px !important; }
  body.page-id-567 .ib-cases .inbetween-public-cases__table th:nth-child(n) { width: auto !important; }
  body.page-id-567 .ib-cases .inbetween-public-cases__status { font-size: 15px !important; gap: 4px !important; }
  body.page-id-567 .ib-cases .inbetween-public-cases__table th, body.page-id-567 .ib-cases .inbetween-public-cases__table td { white-space: normal !important; }
  body.page-id-567 .ib-cases--count .inbetween-public-cases__count-value { font-size: 56px !important; }
  /* 手機：每筆案件一張兩列卡片（日期｜狀態、案號｜服務類型），全部垂直置中 */
  body.page-id-567 .ib-cases .inbetween-public-cases__table, body.page-id-567 .ib-cases .inbetween-public-cases__table tbody { display: block !important; border: 0 !important; }
  body.page-id-567 .ib-cases .inbetween-public-cases__table thead { display: none !important; }
  body.page-id-567 .ib-cases .inbetween-public-cases__table tr { display: grid !important; grid-template-columns: 1fr auto !important; grid-template-areas: "date status" "no type" !important; gap: 6px 12px !important; padding: 14px 4px !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid #D8D0C6 !important; background: none !important; box-shadow: none !important; border-radius: 0 !important; }
  body.page-id-567 .ib-cases .inbetween-public-cases__table tr:first-child { border-top: 1px solid #ED7971 !important; }
  body.page-id-567 .ib-cases .inbetween-public-cases__table td { display: flex !important; align-items: center !important; height: auto !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; text-align: left !important; line-height: 1.4 !important; }
  /* 客戶 20261030：「最新文章」小標（元件 ib-home-kn__latest，只在手機顯示）貼在第一張文章圖左上方，不跟著全站手機置中 */
  body.page-id-567 .ib-home-kn__latest { align-self: stretch !important; width: 100% !important; max-width: 100% !important; }
  body.page-id-567 .ib-page .ib-home-kn__latest.elementor-widget-heading .elementor-heading-title { text-align: left !important; }
  /* 客戶 20261030：表頭隱藏後每格前面要有小標（日期／案號／服務類型／處理狀態），否則只看到 A000xx 看不懂 */
  body.page-id-567 .ib-cases .inbetween-public-cases__table td { gap: 6px !important; }
  body.page-id-567 .ib-cases .inbetween-public-cases__table td::before { content: attr(data-label) !important; display: inline-block !important; flex: none !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.4 !important; color: #868784 !important; letter-spacing: .5px !important; }
  body.page-id-567 .ib-cases .inbetween-public-cases__table td:nth-child(4)::before { content: "處理狀態" !important; }
  body.page-id-567 .ib-cases .inbetween-public-cases__table td:nth-child(1) { grid-area: date !important; font-size: 14px !important; }
  body.page-id-567 .ib-cases .inbetween-public-cases__table td:nth-child(2) { grid-area: no !important; font-size: 16px !important; font-weight: 700 !important; color: #3F5533 !important; }
  body.page-id-567 .ib-cases .inbetween-public-cases__table td:nth-child(3) { grid-area: type !important; justify-content: flex-end !important; font-size: 15px !important; }
  body.page-id-567 .ib-cases .inbetween-public-cases__table td:nth-child(4) { grid-area: status !important; justify-content: flex-end !important; }
}