/* 共用设计 token —— 四个 hero 版本的公共底座。
 *
 * 配色取自参考图（春日花海 + 蓝天白云 + 湖面倒影）：高明度、中高饱和、
 * 不刺眼。器材本身是黑色的，明亮感必须由背景和光晕来提供，见 README。
 *
 * 各版本可以在这套 token 之上叠自己的氛围层（晨光偏暖 / 正午清透等），
 * 但不要改这里的数值——改了就没法横向对比了。
 */

:root {
  /* --- 天空：由高到低 --- */
  --sky-deep: #6fb0de;
  --sky: #9bccec;
  --sky-pale: #c9e5f7;

  /* --- 花：粉调 --- */
  --blossom: #f2a8c4;
  --blossom-pale: #fbd9e4;
  --blossom-deep: #e57ba4;

  /* --- 草地：绿调 --- */
  --meadow: #9dc470;
  --meadow-pale: #cde3ae;

  /* --- 中性 --- */
  --cream: #fffaf3;
  --cloud: #ffffff;
  --ink: #26303c;
  --ink-soft: #5a6876;
  --ink-faint: #8b97a4;

  /* --- 强调色：索尼 G 标的橙，器材上唯一的暖色，用来点睛 --- */
  --ember: #e8622a;

  /* --- 镜头镀膜的彩虹反光，用于光晕/花心 --- */
  --coat-violet: #8f7ce0;
  --coat-cyan: #5fd4d8;
  --coat-amber: #f5c069;

  /* --- 字体 --- */
  --font-display: "Cormorant Garamond", "Playfair Display", "Iowan Old Style",
    "Apple Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

  /* --- 动效：一切都要慢。「似动非动」的关键是周期长、位移小。 --- */
  --drift-min: 7s;      /* 单个器材漂浮周期下限 */
  --drift-max: 15s;     /* 上限——同屏周期错开才不会集体同步 */
  --drift-shift: 14px;  /* 漂浮位移幅度参考值 */
  --drift-tilt: 2deg;   /* 微旋转幅度参考值 */

  --ease-float: cubic-bezier(0.45, 0, 0.55, 1);   /* 正弦感，用于漂浮 */
  --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1); /* 入场 */

  /* --- 景深分层：越远越小、越淡、越糊、视差越慢 --- */
  --depth-far-blur: 5px;
  --depth-mid-blur: 1.4px;
  --depth-near-blur: 0px;
  --depth-far-opacity: 0.55;
  --depth-mid-opacity: 0.82;
  --depth-near-opacity: 1;
}

/* 尊重系统的减弱动态偏好——这是无障碍底线，四个版本都必须保留。 */
@media (prefers-reduced-motion: reduce) {
  :root {
    --drift-shift: 0px;
    --drift-tilt: 0deg;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--cream);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* 器材图统一的呈现基线：禁用拖拽、禁用选中、GPU 合成。 */
.gear {
  position: absolute;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
  will-change: transform;
  transform: translateZ(0);
}