.section-water3f-hub-guide{margin:0;padding:0}.w3fh{--w3fh-black: #171717;--w3fh-ink: #231f1b;--w3fh-copy: #625d57;--w3fh-muted: #8a837b;--w3fh-line: #e3dfda;--w3fh-paper: #ffffff;--w3fh-soft: #f7f5f1;--w3fh-warm: #fff8ef;--w3fh-orange: #ff9f1c;--w3fh-orange-dark: #d96b00;width:100%;overflow:clip;background:var(--w3fh-paper);color:var(--w3fh-ink);font-family:var(--font-body-family, "Noto Sans TC", "PingFang TC", sans-serif);line-height:1.65}.w3fh *,.w3fh *:before,.w3fh *:after{box-sizing:border-box}.w3fh img{display:block;max-width:100%;height:auto}.w3fh a{color:inherit;text-decoration:none}.w3fh h1,.w3fh h2,.w3fh h3,.w3fh p{margin-top:0}.w3fh h1,.w3fh h2,.w3fh h3{color:inherit;font-family:var(--font-heading-family, var(--font-body-family, "Noto Sans TC", "PingFang TC", sans-serif));font-weight:800}.w3fh-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.w3fh-section{padding-block:88px}.w3fh-kicker,.w3fh-eyebrow,.w3fh-feature__label{margin-bottom:14px;color:var(--w3fh-orange-dark);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.w3fh-kicker:before{content:"";display:inline-block;width:26px;height:2px;margin-right:10px;vertical-align:middle;background:var(--w3fh-orange)}.w3fh-section-heading{max-width:760px;margin:0 auto 42px;text-align:center}.w3fh-section-heading h2{margin-bottom:13px;font-size:clamp(30px,4vw,46px);line-height:1.18;letter-spacing:-.04em}.w3fh-section-heading>p:last-child{margin-bottom:0;color:var(--w3fh-copy);font-size:16px}.w3fh-hero{padding-block:72px 76px;background:radial-gradient(circle at 80% 18%,rgba(255,159,28,.26),transparent 26%),linear-gradient(135deg,#f7f6f3,#fff8ec)}.w3fh-hero__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);gap:clamp(36px,7vw,90px);align-items:center}.w3fh-hero__copy h1{max-width:720px;margin-bottom:24px;font-size:clamp(46px,6.3vw,82px);line-height:1.06;letter-spacing:-.055em}.w3fh-hero__lead{max-width:650px;margin-bottom:30px;color:var(--w3fh-copy);font-size:18px}.w3fh-hero__choices{display:flex;flex-wrap:wrap;gap:10px}.w3fh-hero__choices a{padding:11px 16px;border:1px solid #d7d2cc;border-radius:999px;background:#ffffffdb;color:#36312c;font-size:13px;font-weight:700;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.w3fh-hero__choices a:first-child,.w3fh-hero__choices a:hover,.w3fh-hero__choices a:focus-visible{border-color:var(--w3fh-black);background:var(--w3fh-black);color:#fff;transform:translateY(-1px)}.w3fh-hero__media{position:relative;min-height:470px;display:grid;place-items:center}.w3fh-hero__disc{position:absolute;width:min(420px,86%);aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#ffbd60,#ef8300);box-shadow:inset 0 0 0 24px #ffffff24,0 26px 70px #8d4c002e}.w3fh-hero__image{position:relative;z-index:1;width:min(450px,94%);aspect-ratio:1;object-fit:contain;transform:rotate(-5deg);filter:drop-shadow(0 26px 20px rgba(48,31,12,.18))}.w3fh-hero__fact{position:absolute;z-index:2;max-width:190px;padding:12px 14px;border:1px solid rgba(0,0,0,.08);background:#fff;box-shadow:0 14px 30px #0000001a;color:var(--w3fh-copy);font-size:12px;line-height:1.35}.w3fh-hero__fact strong{display:block;color:var(--w3fh-black);font-size:18px}.w3fh-hero__fact--left{top:18%;left:0}.w3fh-hero__fact--right{right:0;bottom:14%}.w3fh-intro{background:var(--w3fh-paper)}.w3fh-intro__grid{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:clamp(44px,7vw,90px);align-items:start}.w3fh-intro__statement{padding-top:12px;border-top:5px solid var(--w3fh-orange);color:var(--w3fh-black);font-size:clamp(28px,3.4vw,42px);font-weight:800;line-height:1.2;letter-spacing:-.04em}.w3fh-intro__copy h2{margin-bottom:22px;font-size:clamp(32px,4.2vw,50px);line-height:1.17;letter-spacing:-.04em}.w3fh-intro__copy>p:not(.w3fh-eyebrow){margin-bottom:16px;color:#554f49;font-size:16px;line-height:1.9}.w3fh-needs{background:var(--w3fh-soft)}.w3fh-needs__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.w3fh-need-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--w3fh-line);background:var(--w3fh-paper);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.w3fh-need-card:hover,.w3fh-need-card:focus-visible{border-color:var(--w3fh-black);transform:translateY(-4px);box-shadow:0 18px 38px #00000014}.w3fh-need-card__media{height:250px;display:grid;place-items:center;overflow:hidden;background:#f6f6f4}.w3fh-need-card__media img{width:82%;height:90%;object-fit:contain;mix-blend-mode:multiply}.w3fh-need-card__copy{display:flex;min-height:250px;flex:1;flex-direction:column;padding:24px}.w3fh-need-card__copy small{margin-bottom:8px;color:var(--w3fh-orange-dark);font-size:11px;font-weight:800;letter-spacing:.08em}.w3fh-need-card__copy strong{margin-bottom:8px;color:var(--w3fh-black);font-size:23px;line-height:1.3}.w3fh-need-card__copy>span:not(:last-child){color:var(--w3fh-copy);font-size:14px}.w3fh-need-card__copy b{margin-top:auto;padding-top:22px;color:var(--w3fh-black);font-size:13px}.w3fh-feature{padding-block:86px;scroll-margin-top:20px;background:var(--w3fh-paper)}.w3fh-feature--dark{background:var(--w3fh-black);color:#fff}.w3fh-feature--soft{background:var(--w3fh-warm)}.w3fh-feature__grid{display:grid;grid-template-columns:minmax(340px,.94fr) minmax(0,1.06fr);gap:clamp(42px,7vw,90px);align-items:center}.w3fh-feature__grid--reverse .w3fh-feature__media{order:2}.w3fh-feature__media{min-height:500px;display:grid;place-items:center;padding:50px;overflow:hidden;background:linear-gradient(145deg,#f1f1ef,#fff)}.w3fh-feature__media img{width:100%;max-height:440px;object-fit:contain;mix-blend-mode:multiply}.w3fh-feature__copy h2{max-width:650px;margin-bottom:18px;font-size:clamp(34px,4.6vw,56px);line-height:1.12;letter-spacing:-.045em}.w3fh-feature__copy>p:not(.w3fh-feature__label):not(.w3fh-feature__note):not(.w3fh-feature__product-name){max-width:640px;margin-bottom:22px;color:var(--w3fh-copy);font-size:16px}.w3fh-feature--dark .w3fh-feature__copy>p:not(.w3fh-feature__label):not(.w3fh-feature__note):not(.w3fh-feature__product-name){color:#cbc6c0}.w3fh-feature__facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none}.w3fh-feature__facts li{padding:8px 11px;border:1px solid #d7d1ca;font-size:12px;font-weight:700}.w3fh-feature--dark .w3fh-feature__facts li{border-color:#4b4b4b;color:#f4f1ed}.w3fh-feature__purchase{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.w3fh-feature__purchase>div{display:flex;align-items:baseline;gap:12px}.w3fh-feature__purchase strong{color:inherit;font-size:31px;line-height:1}.w3fh-feature__purchase s{color:var(--w3fh-muted);font-size:13px}.w3fh-feature__purchase>a{min-width:190px;padding:14px 18px;background:var(--w3fh-orange);color:var(--w3fh-black);text-align:center;font-size:14px;font-weight:800}.w3fh-feature__product-name{margin-bottom:8px;color:var(--w3fh-muted);font-size:12px}.w3fh-feature__availability{display:inline-flex;align-items:center;gap:7px;margin:0 0 10px;color:#2f6b45;font-size:12px;font-weight:800}.w3fh-feature__availability:before{width:7px;height:7px;border-radius:50%;background:currentcolor;content:""}.w3fh-feature__availability--unavailable{color:#a13d2c}.w3fh-feature__note{max-width:650px;margin-bottom:0;color:var(--w3fh-muted);font-size:12px}.w3fh-feature--dark .w3fh-feature__note,.w3fh-feature--dark .w3fh-feature__product-name{color:#a9a5a0}.w3fh-feature--dark .w3fh-feature__availability{color:#9ed0af}.w3fh-feature--dark .w3fh-feature__availability--unavailable{color:#f1a18f}.w3fh-comparison{background:var(--w3fh-paper)}.w3fh-table-wrap{overflow-x:auto;border:1px solid var(--w3fh-line)}.w3fh-table-wrap table{width:100%;min-width:830px;border-collapse:collapse;background:#fff}.w3fh-table-wrap th,.w3fh-table-wrap td{padding:17px 18px;border-bottom:1px solid #ece8e3;color:#3b3733;text-align:left;vertical-align:middle;font-size:13px}.w3fh-table-wrap thead th{background:#f5f3ef;color:#716a63;font-size:11px;letter-spacing:.06em}.w3fh-table-wrap tbody th{color:var(--w3fh-black);font-weight:800}.w3fh-table-wrap tbody td:last-child{color:#c54431;font-weight:800;white-space:nowrap}.w3fh-table-wrap tbody tr:last-child th,.w3fh-table-wrap tbody tr:last-child td{border-bottom:0}.w3fh-guide{background:var(--w3fh-warm)}.w3fh-guide__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:70px}.w3fh-guide__grid article{padding-block:29px 31px;border-top:1px solid #d1c9c0}.w3fh-guide__grid article.w3fh-guide__wide{grid-column:1 / -1}.w3fh-guide__grid h3{margin-bottom:10px;font-size:21px;line-height:1.4}.w3fh-guide__grid h3 span{display:inline-block;min-width:36px;color:var(--w3fh-orange-dark);font-size:12px;letter-spacing:.08em}.w3fh-guide__grid p{margin-bottom:0;color:var(--w3fh-copy);font-size:14px;line-height:1.85}.w3fh-compatibility{margin-top:28px;padding:22px 26px;border-left:5px solid var(--w3fh-black);background:#fff}.w3fh-compatibility strong{display:block;margin-bottom:4px;color:var(--w3fh-black);font-size:15px}.w3fh-compatibility p{margin-bottom:0;color:#514b45;font-size:13px}.w3fh-scenarios{background:var(--w3fh-paper)}.w3fh-scenarios__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.w3fh-scenarios__grid article{padding-top:20px;border-top:4px solid var(--w3fh-black)}.w3fh-scenarios__grid small{display:block;margin-bottom:8px;color:var(--w3fh-orange-dark);font-size:11px;font-weight:800;letter-spacing:.07em}.w3fh-scenarios__grid h3{margin-bottom:12px;font-size:22px;line-height:1.35}.w3fh-scenarios__grid p{margin-bottom:0;color:var(--w3fh-copy);font-size:14px;line-height:1.85}.w3fh-more{background:var(--w3fh-soft)}.w3fh-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.w3fh-product-card{min-width:0;border:1px solid var(--w3fh-line);background:#fff}.w3fh-product-card__media{height:260px;display:grid;place-items:center;overflow:hidden}.w3fh-product-card__media img{width:80%;height:90%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s ease}.w3fh-product-card:hover .w3fh-product-card__media img{transform:scale(1.035)}.w3fh-product-card__copy{padding:20px 22px 22px;border-top:1px solid #f0ede9}.w3fh-product-card__copy>p{margin-bottom:6px;color:var(--w3fh-orange-dark);font-size:11px;font-weight:800;letter-spacing:.06em}.w3fh-product-card__copy h3{min-height:52px;margin-bottom:16px;font-size:17px;line-height:1.45}.w3fh-product-card__copy>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.w3fh-product-card__copy strong{color:var(--w3fh-black);font-size:20px}.w3fh-product-card__copy>div a{width:36px;height:36px;display:grid;place-items:center;border:1px solid #d8d3ce;border-radius:50%}.w3fh-faq{background:var(--w3fh-black);color:#fff}.w3fh-faq__shell{max-width:980px}.w3fh-faq .w3fh-section-heading h2{color:#fff}.w3fh-faq .w3fh-section-heading>p:last-child{color:#bbb6b1}.w3fh-faq .w3fh-eyebrow{color:#ffae3d}.w3fh-faq__list{border-top:1px solid #404040}.w3fh-faq__list details{border-bottom:1px solid #404040}.w3fh-faq__list summary{position:relative;padding:24px 46px 24px 0;color:#fff;cursor:pointer;list-style:none;font-size:18px;font-weight:700}.w3fh-faq__list summary::-webkit-details-marker{display:none}.w3fh-faq__list summary:after{content:"+";position:absolute;top:20px;right:3px;color:#ffae3d;font-size:26px;line-height:1}.w3fh-faq__list details[open] summary:after{content:"\2212"}.w3fh-faq__list details>div{max-width:800px;padding:0 46px 24px 0;color:#bcb7b2;font-size:14px;line-height:1.85}.w3fh-faq__list details>div p{margin-bottom:0}.w3fh-footer-cta{padding-block:58px;background:var(--w3fh-orange);color:var(--w3fh-black)}.w3fh-footer-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:36px}.w3fh-footer-cta h2{margin-bottom:5px;font-size:clamp(30px,4vw,44px);line-height:1.18;letter-spacing:-.04em}.w3fh-footer-cta p{margin-bottom:0;font-size:14px}.w3fh-footer-cta__actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:10px}.w3fh-footer-cta__actions a{padding:13px 18px;border:1px solid var(--w3fh-black);background:var(--w3fh-black);color:#fff;font-size:13px;font-weight:800}.w3fh-footer-cta__actions a.w3fh-footer-cta__secondary{background:transparent;color:var(--w3fh-black)}.w3fh-editor-note{margin:16px;padding:12px;border:1px dashed #b54130;background:#fff2f0;color:#8e2f23;font-size:13px}.w3fh .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}@media(max-width:989px){.w3fh-hero__grid,.w3fh-intro__grid,.w3fh-feature__grid{grid-template-columns:1fr}.w3fh-hero__media{min-height:430px}.w3fh-intro__statement{max-width:600px}.w3fh-needs__grid,.w3fh-more__grid{grid-template-columns:1fr}.w3fh-need-card{display:grid;grid-template-columns:42% 58%}.w3fh-need-card__media{height:100%;min-height:230px}.w3fh-need-card__copy{min-height:230px}.w3fh-feature__grid--reverse .w3fh-feature__media{order:0}.w3fh-feature__media{min-height:440px}.w3fh-scenarios__grid{grid-template-columns:1fr}.w3fh-product-card{display:grid;grid-template-columns:38% 62%}.w3fh-product-card__media{height:100%;min-height:210px}.w3fh-product-card__copy{border-top:0;border-left:1px solid #f0ede9}.w3fh-product-card__copy h3{min-height:0}.w3fh-footer-cta__inner{flex-direction:column;text-align:center}.w3fh-footer-cta__actions{justify-content:center}}@media(max-width:749px){.w3fh-shell{width:min(100% - 32px,1180px)}.w3fh-section,.w3fh-feature{padding-block:60px}.w3fh-section-heading{margin-bottom:32px}.w3fh-section-heading h2{font-size:32px}.w3fh-hero{padding-block:48px 54px}.w3fh-hero__copy h1{font-size:48px}.w3fh-hero__lead{font-size:16px}.w3fh-hero__choices{flex-direction:column}.w3fh-hero__choices a{width:100%}.w3fh-hero__media{min-height:340px}.w3fh-hero__disc{width:82%}.w3fh-hero__fact{max-width:145px;padding:9px 10px}.w3fh-hero__fact strong{font-size:16px}.w3fh-hero__fact--left{top:11%}.w3fh-hero__fact--right{bottom:7%}.w3fh-intro__grid{gap:28px}.w3fh-intro__statement{font-size:31px}.w3fh-intro__copy h2{font-size:34px}.w3fh-intro__copy>p:not(.w3fh-eyebrow){font-size:15px;line-height:1.85}.w3fh-need-card{display:flex}.w3fh-need-card__media{height:210px;min-height:0}.w3fh-need-card__copy{min-height:230px;padding:20px}.w3fh-feature__media{min-height:330px;padding:28px}.w3fh-feature__copy h2{font-size:36px}.w3fh-feature__purchase{align-items:stretch;flex-direction:column}.w3fh-feature__purchase>a{width:100%}.w3fh-table-wrap{margin-inline:-16px;padding-left:16px;border-right:0;border-left:0}.w3fh-guide__grid{grid-template-columns:1fr}.w3fh-guide__grid article.w3fh-guide__wide{grid-column:auto}.w3fh-compatibility{padding:18px}.w3fh-product-card{grid-template-columns:40% 60%}.w3fh-product-card__media{min-height:180px}.w3fh-product-card__copy{padding:17px}.w3fh-product-card__copy h3{font-size:15px}.w3fh-product-card__copy strong{font-size:17px}.w3fh-faq__list summary{padding-block:21px;font-size:16px}.w3fh-faq__list summary:after{top:18px}.w3fh-footer-cta{padding-block:48px}.w3fh-footer-cta__actions,.w3fh-footer-cta__actions a{width:100%}}@media(prefers-reduced-motion:reduce){.w3fh *,.w3fh *:before,.w3fh *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/water3f-hub-guide.css.map */