/* ══════════════════════════════════════════════════════════════════
   HOLY-AN 和安實業 · 廣告到達頁家族共用樣式（14 頁 × 14 語言）
   Art direction:「工業型錄 × 規格書」
   - Display: Noto Serif TC 900 ／ 技術編碼: Chakra Petch ／ 內文: Noto Sans TC
   - 暖紙面 canvas + 深墨藍 ink + 品牌藍綠 teal + 珊瑚紅點綴
   - 規格線 hairline、十字定位標記、型號章、區段編號
   All selectors are prefixed .hy- to avoid colliding with platform globals.
   ══════════════════════════════════════════════════════════════════ */
:root{
  --hy-ink:#16233c;
  --hy-ink-2:#22375c;
  --hy-ink-soft:#3d4d6b;
  --hy-paper:#f5f3ee;
  --hy-paper-2:#edeae2;
  --hy-card:#fdfcfa;
  --hy-steel:#66707f;
  --hy-teal:#0f9e92;
  --hy-teal-dk:#0a7168;
  --hy-coral:#d94f3d;
  --hy-rule:rgba(22,35,60,.16);
  --hy-rule-soft:rgba(22,35,60,.09);
  --hy-serif:"Noto Serif TC","Songti TC",serif;
  --hy-sans:"Noto Sans TC","PingFang TC",sans-serif;
  --hy-tech:"Chakra Petch","Noto Sans TC",monospace;
  --hy-maxw:1180px;
}
html[data-locale="en"],html[data-locale="vi"],html[data-locale="id"],html[data-locale="ms"],
html[data-locale="de"],html[data-locale="fr"],html[data-locale="pt"],html[data-locale="es"],html[data-locale="ru"]{
  --hy-serif:"Noto Serif","Noto Serif TC",serif;
  --hy-sans:"Noto Sans","Noto Sans TC",sans-serif;
}
html[data-locale="ja"]{--hy-serif:"Noto Serif JP",serif;--hy-sans:"Noto Sans JP",sans-serif}
html[data-locale="ko"]{--hy-serif:"Noto Serif KR",serif;--hy-sans:"Noto Sans KR",sans-serif}
html[data-locale="th"]{--hy-serif:"Noto Serif Thai",serif;--hy-sans:"Noto Sans Thai",sans-serif}
html[data-locale="hi"]{--hy-serif:"Noto Serif Devanagari",serif;--hy-sans:"Noto Sans Devanagari",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.hy-body{
  margin:0;background:var(--hy-paper);color:var(--hy-ink);
  font-family:var(--hy-sans);font-size:16px;line-height:1.75;
  -webkit-font-smoothing:antialiased;
  background-image:
    linear-gradient(var(--hy-rule-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--hy-rule-soft) 1px, transparent 1px);
  background-size:72px 72px;
  background-position:center top;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--hy-teal-dk)}
.hy-wrap{max-width:var(--hy-maxw);margin:0 auto;padding:0 22px}

/* ── 頂部導覽 ─────────────────────────────────────────────── */
.hy-topbar{
  position:sticky;top:0;z-index:60;background:rgba(253,252,250,.94);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border-bottom:1px solid var(--hy-rule);
}
.hy-topbar .hy-wrap{display:flex;align-items:center;gap:18px;min-height:62px}
.hy-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
/* 官方註冊商標（gen 高清重繪版，勿以文字字標取代） */
.hy-brand img{height:36px;width:auto;display:block}
.hy-brand span{font-family:var(--hy-serif);font-weight:700;font-size:15px;color:var(--hy-ink-2)}
/* 較長語系以註冊圖形商標識別品牌，避免超寬桌機的短導覽仍產生內部捲動。 */
html[data-locale="vi"] .hy-brand span,html[data-locale="id"] .hy-brand span,
html[data-locale="ms"] .hy-brand span,html[data-locale="th"] .hy-brand span,
html[data-locale="de"] .hy-brand span,html[data-locale="fr"] .hy-brand span,
html[data-locale="pt"] .hy-brand span,html[data-locale="es"] .hy-brand span,
html[data-locale="ru"] .hy-brand span{display:none}
.hy-nav{display:flex;align-items:center;gap:2px;margin-left:auto;overflow-x:auto;padding-right:14px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;
  mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);}
