:root{--green:#17803d;--green-dark:#115f2d;--green-light:#e8f4ec;--ink:#1d2a22;--ink-soft:#4b5a50;--muted:#7b8a80;--bg:#fff;--surface:#f5f8f5;--border:#e1e8e2;--amber:#f0a020;--radius:14px;--shadow:0 6px 24px #153d2314;--shadow-lg:0 14px 40px #153d2324;--font-sans:"Noto Sans TC", "PingFang TC", "Heiti TC", "Microsoft JhengHei", -apple-system, "Segoe UI", sans-serif}*{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:1.5rem;display:flex}.main-nav ul{gap:.25rem;list-style:none;display:flex}.main-nav ul a{color:var(--ink-soft);border-radius:999px;padding:.45em .85em;font-weight:600;display:block}.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:.9rem;display:flex}.nav-phone{color:var(--ink);white-space:nowrap;font-weight:700}.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 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}.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:cover}.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:cover}.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}.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}.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{color:#cfe0d4;background:#14261b;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}}@media (max-width:860px){.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}}