/* LAAP 珍珠星球 · 背景天幕（studio 专属）
 *
 * 三合一配方（2026-09-24）：
 *   orbit-delivery-hero 的骨架：巨型星球从底部升起 + 可拖转（Drag to turn）
 *   waitlist-hero 的琉璃漩涡：sky-1.png 当星球表面纹理（自转 + 拖拽转动）
 *   液态光球的魂：珍珠球体本体（径向釉光 + 内阴影立体感）
 * 暖纸底给白天（奶油白），星夜底给黑夜（墨蓝黑）。
 */

.laap-planet { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: auto; }

.planet-sphere {
  position: absolute; left: 50%; bottom: -66vmin;
  width: 138vmin; height: 138vmin;
  transform: translateX(-50%);
  border-radius: 50%; overflow: hidden;
  background: radial-gradient(circle at 34% 26%, #fdfcf9 0%, #e8e2d5 42%, #b9bfd0 72%, #7f8bb0 100%);
  box-shadow:
    inset -40px -64px 130px rgba(23, 26, 43, .34),
    inset 26px 34px 90px rgba(255, 255, 255, .55),
    0 -24px 90px rgba(120, 130, 170, .22);
}
.planet-tex {
  position: absolute; inset: -22%;
  background: url('./studio-assets/sky-1.png') center / cover;
  opacity: .5;
  mix-blend-mode: soft-light;
  transform: rotate(var(--pa, 0deg));
  will-change: transform;
}
.planet-glow {
  position: absolute; inset: 0; border-radius: 50%;
  background: radial-gradient(circle at 32% 24%, rgba(255, 255, 255, .55) 0%, transparent 34%);
  pointer-events: none;
}
.planet-fade {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(to top, rgba(247, 244, 239, 0) 52%, var(--bg) 96%);
}
.planet-hint {
  position: absolute; right: 4vw; bottom: 22vh;
  font-size: 12px; letter-spacing: .12em; color: var(--muted);
  pointer-events: none;
}

[data-theme="dark"] .planet-sphere {
  background: radial-gradient(circle at 34% 26%, #3a3f52 0%, #232735 42%, #141824 74%, #090b12 100%);
  box-shadow:
    inset -40px -64px 130px rgba(0, 0, 0, .6),
    inset 22px 30px 80px rgba(160, 180, 255, .12),
    0 -24px 90px rgba(70, 90, 160, .18);
}
[data-theme="dark"] .planet-tex { opacity: .38; mix-blend-mode: screen; }
[data-theme="dark"] .planet-glow {
  background: radial-gradient(circle at 32% 24%, rgba(180, 200, 255, .18) 0%, transparent 36%);
}
[data-theme="dark"] .planet-fade {
  background: linear-gradient(to top, rgba(14, 14, 16, 0) 52%, var(--bg) 96%);
}