.elementor-94004 .elementor-element.elementor-element-a7d35d3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-94004 .elementor-element.elementor-element-e21f372{width:var( --container-widget-width, 103.545% );max-width:103.545%;--container-widget-width:103.545%;--container-widget-flex-grow:0;}/* Start custom CSS for html, class: .elementor-element-e21f372 */.hh-seo-article{--navy:#0d274d;--blue:#075fb8;--cyan:#148da3;--ink:#182b43;--muted:#526477;--line:#d9e2ec;--soft:#f4f8fb;--white:#fff;max-width:1160px;margin:auto;padding:clamp(24px,4vw,64px) clamp(18px,4vw,52px);color:var(--ink);background:#fff;font-family:inherit;font-size:18px;line-height:1.8;overflow-wrap:anywhere}.hh-seo-article *,.hh-seo-article *:before,.hh-seo-article *:after{box-sizing:border-box}.hh-seo-article img{display:block;max-width:100%;height:auto}.hh-seo-article figure,.hh-seo-article p,.hh-seo-article dl{margin:0}.hh-seo-article a{color:var(--blue);text-underline-offset:.2em}.hh-seo-article h2,.hh-seo-article h3{margin:0;color:var(--navy);line-height:1.35}.hh-seo-article h2{font-size:clamp(1.55rem,3vw,2.25rem)}.hh-seo-article h3{font-size:1.2rem}.hh-seo-article figcaption{margin-top:12px;color:var(--muted);font-size:1rem;line-height:1.65}
.hh-seo-article__hero{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:clamp(28px,5vw,60px);padding:clamp(28px,5vw,54px);border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#f9fbfd,#edf5fa)}.hh-seo-article__kicker{margin-bottom:15px!important;color:var(--blue);font-size:1rem;font-weight:750;letter-spacing:.06em}.hh-seo-article__hero h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.2}.hh-seo-article__lead{margin-top:22px!important;color:#354b63;font-size:1.08rem}.hh-seo-article__hero figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:15px}.hh-seo-article__tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.hh-seo-article__tags span{padding:7px 12px;border:1px solid #bfd4e7;border-radius:999px;background:#fff;font-size:1rem;font-weight:650}
.hh-seo-article__toc{margin-top:24px;padding:19px 23px;border-left:4px solid var(--cyan);background:var(--soft)}.hh-seo-article__toc div{display:flex;flex-wrap:wrap;gap:7px 21px;margin-top:7px}.hh-seo-article__toc a{font-size:1rem;font-weight:650;text-decoration:none}.hh-seo-article__section{margin-top:clamp(68px,9vw,110px);scroll-margin-top:30px}.hh-seo-article__heading{display:grid;grid-template-columns:48px 1fr;gap:16px;margin-bottom:28px;padding-bottom:19px;border-bottom:1px solid var(--line)}.hh-seo-article__heading>span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;color:#fff;background:var(--navy);font-size:1rem;font-weight:800}.hh-seo-article__heading p{margin-bottom:4px;color:var(--blue);font-size:1rem;font-weight:700;letter-spacing:.06em}.hh-seo-article__section>p,.hh-seo-article__copy>p{max-width:820px;margin-bottom:1.15em}.hh-seo-article__answer{color:#354b63;font-size:1.05rem}.hh-seo-article__split{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(30px,5vw,60px)}
.hh-seo-article__list{margin:23px 0 0;padding:0;list-style:none}.hh-seo-article__list li{position:relative;margin:10px 0;padding-left:31px}.hh-seo-article__list li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:900}.hh-seo-article__product-main,.hh-seo-article__gallery figure{padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 28px rgba(13,39,77,.07)}.hh-seo-article__product-main>div{display:grid;place-items:center;min-height:340px;padding:20px;background:#fff}.hh-seo-article__product-main img{max-height:310px;object-fit:contain}.hh-seo-article__notice{display:grid;grid-template-columns:190px 1fr;gap:20px;margin-top:34px;padding:22px 25px;border-left:5px solid var(--cyan);background:#edf7f8}.hh-seo-article__notice strong{color:var(--navy)}
.hh-seo-article__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.hh-seo-article__cards article{padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff}.hh-seo-article__cards article>span{display:inline-block;margin-bottom:13px;padding:6px 10px;border-radius:6px;color:var(--blue);background:#edf4fb;font-size:1rem;font-weight:700}.hh-seo-article__cards p{margin-top:9px;color:var(--muted)}.hh-seo-article__table-wrap{margin-top:26px;overflow-x:auto;border:1px solid var(--line);border-radius:14px}.hh-seo-article table{width:100%;min-width:700px;border-collapse:collapse}.hh-seo-article caption{padding:15px 17px;background:var(--soft);font-weight:800;text-align:left}.hh-seo-article th,.hh-seo-article td{padding:14px 16px;border-top:1px solid var(--line);text-align:left;vertical-align:top}.hh-seo-article thead th{color:#fff;background:var(--navy)}
.hh-seo-article__tint{padding:clamp(26px,5vw,48px);border-radius:20px;background:var(--soft)}.hh-seo-article__flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0;padding:0;list-style:none}.hh-seo-article__flow li{padding:21px;border-radius:14px;background:#fff}.hh-seo-article__flow li>span{display:grid;place-items:center;width:36px;height:36px;margin-bottom:15px;border-radius:50%;color:#fff;background:var(--blue);font-weight:800}.hh-seo-article__flow p{margin-top:7px;color:var(--muted)}
.hh-seo-article__marine{max-width:920px}.hh-seo-article__applications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0 0;padding:0;list-style:none}.hh-seo-article__applications li{display:flex;flex-direction:column;gap:7px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.hh-seo-article__applications strong{color:var(--navy)}.hh-seo-article__applications span{color:var(--muted)}
.hh-seo-article__gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.hh-seo-article__gallery figure>div{display:grid;place-items:center;height:270px;padding:20px;background:#fff}.hh-seo-article__gallery img{width:100%;height:100%;object-fit:contain}.hh-seo-article__specs{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.hh-seo-article__specs dl{border:1px solid var(--line);border-radius:14px;overflow:hidden}.hh-seo-article__specs dl>div{display:grid;grid-template-columns:145px 1fr;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line)}.hh-seo-article__specs dl>div:last-child{border:0}.hh-seo-article__specs dt{color:var(--navy);font-weight:800}.hh-seo-article__specs dd{margin:0;color:var(--muted)}
.hh-seo-article__dark{padding:clamp(28px,5vw,50px);border-radius:20px;color:#e5edf6;background:var(--navy)}.hh-seo-article__dark .hh-seo-article__heading{border-color:#ffffff30}.hh-seo-article__dark .hh-seo-article__heading>span{color:var(--navy);background:#fff}.hh-seo-article__dark h2,.hh-seo-article__dark .hh-seo-article__heading p{color:#fff}.hh-seo-article__dark .hh-seo-article__answer{color:#d8e5f0}.hh-seo-article__checks{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:28px 0 0;padding:0;list-style:none}.hh-seo-article__checks li{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:19px;border:1px solid #ffffff30;border-radius:13px;background:#ffffff0e}.hh-seo-article__checks li>span{color:#77d9e8;font-weight:800}.hh-seo-article__checks strong{color:#fff}.hh-seo-article__checks p{margin-top:4px;color:#cbd9e7}
.hh-seo-article__cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;margin-top:clamp(68px,9vw,110px);padding:clamp(30px,5vw,50px);border:1px solid #bdd4e7;border-radius:20px;background:linear-gradient(135deg,#f4f9fd,#eaf3fa)}.hh-seo-article__cta>div>p:first-child{margin-bottom:7px;color:var(--blue);font-size:1rem;font-weight:750}.hh-seo-article__cta>div>p:last-child{margin-top:12px;color:var(--muted)}.hh-seo-article__cta>a{padding:13px 20px;border-radius:999px;color:#fff;background:var(--navy);font-weight:800;text-decoration:none}.hh-seo-article__faq{max-width:920px}.hh-seo-article__faq details{border-bottom:1px solid var(--line)}.hh-seo-article__faq summary{position:relative;padding:21px 50px 21px 0;color:var(--navy);cursor:pointer;font-weight:800;list-style:none}.hh-seo-article__faq summary:after{content:"+";position:absolute;right:10px;top:18px;color:var(--blue);font-size:1.5rem}.hh-seo-article__faq details[open] summary:after{content:"−"}.hh-seo-article__faq details p{padding:0 42px 22px 0;color:var(--muted)}
@media(max-width:900px){.hh-seo-article__hero,.hh-seo-article__split,.hh-seo-article__marine{grid-template-columns:1fr}.hh-seo-article__hero figure{order:-1}.hh-seo-article__hero figure img{aspect-ratio:16/9}.hh-seo-article__cards{grid-template-columns:1fr}.hh-seo-article__flow{grid-template-columns:repeat(2,1fr)}.hh-seo-article__gallery figure>div{height:220px}.hh-seo-article__specs{grid-template-columns:1fr}}
@media(max-width:650px){.hh-seo-article{padding-inline:16px;font-size:17px}.hh-seo-article__hero{padding:22px}.hh-seo-article__hero h2{font-size:1.9rem}.hh-seo-article__tint,.hh-seo-article__dark{padding:24px 18px}.hh-seo-article__heading{grid-template-columns:40px 1fr;gap:12px}.hh-seo-article__heading>span{width:40px;height:40px}.hh-seo-article__flow,.hh-seo-article__checks,.hh-seo-article__gallery{grid-template-columns:1fr}.hh-seo-article__gallery figure>div{height:260px}.hh-seo-article__notice{grid-template-columns:1fr;gap:7px}.hh-seo-article__applications li,.hh-seo-article__specs dl>div{grid-template-columns:1fr;gap:4px}.hh-seo-article__cta{grid-template-columns:1fr}.hh-seo-article__cta>a{text-align:center}}

/* 統一字級系統：正文 18px、輔助文字 16px、標題獨立分級 */
.hh-seo-article{container-name:hharticle;container-type:inline-size;font-size:18px;font-weight:400;line-height:1.8}
.hh-seo-article p,.hh-seo-article li,.hh-seo-article td,.hh-seo-article th,.hh-seo-article dt,.hh-seo-article dd,.hh-seo-article summary{font-size:18px!important;font-weight:400;line-height:1.8}
.hh-seo-article a{font-size:inherit!important;font-weight:500}
.hh-seo-article strong{font-weight:600}
.hh-seo-article h2{font-size:clamp(30px,3vw,38px);font-weight:650;line-height:1.35}
.hh-seo-article h3{font-size:22px;font-weight:600;line-height:1.4}
.hh-seo-article figcaption{font-size:16px!important;font-weight:400;line-height:1.65}
.hh-seo-article__kicker,.hh-seo-article__heading p,.hh-seo-article__cta>div>p:first-child{font-size:16px!important;font-weight:600;letter-spacing:.04em}
.hh-seo-article__hero h2{font-size:clamp(36px,4vw,48px);font-weight:650;line-height:1.25}
.hh-seo-article__lead,.hh-seo-article__answer{font-size:18px!important;font-weight:400;line-height:1.8}
.hh-seo-article__tags span,.hh-seo-article__cards article>span{font-size:16px!important;font-weight:500}
.hh-seo-article__toc strong,.hh-seo-article__notice strong,.hh-seo-article__applications strong,.hh-seo-article__specs dt,.hh-seo-article__checks strong{font-weight:600}
.hh-seo-article caption{font-size:18px!important;font-weight:600}
.hh-seo-article thead th{font-weight:600}
.hh-seo-article__faq summary{font-weight:600}
.hh-seo-article__cta>a{font-size:17px!important;font-weight:600}

/* 文章有側欄時，依內容區寬度切換成單欄，不再硬擠兩欄 */
@container hharticle (max-width:900px){
  .hh-seo-article__hero,.hh-seo-article__split,.hh-seo-article__marine{grid-template-columns:1fr}
  .hh-seo-article__hero figure{order:-1}
  .hh-seo-article__hero figure img{aspect-ratio:16/9}
  .hh-seo-article__cards{grid-template-columns:1fr}
  .hh-seo-article__flow{grid-template-columns:repeat(2,1fr)}
  .hh-seo-article__specs{grid-template-columns:1fr}
}
@container hharticle (max-width:620px){
  .hh-seo-article p,.hh-seo-article li,.hh-seo-article td,.hh-seo-article th,.hh-seo-article dt,.hh-seo-article dd,.hh-seo-article summary{font-size:17px!important}
  .hh-seo-article h2{font-size:28px}
  .hh-seo-article h3{font-size:21px}
  .hh-seo-article__hero h2{font-size:32px}
  .hh-seo-article__flow,.hh-seo-article__checks,.hh-seo-article__gallery,.hh-seo-article__applications{grid-template-columns:1fr}
}/* End custom CSS */