:root{--wd-red:#e5554a;--wd-red-dark:#d64437;--wd-yellow:#ffc80a;--wd-yellow-dark:#e8b400;--wd-blue:#65c4f2;--wd-green:#45a56e;--wd-green-dark:#2f8256;--green:#45a56e;--green-dark:#2f8256;--green-light:#e7f3ec;--amber:#d99400;--ink:#302d2c;--ink-soft:#55534f;--muted:#8b8e91;--bg:#fff;--surface:#f5f6f7;--border:#e5e7ea;--radius:14px;--shadow:0 6px 24px #302d2c14;--shadow-lg:0 14px 40px #302d2c24;--font-sans:"Noto Sans TC", "PingFang TC", "Heiti TC", "Microsoft JhengHei", -apple-system, "Segoe UI", sans-serif}.site-header{position:relative}.site-header:after{content:"";background:linear-gradient(90deg, var(--wd-red) 0 25%, var(--wd-yellow) 25% 50%, var(--wd-green) 50% 75%, var(--wd-blue) 75% 100%);height:3px;position:absolute;bottom:-3px;left:0;right:0}.cat-card-count.c0{background:var(--wd-red)}.cat-card-count.c1{background:var(--wd-yellow-dark)}.cat-card-count.c2{background:var(--wd-green-dark)}.cat-card-count.c3{background:var(--wd-blue)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.75}img{max-width:100%;height:auto}a{color:var(--green);text-decoration:none}a:hover{color:var(--green-dark)}.container{width:min(1180px,100% - 2.5rem);margin-inline:auto}.btn{cursor:pointer;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4em;padding:.6em 1.4em;font-size:1rem;font-weight:700;transition:background .2s,color .2s,transform .15s,box-shadow .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark);color:#fff;box-shadow:var(--shadow)}.btn-outline{border-color:var(--green);color:var(--green);background:0 0}.btn-outline:hover{background:var(--green-light)}.btn-ghost{color:var(--ink-soft)}.btn-lg{padding:.8em 2.2em;font-size:1.08rem}.btn[disabled]{opacity:.6;cursor:not-allowed}.site-header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#fffffff0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:72px;display:flex}.brand{color:var(--ink);align-items:center;gap:.65rem;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;font-size:1.4rem;font-weight:800;display:grid}.brand-logo{object-fit:contain;border-radius:10px}.brand-name{letter-spacing:.06em;font-size:1.25rem;font-weight:800}.main-nav{align-items:center;gap:1rem;display:flex}.main-nav ul{gap:.1rem;list-style:none;display:flex}.main-nav ul a{color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:.45em .7em;font-weight:600;display:block}@media (min-width:1025px) and (max-width:1240px){.main-nav ul a{padding:.45em .5em;font-size:.95rem}.main-nav{gap:.6rem}.nav-actions{gap:.5rem}.nav-phone{font-size:.92rem}}.main-nav ul a:hover,.main-nav ul a.is-active{color:var(--green-dark);background:var(--green-light)}.nav-actions{align-items:center;gap:.7rem;display:flex}.nav-phone{color:var(--ink);white-space:nowrap;font-weight:700}.brand-name,.nav-actions .btn{white-space:nowrap}.nav-toggle{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;display:none}.nav-toggle span{background:var(--ink);border-radius:2px;width:20px;height:2px;margin-inline:auto;display:block}.hero{background:radial-gradient(1200px 500px at 85% -10%, #17803d29, transparent 60%), radial-gradient(800px 400px at 0% 110%, #f0a0201f, transparent 60%), var(--surface);padding:4.5rem 0 4rem}.hero-inner{max-width:760px}.hero-eyebrow{background:var(--green-light);color:var(--green-dark);border-radius:999px;margin-bottom:1.2rem;padding:.3em 1em;font-size:.9rem;font-weight:700;display:inline-block}.hero h1{letter-spacing:.02em;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:900;line-height:1.3}.hero-line{display:block}.hero-dot{display:none}.hero p{color:var(--ink-soft);max-width:34em;margin-top:1rem;font-size:1.12rem}.hero-actions{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.hero-points{flex-wrap:wrap;gap:1.6rem;margin-top:2.6rem;list-style:none;display:flex}.hero-points li{color:var(--ink-soft);font-weight:700}.hero-points li:before{content:"✓ ";color:var(--green)}.section{padding:4rem 0}.section-alt{background:var(--surface)}.section-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem;display:flex}.section-head h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.section-head .section-sub{color:var(--muted);margin-top:.3rem}.section-more{white-space:nowrap;font-weight:700}.grid{gap:1.5rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;overflow:hidden}.service-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:1.6rem;transition:box-shadow .2s,transform .2s}.service-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.service-card-media{aspect-ratio:16/9;background:var(--green-light);border-radius:10px;margin-bottom:1.1rem;position:relative;overflow:hidden}.service-card-media img{object-fit:cover}.service-card h3{font-size:1.15rem;font-weight:800}.service-card p{color:var(--ink-soft);margin-top:.5rem;font-size:.98rem}.product-card{border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);background:#fff;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow);color:var(--ink);transform:translateY(-3px)}.product-card-media{aspect-ratio:4/3;background:var(--surface);position:relative}.product-card-media img{object-fit:cover}.media-placeholder{background:var(--green-light);place-items:center;font-size:2.6rem;display:grid;position:absolute;inset:0}.product-card-body{flex-direction:column;gap:.45rem;padding:1.1rem 1.2rem 1.3rem;display:flex}.product-card-body h3{font-size:1.12rem;font-weight:800}.product-card-body p{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.94rem;display:-webkit-box;overflow:hidden}.product-card-more{color:var(--green);margin-top:.35rem;font-size:.92rem;font-weight:700}.badge{background:var(--green-light);color:var(--green-dark);border-radius:999px;align-self:flex-start;padding:.15em .8em;font-size:.8rem;font-weight:700}.article-card{border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);background:#fff;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.article-card:hover{box-shadow:var(--shadow);color:var(--ink);transform:translateY(-3px)}.article-card-media{aspect-ratio:16/9;background:var(--surface);position:relative}.article-card-media img{object-fit:cover}.article-card-body{padding:1.1rem 1.2rem 1.3rem}.article-card-body time{color:var(--muted);font-size:.86rem;font-weight:600}.article-card-body h3{margin-top:.35rem;font-size:1.08rem;font-weight:800;line-height:1.5}.article-card-body p{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.45rem;font-size:.94rem;display:-webkit-box;overflow:hidden}.cta-band{background:linear-gradient(120deg, var(--green-dark), var(--green));color:#fff;border-radius:calc(var(--radius) + 6px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:3rem 2.5rem;display:flex}.cta-band h2{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:900}.cta-band p{opacity:.92;margin-top:.4rem}.cta-band .btn{color:var(--green-dark);background:#fff}.cta-band .btn:hover{background:var(--green-light)}.page-hero{background:var(--surface);border-bottom:1px solid var(--border);padding:3rem 0 2.5rem}.page-hero h1{font-size:clamp(1.7rem,3.6vw,2.4rem);font-weight:900}.page-hero p{color:var(--ink-soft);max-width:46em;margin-top:.6rem}.breadcrumbs{color:var(--muted);padding:1rem 0 0;font-size:.9rem}.breadcrumbs ol{flex-wrap:wrap;gap:.4em;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";color:var(--muted);margin-right:.4em}.sidebar-layout{grid-template-columns:250px 1fr;align-items:start;gap:2.5rem;display:grid}.cat-menu{border:1px solid var(--border);border-radius:var(--radius);background:#fff;position:sticky;top:96px;overflow:hidden}.cat-menu-title{background:var(--green);color:#fff;letter-spacing:.08em;padding:.9rem 1.2rem;font-weight:800}.cat-menu ul{list-style:none}.cat-menu a{color:var(--ink-soft);border-top:1px solid var(--border);padding:.65rem 1.2rem;font-weight:600;display:block}.cat-menu a:hover{background:var(--green-light);color:var(--green-dark)}.cat-menu a.is-active{color:var(--green-dark);background:var(--green-light);font-weight:800}.cat-menu .cat-child a{padding-left:2.2rem;font-size:.94rem}.cat-menu a.cat-back{color:var(--green-dark);background:var(--green-light);font-weight:700}.cat-grid{gap:1.6rem}.cat-card{border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);background:#fff;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.cat-card:hover{box-shadow:var(--shadow-lg);color:var(--ink);transform:translateY(-4px)}.cat-card-media{aspect-ratio:4/3;background:var(--green-light);position:relative}.cat-card-media img{object-fit:cover}.cat-card-count{color:#fff;background:#0e4f29e0;border-radius:999px;padding:.2em .7em;font-size:.8rem;font-weight:700;position:absolute;top:.7rem;right:.7rem}.cat-card-body{justify-content:space-between;align-items:baseline;gap:.6rem;padding:1.1rem 1.3rem 1.3rem;display:flex}.cat-card-body h3{font-size:1.2rem;font-weight:800}.cat-card-more{color:var(--green);white-space:nowrap;font-size:.9rem;font-weight:700}.product-detail{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:2.8rem;display:grid}.product-info h1{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:900}.product-info .badge{margin-bottom:.7rem}.product-summary{color:var(--ink-soft);margin-top:.9rem;font-size:1.05rem}.product-cta{flex-wrap:wrap;gap:.8rem;margin-top:1.6rem;display:flex}.product-section{margin-top:3rem}.product-section>h2{border-left:5px solid var(--green);margin-bottom:1.2rem;padding-left:.75rem;font-size:1.35rem;font-weight:800}.gallery-main{aspect-ratio:4/3;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);position:relative;overflow:hidden}.gallery-main img{object-fit:contain}.gallery-thumbs{flex-wrap:wrap;gap:.6rem;margin-top:.8rem;display:flex}.gallery-thumbs button{aspect-ratio:4/3;border:2px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;width:84px;padding:0;position:relative;overflow:hidden}.gallery-thumbs button.is-active{border-color:var(--green)}.gallery-thumbs img{object-fit:cover}.spec-table-wrap{border:1px solid var(--border);border-radius:var(--radius);margin-top:1.4rem;overflow-x:auto}.spec-table{border-collapse:collapse;width:100%;min-width:320px}.spec-table th,.spec-table td{text-align:center;border-bottom:1px solid var(--border);padding:.75rem 1.1rem;font-size:.98rem}.spec-table thead th{background:var(--green);color:#fff;font-weight:800}.spec-table tbody th{background:var(--surface);color:var(--ink-soft);font-weight:700}.spec-table tbody tr:last-child th,.spec-table tbody tr:last-child td{border-bottom:0}.spec-note{color:var(--muted);margin:.6rem 1.1rem .9rem;font-size:.88rem}.example-grid figure{border:1px solid var(--border);border-radius:var(--radius);background:#fff;overflow:hidden}.example-media{aspect-ratio:4/3;background:var(--surface);position:relative}.example-media img{object-fit:contain}.example-grid figcaption{color:var(--ink-soft);padding:.7rem 1rem;font-size:.92rem}.faq details{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:.8rem;padding:0;overflow:hidden}.faq summary{cursor:pointer;padding:.95rem 1.3rem;font-weight:700;list-style:none;position:relative}.faq summary:before{content:"Q. ";color:var(--green);font-weight:900}.faq summary:after{content:"+";color:var(--muted);font-weight:700;position:absolute;right:1.2rem}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--ink-soft);white-space:pre-line;padding:0 1.3rem 1.1rem}.article-page{max-width:780px;margin-inline:auto}.article-page-header time{color:var(--muted);font-weight:600}.article-page-header h1{margin-top:.5rem;font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:900;line-height:1.4}.case-location{color:var(--ink-soft);margin-top:.5rem;font-weight:600}.article-cover{aspect-ratio:16/9;border-radius:var(--radius);background:var(--surface);margin-top:1.6rem;position:relative;overflow:hidden}.article-cover img{object-fit:cover}.article-body{margin-top:2rem}.back-link{margin-top:2.5rem;font-weight:700;display:inline-block}.rich-text{color:var(--ink);font-size:1.02rem}.rich-text>*+*{margin-top:1em}.rich-text h2{margin-top:1.8em;font-size:1.4rem;font-weight:800}.rich-text h3{margin-top:1.5em;font-size:1.18rem;font-weight:800}.rich-text ul,.rich-text ol{padding-left:1.5em}.rich-text blockquote{border-left:4px solid var(--green);background:var(--surface);color:var(--ink-soft);border-radius:0 10px 10px 0;padding:.4em 1.2em}.rich-text img{border-radius:10px}.quote-form,.form-success{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:2rem}.form-grid{grid-template-columns:repeat(2,1fr);gap:1.1rem 1.4rem;display:grid}.field{flex-direction:column;gap:.35rem;display:flex}.field-full{grid-column:1/-1}.field span{font-size:.95rem;font-weight:700}.field em{color:#d23c3c;font-style:normal}.field input,.field textarea,.field select{border:1px solid var(--border);font:inherit;background:#fff;border-radius:10px;padding:.65em .9em;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #17803d26}.quote-form .btn{margin-top:1.6rem}.form-error{color:#c22525;margin-top:1rem;font-weight:700}.form-success h3{font-size:1.3rem;font-weight:800}.form-success p{color:var(--ink-soft);margin:.8rem 0 1.4rem}.hp-field{opacity:0;width:1px;height:1px;position:absolute!important;left:-9999px!important}.quote-layout{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;gap:2.5rem;display:grid}.quote-steps{grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-bottom:2rem;display:grid}.quote-step{background:var(--green-light);border-radius:var(--radius);padding:1.2rem 1.3rem}.quote-step strong{color:var(--green-dark);font-size:1.02rem;display:block}.quote-step span{color:var(--ink-soft);font-size:.92rem}.catalog-notice{grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-bottom:1.6rem;display:grid}.catalog-notice-item{background:var(--green-light);border-left:4px solid var(--green);border-radius:0 12px 12px 0;align-items:flex-start;gap:1rem;padding:1.2rem 1.4rem;display:flex}.catalog-notice-item:nth-child(2){border-left-color:var(--wd-yellow-dark);background:#fdf4e3}.catalog-notice-icon{font-size:1.7rem;line-height:1.2}.catalog-notice-item strong{color:var(--ink);margin-bottom:.25rem;font-size:1.05rem;display:block}.catalog-notice-item p{color:var(--ink-soft);margin:0;font-size:.94rem}.catalog-actions{flex-wrap:wrap;gap:.8rem;margin-bottom:1.8rem;display:flex}.catalog-frame{aspect-ratio:16/10;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;min-height:420px;box-shadow:var(--shadow);position:relative;overflow:hidden}.catalog-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.catalog-hint{color:var(--muted);margin-top:.8rem;font-size:.9rem}.catalog-hint a{font-weight:700}.catalog-faq{margin-top:3rem}.catalog-faq h2{border-left:5px solid var(--green);margin-bottom:1.2rem;padding-left:.75rem;font-size:1.35rem;font-weight:800}.catalog-banner{border-radius:var(--radius);background:linear-gradient(100deg, var(--green-light), #fdf4e3);border:1px solid var(--green-line,var(--border));color:var(--ink);align-items:center;gap:1.1rem;margin-bottom:1.8rem;padding:1.1rem 1.5rem;transition:box-shadow .2s,transform .2s;display:flex}.catalog-banner:hover{box-shadow:var(--shadow);color:var(--ink);transform:translateY(-2px)}.catalog-banner-icon{font-size:1.9rem;line-height:1}.catalog-banner-text{flex-direction:column;flex:1;gap:.15rem;display:flex}.catalog-banner-text strong{font-size:1.06rem;font-weight:800}.catalog-banner-text span{color:var(--ink-soft);font-size:.92rem}.catalog-banner-more{color:var(--green-dark);white-space:nowrap;font-weight:700}@media (max-width:640px){.catalog-banner{flex-wrap:wrap;gap:.7rem}.catalog-banner-more{text-align:right;width:100%}}.nav-catalog{color:var(--green-dark);background:var(--green-light);white-space:nowrap;border-radius:999px;padding:.45em 1em;font-weight:700}.nav-catalog:hover{color:var(--green-dark);background:#d8ebde}@media (max-width:860px){.catalog-notice{grid-template-columns:1fr}.catalog-frame{aspect-ratio:3/4;min-height:480px}}.contact-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.info-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:1.5rem 1.7rem}.info-card h3{color:var(--green-dark);margin-bottom:.4rem;font-size:1.05rem;font-weight:800}.info-card p{color:var(--ink-soft)}.map-embed{border-radius:var(--radius);border:1px solid var(--border);margin-top:2.5rem;overflow:hidden}.map-embed iframe{border:0;width:100%;height:420px;display:block}.service-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:2.2rem;padding:2.4rem 0;display:grid}.service-row:last-child{border-bottom:0}.service-row-media{aspect-ratio:4/3;border-radius:var(--radius);background:var(--green-light);position:relative;overflow:hidden}.service-row-media img{object-fit:cover}.service-row h2{font-size:1.45rem;font-weight:800}.service-row .service-summary{color:var(--ink-soft);margin-top:.6rem;font-weight:600}.service-row .rich-text{margin-top:.9rem}.site-footer{background:var(--ink);color:#cbcac8;margin-top:4rem}.footer-grid{grid-template-columns:2fr 1fr 1.4fr;gap:2.5rem;padding:3.2rem 0 2.4rem;display:grid}.footer-title{color:#fff;font-size:1.3rem;font-weight:900}.footer-tagline{opacity:.85;margin-top:.5rem}.footer-social{gap:1rem;margin-top:1.2rem;display:flex}.footer-social a,.footer-col a{color:#9fd4ae}.footer-social a:hover,.footer-col a:hover{color:#fff}.footer-heading{color:#fff;margin-bottom:.8rem;font-weight:800}.footer-col ul{gap:.45rem;font-size:.96rem;list-style:none;display:grid}.footer-bottom{opacity:.75;border-top:1px solid #ffffff1f;padding:1.1rem 0;font-size:.88rem}.empty-state{text-align:center;color:var(--muted);background:var(--surface);border-radius:var(--radius);border:1px dashed var(--border);padding:3.5rem 2rem}.empty-state a{font-weight:700}.not-found{text-align:center;padding:6rem 0}.not-found h1{font-size:3rem}.not-found p{color:var(--ink-soft);margin:1rem 0 2rem}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}.product-detail,.quote-layout{grid-template-columns:1fr}.nav-toggle{display:flex}.main-nav{border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:.8rem 1.25rem 1.2rem;display:none;position:absolute;top:72px;left:0;right:0}.main-nav.is-open{display:flex}.main-nav ul{flex-direction:column;gap:0}.main-nav ul a{border-radius:10px;padding:.8em .6em;font-size:1.05rem}.nav-actions{justify-content:space-between;margin-top:.8rem}.sidebar-layout{grid-template-columns:1fr}.cat-menu{position:static}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:1.8rem}.service-row,.quote-steps,.contact-grid{grid-template-columns:1fr}}@media (max-width:560px){.grid-2,.grid-3,.grid-4,.form-grid{grid-template-columns:1fr}.hero{padding:3rem 0 2.6rem}.section{padding:2.8rem 0}.cta-band{padding:2.2rem 1.6rem}}