:root{--ink:#1c2522;--muted:#6b7470;--line:#e1e5e2;--paper:#f6f8f7;--green:#4a984d;--blue:#2f60aa;--header:76px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.65;letter-spacing:0;background:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;letter-spacing:0}.site-header{height:var(--header);display:flex;align-items:center;gap:42px;padding:0 clamp(24px,5vw,72px);position:fixed;inset:0 0 auto;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.brand{margin-right:auto}.brand img{width:191px;height:auto}.site-nav{display:flex;gap:32px;font-size:14px}.site-nav a{padding:8px 0;border-bottom:2px solid transparent}.site-nav a:hover{border-color:var(--green)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 23px;border:1px solid transparent;transition:.2s}.header-cta{color:#fff;background:var(--blue);font-size:14px}.button:hover,.header-cta:hover{transform:translateY(-2px)}.menu-button{display:none;border:0;background:none;width:42px;height:42px;padding:10px}.menu-button span{display:block;height:2px;background:var(--ink);margin:5px 0}.hero{margin-top:var(--header);min-height:680px;height:calc(100vh - var(--header));max-height:820px;position:relative;color:#fff;overflow:hidden}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,25,22,.86),rgba(16,25,22,.46) 55%,rgba(16,25,22,.08))}.hero-content{position:absolute;left:max(6vw,24px);top:50%;transform:translateY(-54%);max-width:720px}.eyebrow,.section-label{font-size:12px;font-weight:700;letter-spacing:1.6px}.eyebrow{color:#cfe6d3}.hero h1{font-size:clamp(48px,6.2vw,84px);margin:20px 0 25px}.hero-content>p:not(.eyebrow){max-width:620px;font-size:18px;color:#e2e9e5}.hero-actions{display:flex;gap:12px;margin-top:35px}.primary{background:var(--green);color:#fff}.secondary{border-color:rgba(255,255,255,.7);color:#fff}.hero-tags{position:absolute;bottom:0;right:0;display:grid;grid-template-columns:repeat(4,150px);background:#fff;color:var(--ink)}.hero-tags span{padding:22px 15px;text-align:center;font-size:13px;border-left:1px solid var(--line)}.section{padding:105px max(6vw,24px)}.section-label{color:var(--green);margin-bottom:28px}.about-layout,.section-head,.product-grid{max-width:1280px;margin-left:auto;margin-right:auto}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about h2,.section-head h2,.service h2,.contact h2{font-size:clamp(34px,4vw,56px);margin:0}.about-layout>div{color:var(--muted)}.about-layout .lead{font-size:20px;color:var(--ink)}.arrow-link{display:inline-flex;gap:16px;color:var(--ink);font-weight:700;margin-top:12px}.arrow-link span{color:var(--green)}.products{background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-head .section-label{margin-bottom:18px}.section-head>p{max-width:420px;margin:0;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 18px}.product-card{background:#fff;border:1px solid var(--line);transition:.25s}.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(28,37,34,.08)}.product-image{aspect-ratio:4/3;overflow:hidden;background:#dfe3e1}.product-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.product-card:hover img{transform:scale(1.025)}.crop-cable img{transform:scale(1.4)}.crop-cable:hover img{transform:scale(1.44)}.crop-slope img{object-position:center 48%;transform:scale(1.2)}.crop-slope:hover img{transform:scale(1.24)}.product-copy{padding:19px 20px 21px}.product-copy h3{font-size:17px;margin:0 0 7px}.product-copy p{font-size:13px;color:var(--muted);margin:0}.service{padding:105px max(6vw,24px);display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:#fff}.service-intro>p{color:var(--muted);max-width:470px;margin-top:25px}.service-list{border-top:1px solid var(--line)}.service-list>div{display:grid;grid-template-columns:54px 150px 1fr;gap:18px;align-items:start;padding:28px 0;border-bottom:1px solid var(--line)}.service-list strong{font-size:12px;color:var(--green)}.service-list h3{font-size:18px;margin:0}.service-list p{font-size:14px;color:var(--muted);margin:0}.contact{padding:105px max(6vw,24px);background:#17211e;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-copy>p{color:#aeb8b4;max-width:460px;margin:24px 0 42px}.contact dl{margin:0}.contact dl div{display:grid;grid-template-columns:100px 1fr;padding:12px 0;border-top:1px solid #3b4642}.contact dt{font-size:12px;color:#8f9a96}.contact dd{margin:0;font-size:14px}.inquiry-form{background:#fff;color:var(--ink);padding:38px;align-self:start}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.inquiry-form label{display:block;font-size:13px;font-weight:700;margin-bottom:18px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;border:1px solid var(--line);background:#f8faf9;padding:12px 13px;margin-top:7px;border-radius:0}.inquiry-form textarea{resize:vertical}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{outline:2px solid rgba(74,152,77,.18);border-color:var(--green)}.submit{border:0;width:100%;cursor:pointer}.form-status{min-height:20px;margin:10px 0 0;font-size:12px;color:var(--muted)}footer{padding:30px max(6vw,24px);display:flex;align-items:center;gap:36px;border-top:1px solid var(--line)}footer img{width:170px}footer p{margin:0;color:var(--muted);font-size:12px}footer p:last-child{margin-left:auto}
@media(max-width:980px){.site-nav{display:none;position:absolute;left:0;right:0;top:var(--header);background:#fff;padding:18px 24px;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.site-nav a{padding:11px}.menu-button{display:block}.header-cta{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.hero-tags{grid-template-columns:repeat(2,140px)}.about-layout,.service,.contact{grid-template-columns:1fr;gap:50px}.service-list>div{grid-template-columns:50px 140px 1fr}}
@media(max-width:600px){:root{--header:68px}.site-header{padding:0 20px}.brand img{width:166px}.hero{min-height:650px;height:calc(100vh - var(--header))}.hero-content{left:24px;right:24px;top:43%;transform:translateY(-50%)}.hero h1{font-size:45px}.hero-content>p:not(.eyebrow){font-size:16px}.hero-tags{left:0;right:0;grid-template-columns:repeat(4,1fr)}.hero-tags span{font-size:11px;padding:17px 5px}.section,.service,.contact{padding:76px 24px}.about-layout{gap:35px}.about-layout .lead{font-size:18px}.section-head{display:block}.section-head>p{margin-top:20px}.product-grid{grid-template-columns:1fr;gap:14px}.product-image{aspect-ratio:16/10}.service-list>div{grid-template-columns:36px 1fr}.service-list p{grid-column:2}.field-row{grid-template-columns:1fr}.inquiry-form{padding:26px 20px}.contact dl div{grid-template-columns:88px 1fr}footer{display:block;text-align:center}footer img{margin:0 auto 18px}footer p{margin:8px 0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.hero-phone{display:inline-flex;align-items:center;gap:14px;margin-top:24px;color:#fff}.hero-phone small{color:#cfe6d3}.hero-phone strong{font-size:19px}.hero-phone:hover strong{text-decoration:underline}.contact-phone{font-size:18px;font-weight:700;color:#fff}.contact-phone:hover{text-decoration:underline}.contact-call{margin-top:28px;background:var(--green);color:#fff}
.headline-small,.headline-nowrap{font-size:.78em}.headline-nowrap{display:block;white-space:nowrap}
@media(max-width:600px){.headline-small,.headline-nowrap{font-size:32px}}
.wechat-panel{background:#fff;color:var(--ink);padding:38px;align-self:start;text-align:center}.wechat-heading{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:22px;text-align:left}.wechat-heading small{display:block;color:var(--muted);font-size:12px}.wechat-heading h3{margin:2px 0 0;font-size:22px}.wechat-mark{display:grid;place-items:center;width:48px;height:48px;background:var(--green);color:#fff;font-size:20px;font-weight:700}.wechat-qr{width:min(100%,360px);aspect-ratio:1/1;object-fit:contain;margin:0 auto;background:#fff}.wechat-panel>p{max-width:440px;margin:20px auto;color:var(--muted);font-size:14px}.wechat-phone{width:100%}
@media(max-width:600px){.wechat-panel{padding:25px 18px}.wechat-qr{width:min(100%,320px)}}