/* ========================================================================
   新域视界 · 首页背景氛围升级（方向 A 柔光渐变 + B 纹理分区 + 少量 C 装饰）
   ------------------------------------------------------------------------
   该文件必须在 site-visual-upgrade.css 之后引入；仅作用于首页。
   ======================================================================== */

/* 页面底色：暖底、右上暖桃光、右侧淡青绿与左上纸白提亮。 */
body.workbench-home {
  background:
    radial-gradient(58rem 38rem at 82% -6%, rgba(228, 164, 110, .32), transparent 68%),
    radial-gradient(46rem 34rem at 104% 38%, rgba(120, 160, 140, .24), transparent 70%),
    radial-gradient(40rem 30rem at -8% 12%, rgba(255, 253, 249, .9), transparent 70%),
    linear-gradient(180deg, #faf6ef 0%, var(--xinyu-paper, #f7f1e8) 46%, var(--xinyu-paper-deep, #f1e8dc) 100%);
  background-attachment: fixed;
}

/* 重新点亮三个首页光晕。 */
body.workbench-home .glow {
  display: block;
  position: fixed;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(2px);
}

body.workbench-home .glow-a {
  background: radial-gradient(circle, rgba(233, 176, 122, .30), transparent 62%);
  animation: xy-glow-drift 26s ease-in-out infinite alternate;
}

body.workbench-home .glow-b {
  background: radial-gradient(circle, rgba(110, 150, 130, .24), transparent 62%);
  animation: xy-glow-drift 32s ease-in-out -8s infinite alternate-reverse;
}

body.workbench-home .glow-c {
  background: radial-gradient(circle, rgba(212, 106, 76, .15), transparent 60%);
  animation: xy-glow-drift 38s ease-in-out -16s infinite alternate;
}

@keyframes xy-glow-drift {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to { transform: translate3d(3vw, 2vw, 0) scale(1.08); }
}

/* 首页点阵纹理。 */
body.workbench-home::after {
  opacity: .55;
  background-image: radial-gradient(rgba(65, 90, 119, .2) 1px, transparent 1px);
  background-size: 16px 16px;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 72%);
  mask-image: linear-gradient(to bottom, #000 0%, transparent 72%);
}

/* 五个已有 .fx 装饰。 */
body.workbench-home .fx {
  display: block;
  opacity: .45;
  animation: xy-fx-float var(--t, 12s) ease-in-out var(--fd, 0s) infinite alternate;
}

body.workbench-home .fx[style*="left:-30px"] {
  left: 12px !important;
}

@keyframes xy-fx-float {
  from { transform: translateY(-6px) rotate(-2deg); }
  to { transform: translateY(8px) rotate(2deg); }
}

/* 产品线分区底面。 */
body.workbench-home .lines {
  background: linear-gradient(180deg, transparent 0%, var(--xinyu-surface, #fffdf9) 120px);
  border-top: 1px solid rgba(221, 209, 196, .5);
  box-shadow: 0 -18px 40px -28px rgba(78, 64, 48, .18);
}

/* hero 右侧拼图底卡。 */
body.workbench-home .blob {
  background: linear-gradient(140deg, rgba(255, 253, 249, .72), rgba(233, 176, 122, .10) 55%, rgba(120, 160, 140, .08));
}

@media (prefers-reduced-motion: reduce) {
  body.workbench-home :where(.glow, .fx) {
    animation: none !important;
  }
}