.home-hero.hero-dark{
    background:#101928;
    box-shadow: 0 10px 28px rgba(0,0,0,.18), inset -60px 0 80px rgba(59,130,246,.06);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 10px 28px rgba(0,0,0,.18);
  }
  .home-hero.hero-dark h1{ color:#fff; line-height:1.15; margin-bottom:14px; }
  .home-hero.hero-dark p{ color: rgba(255,255,255,.78); max-width: 44ch; margin-bottom: 18px; }
  .home-hero.hero-dark .btn{ box-shadow: 0 10px 22px rgba(0,0,0,.25); }

  .home-hero .btn-row{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    align-items:center;
    margin-top: 6px;
  }
  .home-hero .btn-row .btn{ padding: 10px 16px; border-radius: 12px; }
  .home-hero .btn.btn-oem{
    background:#E6B65C;
    color:#111111;
    border:1px solid rgba(0,0,0,.10);
    box-shadow: 0 10px 22px rgba(0,0,0,.25);
  }
  .home-hero .btn.btn-oem:hover{ background:#D9A94A; color:#111111; }

  /* Hero artwork (right) */
  .home-hero.hero-dark{ position: relative; overflow: hidden; }
  .home-hero.hero-dark > h1,
  .home-hero.hero-dark > p,
  .home-hero.hero-dark > .btn-row{
    position: relative;
    z-index: 2;
  }

  /* subtle depth (no texture / no gray) */
  .home-hero.hero-dark::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:1;
    background:
      radial-gradient(closest-side at 78% 48%, rgba(59,130,246,.22), rgba(59,130,246,0) 68%),
      radial-gradient(closest-side at 86% 55%, rgba(255,255,255,.05), rgba(255,255,255,0) 70%),
      linear-gradient(90deg, rgba(16,25,40,1) 0%, rgba(16,25,40,1) 45%, rgba(15,30,58,.96) 72%, rgba(13,24,45,1) 100%);
  }

  .hero-art{
    position:absolute;
    top:0; right:0;
    width:62%;
    height:100%;
    z-index:1;
    pointer-events:none;
    opacity: .95;
  }
  .hero-waves{ width:100%; height:100%; }
  

  /* ===== 超高亮度光帶（+200% 視覺亮度） ===== */
  .hero-art{
    isolation:isolate;
  }
  .hero-art::before{
    content:"";
    position:absolute;
    inset:-10% -30%;
    background:
      linear-gradient(110deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0) 38%,
        rgba(255,255,255,.35) 46%,
        rgba(255,255,255,1) 50%,
        rgba(255,255,255,.35) 54%,
        rgba(255,255,255,0) 62%,
        rgba(255,255,255,0) 100%);
    filter: blur(6px);
    transform: translateX(-60%);
    animation: heroSweep 2.4s linear infinite;
    mix-blend-mode: screen;
    pointer-events:none;
    z-index: 3;
  }
  .hero-art::after{
    content:"";
    position:absolute;
    inset:-10%;
    background:
      radial-gradient(closest-side at 72% 45%,
        rgba(255,255,255,.55),
        rgba(255,255,255,.25) 35%,
        rgba(255,255,255,0) 65%);
    mix-blend-mode: screen;
    opacity: .9;
    pointer-events:none;
    z-index: 2;
  }
  @keyframes heroSweep{
    0%{ transform: translateX(-70%); }
    100%{ transform: translateX(70%); }
  }

.hero-waves .wave.base{
    stroke: rgba(255,255,255,.18);
    stroke-width: 2.2;
  }
  .hero-waves .wave.spark{
    stroke: url(#spark);
    stroke-width: 14;              /* 超亮可見 */
    stroke-dasharray: 34 190;      /* 保留短亮段（你圈起來的那種線段） */
    animation: dash 2.2s linear infinite;
    opacity: 1;
    mix-blend-mode: screen;
    filter:
      drop-shadow(0 0 6px rgba(255,255,255,1))
      drop-shadow(0 0 22px rgba(255,255,255,.9))
      drop-shadow(0 0 55px rgba(190,220,255,.65));
  }
  .hero-waves .wave.spark.s2{ animation-duration: 5.6s; animation-delay: .6s; opacity:1; }
  .hero-waves .wave.spark.s3{ animation-duration: 6.2s; animation-delay: 1.1s; opacity:1; }

  @keyframes dash{
    from{ stroke-dashoffset: 0; }
    to{ stroke-dashoffset: -224; }
  }

  /* OEM button: keep bold */
  .home-hero .btn.btn-oem{ font-weight:800; }