/* ---------- 全熱交換器氣流動畫（index/theme/erv.js，捲到附近才載入） ---------- */
.erv-sec{--erv-bg:#FAF7EF;--erv-card:#FFFFFF;--erv-line:#E6DFC9;--erv-ink:#1D2A36;--erv-ink2:#45525E;--erv-mute:#7A8590;--erv-blue:#2C6AA8;
  --erv-serif:'Noto Serif TC',serif;--erv-sans:'Noto Sans TC',sans-serif;--erv-mono:'IBM Plex Mono',ui-monospace,'Noto Sans TC',monospace;
  --erv-gut:clamp(16px,4vw,48px);
  padding:clamp(56px,8vw,112px) 0 0;background:var(--erv-bg);color:var(--erv-ink)}
.erv-head{max-width:1180px;margin:0 auto;padding:0 var(--erv-gut)}
.erv-label{display:flex;align-items:center;gap:12px;margin:0;font:500 14px/1.5 var(--erv-mono);letter-spacing:.06em;color:var(--erv-blue)}
.erv-label::before{content:"";width:28px;height:2px;background:var(--erv-blue)}
.erv-h2{font:700 clamp(28px,3.2vw,46px)/1.3 var(--erv-serif);margin:14px 0 0;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.erv-lead{margin:18px 0 0;max-width:40em;font:400 16px/1.85 var(--erv-sans);color:var(--erv-ink2)}
.erv-cue-rm,html.rm .erv-cue-mo{display:none}html.rm .erv-cue-rm{display:inline}

.erv-show{position:relative;height:420vh;margin-top:clamp(32px,5vw,56px)}
.erv-stage{--erv-dock:0px;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--erv-bg);display:flex;align-items:center;gap:clamp(24px,4vw,64px);
  padding:clamp(24px,4vh,48px) var(--erv-gut) calc(clamp(24px,4vh,48px) + var(--erv-dock));border-top:1px solid var(--erv-line);border-bottom:1px solid var(--erv-line)}
.erv-caps{flex:0 0 min(400px,34%);display:grid}
.erv-cap{grid-area:1/1;opacity:0;visibility:hidden}
.erv-cap:first-child{opacity:1;visibility:visible}
.erv-n{font:500 14px/1.5 var(--erv-mono);letter-spacing:.06em;color:var(--erv-blue);margin:0}
.erv-warn .erv-n{color:#B23A2E}
.erv-cap h3{font:700 clamp(22px,2.2vw,30px)/1.4 var(--erv-serif);margin:10px 0 0;color:var(--erv-ink);word-break:keep-all;overflow-wrap:anywhere}
.erv-cap p:not(.erv-n){margin:12px 0 0;font:400 16px/1.8 var(--erv-sans);color:var(--erv-ink2)}
.erv-cap .erv-badge{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:8px 14px;border:1px solid currentColor;border-radius:4px;background:var(--erv-card);font:600 16px/1.5 var(--erv-serif);opacity:0}
.erv-badge.bad{color:#B23A2E!important}.erv-badge.good{color:#2F7A4F!important}
.erv-badge i{font-style:normal;flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:14px;line-height:1}
.erv-badge.bad i{background:#B23A2E}.erv-badge.good i{background:#2F7A4F}
.erv-art{flex:1;align-self:stretch;position:relative;min-width:0;min-height:0}
.erv-art svg,.erv-fig svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.erv-sec text{font-family:var(--erv-sans)}
html.erv-pin #nav{transform:translateY(-100%)!important}
html.erv-pin .float-btns{opacity:0;pointer-events:none}
@media (max-width:768px){
  html.has-dock .erv-stage{--erv-dock:calc(66px + env(safe-area-inset-bottom,0px))}
  .erv-stage{flex-direction:column;align-items:stretch;gap:10px;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(12px + var(--erv-dock))}
  .erv-caps{flex:none}
  .erv-cap h3{font-size:21px}
  .erv-cap p:not(.erv-n){font-size:15px;margin-top:8px;line-height:1.7}
  .erv-cap .erv-badge{margin-top:10px;font-size:15px;padding:6px 12px}
}
/* 減少動態／沒有 JS：五段直接排開，每段前面一張靜態圖 */
.erv-show.erv-rm,html.rm .erv-show{height:auto}
.erv-show.erv-rm .erv-stage,html.rm .erv-stage{position:static;height:auto;display:block;padding-top:clamp(32px,5vw,56px);padding-bottom:clamp(32px,5vw,56px);border-bottom:0}
.erv-show.erv-rm .erv-art,html.rm .erv-art{display:none}
.erv-show.erv-rm .erv-caps,html.rm .erv-caps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:48px 40px;max-width:1180px;margin:0 auto}
.erv-show.erv-rm .erv-cap,html.rm .erv-cap{grid-area:auto;opacity:1!important;visibility:visible!important;transform:none!important}
.erv-show.erv-rm .erv-badge,html.rm .erv-badge{opacity:1!important}
.erv-fig{position:relative;aspect-ratio:640/560;margin-top:20px;border:1px solid var(--erv-line);background:var(--erv-card)}

/* 手機：圖照實際比例，標題＋圖整組垂直置中（評審 11-03：圖下方空 500～700px） */
@media (max-width:768px){.erv-stage{justify-content:center}.erv-art{flex:0 1 auto;width:100%;aspect-ratio:640/560}}
