.hou-dm-slider { position:relative; display:block; box-sizing:border-box; width:100%; max-width:1200px; height:var(--hou-dm-height,360px); margin:0 auto 24px; border-radius:14px; overflow:hidden; background:#f3f5f8; box-shadow:0 8px 24px rgba(9,24,47,.10); isolation:isolate; }
.hou-dm-slider * { box-sizing:border-box; }
.hou-dm-track, .hou-dm-item { position:absolute; inset:0; }
.hou-dm-item { opacity:0; visibility:hidden; transition:opacity .42s ease, visibility .42s ease; }
.hou-dm-item.is-active { opacity:1; visibility:visible; z-index:1; }
.hou-dm-item img, .hou-dm-item picture { display:block; width:100%; height:100%; }
.hou-dm-item img { object-fit:contain; object-position:center; }
.hou-dm-link { display:block; width:100%; height:100%; outline-offset:-3px; }
.hou-dm-arrow { position:absolute; top:50%; z-index:3; transform:translateY(-50%); background:rgba(12,24,38,.53); border:0; border-radius:99px; color:#fff; font:normal 38px/1 Arial,sans-serif; width:45px; height:45px; padding:0; display:grid; place-items:center; cursor:pointer; }
.hou-dm-prev { left:12px; } .hou-dm-next { right:12px; }
.hou-dm-arrow:hover,.hou-dm-arrow:focus-visible { background:rgba(12,24,38,.82); }
.hou-dm-dots { position:absolute; z-index:3; display:flex; gap:9px; align-items:center; justify-content:center; bottom:10px; left:50%; transform:translateX(-50%); background:rgba(0,0,0,.26); border-radius:30px; padding:7px 9px; }
.hou-dm-dot { flex:0 0 auto; width:11px; height:11px; padding:0; border-radius:999px; border:1px solid rgba(255,255,255,.92); background:rgba(255,255,255,.55); cursor:pointer; }
.hou-dm-dot.is-active,.hou-dm-dot[aria-current=true] { background:#fff; width:22px; }
.hou-dm-slider button:focus-visible { outline:3px solid #e9ad45; outline-offset:2px; }
@media(max-width:640px) {
 .hou-dm-slider { height:var(--hou-dm-height-mobile,270px); border-radius:10px; margin-bottom:16px; }
 .hou-dm-arrow { width:36px; height:36px; font-size:28px; }
 .hou-dm-prev { left:6px; } .hou-dm-next { right:6px; }
 .hou-dm-dots { gap:7px; bottom:8px; }
}
@media(prefers-reduced-motion:reduce) { .hou-dm-item { transition:none; } }
/* v1.1.0: 黑金介紹區與五分類頁籤之間的彈性廣告版位 */
.hou-dm-layout { display:grid; gap:12px; width:100%; max-width:1200px; margin:14px auto 20px; box-sizing:border-box; align-items:stretch; }
.hou-dm-layout * { box-sizing:border-box; }
.hou-dm-layout-split { grid-template-columns:minmax(0, 2.15fr) minmax(0, 1fr); }
.hou-dm-layout-double { grid-template-columns:repeat(2,minmax(0,1fr)); min-height:var(--hou-dm-height,360px); }
.hou-dm-layout .hou-dm-slider { margin:0; width:100%; height:var(--hou-dm-height,360px); }
.hou-dm-side { display:grid; grid-template-rows:repeat(2,minmax(0,1fr)); min-width:0; gap:12px; height:var(--hou-dm-height,360px); }
.hou-dm-side .hou-dm-fixed:only-child { grid-row:1/-1; }
.hou-dm-fixed { border-radius:14px; display:flex; align-items:center; justify-content:center; overflow:hidden; min-width:0; height:100%; background:#f3f5f8; border:1px solid #e5e7eb; box-shadow:0 8px 18px rgba(9,24,47,.07); }
.hou-dm-fixed img { width:100%; height:100%; object-fit:contain; display:block; }
.hou-dm-fixed-link { height:100%; width:100%; display:block; }
.hou-dm-layout-double .hou-dm-fixed { min-height:var(--hou-dm-height,360px); }
.hou-dm-html { padding:14px; overflow:auto; display:block; }
.hou-dm-html > :first-child { margin-top:0; }
.hou-dm-html > :last-child { margin-bottom:0; }
@media(max-width:700px){
 .hou-dm-layout { gap:10px; margin:10px auto 16px; }
 .hou-dm-layout-split, .hou-dm-layout-double { grid-template-columns:minmax(0,1fr); }
 .hou-dm-layout .hou-dm-slider { height:var(--hou-dm-height-mobile,270px); }
 .hou-dm-side { height:auto; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; gap:9px; }
 .hou-dm-side .hou-dm-fixed { height:180px; }
 .hou-dm-side .hou-dm-fixed:only-child { grid-column:1/-1; }
 .hou-dm-layout-double .hou-dm-fixed { height:var(--hou-dm-height-mobile,270px); min-height:0; }
}
.hou-dm-layout-sideonly { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hou-dm-layout-sideonly .hou-dm-fixed { height:var(--hou-dm-height,360px); }
@media(max-width:700px){.hou-dm-layout-sideonly{grid-template-columns:1fr}.hou-dm-layout-sideonly .hou-dm-fixed{height:var(--hou-dm-height-mobile,270px)}}
/* v1.2.0 — 清楚留白、使用真正長寬比例，不再靠固定 360px 裁成扁長條。 */
.hou-dm-slider {
  aspect-ratio:var(--hou-dm-ratio,16 / 9);
  height:auto;
  margin:28px auto 30px;
}
.hou-dm-layout {
  margin:28px auto 30px;
}
.hou-dm-layout .hou-dm-slider {
  aspect-ratio:var(--hou-dm-ratio,16 / 9);
  height:auto;
  margin:0;
}
.hou-dm-layout-split { align-items:stretch; }
.hou-dm-layout-split .hou-dm-side { height:100%; min-height:0; }
.hou-dm-layout-double { aspect-ratio:var(--hou-dm-ratio,16 / 9); min-height:0; }
.hou-dm-layout-double .hou-dm-fixed { height:100%; min-height:0; }
.hou-dm-layout-sideonly { aspect-ratio:var(--hou-dm-ratio,16 / 9); }
.hou-dm-layout-sideonly .hou-dm-fixed { height:100%; }
@media (max-width:700px) {
  .hou-dm-slider { aspect-ratio:16 / 9; height:auto; margin:20px auto 24px; }
  .hou-dm-layout { margin:20px auto 24px; }
  .hou-dm-layout .hou-dm-slider { aspect-ratio:16 / 9; height:auto; }
  .hou-dm-layout-split,.hou-dm-layout-double,.hou-dm-layout-sideonly { aspect-ratio:auto; }
  .hou-dm-layout-split .hou-dm-side { height:auto; }
  .hou-dm-layout-sideonly .hou-dm-fixed { min-height:0; aspect-ratio:16 / 9; height:auto; }
  .hou-dm-layout-double .hou-dm-fixed { aspect-ratio:16 / 9; height:auto; }
}