/* 江多华能源：整套家庭能源方案，统一品牌视觉。 */
:root{--green:#d8e7b5;--muted:#9aa59c;--paper:#eeefe8;--ink:#24372d}
.brand svg{fill:none;color:#e4ecd8;width:35px;height:40px}.brand-en{color:#bdc8bb;font-size:8px;letter-spacing:2.6px}.header{height:88px}.header nav{gap:26px}.nav-cta{border-color:#b9c4ac70;border-radius:0}.header.is-scrolled{background:#101a16ed}.reading-progress{background:#e0e5c8;box-shadow:none}
.company-hero{min-height:760px;height:100svh;max-height:1080px;padding:150px 6% 120px;background:#17221c}
.company-hero-media{position:absolute;inset:0;z-index:-1}.company-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 65%;display:block}
.company-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07120ee0 0%,#0b181363 43%,transparent 75%),linear-gradient(0deg,#07110fe8,transparent 37%,transparent 72%,#07120e80)}
.company-hero .hero-copy{width:70%;padding-top:30px}.company-hero .eyebrow{color:#dde8cb;font-size:10px;letter-spacing:2px;margin-bottom:30px}.company-hero h1{font-size:clamp(56px,6.2vw,100px);letter-spacing:-3px;line-height:1.22;font-weight:400;margin-bottom:25px}.company-hero h1 span{color:#e0e6ca}.company-hero .hero-description{font-size:14px;color:#e0e5d9;line-height:2;letter-spacing:1px}.company-hero .hero-actions{margin-top:30px}.button{border-radius:0;font-weight:500}.primary{background:#dce6c8}.primary:hover{background:#eef3de}.company-hero .text-link{color:#ecf0e5}
.hero-system{position:absolute;bottom:115px;right:6%;width:330px;padding:24px 0 0;border-top:1px solid #dce5d55c}.system-label{font:9px Arial;letter-spacing:2px;color:#d4dfcc}.hero-system>div{display:flex;align-items:center;gap:14px;margin-top:22px}.hero-system>div>span{font:9px Arial;color:#b8c8ad;white-space:nowrap}.hero-system b{font:19px var(--font);margin-left:7px;color:#ecf0e5}.hero-system i{width:30px;height:1px;background:#b6cba67a}.hero-system p{font-size:11px;letter-spacing:.5px;color:#b7c6b4;margin:20px 0 0}.company-hero .hero-bottom{bottom:27px;left:6%;right:6%;padding-top:20px;border-top:1px solid #e3eadc26;color:#b5c1b2;font-size:8px;letter-spacing:1px}.company-hero .hero-bottom a{color:#e2e9db}
.scope-strip{padding:28px 6%;display:flex;justify-content:space-between;align-items:center;gap:24px;background:#16231c;border-bottom:1px solid #ffffff10;font-size:12px}.scope-strip>span{font-size:15px}.scope-strip p{margin:0;color:#b9c6b2}.scope-strip i{font-style:normal;color:#637860;margin:0 16px}.scope-strip a{font-size:11px;color:#dce6c8}
.company-section{background:var(--paper);color:var(--ink);padding:110px max(6%,calc((100% - 1440px)/2))}.company-section .eyebrow{color:#617356;font-size:10px;margin-bottom:35px}.company-intro>div{display:flex;justify-content:space-between;gap:60px;align-items:flex-end}.company-intro h2{font-size:clamp(34px,3.8vw,60px);font-weight:400;letter-spacing:-1.6px;line-height:1.35;margin:0}.company-intro>div>p{max-width:360px;font-size:13px;line-height:2.1;color:#657267;margin:0 0 7px}
.solution-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid #aeb9ab;border-bottom:1px solid #b9c3b4}.solution-tabs button{position:relative;background:none;border:0;color:#7a8778;text-align:left;padding:26px 20px 28px 0;transition:color .3s,background .3s}.solution-tabs button+button{padding-left:24px;border-left:1px solid #cbd2c5}.solution-tabs button>span{display:block;font:9px Arial;letter-spacing:1.6px;margin-bottom:15px}.solution-tabs strong{font-size:22px;font-weight:400}.solution-tabs i{position:absolute;right:24px;bottom:29px;font-style:normal;font-size:20px;transition:transform .3s}.solution-tabs button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#405a3c;transform:scaleX(0);transform-origin:left;transition:transform .4s}.solution-tabs button[aria-selected=true]{color:#213c2b}.solution-tabs button[aria-selected=true]:after{transform:scaleX(1)}.solution-tabs button:hover i{transform:translate(3px,-3px)}.company-section :focus-visible{outline-color:#45643e}
.solution-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:5%;align-items:center;padding-top:52px;min-height:430px}.solution-art{background:radial-gradient(ellipse,#d9e2d2,transparent 65%);width:100%}.solution-art svg{display:block;width:100%;height:auto}.diagram-node{opacity:.38;transition:opacity .7s,filter .7s}.solution-panel[data-active=pv] .node-pv,.solution-panel[data-active=storage] .node-storage,.solution-panel[data-active=control] .node-control,.solution-panel[data-active=manage] .node-manage{opacity:1;filter:drop-shadow(0 4px 8px #6c965c33)}
.solution-copy>p:first-child{font-size:11px;color:#697a60;letter-spacing:1px;margin:0 0 18px}.solution-copy h3{font-size:clamp(26px,2.5vw,38px);font-weight:400;letter-spacing:-1px;line-height:1.45;margin:0 0 22px}.solution-copy>p:not(:first-child){font-size:12px;line-height:2;color:#657365;max-width:390px}.solution-copy ul{list-style:none;padding:0;margin:22px 0;font-size:11px;color:#5d705b;line-height:2.4}.solution-copy li:before{content:"+";margin-right:14px;color:#7b9568}.solution-copy .text-link{border-bottom:1px solid #8e9e84;color:#2e4b30;font-size:12px}.solution-copy .text-link:hover{color:#4e783a}.diagram-flow{animation:diagram-flow 1.5s linear 2}@keyframes diagram-flow{to{stroke-dashoffset:-52}}
.lifestyle{padding-top:105px}.lifestyle-heading h2{font-weight:400}.section{padding-top:110px;padding-bottom:110px}.section h2{font-weight:400}.product-highlights{display:flex;gap:48px;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;padding:27px 0;margin-bottom:38px}.product-highlights div{display:flex;gap:18px;align-items:baseline}.product-highlights strong{font:36px Arial;letter-spacing:-1px;color:#dce7cc}.product-highlights small{font:12px Arial;margin-left:4px}.product-highlights span{font-size:10px;color:#91a28e}
.delivery-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:65px}.delivery-steps article{border-top:1px solid #abb9a4;padding-top:22px}.delivery-steps article>span{font:38px Arial;letter-spacing:-1px;color:#9baa91}.delivery-steps h3{font-weight:400;font-size:22px;margin:34px 0 15px}.delivery-steps p{font-size:12px;color:#687562;line-height:2;max-width:235px;min-height:74px}.delivery-steps small{font-size:10px;color:#819077;display:block;margin-top:27px}.delivery-next{border-top:1px solid #c1cbb9;margin-top:50px;padding-top:30px;display:flex;justify-content:space-between;align-items:center;gap:24px}.delivery-next p{font-size:13px;color:#66755e}.delivery-next .button{border:1px solid #718268;color:#30492d}.delivery-next .button:hover{background:#dde5d5}
.closing{padding:120px 20px 110px;background:radial-gradient(ellipse at bottom,#40533566,transparent 75%),#132018}.closing h2{font-weight:400}.closing-lede{color:#9eae92;font-size:13px;margin:-8px 0 35px;position:relative}.closing>.text-link{position:relative;display:flex;width:max-content;margin:22px auto 0;color:#adbc9e}
.company-footer{display:grid;grid-template-columns:1fr 1.3fr;align-items:start;padding:65px 6% 25px;gap:50px;background:#0c140f}.footer-top .brand{font-size:25px}.footer-top>p{font-size:12px;line-height:2;color:#8e9d87;margin:26px 0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.footer-links>div{display:flex;flex-direction:column;gap:18px}.footer-links span{color:#cbd8be;font-size:12px;margin-bottom:9px}.footer-links a{font-size:11px;color:#8d9e83}.footer-links a:hover{color:#dce7cc}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff13;padding-top:23px;display:flex;justify-content:space-between;color:#65775d;font-size:9px;letter-spacing:1px}
@media(min-width:1600px){.company-hero .hero-copy{padding-top:60px}.company-hero .hero-description{font-size:16px}}
@media(max-width:1100px){.header nav{gap:16px;font-size:11px}.brand{font-size:20px}.nav-cta{font-size:10px;padding:10px}.nav-cta span{margin-left:12px}.company-hero h1{font-size:70px}.hero-system{width:290px}.hero-system b{font-size:17px}.company-intro>div{gap:30px}.company-intro>div>p{max-width:290px}.product-highlights{gap:25px}.product-highlights div{gap:12px}.product-highlights strong{font-size:30px}.delivery-steps{gap:24px}}
@media(max-width:760px){html{scroll-padding-top:90px}.header{height:75px}.header nav{gap:0}.brand{font-size:20px}.brand svg{width:28px}.brand-en{font-size:7px}.company-hero{height:auto;min-height:0;padding:115px 6% 0;display:flex;flex-direction:column;overflow:hidden}.company-hero .hero-copy{width:100%;padding:0}.company-hero h1{font-size:clamp(43px,9.6vw,65px);letter-spacing:-2px;line-height:1.3}.company-hero .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:23px}.company-hero .hero-description{font-size:12px;letter-spacing:.3px}.company-hero .hero-actions{gap:26px;margin-top:24px}.company-hero-media{position:relative;inset:auto;order:2;width:calc(100% + 12vw);margin:30px -6vw 0;z-index:0}.company-hero-media img{width:100%;height:auto;object-fit:contain}.company-hero-media:after{background:linear-gradient(#17221c,transparent 25%,transparent 85%,#17221c)}.hero-system{position:relative;order:3;inset:auto;width:100%;padding:23px 0 28px;margin:0;border-top-color:#ffffff20}.hero-system>div{margin-top:17px;gap:20px}.hero-system i{flex:1}.hero-system b{font-size:18px}.hero-system p{margin-top:16px;font-size:10px}.system-label{font-size:8px}.company-hero .hero-bottom{position:relative;order:4;left:auto;right:auto;bottom:auto;gap:12px;padding:16px 0 20px;font-size:7px;letter-spacing:.2px;display:flex;flex-wrap:wrap}.company-hero .hero-bottom>span:last-child{display:none}.company-hero .hero-bottom a{font-size:9px}.company-hero .hero-bottom a span{padding-left:12px}.scope-strip{padding:25px 6%;flex-wrap:wrap;gap:17px}.scope-strip>span{font-size:15px}.scope-strip p{width:100%;order:3;font-size:10px;display:flex;justify-content:space-between}.scope-strip i{margin:0 6px}.scope-strip a{font-size:9px;margin-left:auto}.company-section{padding:65px 6%}.company-section .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:25px}.company-intro>div{display:block}.company-intro h2{font-size:33px;letter-spacing:-1px}.company-intro>div>p{max-width:none;margin-top:25px;font-size:11px}.solution-tabs{margin-top:35px;grid-template-columns:repeat(2,1fr)}.solution-tabs button{padding:18px 12px 18px 0}.solution-tabs button+button{padding-left:16px}.solution-tabs button:nth-child(3){border-left:0;padding-left:0;border-top:1px solid #cbd2c5}.solution-tabs button:nth-child(4){border-top:1px solid #cbd2c5}.solution-tabs button>span{font-size:8px;letter-spacing:1px;margin-bottom:10px}.solution-tabs strong{font-size:18px}.solution-tabs i{font-size:16px;right:16px;bottom:20px}.solution-panel{grid-template-columns:1fr;padding-top:10px;gap:0}.solution-art{max-width:450px;margin:0 auto}.solution-copy{padding-top:15px;min-height:350px}.solution-copy h3{font-size:29px}.solution-copy>p:not(:first-child){font-size:11px}.solution-copy ul{font-size:10px;margin:17px 0}.lifestyle{padding-top:60px}.section{padding-top:65px;padding-bottom:65px}.product-highlights{gap:0;justify-content:space-between;padding:20px 0;flex-wrap:wrap}.product-highlights div{display:block}.product-highlights strong{font-size:25px}.product-highlights small{font-size:10px}.product-highlights span{display:block;margin-top:8px;font-size:9px}.delivery-steps{grid-template-columns:1fr 1fr;gap:30px 22px;margin-top:35px}.delivery-steps article>span{font-size:30px}.delivery-steps h3{font-size:18px;margin-top:22px}.delivery-steps p{font-size:10px;min-height:80px}.delivery-steps small{font-size:8px;margin-top:20px}.delivery-next{margin-top:35px;display:block}.delivery-next p{font-size:11px;line-height:1.8;margin-bottom:22px}.closing{padding:70px 6%}.closing h2{font-size:44px}.closing-lede{font-size:11px;line-height:1.9}.company-footer{display:block;padding:45px 6% 25px;text-align:left}.footer-links{margin-top:35px;gap:14px}.footer-links span{font-size:10px}.footer-links a{font-size:9px;line-height:1.6}.footer-links>div{gap:15px}.footer-bottom{margin-top:36px;gap:10px;flex-wrap:wrap;font-size:8px}.footer-top>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.diagram-flow{animation:none}.diagram-node,.solution-tabs button:after,.solution-tabs i{transition:none}}