:root{
    --navy:#071d47;
    --blue:#0053b6;
    --blue-mid:#2584dd;
    --cyan:#65dcff;
    --ink:#23486f;
    --bg-soft:#f7fbff;
    --bg-soft2:#eaf4ff;
    --radius-lg:28px;
    --radius-md:20px;
    --maxw:1430.016px;
    --content-width:85.652%;
    --site-header-height:80px;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
    color:var(--navy);background:var(--bg-soft);line-height:1.75;
    -webkit-font-smoothing:antialiased;overflow-x:hidden;
  }
  a{text-decoration:none;color:inherit}
  .wrap{width:var(--content-width);max-width:var(--maxw);margin:0 auto;padding:0}

  /* Official site chrome is isolated from the topic styles. */
  #iei-header{display:block;position:sticky;top:0;z-index:100;background:#fff}
  #iei-footer{display:block}
  section[id]{scroll-margin-top:calc(var(--site-header-height) + 20px)}
  a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
  img{max-width:100%}
  .product-info,.demand,.pillar,.spec{min-width:0}

  /* ============ Hero: reference-led product banner ============ */
  .hero{position:relative;overflow:hidden;background:linear-gradient(164deg,#fff 3%,#f4f7fb 24%,#c6d7e9 57%,#aec6e1 100%);color:#080d1b;isolation:isolate}
  .hero::before{content:"";position:absolute;inset:0;background:linear-gradient(151deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.12) 43%,transparent 43.1%);pointer-events:none}
  .hero-inner{position:relative;width:var(--content-width);max-width:var(--maxw);height:clamp(580px,47.2vw,760px);margin:0 auto;padding:0}
  .hero-copy{position:relative;z-index:3;padding-top:clamp(66px,6.2vw,108px);width:69%}
  .hero h1{margin:0;line-height:1.06;letter-spacing:-2px;font-weight:850}
  .hero-lead{display:block;font-size:clamp(36px,3.5vw,56px);font-style:normal;letter-spacing:-1px;margin-bottom:18px}
  .hero-result{display:flex;align-items:baseline;white-space:nowrap;gap:clamp(12px,1.1vw,18px)}
  .hero-emphasis{display:inline-flex;align-items:baseline;flex-shrink:0;padding-right:.1em;background:linear-gradient(110deg,#03c4f2 0%,#0576ff 37%,#063cff 69%,#1221ec 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(68px,6.8vw,110px);font-weight:900;letter-spacing:-5px}
  .hero-number{font-family:Arial,"Helvetica Neue",sans-serif;font-size:1.18em;font-weight:900;letter-spacing:-7px;line-height:1}
  .hero-unit{font-size:clamp(38px,4.1vw,66px);font-weight:500;letter-spacing:-3px}
  .hero-product-name{margin-top:20px;font-size:clamp(24px,2.25vw,36px);font-weight:500;line-height:1.4;letter-spacing:-.6px}
  .hero-product-name span{white-space:nowrap}
  .hero-product-name span+span{margin-left:.2em}
  .hero-actions{margin-top:36px}
  .hero-cta{display:inline-flex;align-items:center;gap:30px;background:#05070b;color:#fff;padding:12px 26px;font-size:24px;font-weight:700;line-height:1.5;border-radius:3px;transition:background .2s,transform .2s}
  .hero-cta span{font:400 34px/1 Arial,sans-serif}
  .hero-cta:hover{background:#064fe7;transform:translateY(-2px)}
  .hero-cta:focus-visible{outline:3px solid #0055b6;outline-offset:5px}
  .hero-visual{position:absolute;right:11%;bottom:92px;height:78%;z-index:2}
  .hero-visual::before{content:"";position:absolute;left:3%;right:-12%;bottom:0;height:8%;background:#395676;border-radius:50%;filter:blur(17px);opacity:.3;transform:skewX(-20deg)}
  .hero-product{position:relative;display:block;height:100%;width:auto;clip-path:inset(0 0 6% 0);filter:drop-shadow(13px 16px 10px rgba(34,55,81,.16))}
  .hero-contact{position:absolute;inset:0;display:block;width:100%;height:100%;clip-path:inset(94% 0 0);filter:url(#hero-remove-white);pointer-events:none}
  .hero-floor span{margin-left:100px}
  .hero-floor{position:absolute;left:31%;bottom:12px;color:#fff;font:900 clamp(190px,19vw,300px)/1 Arial,sans-serif;letter-spacing:-12px;white-space:nowrap;transform:perspective(800px) rotateX(55deg) rotateZ(-15deg);transform-origin:50% 60%;z-index:1;pointer-events:none;user-select:none}
  .btn-primary{background:linear-gradient(135deg,#2584dd,#0053b6);color:#fff;padding:15px 44px;border-radius:999px;font-size:15px;font-weight:600;box-shadow:0 10px 30px rgba(0,83,182,.35);transition:transform .25s,box-shadow .25s;display:inline-flex;align-items:center;gap:8px}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(0,83,182,.45)}
  @media(min-width:1600px){.hero-visual{right:12%}}
  @media(min-width:701px) and (max-width:1100px){
    .hero-inner{height:540px;padding:0}
    .hero-copy{padding-top:66px;width:72%}
    .hero-lead{font-size:36px}
    .hero-emphasis{font-size:68px}
    .hero-unit{font-size:40px}
    .hero-product-name{font-size:25px}
    .hero-visual{height:75%;right:4%;bottom:54px}
    .hero-floor{left:21%;bottom:0;font-size:210px}
  }
  @media(max-width:700px){
    .hero-inner{height:810px;padding:0}
    .hero-copy{padding-top:42px;width:100%}
    .hero-lead{font-size:clamp(26px,6.7vw,42px);margin-bottom:12px}
    .hero-emphasis{font-size:clamp(48px,12vw,72px);letter-spacing:-3px}
    .hero-number{letter-spacing:-4px}
    .hero-result{gap:10px}
    .hero-unit{font-size:clamp(28px,7.2vw,44px);letter-spacing:-2px}
    .hero-product-name{font-size:clamp(19px,4.8vw,28px);margin-top:17px;letter-spacing:0}
    .hero-actions{margin-top:24px}
    .hero-cta{font-size:18px;padding:9px 20px;gap:24px}
    .hero-cta span{font-size:26px}
    .hero-visual{height:450px;bottom:56px;right:7%}
    .hero-floor{left:0;bottom:0;font-size:155px;letter-spacing:-8px;transform:perspective(600px) rotateX(54deg) rotateZ(-17deg)}
  }
  @media(max-width:360px){
    .hero-inner{height:750px;padding:0}
    .hero-emphasis{font-size:43px}
    .hero-lead{font-size:26px}
    .hero-unit{font-size:28px}
    .hero-product-name{font-size:18px}
    .hero-visual{height:415px;right:4%}
    .hero-floor{font-size:138px;left:-8%}
  }

  /* ============ Section 基础 ============ */
  section{padding:108px 0}
  .sec-head{text-align:center;max-width:860px;margin:0 auto 62px}
  .sec-eyebrow{font-size:13px;letter-spacing:3px;color:var(--blue-mid);font-weight:700}
  .sec-title{font-size:38px;font-weight:800;margin:14px 0 16px;color:var(--navy);line-height:1.35}
  .sec-desc{font-size:16px;color:var(--ink)}
  .reveal{opacity:1;transform:none;transition:opacity .8s ease,transform .8s ease}
  .js-motion .reveal{opacity:0;transform:translateY(36px)}
  .js-motion .reveal.show{opacity:1;transform:none}
  @media(max-width:860px){section{padding:72px 0}.sec-title{font-size:28px}}

  /* ============ 产品展示（浅色，产品图为白底实拍） ============ */
  .product{background:linear-gradient(#f7fbff,#eaf4ff 60%,#f7fbff)}
  .product-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:center}
  .product-img-wrap{position:relative;display:flex;justify-content:center}
  .product-img-wrap::before{content:"";position:absolute;width:80%;height:60%;top:20%;left:10%;border-radius:50%;background:radial-gradient(circle,rgba(101,220,255,.35),transparent 70%);filter:blur(20px)}
  .product-img{position:relative;z-index:2;width:100%;max-width:430px;filter:drop-shadow(0 30px 44px rgba(0,38,92,.22))}
  .product-info .sec-eyebrow{color:var(--blue-mid)}
  .product-info h2{font-size:36px;font-weight:800;margin:14px 0 16px;line-height:1.35;color:var(--navy)}
  .product-info>p{font-size:15.5px;color:var(--ink);margin-bottom:34px}
  .spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .spec{background:#fff;border:1px solid rgba(37,132,221,.14);border-radius:14px;padding:18px 20px;box-shadow:0 10px 30px rgba(0,38,92,.06);transition:transform .3s,box-shadow .3s}
  .spec:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(0,38,92,.12)}
  .spec-val{font-size:25px;font-weight:800;line-height:1.2;background:linear-gradient(135deg,#0053b6,#2584dd);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
  .spec-val small{font-size:13px;font-weight:700;margin-left:2px}
  .spec-lbl{font-size:12.5px;color:#5b7ba3;margin-top:6px;line-height:1.5}
  @media(max-width:960px){.product-grid{grid-template-columns:1fr;gap:44px}.product-info h2{font-size:28px}}

  /* ============ 三大要求 ============ */
  .demands-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
  .demand{background:#fff;border-radius:var(--radius-md);padding:34px 32px 38px;box-shadow:0 12px 40px rgba(0,38,92,.07);position:relative;overflow:hidden;transition:transform .35s,box-shadow .35s}
  .demand:hover{transform:translateY(-6px);box-shadow:0 24px 56px rgba(0,38,92,.13)}
  .demand::after{content:"";position:absolute;bottom:0;left:32px;right:32px;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#2584dd40,#65dcff80);opacity:0;transition:opacity .35s}
  .demand:hover::after{opacity:1}
  .demand-img{height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
  .demand-img img{height:150px;width:auto;border-radius:14px;filter:drop-shadow(0 10px 22px rgba(37,132,221,.22))}
  .demand-no{font-size:38px;font-weight:800;line-height:1;background:linear-gradient(135deg,#2584dd,#65dcff);-webkit-background-clip:text;background-clip:text;color:transparent}
  .demand h3{font-size:20px;margin:14px 0 12px;color:var(--navy)}
  .demand-points{padding-left:19px;font-size:15px;line-height:1.85;color:var(--ink)}
  .demand-points li+li{margin-top:20px}
  .demand-points li::marker{color:var(--blue-mid)}
  @media(max-width:960px){.demands-grid{grid-template-columns:1fr}}

  /* ============ 5.85ms 深色能量带 ============ */
  .perf{position:relative;color:#fff;overflow:hidden;background:#041233}
  .perf-bg{position:absolute;inset:0;background:url("../energy-bg.png") center/cover no-repeat;opacity:.92}
  .perf-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,51,.72),rgba(4,18,51,.42) 45%,rgba(4,18,51,.80))}
  .perf .wrap{position:relative;z-index:2}
  .perf .sec-title{color:#fff}
  .perf .sec-desc{color:rgba(255,255,255,.72)}
  .perf .sec-head{max-width:1040px}
  .perf-title-line{display:flex;align-items:baseline;justify-content:center;gap:18px;flex-wrap:wrap}
  .perf-highlight{display:inline-block;font-size:84px;font-weight:850;line-height:1.12;letter-spacing:-3px;background:linear-gradient(105deg,#65dcff,#fff 85%);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
  .perf-title-sub{display:block;margin-top:14px}
  .perf-summary{max-width:880px;margin:24px auto 0;line-height:1.9}
  .perf-summary b{color:var(--cyan);font-weight:700}
  @media(max-width:600px){
    .perf .sec-title{font-size:25px}
    .perf-title-line{gap:6px 12px}
    .perf-highlight{font-size:56px;letter-spacing:-2px}
    .perf-title-line>span{font-size:23px;white-space:nowrap}
    .perf-title-sub{font-size:25px;line-height:1.4;margin-top:14px}
    .perf-summary{font-size:15px}
  }
  .pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
  .pillar{background:rgba(255,255,255,.06);border:1px solid rgba(101,220,255,.18);border-radius:var(--radius-md);padding:32px 26px;backdrop-filter:blur(8px);transition:transform .35s,border-color .35s,background .35s}
  .pillar:hover{transform:translateY(-6px);border-color:rgba(101,220,255,.55);background:rgba(101,220,255,.09)}
  .pillar-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,rgba(101,220,255,.18),rgba(37,132,221,.22));display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 0 0 3px rgba(101,220,255,.10),0 0 18px rgba(101,220,255,.22)}
  .pillar-icon svg{width:30px;height:30px;stroke:var(--cyan);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .pillar h3{font-size:19px;margin-bottom:4px}
  .pillar-metric{overflow-wrap:anywhere;font-size:22px;font-weight:800;color:var(--cyan);margin-bottom:10px}
  .pillar p{font-size:13.5px;color:rgba(255,255,255,.70)}
  @media(max-width:1200px){.pillars{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:640px){.pillars{grid-template-columns:1fr}}

  /* ============ 规模演进 ============ */
  .scale{background:linear-gradient(#f7fbff,#eaf4ff)}
  .scale-track{display:flex;align-items:stretch;margin-top:14px}
  .scale-item{flex:1;text-align:center;position:relative;padding:0 16px}
  .scale-item::before{content:"";position:absolute;top:11px;left:-50%;width:100%;height:2px;background:linear-gradient(90deg,#cfe4f8,#2584dd)}
  .scale-item:first-child::before{display:none}
  .scale-dot{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--blue-mid);margin:0 auto 22px;position:relative;z-index:2;box-shadow:0 0 0 6px rgba(37,132,221,.10)}
  .scale-item.now .scale-dot{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 0 6px rgba(101,220,255,.25),0 0 18px rgba(101,220,255,.6)}
  .scale-val{font-size:27px;font-weight:800;color:var(--navy)}
  .scale-item.now .scale-val{color:var(--blue)}
  .scale-name{font-size:14px;color:var(--ink);margin-top:6px}
  .scale-tag{display:inline-block;font-size:11.5px;color:var(--blue-mid);background:#fff;border:1px solid rgba(37,132,221,.25);border-radius:999px;padding:3px 13px;margin-top:9px}
  @media(max-width:860px){.scale-track{flex-direction:column;gap:38px}.scale-item::before{display:none}}

  /* ============ 结语 CTA ============ */
  .cta{background:linear-gradient(#eaf4ff,#f7fbff);text-align:center}
  .cta-quote{max-width:900px;margin:0 auto 44px;font-size:22px;line-height:1.9;color:var(--ink);font-weight:500}
  .cta-quote b{color:var(--blue)}


  @media(max-width:600px){
    
    .spec{padding:18px 14px}.spec-val{font-size:22px}
    .demand{padding:28px 24px}
    .cta-quote{font-size:18px}
  }
  @media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}
    .js-motion .reveal{opacity:1;transform:none}
  }

  /* Shared official desktop grid; practical tablet / phone gutters. */
  @media(max-width:960px){:root{--content-width:calc(100% - 40px)}}
  @media(max-width:360px){:root{--content-width:calc(100% - 32px)}}
  @media(min-width:701px) and (max-width:820px){
    .hero-emphasis{font-size:62px}.hero-unit{font-size:36px}
    .hero-product-name{font-size:23px}
    .hero-visual{right:0;height:71%;bottom:54px}
  }