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

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

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