:root{--navy:#102c4c;--blue:#1e5686;--blue2:#2d6f9f;--orange:#f16b2a;--ink:#1c2d40;--muted:#64778a;--line:#e4ebf2;--pale:#f4f8fc;--white:#fff;--shadow:0 18px 48px rgba(16,44,76,.10)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#fff;line-height:1.65}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(1160px,calc(100% - 48px));margin:0 auto}
.site-header{height:82px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,230,240,.8)}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:12px;min-width:230px}
.brand-mark{font-weight:800;font-size:25px;letter-spacing:-1.8px;color:var(--navy);position:relative;padding-top:5px;line-height:1}
.brand-mark i{position:absolute;left:4px;top:-2px;width:54px;height:12px;border-top:4px solid var(--orange);border-radius:60% 60% 0 0;transform:rotate(-8deg)}
.brand-copy{display:flex;flex-direction:column;border-left:1px solid #dbe3eb;padding-left:12px;line-height:1.25}
.brand-copy strong{font-size:15px;color:var(--navy);font-weight:800}
.brand-copy small{font-size:9px;letter-spacing:.7px;color:#8190a0;margin-top:4px}
.main-nav{display:flex;align-items:center;gap:34px;margin-left:auto}
.main-nav a{font-size:13px;color:#42576c;font-weight:600;transition:.2s}
.main-nav a:hover{color:var(--orange)}
.lang-toggle{border:1px solid #dce5ed;border-radius:30px;padding:8px 16px;background:#fff;color:var(--navy);font-size:12px;font-weight:800;cursor:pointer;min-width:48px}
.lang-toggle:hover{border-color:var(--orange);color:var(--orange)}
.hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#f7fafd 0%,#fff 55%,#f0f6fb 100%);min-height:620px}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(31,82,126,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(31,82,126,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,black,transparent 85%)}
.hero-content{position:relative;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:58px;padding-top:72px;padding-bottom:76px;min-height:620px}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue2);font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(241,107,42,.12)}
.hero h1{font-size:clamp(36px,4.4vw,58px);line-height:1.2;letter-spacing:-1.8px;color:var(--navy);margin:22px 0 20px;font-weight:800}
.hero h1 em{display:block;font-style:normal;color:var(--orange);margin-top:8px}
.hero-lead{max-width:570px;color:#62758a;font-size:15px;line-height:1.95;margin:0}
.hero-actions{display:flex;align-items:center;gap:14px;margin-top:32px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:18px;padding:13px 20px;border-radius:4px;font-size:13px;font-weight:700;transition:.2s}
.btn-primary{background:var(--navy);color:white;box-shadow:0 10px 20px rgba(16,44,76,.16)}
.btn-primary:hover{background:var(--blue);transform:translateY(-2px)}
.btn-primary b{font-size:17px;color:#ff9b65}
.btn-secondary{border:1px solid #cbd7e2;color:var(--navy);background:rgba(255,255,255,.65)}
.btn-secondary:hover{border-color:var(--orange);color:var(--orange)}
.hero-note{display:flex;align-items:center;gap:12px;color:#8492a0;font-size:11px;margin-top:34px;letter-spacing:.2px}
.note-line{width:28px;height:2px;background:var(--orange)}
.hero-visual{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center}
.visual-orbit{position:absolute;border:1px solid rgba(44,104,151,.13);border-radius:50%;transform:rotate(-18deg)}
.orbit-one{width:470px;height:350px}
.orbit-two{width:540px;height:410px}
.hero-image-card{position:relative;width:min(100%,465px);background:white;padding:16px 16px 0;box-shadow:0 28px 65px rgba(18,54,88,.16);transform:rotate(2deg);border:1px solid #e7edf3}
.hero-image-card:before{content:"";position:absolute;inset:10px;border:1px solid #eef2f6;pointer-events:none}
.image-topline{position:relative;display:flex;justify-content:space-between;color:#9aa9b8;font-size:9px;letter-spacing:1.4px;padding:2px 4px 12px}
.status-dot{color:#4b9c80}
.hero-image-card img{position:relative;width:100%;height:285px;object-fit:cover;object-position:center 40%;display:block;background:#f7fafc}
.image-caption{display:flex;align-items:center;justify-content:space-between;padding:16px 5px 18px}
.image-caption div{display:flex;flex-direction:column;gap:3px}
.image-caption small{font-size:9px;color:#8998a7;letter-spacing:1.4px}
.image-caption strong{font-size:17px;letter-spacing:1.5px;color:var(--navy)}
.caption-arrow{width:34px;height:34px;display:grid;place-items:center;background:#fff1e9;color:var(--orange);border-radius:50%;font-size:18px}
.floating-chip{position:absolute;display:flex;align-items:center;gap:10px;background:white;padding:11px 15px;box-shadow:0 12px 30px rgba(20,55,85,.13);border:1px solid #edf1f5;border-radius:6px}
.chip-one{top:60px;right:-4px}
.chip-two{bottom:46px;left:-10px}
.chip-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:5px;background:#fff0e7;color:var(--orange);font-size:21px;font-weight:700}
.floating-chip span:last-child{display:flex;flex-direction:column;line-height:1.2}
.floating-chip b{font-size:12px;color:var(--navy)}
.floating-chip small{font-size:9px;color:#8494a4;margin-top:4px}
.hero-bottom-rule{height:4px;background:linear-gradient(90deg,var(--orange) 0 18%,var(--navy) 18% 100%)}
.proof-strip{background:var(--navy);color:white}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;gap:18px}
.proof-grid>div{display:flex;flex-direction:column;gap:3px;border-right:1px solid rgba(255,255,255,.14);padding-left:24px}
.proof-grid>div:first-child{padding-left:0}
.proof-grid>div:last-child{border:0}
.proof-grid strong{font-size:20px;letter-spacing:.4px;color:#ff9862}
.proof-grid span{font-size:11px;color:#d4dfeb}
.section{padding:100px 0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}
.section-heading h2,.about-copy h2,.contact-wrap h2{font-size:clamp(27px,3vw,38px);line-height:1.28;letter-spacing:-1px;color:var(--navy);margin:15px 0 0;font-weight:800}
.section-heading>p{max-width:370px;color:#718296;font-size:13px;line-height:1.85;margin:0 0 3px}
.solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.solution-card{background:white;border:1px solid #e7edf3;box-shadow:0 10px 32px rgba(23,58,88,.045);transition:.25s;overflow:hidden}
.solution-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d5e1eb}
.solution-image{height:230px;background:#f5f8fb;position:relative;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden}
.solution-image img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.solution-image:not(.floor-image) img{object-fit:contain}
.floor-image img{object-fit:contain;padding:0}
.image-tag{position:absolute;right:14px;top:14px;background:rgba(255,255,255,.92);border:1px solid #e2eaf1;color:#71869a;border-radius:30px;padding:5px 10px;font-size:9px;letter-spacing:.5px}
.solution-body{padding:24px 26px 25px}
.card-index{font-size:9px;letter-spacing:1.5px;color:var(--orange);font-weight:800}
.solution-body h3{font-size:20px;color:var(--navy);margin:9px 0 10px;line-height:1.35}
.solution-body p{font-size:12px;color:#718196;line-height:1.9;margin:0;min-height:68px}
.tag-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}
.tag-list span{font-size:9px;color:#48647e;background:#f1f5f8;border:1px solid #e6edf3;padding:5px 8px;border-radius:3px}
.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-size:11px;font-weight:800;margin-top:20px}
.text-link b{font-size:16px;color:var(--orange);transition:.2s}
.text-link:hover b{transform:translate(3px,-3px)}
.mini-specs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:17px;border:1px solid #e7edf3}
.mini-specs div{display:flex;flex-direction:column;padding:9px 10px;border-right:1px solid #e7edf3}
.mini-specs div:last-child{border:0}
.mini-specs b{font-size:15px;color:var(--orange)}
.mini-specs span{font-size:9px;color:#73869a}
.technical-note{font-size:10px;color:#9aa6b3;margin:22px 0 0}
.about-section{background:linear-gradient(110deg,#f3f7fb,#fff 58%,#f7f9fb);padding:100px 0;overflow:hidden}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.about-visual{position:relative;min-height:420px;display:grid;place-items:center}
.about-panel{width:100%;max-width:440px;height:340px;border-radius:8px;position:absolute}
.panel-back{background:linear-gradient(135deg,#f16b2a,#ff9b62);transform:rotate(-8deg) translate(-12px,10px);opacity:.95}
.panel-front{background:linear-gradient(145deg,#0d2744,#1c4f79);box-shadow:0 28px 60px rgba(13,39,68,.22);padding:28px;color:white;transform:rotate(3deg)}
.panel-label{font-size:9px;letter-spacing:2px;color:#a9c4dc}
.circuit-art{position:relative;height:220px;margin-top:20px;display:grid;place-items:center}
.chip-main{width:150px;height:112px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(135deg,#214f78,#123454);display:grid;place-content:center;text-align:center;color:#fff;font-size:27px;font-weight:800;letter-spacing:2px;box-shadow:0 0 35px rgba(99,175,218,.15)}
.chip-main small{font-size:8px;letter-spacing:2px;color:#9dbbd4;margin-top:7px}
.circuit-line{position:absolute;background:#6b9cbd;opacity:.8}
.line-a{width:90px;height:1px;left:24px;top:68px}.line-b{width:1px;height:80px;right:55px;top:22px}.line-c{width:80px;height:1px;right:30px;bottom:53px}
.circuit-node{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(241,107,42,.14)}
.node-a{left:22px;top:64px}.node-b{right:51px;top:18px}.node-c{right:26px;bottom:49px}
.panel-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.18);padding-top:14px;font-size:9px;letter-spacing:1.6px;color:#c2d4e4}
.panel-footer span:nth-child(2){color:#ff9862;font-size:16px}
.about-copy h2{margin-bottom:22px}
.about-copy>p{font-size:13px;line-height:2;color:#6d7f92;margin:0 0 14px}
.about-points{display:grid;gap:15px;margin-top:27px}
.about-points>div{display:flex;align-items:center;gap:14px}
.point-mark{width:34px;height:34px;border:1px solid #f3c5aa;background:#fff5ef;color:var(--orange);display:grid;place-items:center;font-size:10px;font-weight:800}
.about-points>div>span:last-child{display:flex;flex-direction:column}
.about-points b{font-size:12px;color:var(--navy)}
.about-points small{font-size:10px;color:#8796a5;margin-top:3px}
.process-section{padding:86px 0 94px}
.compact-heading{margin-bottom:28px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce5ed;border-bottom:1px solid #dce5ed}
.process-step{padding:26px 22px 28px;border-right:1px solid #e5ebf1;position:relative}
.process-step:last-child{border:0}
.process-step>span{font-size:11px;color:var(--orange);font-weight:800;letter-spacing:1px}
.process-step b{display:block;color:var(--navy);font-size:15px;margin:10px 0 6px}
.process-step p{font-size:10px;color:#8493a2;line-height:1.8;margin:0}
.contact-section{background:linear-gradient(115deg,#102c4c,#1a4c75);padding:76px 0;color:white;position:relative;overflow:hidden}
.contact-section:after{content:"";position:absolute;right:-120px;top:-220px;width:520px;height:520px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.02)}
.contact-wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}
.light-eyebrow{color:#b7d0e5}
.contact-wrap h2{color:white;max-width:620px;margin-bottom:15px}
.contact-wrap>div:first-child>p{font-size:13px;line-height:1.9;color:#c2d3e2;max-width:600px;margin:0}
.contact-card{background:#fff;color:var(--navy);padding:26px 28px;position:relative;min-height:180px;box-shadow:0 20px 50px rgba(0,0,0,.15)}
.contact-kicker{font-size:9px;color:var(--orange);font-weight:800;letter-spacing:2px}
.contact-card strong{display:block;font-size:18px;margin-top:12px}
.contact-card p{font-size:11px;color:#8190a0;line-height:1.8;max-width:290px}
.contact-arrow{position:absolute;right:25px;bottom:22px;color:var(--orange);font-size:25px}
.site-footer{background:#0b2037;color:#fff;padding:30px 0 18px}
.footer-main{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-brand .brand-mark{color:white}
.footer-brand .brand-copy{border-color:rgba(255,255,255,.2)}
.footer-brand .brand-copy strong{color:white}
.footer-brand .brand-copy small{color:#91a5b8}
.footer-main>p{font-size:11px;color:#a8bacb}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:15px;font-size:9px;color:#74899e;letter-spacing:.3px}
[hidden]{display:none!important}
@media(max-width:900px){
 .hero-content{gap:25px}.hero-visual{min-height:360px}.hero-image-card img{height:230px}
 .about-grid{gap:45px}.main-nav{gap:18px}
}
@media(max-width:700px){
 .container{width:min(100% - 32px,560px)}
 .site-header{height:auto;min-height:72px}.nav-wrap{flex-wrap:wrap;gap:12px;padding:12px 0}
 .brand{min-width:0}.brand-mark{font-size:22px}.brand-copy strong{font-size:13px}
 .main-nav{order:3;width:100%;justify-content:space-between;gap:10px;padding:8px 0 2px}
 .main-nav a{font-size:11px}.lang-toggle{margin-left:auto}
 .hero-content{grid-template-columns:1fr;padding-top:56px;padding-bottom:50px;min-height:auto}
 .hero h1{font-size:39px}.hero-lead{font-size:13px}
 .hero-visual{min-height:340px;margin-top:10px}.hero-image-card{max-width:390px}
 .hero-image-card img{height:210px}.chip-one{right:0;top:25px}.chip-two{left:0;bottom:18px}
 .orbit-one{width:340px;height:260px}.orbit-two{width:390px;height:300px}
 .proof-grid{grid-template-columns:repeat(2,1fr);padding:20px 0;gap:18px}
 .proof-grid>div{padding-left:12px}.proof-grid>div:nth-child(2){border:0}.proof-grid>div:nth-child(3){padding-left:0}
 .proof-grid strong{font-size:17px}.proof-grid span{font-size:10px}
 .section{padding:68px 0}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:14px}
 .solution-grid{grid-template-columns:1fr;gap:16px}.solution-image{height:205px}
 .solution-body{padding:21px}.solution-body p{min-height:0}
 .about-section{padding:70px 0}.about-grid{grid-template-columns:1fr;gap:36px}
 .about-visual{min-height:340px}.about-panel{max-width:370px;height:300px}
 .panel-front{padding:22px}.circuit-art{height:190px}
 .process-section{padding:65px 0}.process-grid{grid-template-columns:repeat(2,1fr)}
 .process-step:nth-child(2){border-right:0}.process-step:nth-child(-n+2){border-bottom:1px solid #e5ebf1}
 .contact-section{padding:62px 0}.contact-wrap{grid-template-columns:1fr;gap:28px}
 .footer-main,.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}
}
@media(max-width:390px){
 .hero h1{font-size:34px}.hero-actions{align-items:stretch;flex-direction:column}.btn{justify-content:space-between}
 .mini-specs span{font-size:8px}.mini-specs div{padding:8px 6px}
}

/* V2: standing-fan concept paired with the actual BL97 motor photo */
.floor-image{padding:12px 14px}
.fan-product-pair{display:grid;grid-template-columns:1fr .82fr;gap:10px;width:100%;height:100%;align-items:center}
.fan-product-pair>div{height:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.fan-product-pair img{display:block;width:100%;height:calc(100% - 18px);object-fit:contain;background:#f7f9fb}
.fan-product-pair>div:first-child img{object-position:center}
.fan-product-pair>div:last-child img{max-height:150px}
.fan-product-pair small{font-size:9px;line-height:1.2;color:#71869a;text-align:center}
.contact-card-live{display:grid;grid-template-columns:1fr 112px;gap:14px;align-items:center}
.contact-details{min-width:0}
.contact-method{display:flex;align-items:center;gap:10px;margin-top:13px;color:var(--navy)}
.method-icon{width:30px;height:30px;border-radius:50%;background:#fff1e9;color:var(--orange);display:grid;place-items:center;flex:0 0 30px;font-size:16px}
.contact-method>span:nth-child(2){display:flex;flex-direction:column;min-width:0}
.contact-method small{font-size:8px;letter-spacing:1.3px;color:#91a0ae}
.contact-method b{font-size:10px;overflow-wrap:anywhere}
.contact-method em{font-style:normal;color:var(--orange);margin-left:auto}
.contact-qr{display:flex;flex-direction:column;align-items:center;gap:5px}
.contact-qr img{width:100px;height:100px;object-fit:contain;background:#fff}
.contact-qr small{font-size:8px;color:#8292a2}
@media(max-width:700px){
  .contact-card-live{grid-template-columns:1fr 92px;gap:8px;padding:20px}
  .contact-qr img{width:84px;height:84px}
  .contact-method b{font-size:9px}
}