/* WEB-BG-02 / CORP-BG-01 工具集柔彩 mesh
   浅灰底 + 顶区左青右桃大光斑。下载页与公司官网共用。 */
.toolset-mesh {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
  background: #f9f9f9;
}

.toolset-mesh-aurora {
  position: absolute;
  inset: -18% -12% auto;
  height: 72%;
  background:
    radial-gradient(ellipse 55% 50% at 12% 18%, rgba(160, 210, 255, 0.72), transparent 70%),
    radial-gradient(ellipse 50% 46% at 88% 12%, rgba(255, 196, 176, 0.62), transparent 68%),
    radial-gradient(ellipse 42% 38% at 50% 0%, rgba(210, 200, 255, 0.40), transparent 70%);
  filter: blur(80px);
  animation: toolsetMeshDrift 18s ease-in-out infinite;
}

.toolset-mesh-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(88px);
  animation: toolsetMeshOrb 18s ease-in-out infinite;
}

.toolset-mesh-orb-a {
  width: min(62vw, 620px);
  height: min(62vw, 620px);
  top: -18%;
  left: -16%;
  background: radial-gradient(circle, rgba(160, 210, 255, 0.85), transparent 72%);
}

.toolset-mesh-orb-b {
  width: min(56vw, 560px);
  height: min(56vw, 560px);
  top: -14%;
  right: -14%;
  background: radial-gradient(circle, rgba(255, 196, 176, 0.78), transparent 72%);
  animation-delay: -6s;
}

.toolset-mesh-orb-c {
  width: min(46vw, 460px);
  height: min(46vw, 460px);
  top: 22%;
  left: 32%;
  background: radial-gradient(circle, rgba(210, 200, 255, 0.42), transparent 72%);
  animation-delay: -11s;
}

.toolset-mesh-fade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 46%;
  background: linear-gradient(180deg, transparent, #f9f9f9 78%);
}

@keyframes toolsetMeshDrift {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(2%, -1.4%, 0) scale(1.04); }
}

@keyframes toolsetMeshOrb {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(14px, -18px, 0) scale(1.05); }
}

@media (prefers-reduced-motion: reduce) {
  .toolset-mesh-aurora,
  .toolset-mesh-orb {
    animation: none !important;
  }
}