.hy-nav::-webkit-scrollbar{display:none}
.hy-nav a{
  flex:none;scroll-snap-align:center;text-decoration:none;color:var(--hy-ink-soft);
  font-size:14.5px;font-weight:500;padding:8px 12px;border-radius:4px;line-height:1.2;
  transition:color .15s,background .15s;
}
.hy-nav a:hover{color:var(--hy-teal-dk);background:var(--hy-paper-2)}
.hy-nav a[aria-current="page"]{color:var(--hy-ink);font-weight:700;box-shadow:inset 0 -2px 0 var(--hy-teal)}
.hy-nav .hy-nav-cta{
  color:#fff;background:var(--hy-ink);font-weight:700;border-radius:4px;margin-left:6px;
}
.hy-nav .hy-nav-cta:hover{background:var(--hy-teal-dk);color:#fff}

/* ── 頁首「更多 ☰」下拉（專業知識與熱門產品指南）──────────── */
.hy-more{position:relative;flex:none;margin-left:2px}
.hy-more summary{
  list-style:none;display:grid;place-items:center;width:40px;height:40px;
  border:1px solid var(--hy-rule);border-radius:4px;color:var(--hy-ink);
  cursor:pointer;transition:background .15s,border-color .15s,color .15s;
  -webkit-tap-highlight-color:transparent;
}
.hy-more summary::-webkit-details-marker{display:none}
.hy-more summary:hover{background:var(--hy-paper-2);border-color:rgba(15,158,146,.5);color:var(--hy-teal-dk)}
.hy-more summary:focus-visible{outline:3px solid var(--hy-teal);outline-offset:2px}
.hy-more[open] summary{background:var(--hy-ink);border-color:var(--hy-ink);color:#fff}
.hy-more-menu{
  position:absolute;right:0;top:calc(100% + 10px);z-index:70;
  min-width:240px;background:var(--hy-card);border:1px solid var(--hy-rule);
  box-shadow:0 18px 42px rgba(22,35,60,.16);padding:8px;
  max-height:min(76vh,620px);overflow-y:auto;overscroll-behavior:contain;
}
.hy-more-menu::before{
  content:"";position:absolute;top:-1px;right:-1px;width:11px;height:11px;
  border-top:2px solid var(--hy-teal);border-right:2px solid var(--hy-teal);
}
.hy-more-head{
  display:block;font-family:var(--hy-tech);font-size:11px;font-weight:600;
  letter-spacing:.22em;color:var(--hy-teal-dk);padding:8px 12px 6px;
}
.hy-more-head:not(:first-child){border-top:1px solid var(--hy-rule-soft);margin-top:6px;padding-top:13px}
.hy-more-menu a{
  display:block;padding:9px 12px;text-decoration:none;color:var(--hy-ink-2);
  font-size:14.5px;line-height:1.4;border-radius:4px;
}
.hy-more-menu a:hover{background:var(--hy-paper-2);color:var(--hy-teal-dk)}
.hy-more-menu a[aria-current="page"]{color:var(--hy-ink);font-weight:700;box-shadow:inset 3px 0 0 var(--hy-teal)}

/* ── 14 語言切換：工業規格銘牌式緊湊控制 ────────────────── */
.hy-language{position:relative;flex:none}
.hy-language summary{
  list-style:none;display:flex;align-items:center;gap:7px;min-height:40px;max-width:132px;
  padding:0 11px;border:1px solid var(--hy-rule);border-radius:4px;background:var(--hy-card);
  color:var(--hy-ink);font-family:var(--hy-tech),var(--hy-sans);font-size:12px;font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;
}
.hy-language summary::before{content:"◎";color:var(--hy-teal-dk);font-size:15px;line-height:1}
.hy-language summary::after{content:"▾";color:var(--hy-steel);font-size:10px;margin-left:auto}
.hy-language summary::-webkit-details-marker{display:none}
.hy-language summary:hover{border-color:rgba(15,158,146,.55);background:var(--hy-paper-2)}
.hy-language summary:focus-visible{outline:3px solid var(--hy-teal);outline-offset:2px}
.hy-language[open] summary{background:var(--hy-ink);border-color:var(--hy-ink);color:#fff}
.hy-language[open] summary::before,.hy-language[open] summary::after{color:#7fe0d6}
.hy-language-menu{
  position:absolute;right:0;top:calc(100% + 10px);z-index:72;width:min(420px,calc(100vw - 32px));
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:8px;
  background:var(--hy-card);border:1px solid var(--hy-rule);box-shadow:0 18px 42px rgba(22,35,60,.18);
}
.hy-language-menu::before{content:"";position:absolute;top:-1px;right:-1px;width:11px;height:11px;border-top:2px solid var(--hy-teal);border-right:2px solid var(--hy-teal)}
.hy-language-menu a{display:block;padding:9px 11px;border-radius:3px;text-decoration:none;color:var(--hy-ink-2);font-size:13px;line-height:1.35}
.hy-language-menu a:hover{background:var(--hy-paper-2);color:var(--hy-teal-dk)}
.hy-language-menu a[aria-current="true"]{font-weight:700;background:rgba(15,158,146,.1);box-shadow:inset 3px 0 0 var(--hy-teal)}

/* ── Hero ─────────────────────────────────────────────────── */
.hy-hero{position:relative;color:#fff;overflow:hidden;background:var(--hy-ink)}
.hy-hero-media,.hy-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hy-hero-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(78deg,rgba(13,23,44,.92) 0%,rgba(13,23,44,.78) 34%,rgba(13,23,44,.34) 68%,rgba(13,23,44,.55) 100%);
}
.hy-hero-inner{position:relative;z-index:2;padding:92px 0 76px}
.hy-hero-code{
  font-family:var(--hy-tech);font-size:13px;letter-spacing:.28em;color:#79d6cd;
  text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:18px;
}
.hy-hero-code::before{content:"";width:34px;height:1px;background:#79d6cd}
.hy-hero h1{
  font-family:var(--hy-serif);font-weight:900;margin:0 0 14px;
  font-size:clamp(30px,5.2vw,54px);line-height:1.22;letter-spacing:.02em;
  text-wrap:balance;max-width:15em;
}
.hy-hero h1 em{font-style:normal;color:#7fe0d6}
html[data-locale]:not([data-locale="zh-Hant"]):not([data-locale="ja"]):not([data-locale="ko"]) .hy-hero h1{
  font-size:clamp(30px,4.4vw,48px);line-height:1.18;max-width:18em
}
.hy-hero-sub{max-width:34em;font-size:clamp(15px,1.7vw,18px);color:rgba(255,255,255,.86);margin:0 0 30px}
.hy-hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
.hy-btn{
  display:inline-flex;align-items:center;gap:9px;text-decoration:none;
  font-weight:700;font-size:16px;line-height:1;padding:14px 22px;border-radius:4px;
  transition:transform .16s,box-shadow .16s,background .16s;
}
.hy-btn:active{transform:translateY(1px)}
.hy-btn-line{background:#06C755;color:#fff !important;box-shadow:0 8px 22px rgba(6,199,85,.3)}
.hy-btn-line:hover{background:#05b34c}
.hy-btn-ghost{border:1px solid rgba(255,255,255,.55);color:#fff !important}
.hy-btn-ghost:hover{background:rgba(255,255,255,.12)}
.hy-btn-ink{background:var(--hy-ink);color:#fff !important}
.hy-btn-ink:hover{background:var(--hy-teal-dk)}
.hy-btn svg{flex:none}
.hy-hero-meta{
  position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.22);
  background:rgba(10,18,36,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
.hy-hero-meta .hy-wrap{display:flex;flex-wrap:wrap;gap:0 38px;padding-top:13px;padding-bottom:13px}
.hy-hero-meta b{font-family:var(--hy-tech);font-weight:600;font-size:13.5px;letter-spacing:.06em;color:#8fd9d2}
.hy-hero-meta span{font-size:13.5px;color:rgba(255,255,255,.82)}

/* ── 區段標頭（規格書式）────────────────────────────────── */
.hy-sec{padding:74px 0 20px}
.hy-sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom:8px}
.hy-sec-code{font-family:var(--hy-tech);font-weight:600;font-size:13px;letter-spacing:.22em;color:var(--hy-teal-dk)}
.hy-sec h2{font-family:var(--hy-serif);font-weight:900;font-size:clamp(24px,3.4vw,34px);margin:0;letter-spacing:.02em}
.hy-sec-rule{height:1px;background:var(--hy-rule);position:relative;margin:14px 0 8px}
.hy-sec-rule::before{content:"";position:absolute;left:0;top:-1px;width:64px;height:3px;background:var(--hy-teal)}
.hy-sec-lead{max-width:46em;color:var(--hy-ink-soft);font-size:16.5px;margin:10px 0 0}

/* ── 產品規格卡 ───────────────────────────────────────────── */
.hy-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:26px 0 8px}
.hy-card{
  position:relative;background:var(--hy-card);border:1px solid var(--hy-rule);
  display:flex;flex-direction:column;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.hy-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(22,35,60,.13);border-color:rgba(15,158,146,.45)}
.hy-card::before,.hy-card::after{
  content:"";position:absolute;width:11px;height:11px;pointer-events:none;opacity:.65;
}
.hy-card::before{top:-1px;left:-1px;border-top:2px solid var(--hy-teal);border-left:2px solid var(--hy-teal)}
.hy-card::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--hy-teal);border-right:2px solid var(--hy-teal)}
.hy-card-img{aspect-ratio:1/1;overflow:hidden;background:#efeee9;border-bottom:1px solid var(--hy-rule-soft)}
.hy-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.hy-card:hover .hy-card-img img{transform:scale(1.035)}
.hy-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:9px;flex:1}
.hy-chip{
  align-self:flex-start;font-family:var(--hy-tech);font-weight:600;font-size:12px;
  letter-spacing:.12em;color:#fff;background:var(--hy-ink);padding:4px 9px;border-radius:3px;
}
.hy-card h3{font-family:var(--hy-serif);font-weight:700;font-size:19.5px;margin:0;line-height:1.4}
.hy-card p{margin:0;font-size:14.5px;color:var(--hy-ink-soft)}
.hy-spec{margin:2px 0 0;padding:0;list-style:none;font-size:13.8px;color:var(--hy-ink-soft)}
.hy-spec li{display:flex;gap:8px;padding:4px 0;border-top:1px dashed var(--hy-rule-soft)}
.hy-spec li::before{content:"▸";color:var(--hy-teal);flex:none}

/* ── 主打單機展示 ────────────────────────────────────────── */
.hy-featured-machine{
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  margin:30px 0 0;background:var(--hy-card);border:1px solid var(--hy-rule);
  box-shadow:0 18px 44px rgba(22,35,60,.09);position:relative;scroll-margin-top:84px;
}
.hy-featured-machine::before{
  content:"";position:absolute;inset:-1px auto auto -1px;width:72px;height:4px;background:var(--hy-teal);
}
.hy-featured-media{position:relative;min-height:520px;background:#efeee9;overflow:hidden;border-right:1px solid var(--hy-rule)}
.hy-featured-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.hy-featured-media--catalog{min-height:0;aspect-ratio:4/3}
.hy-featured-mark{
  position:absolute;left:16px;bottom:16px;background:rgba(22,35,60,.9);color:#fff;
  font-family:var(--hy-tech);font-size:11.5px;font-weight:600;letter-spacing:.16em;padding:7px 10px;
}
.hy-featured-copy{padding:34px 34px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hy-featured-copy h3{font-family:var(--hy-serif);font-size:clamp(26px,3.3vw,38px);line-height:1.3;margin:12px 0 8px}
.hy-featured-lead{margin:0;color:var(--hy-ink-soft);font-size:15.5px}
.hy-featured-stats{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin:22px 0 18px;border-block:1px solid var(--hy-rule)}
.hy-featured-stats div{padding:13px 12px;border-left:1px solid var(--hy-rule-soft)}
.hy-featured-stats div:first-child{border-left:0;padding-left:0}
.hy-featured-stats b{display:block;font-family:var(--hy-tech);font-size:22px;line-height:1.2;color:var(--hy-teal-dk)}
.hy-featured-stats b.hy-stat-long{font-size:clamp(14px,1.7vw,18px);white-space:nowrap}
.hy-featured-stats span{display:block;font-size:11.5px;color:var(--hy-steel);margin-top:4px}
.hy-featured-points{margin:0 0 22px;padding:0;list-style:none;color:var(--hy-ink-soft);font-size:14px;width:100%}
.hy-featured-points li{padding:5px 0 5px 20px;border-top:1px dashed var(--hy-rule-soft);position:relative}
.hy-featured-points li::before{content:"✓";position:absolute;left:0;color:var(--hy-teal-dk);font-weight:700}
.hy-machine-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--hy-rule);border-top:0;background:var(--hy-card)}
.hy-machine-specs div{padding:13px 16px;border-top:1px solid var(--hy-rule-soft);border-left:1px solid var(--hy-rule-soft)}
.hy-machine-specs div:nth-child(3n+1){border-left:0}
.hy-machine-specs dt{font-family:var(--hy-tech);font-size:11.5px;font-weight:600;letter-spacing:.06em;color:var(--hy-steel)}
.hy-machine-specs dd{margin:3px 0 0;font-size:14px;font-weight:700;color:var(--hy-ink-2)}
.hy-spec-note{margin:10px 0 8px;font-size:12.5px;color:var(--hy-steel);line-height:1.7}

/* ── 供應清單 chips ───────────────────────────────────────── */
.hy-chips{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0 8px}
.hy-chips span{
  border:1px solid var(--hy-rule);background:var(--hy-card);color:var(--hy-ink-2);
  font-size:14px;padding:7px 13px;border-radius:999px;line-height:1.3;
}
.hy-chips span b{color:var(--hy-teal-dk);font-weight:700}

/* ── AEO 直答盒 ───────────────────────────────────────────── */
.hy-answer{
  background:var(--hy-card);border:1px solid var(--hy-rule);border-left:4px solid var(--hy-teal);
  padding:14px 18px;margin:18px 0 6px;font-size:16px;line-height:1.85;color:var(--hy-ink);
  max-width:46em;
}
.hy-answer span{
  font-family:var(--hy-tech);font-size:11.5px;font-weight:700;letter-spacing:.2em;
  color:#fff;background:var(--hy-teal);border-radius:3px;padding:2px 8px;margin-right:10px;
  position:relative;top:-1px;
}
.hy-safety-note{max-width:none;border-left-color:#b64232;background:#fff8f5}
.hy-safety-note span{background:#b64232}
.hy-source-note{margin:0 0 24px;color:var(--hy-muted);font-size:12.5px;line-height:1.7}
.hy-source-note a{color:var(--hy-teal-dk);text-decoration:underline;text-underline-offset:2px}

/* ── 規格表 ───────────────────────────────────────────────── */
.hy-tblwrap{overflow-x:auto;margin:20px 0 8px;border:1px solid var(--hy-rule);background:var(--hy-card)}
.hy-tbl{border-collapse:collapse;width:100%;font-size:14.5px;min-width:560px}
.hy-tbl caption{
  text-align:left;font-family:var(--hy-tech);font-size:12px;font-weight:600;letter-spacing:.14em;
  color:var(--hy-teal-dk);padding:12px 16px 4px;
}
.hy-tbl th,.hy-tbl td{border-top:1px solid var(--hy-rule-soft);padding:10px 16px;text-align:left;vertical-align:top;line-height:1.7}
.hy-tbl thead th{
  font-family:var(--hy-tech),var(--hy-sans);font-size:12.5px;letter-spacing:.08em;color:var(--hy-ink-soft);
  border-bottom:1px solid var(--hy-rule);white-space:nowrap;
}
.hy-tbl tbody th{font-weight:700}
.hy-tbl td b{color:var(--hy-teal-dk)}

/* ── FAQ ─────────────────────────────────────────────────── */
.hy-faq{display:grid;gap:14px;padding:22px 0 8px;max-width:52em}
.hy-faq-item{background:var(--hy-card);border:1px solid var(--hy-rule);padding:16px 20px}
.hy-faq-item h3{
  font-family:var(--hy-serif);font-weight:700;font-size:17px;margin:0 0 6px;line-height:1.5;
  display:flex;gap:10px;
}
.hy-faq-item h3::before{content:"Q";font-family:var(--hy-tech);color:var(--hy-teal);flex:none;font-weight:700}
.hy-faq-item p{margin:0;font-size:14.5px;color:var(--hy-ink-soft);padding-left:24px}

/* ── 延伸閱讀卡 ───────────────────────────────────────────── */
.hy-reads{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:22px 0 8px}
.hy-read{
  display:flex;flex-direction:column;gap:7px;background:var(--hy-card);border:1px solid var(--hy-rule);
  padding:18px 20px;text-decoration:none;color:var(--hy-ink);
  transition:transform .18s,box-shadow .18s,border-color .18s;
}
.hy-read:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(22,35,60,.12);border-color:rgba(15,158,146,.5)}
.hy-read-tag{font-family:var(--hy-tech);font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--hy-teal-dk)}
.hy-read strong{font-family:var(--hy-serif);font-size:17.5px;line-height:1.5;font-weight:700}
.hy-read-p{font-size:13.5px;color:var(--hy-ink-soft);line-height:1.7}
.hy-read-go{font-size:13.5px;font-weight:700;color:var(--hy-teal-dk);margin-top:auto}

/* ── 文章頁排版 ───────────────────────────────────────────── */
.hy-article{max-width:820px}
.hy-article .hy-sec{padding:46px 0 8px}
.hy-article p{max-width:44em}
.hy-article ul{max-width:44em}
.hy-article ol{max-width:44em}
.hy-prose p{margin:12px 0;color:var(--hy-ink);font-size:15.8px}
.hy-prose li{margin:7px 0;line-height:1.85}
.hy-prose li::marker{color:var(--hy-teal)}
.hy-cta-band{
  background:var(--hy-card);border:1px solid var(--hy-rule);border-left:4px solid var(--hy-teal);
  padding:20px 22px;margin:34px 0 8px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
}
.hy-cta-band p{margin:0;font-size:15px;max-width:30em}
.hy-cta-band .hy-btn{flex:none}

/* ── 四產品線 tile（主頁）─────────────────────────────────── */
.hy-tiles{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:26px 0 8px}
.hy-tile{
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:300px;color:#fff;text-decoration:none;overflow:hidden;border:1px solid var(--hy-rule);
}
.hy-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.hy-tile:hover img{transform:scale(1.05)}
.hy-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,23,44,.05) 30%,rgba(13,23,44,.86) 100%)}
.hy-tile-body{position:relative;z-index:2;padding:20px}
.hy-tile-code{font-family:var(--hy-tech);font-size:11.5px;letter-spacing:.24em;color:#7fe0d6}
.hy-tile h3{font-family:var(--hy-serif);font-weight:900;font-size:22px;margin:6px 0 4px;color:#fff}
.hy-tile p{margin:0;font-size:13.5px;color:rgba(255,255,255,.85)}
.hy-tile-go{
  position:absolute;top:14px;right:14px;z-index:2;width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(255,255,255,.6);display:grid;place-items:center;
  font-family:var(--hy-tech);font-size:15px;transition:background .2s;
}
.hy-tile:hover .hy-tile-go{background:var(--hy-teal);border-color:var(--hy-teal)}

/* ── 流程 / 兩部門 ───────────────────────────────────────── */
.hy-steps{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));padding:26px 0 8px;counter-reset:hy-step}
.hy-step{background:var(--hy-card);border:1px solid var(--hy-rule);padding:20px;position:relative;counter-increment:hy-step}
.hy-step::before{
  content:counter(hy-step,decimal-leading-zero);
  font-family:var(--hy-tech);font-weight:700;font-size:30px;color:var(--hy-teal);
  display:block;margin-bottom:8px;letter-spacing:.05em;
}
.hy-step h3{font-family:var(--hy-serif);font-size:18.5px;font-weight:700;margin:0 0 6px}
.hy-step p{margin:0;font-size:14px;color:var(--hy-ink-soft)}

/* ── 信任帶（統編／年份）────────────────────────────────── */
.hy-trust{border-block:1px solid var(--hy-rule);background:var(--hy-card)}
.hy-trust .hy-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0}
.hy-trust div{padding:20px 18px;border-left:1px solid var(--hy-rule-soft)}
.hy-trust div:first-child{border-left:none}
.hy-trust b{font-family:var(--hy-tech);font-weight:700;font-size:21px;color:var(--hy-ink);display:block;letter-spacing:.03em}
.hy-trust span{font-size:13px;color:var(--hy-steel);letter-spacing:.05em}

/* ── 聯絡區（深墨藍）─────────────────────────────────────── */
.hy-contact{background:var(--hy-ink);color:#fff;margin-top:80px;position:relative;overflow:hidden}
.hy-contact::before{
  content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
  background:
    radial-gradient(at 85% 10%,rgba(15,158,146,.28),transparent 55%),
    radial-gradient(at 8% 95%,rgba(34,55,92,.7),transparent 60%);
}
.hy-contact .hy-wrap{position:relative;z-index:2;padding-top:66px;padding-bottom:56px}
.hy-contact .hy-sec-code{color:#7fe0d6}
.hy-contact h2{font-family:var(--hy-serif);font-weight:900;font-size:clamp(24px,3.4vw,34px);margin:6px 0 8px;color:#fff}
.hy-contact-lead{color:rgba(255,255,255,.82);max-width:40em;margin:0 0 30px}
.hy-contact-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.hy-dept{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);padding:22px}
.hy-dept-tag{font-family:var(--hy-tech);font-size:12px;letter-spacing:.2em;color:#7fe0d6;text-transform:uppercase}
.hy-dept h3{font-family:var(--hy-serif);font-weight:700;font-size:21px;margin:6px 0 4px;color:#fff}
.hy-dept p{margin:0 0 14px;font-size:14px;color:rgba(255,255,255,.75)}
.hy-dept-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hy-dept-qr{background:#fff;padding:6px;border-radius:6px;width:96px;height:96px;flex:none}
.hy-dept-qr img{width:100%;height:100%;image-rendering:pixelated}
.hy-dept-btns{display:flex;flex-direction:column;gap:9px;min-width:0}
.hy-addr{border-top:1px solid rgba(255,255,255,.18);margin-top:30px;padding-top:22px;
  display:flex;flex-wrap:wrap;gap:10px 34px;font-size:14.5px;color:rgba(255,255,255,.85)}
.hy-addr b{color:#7fe0d6;font-weight:600;font-family:var(--hy-tech);letter-spacing:.05em}
.hy-addr a{color:#fff}

/* ── 頁尾 ─────────────────────────────────────────────────── */
.hy-foot{background:#0d1626;color:rgba(255,255,255,.74);font-size:12.5px}
.hy-foot .hy-wrap{padding-top:18px;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));
  display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center}
.hy-foot a{color:rgba(255,255,255,.78);text-decoration:none}
.hy-foot a:hover{text-decoration:underline}
.hy-foot .hy-ad-tag{
  border:1px solid rgba(255,255,255,.35);border-radius:3px;padding:1px 7px;
  font-size:11.5px;letter-spacing:.14em;flex:none;
}

/* ── Reveal 動效（🔴 只在 <html class="hy-js"> 時才隱藏：
      無 JS／爬蟲環境不套 opacity:0，內容永遠可讀）──────────── */
.hy-js .hy-rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.hy-js .hy-rv.hy-in{opacity:1;transform:none}
.hy-hero .hy-rv{transition-duration:.8s}
@media (prefers-reduced-motion:reduce){
  .hy-rv{opacity:1 !important;transform:none !important;transition:none !important}
  .hy-card,.hy-card-img img,.hy-tile img{transition:none !important}
}

/* ── 手機固定底部導覽列（桌機隱藏；≤760px 取代頁首五連結）── */
.hy-bottom-nav{display:none}
@media print{.hy-bottom-nav{display:none !important}}

/* ── RWD ─────────────────────────────────────────────────── */
@media (max-width:760px){
  .hy-hero-inner{padding:64px 0 52px}
  .hy-sec{padding:56px 0 14px}
  .hy-featured-machine{grid-template-columns:1fr}
  .hy-featured-media{min-height:0;aspect-ratio:1/1;border-right:0;border-bottom:1px solid var(--hy-rule)}
  .hy-featured-media--catalog{aspect-ratio:4/3}
  .hy-featured-copy{padding:26px 24px 24px}
  .hy-machine-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hy-machine-specs div:nth-child(3n+1){border-left:1px solid var(--hy-rule-soft)}
  .hy-machine-specs div:nth-child(2n+1){border-left:0}
  .hy-trust .hy-wrap{grid-template-columns:repeat(2,1fr)}
  .hy-trust div:nth-child(3){border-left:none;border-top:1px solid var(--hy-rule-soft)}
  .hy-trust div:nth-child(4){border-top:1px solid var(--hy-rule-soft)}
  .hy-hero-meta .hy-wrap{gap:4px 22px}

  /* 頁首留品牌＋聯絡詢價＋更多☰；五個頁面連結移到底部導覽列 */
  .hy-more summary{width:38px;height:38px}
  .hy-more-menu{min-width:220px}
  .hy-topbar .hy-wrap{gap:8px}
  .hy-language{margin-left:auto}
  .hy-language summary{width:40px;max-width:40px;padding:0;justify-content:center;font-size:0}
  .hy-language summary::before{font-size:17px}
  .hy-language summary::after{display:none}
  .hy-language-menu{position:fixed;top:70px;left:12px;right:12px;width:auto}
  .hy-brand img{height:28px}
  .hy-nav a:not(.hy-nav-cta){display:none}
  .hy-nav{overflow:visible;mask-image:none;-webkit-mask-image:none}
  .hy-nav .hy-nav-cta{
    margin-left:0;width:40px;height:40px;padding:0;display:grid;place-items:center;
    overflow:hidden;font-size:0;white-space:nowrap
  }
  .hy-nav .hy-nav-cta::before{content:"☎";font-size:17px;line-height:1}

  /* 底欄佔位：內容與頁尾不被固定列蓋住 */
  body.hy-body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}

  .hy-bottom-nav{
    display:grid;grid-template-columns:repeat(5,1fr);
    position:fixed;left:0;right:0;bottom:0;z-index:90;
    background:rgba(253,252,250,.96);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    border-top:1px solid var(--hy-rule);
    box-shadow:0 -6px 18px rgba(22,35,60,.06);
    padding:7px 4px calc(7px + env(safe-area-inset-bottom,0px));
  }
  .hy-bottom-nav a{
    display:flex;flex-direction:column;align-items:center;gap:4px;
    min-width:0;text-decoration:none;color:var(--hy-ink-soft);
    font-size:11px;font-weight:500;letter-spacing:.02em;line-height:1;
    padding:3px 0;-webkit-tap-highlight-color:transparent;
  }
  .hy-bottom-nav a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hy-bottom-nav a svg{flex:none}
  .hy-bottom-nav a[aria-current="page"]{color:var(--hy-teal-dk);font-weight:700}
  .hy-bottom-nav a[aria-current="page"] svg{stroke-width:2.2}

  /* LINE 懸浮鈕墊高到底欄之上（特異度 0,3,2 蓋過 FAB 內嵌樣式的 0,2,1） */
  body.hy-body a.hbf-line.hbf-line{
    bottom:calc(74px + env(safe-area-inset-bottom,0px));
  }
}
@media (max-width:1600px) and (min-width:761px){
  html[data-locale]:not([data-locale="zh-Hant"]) .hy-brand span{display:none}
  html[data-locale]:not([data-locale="zh-Hant"]) .hy-nav a{font-size:13.5px;padding-inline:9px}
}
@media (max-width:460px){
  .hy-brand span{display:none}
  .hy-featured-copy{padding:22px 18px}
  .hy-featured-stats b{font-size:18px}
  .hy-featured-stats div{padding-inline:8px}
  .hy-machine-specs{grid-template-columns:1fr}
  .hy-machine-specs div,.hy-machine-specs div:nth-child(3n+1){border-left:0}
}