:root{--ink:#173d3c;--deep:#0d5754;--mint:#65ad9d;--paper:#f8fbf9;--line:#c8dbd6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif}a{color:inherit;text-decoration:none}.header{height:76px;position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(248,251,249,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,61,60,.08);transition:.3s}.header.scrolled{height:66px;box-shadow:0 8px 30px #173d3c12}.logo{display:flex;align-items:center;gap:12px}.logo>i{width:36px;height:34px;display:flex;align-items:flex-end;gap:3px}.logo>i b{display:block;width:8px;background:var(--deep);transform:skew(-24deg);border-radius:2px}.logo>i b:nth-child(1){height:17px}.logo>i b:nth-child(2){height:30px;background:#79baac}.logo>i b:nth-child(3){height:23px}.logo>span{display:flex;flex-direction:column}.logo strong{font-size:17px;letter-spacing:.11em}.logo small{font-size:8px;letter-spacing:.2em;margin-top:3px;color:#62807c}.menu{display:flex;align-items:center;gap:30px}.menu>a{font-size:14px;position:relative}.menu>a:not(.contactBtn):after{content:"";position:absolute;bottom:-10px;left:0;right:100%;height:2px;background:var(--mint);transition:.35s}.menu>a:hover:after{right:0}.contactBtn{padding:11px 16px;border:1px solid var(--ink);transition:.3s}.contactBtn:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}.toggle{display:none;border:0;background:none}.hero{height:100svh;min-height:690px;max-height:920px;padding-top:76px;position:relative;display:flex;align-items:center;overflow:hidden}.heroImg{position:absolute;inset:76px 0 0 43%;background:url('images/hero.png') center/cover}.heroShade{position:absolute;inset:76px 0 0;background:linear-gradient(90deg,#f8fbf9 0 37%,rgba(248,251,249,.92) 46%,transparent 73%)}.grid{position:absolute;inset:76px 0 0;background-image:linear-gradient(#173d3c0c 1px,transparent 1px),linear-gradient(90deg,#173d3c0c 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 65%)}.heroText{position:relative;z-index:2;width:min(620px,48vw);margin-left:8vw}.eyebrow{font-size:10px;letter-spacing:.28em;color:#4f857b}.hero h1{font-size:clamp(52px,5.5vw,82px);line-height:1.12;letter-spacing:-.06em;margin:24px 0}.hero h1 em{font-style:normal;color:#58a895}.heroText>p:not(.eyebrow){font-size:17px;line-height:1.9;color:#526f6a;max-width:510px}.heroText>div{display:flex;align-items:center;gap:32px;margin-top:30px}.primary{background:var(--deep);color:#fff;padding:17px 22px;display:flex;gap:48px;transition:.35s}.primary:hover{transform:translateY(-4px);box-shadow:0 18px 35px #0d57542d}.lineLink{border-bottom:1px solid #718d88;padding:11px 0}.hero aside{position:absolute;right:6vw;bottom:6vh;color:#fff;display:flex;gap:20px;align-items:center;text-shadow:0 2px 18px #173d3c}.hero aside strong{font-size:34px}.hero aside span{border-left:1px solid #ffffff80;padding-left:20px;font-size:12px;line-height:1.6}.reveal{opacity:0;transform:translateY(32px);transition:.8s cubic-bezier(.22,.8,.25,1)}.reveal.show{opacity:1;transform:none}.about{max-width:1280px;margin:auto;padding:140px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.num{border:1px solid var(--line);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:10px;margin-bottom:28px}.about h2,.sectionHead h2,.projectHead h2,.process h2{font-size:clamp(40px,4.3vw,64px);letter-spacing:-.055em;line-height:1.2;margin:0}.copy{padding-top:55px}.copy h3{font-size:22px;line-height:1.7}.copy p{line-height:2;color:#647c78}.circle{width:115px;height:115px;border:1px solid #91ada7;border-radius:50%;display:grid;place-items:center;margin-top:35px;font-size:13px;transition:.35s}.circle:hover{background:var(--ink);color:#fff;transform:rotate(-7deg)}.serviceArea{background:#eaf3f0;padding:120px 5vw}.sectionHead{max-width:1280px;margin:0 auto 55px}.sectionHead p{color:#617a76}.services{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #bdd3ce;border-width:1px 0 0 1px}.service{min-height:500px;padding:28px;position:relative;border:1px solid #bdd3ce;border-width:0 1px 1px 0;transition:.4s}.service:hover{background:#fff;transform:translateY(-8px);box-shadow:0 24px 55px #173d3c14;z-index:2}.service>div{display:flex;justify-content:space-between;font-size:11px;color:#6a8983}.service>div b{font-size:30px;color:#64aa9b}.service h3{font-size:25px;margin:70px 0 6px}.service small{font-size:9px;letter-spacing:.12em;color:#6e9189}.service p{font-size:14px;line-height:1.9;color:#607773;margin-top:28px}.service em{font-style:normal;font-size:10px;line-height:2.4;color:#62817b}.service>a{position:absolute;right:28px;bottom:25px;font-size:22px}.manifest{height:650px;background:#155c59;color:#e8f6f2;padding:100px 7vw;position:relative;overflow:hidden}.manifest>small{letter-spacing:.3em}.manifest h2{font-size:clamp(44px,5.5vw,82px);line-height:1.2;letter-spacing:-.055em;margin-top:60px;position:relative}.manifest>div:last-child{position:absolute;bottom:65px;right:7vw;display:flex;gap:40px;font-size:13px}.rings{position:absolute;width:650px;height:650px;right:-50px;top:-120px;border:1px solid #ffffff22;border-radius:44% 56%;box-shadow:0 0 0 65px #ffffff0d,0 0 0 130px #ffffff0a,0 0 0 195px #ffffff08;transform:rotate(25deg)}.projects{padding:130px 0 120px 6vw;overflow:hidden}.projectHead{padding-right:6vw;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}.projectHead p{line-height:1.9;color:#657e79}.projectScroll{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 6vw 25px 0;scrollbar-color:#82aea5 transparent}.project{min-width:min(560px,62vw);scroll-snap-align:start}.project>div{height:390px;background-size:cover;background-position:center;position:relative;transition:.5s}.project:hover>div{filter:saturate(1.15);transform:translateY(-5px)}.project>div span{position:absolute;top:20px;left:20px;color:#fff}.project small{display:block;margin-top:20px;color:#6a9188;letter-spacing:.18em;font-size:9px}.project h3{font-size:24px;margin:8px 0}.swipe{text-align:right;padding-right:6vw;font-size:10px;color:#73918b}.process{background:#fff;padding:120px 7vw}.process>header{text-align:center}.process>header .num{margin:0 auto 25px}.steps{max-width:1180px;margin:80px auto 0;display:grid;grid-template-columns:repeat(4,1fr)}.steps article{padding-right:30px}.steps b{font-size:10px;color:#6fa69b}.steps i{display:block;height:1px;background:#bdd3ce;margin:20px 0 30px;position:relative}.steps i:after{content:"";width:9px;height:9px;border-radius:50%;background:#58a895;box-shadow:0 0 0 7px #e4f0ed;position:absolute;top:-4px;left:0}.steps p{font-size:13px;line-height:1.8;color:#667e79}.contact{background:#d9ebe6;padding:110px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contactIntro>small{font-size:9px;letter-spacing:.25em}.contactIntro h2{font-size:clamp(38px,4.5vw,66px);line-height:1.25;letter-spacing:-.055em}.info{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid #a8c8c1;padding-top:30px;margin-top:45px}.info p{display:flex;flex-direction:column;gap:9px;line-height:1.7;font-size:13px}.info small{font-size:9px;letter-spacing:.18em;color:#64877f}.info a{font-size:18px}form{background:#f8fbf9;padding:38px;box-shadow:0 30px 70px #173d3c12}label{font-size:12px;display:flex;flex-direction:column;gap:9px;margin-bottom:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,select,textarea{width:100%;border:0;border-bottom:1px solid #b8d0ca;background:transparent;padding:11px 2px;font:inherit;color:var(--ink);outline:none}textarea{border:1px solid #b8d0ca;padding:12px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--deep)}form button{border:0;background:var(--ink);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;width:100%;cursor:pointer}form button:disabled{opacity:.6}.status{font-size:13px;line-height:1.5}.status.ok{color:#14745e}.status.error{color:#a63b31}footer{background:#103f3e;color:#deeeea;padding:35px 5vw;display:flex;align-items:center;justify-content:space-between}footer p,footer>a:last-child{font-size:9px;letter-spacing:.1em}footer .logo>i b{background:#d7eeea}footer .logo small{color:#a7c7c0}
@media(max-width:960px){.menu{gap:16px}.services{grid-template-columns:1fr 1fr}.service{min-height:430px}.contact{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:40px}}
@media(max-width:720px){.header{height:68px;padding:0 20px}.logo strong{font-size:15px}.toggle{display:flex;width:38px;height:38px;flex-direction:column;justify-content:center;gap:7px}.toggle i{width:25px;height:1px;background:var(--ink)}.menu{position:fixed;top:68px;left:0;right:0;height:0;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#f8fbf9f7;padding:0 24px;transition:.4s}.menu.open{height:calc(100vh - 68px);padding-top:25px}.menu>a{font-size:21px;padding:18px 0;border-bottom:1px solid var(--line)}.contactBtn{margin-top:18px}.hero{min-height:730px;padding-top:68px;align-items:flex-start}.heroImg{inset:68px 0 0;background-position:62% center}.heroShade{inset:68px 0 0;background:linear-gradient(180deg,#f8fbf9 0,rgba(248,251,249,.9) 47%,transparent 78%)}.grid{inset:68px 0 0}.heroText{width:auto;margin:70px 24px 0}.hero h1{font-size:48px}.heroText>p:not(.eyebrow){font-size:15px}.heroText>div{gap:18px}.primary{gap:20px;padding:15px 16px}.hero aside{right:20px;bottom:27px}.about{padding:90px 24px;grid-template-columns:1fr;gap:20px}.copy{padding-top:0}.copy h3{font-size:19px}.serviceArea{padding:85px 20px}.services{grid-template-columns:1fr}.service{min-height:390px}.service h3{margin-top:45px}.manifest{height:610px;padding:75px 24px}.manifest>div:last-child{left:24px;right:24px;bottom:48px;gap:12px;justify-content:space-between}.manifest>div:last-child span{font-size:11px}.projects{padding:90px 0 90px 20px}.projectHead{display:block;padding-right:20px}.projectHead p{margin-top:25px}.project{min-width:84vw}.project>div{height:310px}.process{padding:90px 24px}.steps{grid-template-columns:1fr;margin-top:60px}.contact{padding:85px 24px;gap:55px}.info{grid-template-columns:1fr}.two{grid-template-columns:1fr}form{padding:26px 20px}footer{padding:40px 24px;flex-direction:column;align-items:flex-start;gap:20px}footer .logo{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* 多頁式內容 */
.menu a.active{color:#258574}.menu a.active:after{right:0!important}.career{background:var(--deep);color:#fff;padding:12px 17px;transition:.3s}.career:hover{background:#0a4543;transform:translateY(-3px)}.innerMain{padding-top:76px}.pageHero{min-height:430px;padding:90px 7vw 65px;display:flex;align-items:flex-end;justify-content:space-between;background:#e5f1ed;position:relative;overflow:hidden}.pageHero:after{content:"";position:absolute;width:520px;height:520px;right:-60px;top:-180px;border:1px solid #77aa9f55;border-radius:43% 57%;box-shadow:0 0 0 65px #77aa9f18,0 0 0 130px #77aa9f10;transform:rotate(24deg)}.pageHero>div{position:relative;z-index:1}.pageHero p{font-size:10px;letter-spacing:.28em;color:#4f857b}.pageHero h1{font-size:clamp(52px,7vw,96px);letter-spacing:-.06em;margin:20px 0}.pageHero span{color:#5d7772}.pageHero>b{font-size:150px;line-height:.8;color:#ffffff88;position:relative;z-index:1}.serviceHero{background:#dbece7}.projectHero{background:#eaf3f0}.contactHero{background:#d5e9e4}.pageSplit{max-width:1260px;margin:auto;padding:130px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.pageSplit h2{font-size:clamp(40px,4.5vw,65px);line-height:1.2;letter-spacing:-.055em}.pageSplit h3{font-size:25px;margin-top:60px}.pageSplit p{line-height:2;color:#617a76}.valueGrid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1180px;margin:0 auto 120px;border:1px solid var(--line);border-width:1px 0 0 1px}.valueGrid article{padding:45px;min-height:240px;border:1px solid var(--line);border-width:0 1px 1px 0;transition:.35s}.valueGrid article:hover{background:#eaf3f0;transform:translateY(-5px)}.valueGrid b{font-size:9px;letter-spacing:.2em;color:#5f9488}.valueGrid h3{font-size:23px;margin-top:55px}.valueGrid p{font-size:13px;color:#657e79}.companyData{background:#155c59;color:#eaf6f3;padding:100px 8vw}.companyData h2{font-size:45px}.companyData dl{max-width:850px;margin-top:50px}.companyData dl div{display:grid;grid-template-columns:180px 1fr;border-top:1px solid #ffffff2d;padding:20px 0}.companyData dt{font-size:12px;color:#a9cec5}.companyData dd{margin:0}.serviceList{max-width:1280px;margin:0 auto;padding:110px 6vw}.serviceRow{display:grid;grid-template-columns:80px 1fr 150px;gap:40px;padding:65px 0;border-bottom:1px solid var(--line);align-items:start}.serviceRow>b{color:#62a294;font-size:12px}.serviceRow small{font-size:9px;letter-spacing:.18em;color:#689188}.serviceRow h2{font-size:36px;margin:12px 0}.serviceRow p{max-width:700px;color:#607873;line-height:1.9}.serviceRow ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.serviceRow li{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:7px 12px}.serviceRow>a{border-bottom:1px solid #829e98;padding:10px 0;display:flex;justify-content:space-between;font-size:13px}.performanceIntro{max-width:1180px;margin:auto;padding:120px 6vw}.performanceIntro h2{font-size:clamp(42px,5vw,68px);line-height:1.2;letter-spacing:-.055em}.performanceIntro p{max-width:680px;margin-left:auto;line-height:2;color:#627b76}.performanceGrid{max-width:1180px;margin:0 auto 120px;display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:340px 340px;gap:18px}.performanceGrid article{padding:35px;position:relative;overflow:hidden;transition:.4s}.performanceGrid article:hover{transform:translateY(-6px);box-shadow:0 25px 60px #173d3c1d}.performanceGrid span{font-size:11px}.performanceGrid small{display:block;margin-top:110px;font-size:9px;letter-spacing:.2em}.performanceGrid h3{font-size:28px;margin:10px 0}.performanceGrid p{font-size:13px;line-height:1.8;max-width:480px}.wide{background:#d8eae5;grid-row:span 1}.imageCase{background:linear-gradient(#173d3c22,#173d3c88),url('images/water-survey.png') center/cover;color:#fff}.tintCase{background:#eef5f2}.darkCase{background:#155c59;color:#e9f6f2}.publicRecord{margin:0 auto 120px;max-width:1180px;padding:65px;background:#e4f0ed;display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.publicRecord small{font-size:9px;letter-spacing:.2em;color:#5d8d83}.publicRecord h2{font-size:38px;margin:15px 0}.publicRecord p{max-width:650px;line-height:1.8;color:#5d7772}.publicRecord>a{min-width:240px;background:var(--ink);color:#fff;padding:18px 20px;display:flex;justify-content:space-between;transition:.3s}.publicRecord>a:hover{transform:translateY(-4px)}.pageContact{padding-top:100px;padding-bottom:100px}
@media(max-width:960px){.pageHero>b{font-size:100px}.performanceGrid{margin-left:25px;margin-right:25px}.serviceRow{grid-template-columns:50px 1fr}.serviceRow>a{grid-column:2}}
@media(max-width:720px){.innerMain{padding-top:68px}.menu .career{padding:17px;margin-top:18px}.pageHero{min-height:350px;padding:70px 24px 45px}.pageHero>b{font-size:70px}.pageSplit{padding:85px 24px;grid-template-columns:1fr;gap:15px}.pageSplit h3{margin-top:10px}.valueGrid{grid-template-columns:1fr;margin:0 24px 80px}.valueGrid article{min-height:190px}.companyData{padding:80px 24px}.companyData dl div{grid-template-columns:110px 1fr}.serviceList{padding:60px 24px}.serviceRow{grid-template-columns:1fr;gap:15px;padding:50px 0}.serviceRow>a{grid-column:1}.serviceRow h2{font-size:30px}.performanceIntro{padding:85px 24px}.performanceIntro p{margin-top:35px}.performanceGrid{grid-template-columns:1fr;grid-template-rows:none;margin:0 24px 80px}.performanceGrid article{min-height:300px}.publicRecord{margin:0 24px 80px;padding:35px 25px;display:block}.publicRecord>a{margin-top:30px}.pageContact{padding:75px 24px}}

/* v2.2 內建工程圖片 */
.pageHero{color:#fff;background-image:linear-gradient(90deg,rgba(11,65,63,.9),rgba(11,65,63,.24)),url('images/hero.png');background-position:center;background-size:cover}
.pageHero p,.pageHero span{color:#d9eee9}.pageHero>b{color:#ffffff55}
.serviceHero{background-image:linear-gradient(90deg,rgba(11,65,63,.9),rgba(11,65,63,.2)),url('images/water-survey.png');background-position:center 54%}
.projectHero{background-image:linear-gradient(90deg,rgba(11,65,63,.88),rgba(11,65,63,.16)),url('images/soil-survey.png');background-position:center 52%}
.contactHero{background-image:linear-gradient(90deg,rgba(11,65,63,.9),rgba(11,65,63,.28)),url('images/hero.png');background-position:center}
.tintCase{background:linear-gradient(90deg,rgba(238,245,242,.97),rgba(238,245,242,.62)),url('images/soil-survey.png') right center/cover}

/* v2.3 文字放大並移除裝飾編號 */
body{font-size:18px}
.menu>a{font-size:16px}
.heroText>p:not(.eyebrow){font-size:19px}
.about .copy p,.sectionHead p,.projectHead p,.contactIntro span{font-size:17px}
.copy h3{font-size:25px}
.service h3{font-size:28px}
.service p{font-size:16px}
.service em{font-size:12px}
.manifest>div:last-child{font-size:15px}
.project h3{font-size:27px}
.steps h3{font-size:22px}
.steps p{font-size:16px}
.pageHero span{font-size:18px}
.pageSplit p{font-size:18px}
.valueGrid p{font-size:16px}
.companyData dt{font-size:14px}
.serviceRow small{font-size:11px}
.serviceRow p{font-size:17px}
.serviceRow li{font-size:13px}
.performanceIntro p,.performanceGrid p,.publicRecord p{font-size:16px}
.info p{font-size:15px}
label{font-size:14px}
input,select,textarea{font-size:16px}
.num,.pageHero>b,.service>div>span,.project>div>span,.steps b,.serviceRow>b,.performanceGrid article>span{display:none!important}
.serviceRow{grid-template-columns:1fr 170px}
.serviceRow>a{grid-column:2}
.service>div{justify-content:flex-end}

@media(max-width:720px){body{font-size:17px}.menu>a{font-size:22px}.heroText>p:not(.eyebrow){font-size:17px}.serviceRow{grid-template-columns:1fr}.serviceRow>a{grid-column:1}.pageHero span{font-size:16px}.about .copy p,.pageSplit p,.serviceRow p{font-size:17px}}

/* v2.4 固定式營業項目與圖片排版 */
.fixedProjects{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;overflow:visible;padding-right:6vw;scroll-snap-type:none}
.fixedProjects .project{min-width:0}
.fixedProjects .project>div{height:300px}
.allServices{display:flex;width:max-content;margin:55px auto 0;background:var(--ink);color:#fff;padding:17px 24px;transition:.3s}
.allServices:hover{transform:translateY(-4px);background:var(--deep)}
.businessIntro{max-width:1220px;margin:auto;padding:110px 6vw 60px;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end}
.businessIntro h2{font-size:clamp(38px,4.4vw,62px);line-height:1.25;letter-spacing:-.05em;margin:0}
.businessIntro p{font-size:18px;line-height:2;color:#607873}
.businessGrid{max-width:1220px;margin:0 auto 120px;padding:0 5vw;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.businessCard{background:#fff;border:1px solid var(--line);overflow:hidden;transition:.4s}
.businessCard:hover{transform:translateY(-7px);box-shadow:0 24px 60px #173d3c18}
.businessPhoto{height:235px;background-size:cover;background-position:center;transition:.55s}
.businessCard:hover .businessPhoto{transform:scale(1.035)}
.businessContent{padding:28px;position:relative;background:#fff}
.businessContent small{font-size:10px;letter-spacing:.14em;color:#609087}
.businessContent h2{font-size:26px;line-height:1.4;margin:12px 0}
.businessContent p{font-size:16px;line-height:1.85;color:#617974;min-height:89px}
.businessContent ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:7px}
.businessContent li{border:1px solid var(--line);border-radius:30px;padding:6px 10px;font-size:12px}
.businessContent>a{display:inline-flex;margin-top:15px;border-bottom:1px solid #75958e;padding-bottom:6px;font-size:14px}
.businessCard.feature{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr}
.businessCard.feature .businessPhoto{height:100%;min-height:430px}
.businessCard.feature .businessContent{padding:55px}
.businessCard.feature .businessContent h2{font-size:38px}
.businessCard.feature .businessContent p{font-size:18px;min-height:0}
.serviceCta{max-width:1100px;margin:0 auto 120px;background:#d9ebe6;padding:55px 60px;display:flex;justify-content:space-between;align-items:end;gap:40px}
.serviceCta small{font-size:10px;letter-spacing:.18em;color:#5e8e83}
.serviceCta h2{font-size:34px;margin:15px 0}
.serviceCta p{font-size:16px;color:#5f7772}
.serviceCta>a{min-width:175px;background:var(--ink);color:#fff;padding:17px 20px;text-align:center}
footer .logo strong{font-size:20px}
footer .logo small{font-size:10px}
footer p{font-size:13px}
footer>a:last-child{font-size:12px}

@media(max-width:960px){.fixedProjects{grid-template-columns:repeat(2,1fr)}.businessGrid{grid-template-columns:repeat(2,1fr)}.businessCard.feature{grid-column:1/-1}.businessCard:last-child{grid-column:1/-1}.businessCard:last-child .businessPhoto{height:300px}}
@media(max-width:720px){.fixedProjects{grid-template-columns:1fr;padding-right:20px}.fixedProjects .project>div{height:290px}.businessIntro{padding:80px 24px 45px;grid-template-columns:1fr;gap:25px}.businessGrid{grid-template-columns:1fr;padding:0 24px;margin-bottom:80px}.businessCard.feature{display:block}.businessCard.feature .businessPhoto{height:290px;min-height:0}.businessCard.feature .businessContent{padding:28px}.businessCard.feature .businessContent h2{font-size:30px}.businessCard:last-child{grid-column:auto}.businessContent p{min-height:0}.serviceCta{margin:0 24px 80px;padding:38px 25px;display:block}.serviceCta h2{font-size:28px}.serviceCta>a{display:block;margin-top:28px}footer p{font-size:14px;line-height:1.7}footer>a:last-child{font-size:13px}}

/* v2.5 平板與搜尋引擎友善顯示 */
img{max-width:100%;height:auto}
@media(max-width:1050px){.header{height:68px;padding:0 24px}.innerMain{padding-top:68px}.toggle{display:flex;width:42px;height:42px;flex-direction:column;justify-content:center;align-items:center;gap:7px;cursor:pointer}.toggle i{display:block;width:26px;height:1px;background:var(--ink)}.menu{position:fixed;top:68px;left:0;right:0;height:0;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;gap:0;background:rgba(248,251,249,.98);padding:0 30px;transition:.4s}.menu.open{height:calc(100vh - 68px);padding-top:28px;overflow-y:auto}.menu>a{font-size:21px;padding:18px 0;border-bottom:1px solid var(--line)}.menu .career{margin-top:18px;padding:17px}.hero{padding-top:68px}.heroImg,.heroShade,.grid{top:68px}}
@media(min-width:721px) and (max-width:1050px){.heroText{width:58vw;margin-left:6vw}.hero h1{font-size:58px}.about{padding-left:5vw;padding-right:5vw;gap:6vw}.fixedProjects{grid-template-columns:repeat(2,1fr)}.contact{padding-left:5vw;padding-right:5vw}.pageHero{min-height:390px}.businessGrid{padding-left:4vw;padding-right:4vw}}
@media(max-width:420px){.header{padding:0 16px}.logo strong{font-size:14px}.logo small{font-size:7px}.hero h1{font-size:42px}.heroText{margin-left:18px;margin-right:18px}.heroText>div{flex-wrap:wrap}.primary{width:100%;justify-content:space-between}.pageHero h1{font-size:44px}.businessContent{padding:24px 20px}.contact{padding-left:18px;padding-right:18px}form{padding:24px 18px}}

/* v2.6 SEO 圖片說明與服務地區 */
.project>div{overflow:hidden}
.project>div img{width:100%;height:100%;object-fit:cover;display:block;transition:.55s}
.project:hover>div img{transform:scale(1.045)}
.businessPhoto{overflow:hidden}
.businessPhoto img{width:100%;height:100%;object-fit:cover;display:block;transition:.55s}
.businessCard:hover .businessPhoto img{transform:scale(1.04)}
.serviceRegion{padding:90px 7vw;background:#f0f6f4;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}
.serviceRegion small{font-size:10px;letter-spacing:.2em;color:#5f9187}
.serviceRegion h2{font-size:clamp(36px,4vw,58px);line-height:1.25;letter-spacing:-.05em;margin:15px 0}
.serviceRegion p{font-size:17px;line-height:1.9;color:#607873}
.serviceRegion ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-width:1px 0 0 1px}
.serviceRegion li{padding:18px;border:1px solid var(--line);border-width:0 1px 1px 0;font-size:15px;background:#fff}
@media(max-width:720px){.serviceRegion{padding:70px 24px;grid-template-columns:1fr;gap:30px}.serviceRegion ul{grid-template-columns:1fr}.serviceRegion h2{font-size:34px}}

/* v2.8 上方 Logo 與選單浮動互動 */
.header .logo{padding:8px 10px;margin-left:-10px;border-radius:12px;transition:transform .32s cubic-bezier(.2,.8,.2,1),background .32s,box-shadow .32s}
.header .logo>i{transition:transform .36s cubic-bezier(.2,.9,.2,1),filter .36s}
.header .logo strong,.header .logo small{transition:transform .32s,color .32s}
.header .logo:hover{transform:translateY(-3px);background:rgba(255,255,255,.75);box-shadow:0 12px 26px rgba(13,87,84,.13)}
.header .logo:hover>i{transform:translateY(-2px) rotate(-2deg);filter:drop-shadow(0 7px 6px rgba(13,87,84,.2))}
.header .logo:hover strong,.header .logo:hover small{transform:translateX(2px)}
.header .logo:active{transform:translateY(1px) scale(.97);box-shadow:0 4px 10px rgba(13,87,84,.1)}
.header .menu>a:not(.career){padding:12px 13px;border-radius:10px;transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s,color .28s,box-shadow .28s}
.header .menu>a:not(.career):hover{transform:translateY(-4px);background:#fff;color:var(--deep);box-shadow:0 11px 24px rgba(13,87,84,.13)}
.header .menu>a:not(.career):active{transform:translateY(1px) scale(.96);box-shadow:0 4px 9px rgba(13,87,84,.1)}
.header .menu>a.active:not(.career){background:#e5f2ee;color:var(--deep);box-shadow:0 8px 18px rgba(13,87,84,.1)}
.header .career{border-radius:8px;box-shadow:0 8px 18px rgba(13,87,84,.16);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,background .28s}
.header .career:hover{transform:translateY(-4px);box-shadow:0 15px 28px rgba(13,87,84,.24)}
.header .career:active{transform:translateY(1px) scale(.97);box-shadow:0 4px 9px rgba(13,87,84,.14)}
@media(max-width:1050px){.header .menu>a:not(.career){border-radius:8px}.header .menu>a:not(.career):hover{transform:translateX(6px);box-shadow:0 8px 18px rgba(13,87,84,.1)}.header .menu>a:not(.career):active{transform:translateX(2px) scale(.99)}}
@media(prefers-reduced-motion:reduce){.header .logo,.header .logo>i,.header .menu>a{transition:none!important;transform:none!important}}

/* v2.9 選單僅保留移動效果 */
.header .menu>a,.header .menu>a:hover,.header .menu>a:active,.header .menu>a.active,.header .career,.header .career:hover,.header .career:active{background:transparent!important;box-shadow:none!important;color:var(--ink)!important;border-color:transparent!important}
.header .menu>a:not(.career):hover,.header .career:hover{transform:translateY(-4px)}
.header .menu>a:not(.career):active,.header .career:active{transform:translateY(1px) scale(.97)}
.header .menu>a.active:not(.career){color:var(--deep)!important}
@media(max-width:1050px){.header .menu>a,.header .career{background:transparent!important;box-shadow:none!important}.header .menu>a:not(.career):hover,.header .career:hover{transform:translateX(6px)}.header .menu>a:not(.career):active,.header .career:active{transform:translateX(2px) scale(.99)}}

/* v3.0 Logo 僅保留移動效果 */
.header .logo,.header .logo:hover,.header .logo:active{background:transparent!important;box-shadow:none!important}

/* v3.1 驗證碼與寄信表單 */
.hpField{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.captchaField{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin:8px 0 22px}
.captchaField>label{margin-bottom:0}
.captchaVisual{display:flex;align-items:center;gap:10px}
.captchaImage{display:block;width:180px;height:58px;border:1px solid #b8d0ca;border-radius:4px;background:#e7f1ee}
.captchaReload{width:auto!important;min-width:76px!important;padding:12px 10px!important;background:transparent!important;color:var(--deep)!important;border:1px solid #91b6ae!important;font-size:13px!important;display:block!important;box-shadow:none!important}
.captchaReload:hover{background:#e7f1ee!important}

/* v3.10 新版公司 Logo 與聯絡資訊排版 */
.logo>img{display:block!important;width:40px!important;height:40px!important;max-width:40px!important;object-fit:contain!important;flex:0 0 40px!important}
.header .logo>img{transition:transform .36s cubic-bezier(.2,.9,.2,1),filter .36s}
.header .logo:hover>img{transform:translateY(-2px) rotate(-2deg);filter:drop-shadow(0 7px 6px rgba(13,87,84,.2))}
footer .logo>img{width:46px!important;height:46px!important;max-width:46px!important;flex-basis:46px!important;background:#fff;border-radius:10px;padding:3px}
.contact .info{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.contact .info p{margin:0;padding:18px;border:1px solid rgba(13,87,84,.14);border-radius:12px;background:rgba(255,255,255,.38)}
.contact .info p:nth-child(2){grid-column:span 2}
@media(max-width:720px){.logo>img{width:36px!important;height:36px!important;max-width:36px!important;flex-basis:36px!important}.contact .info{grid-template-columns:1fr}.contact .info p:nth-child(2){grid-column:auto}}
@media(max-width:720px){.captchaField{grid-template-columns:1fr;gap:10px}.captchaVisual{justify-content:space-between}.captchaImage{width:180px;max-width:65%}.captchaReload{margin:0!important}}