/* 產業應用：沿用甲版的明亮場景、柔和陰影與立體按鈕。 */
main h1,main h2,main h3,main p,main li{text-wrap:balance}
/* 長句在逗號處斷行，不在詞中間斷開。 */
.nobr{display:inline-block}

/* 頁首場景：不另加內距，頁首卡與其他分頁同高。 */
.page-hero__art{position:relative}
/* 麵包屑「首頁」：七頁共用的立體按鈕尺寸。 */
.breadcrumb a.btn{height:44px;padding:2px 16px 0;font-size:16px}
.breadcrumb a.btn:hover{text-decoration:none}

/* 場域快速切換：與安裝實績的分區切換列同一套尺寸，四顆同高。 */
.application-switch{padding-block:28px 0}
.application-switch__inner{display:flex;align-items:center;gap:clamp(24px,2.6vw,56px);padding-block:8px 24px;border-bottom:1px solid var(--line)}
.application-switch__inner>p{flex-shrink:0;color:var(--brand-d);font-weight:800}
.application-switch__links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;flex:1;min-width:0}
.application-jump{width:100%;height:60px}
.application-jump::after{content:"";width:8px;height:8px;margin-left:6px;margin-top:-5px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
/* 按切換鈕：場域停在頁首下方約 28px（抵銷共用的 scroll-padding 與區塊上內距）。 */
.application-scene{scroll-margin-top:calc(-84px - var(--sec-y) / 2)}

/* 圖文兩欄撐滿內容帶；文字依內容高度垂直置中對齊圖，不使用等高空卡。 */
.application-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(32px,3.5vw,80px)}
.application-visual{width:100%}
.application-visual .scene-img{width:100%;height:auto}
.application-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-width:0;width:100%}
.application-scene--reverse .application-visual{grid-column:2;grid-row:1}
.application-scene--reverse .application-copy{grid-column:1;grid-row:1}
.application-copy .sec-head{width:100%;gap:14px;margin-bottom:0}
.application-copy h3{line-height:1.5}
.application-problems{width:100%;padding-top:8px}
.application-pains{display:grid;gap:10px;margin-top:12px;color:var(--ink-2)}
.application-pains li{position:relative;padding-left:22px}
.application-pains li::before{content:"";position:absolute;left:1px;top:.66em;width:7px;height:7px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 0 4px var(--tint)}
.application-pains--short{display:flex;flex-wrap:wrap;gap:10px 32px}
.application-detail{width:100%;padding-top:22px;border-top:1px solid var(--line)}
.application-detail h3{margin-bottom:14px}
.application-equipment{gap:12px}
.application-equipment .chip{height:52px;min-height:52px;padding:6px 18px;font-size:clamp(17px,.85vw,20px);white-space:nowrap}
.application-cases{gap:12px}
.application-case{height:52px;padding-inline:18px;font-size:clamp(17px,.85vw,20px)}
.application-solution{padding-inline:28px;margin-top:2px}
.application-solution::after{content:"";width:8px;height:8px;margin-left:6px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}

@media(max-width:1199px){
  .application-switch__inner{flex-direction:column;align-items:stretch;gap:18px}
  .application-switch__links{gap:12px}
  .application-layout{gap:30px}
  .application-copy{gap:22px}
  .application-equipment .chip{padding-inline:14px}

}
@media(max-width:900px){
  .page-hero__card{grid-template-columns:minmax(0,1fr) auto;gap:24px}
  .application-scene{scroll-margin-top:calc(-16px - var(--sec-y) / 2)}
  /* 圖在上：場景台座改 4:3 撐滿內容帶，圖完整置中；文字左緣與其他區塊切齊。 */
  .application-layout{grid-template-columns:minmax(0,1fr);gap:32px}
  .application-visual,.application-copy,.application-scene--reverse .application-visual,.application-scene--reverse .application-copy{grid-column:1;grid-row:auto}
  .application-visual{display:flex;justify-content:center;aspect-ratio:4/3}
  .application-visual .scene-img{width:auto;height:100%}

}
@media(max-width:600px){
  .application-scene{scroll-margin-top:50px}
  /* 切換列：四顆排成一列，頁首卡與第一個場域之間不留一大段。 */
  .application-switch{padding-top:24px}
  .application-switch__inner{gap:12px;padding-block:0 20px}
  .application-switch__links{gap:8px}
  .application-jump{height:56px;padding-inline:4px;font-size:clamp(15px,4.4vw,17px)}
  .application-jump::after{content:none}
  /* 手機的場景圖改回正方形撐滿寬度。 */
  .application-visual{display:block;aspect-ratio:auto}
  .application-visual .scene-img{width:100%;height:auto}
  .application-layout{gap:28px}
  .application-copy{gap:22px}
  .application-copy .sec-head{gap:12px}
  .application-pains--short{gap:10px 24px}
  .application-detail{padding-top:20px}
  .application-equipment,.application-cases{gap:12px 10px}
  /* 設備標籤排成兩欄等寬，左右緣切齊；案例鈕撐滿整列。 */
  .application-equipment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .application-equipment .chip{width:100%;height:52px;padding-inline:10px;font-size:17px}
  .application-case{flex:1 1 auto;height:52px;padding-inline:14px;font-size:17px}
  .application-solution{width:100%;padding-inline:18px}

}
@media(min-width:1921px){
  .application-scene{scroll-margin-top:calc(-72px - var(--sec-y) / 2)}
  /* 寬螢幕：圖欄放寬、場景台座改 4:3 寬版，圖完整置中；文字欄收窄貼近圖，不讓文字與圖之間空一大片。 */
  .application-layout{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
  .application-scene--reverse .application-layout{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
  .application-visual{display:flex;justify-content:center;aspect-ratio:4/3}
  .application-visual .scene-img{width:auto;height:100%}
  .application-copy{gap:28px}
  .application-copy .sec-head{gap:16px}
  .application-pains{font-size:22px}
  .application-detail{padding-top:28px}
  .application-detail h3{margin-bottom:16px}
  .application-equipment .chip,.application-case{height:56px;min-height:56px;padding-inline:22px;font-size:19px}

}