/* 三维空间基础设置 */
.page-container {
  perspective: 1500px;
  transform-style: preserve-3d;
  overflow: hidden;
}

/* 层级深度设置 */
.navbar {
  transform: translateZ(50px);
}

.app-icon-container {
  transform: translateZ(80px);
  position: relative;
  z-index: 2;
}

.main-footer {
  transform: translateZ(30px);
}

/* 动态光影效果 */
.page-container::before {
  content: '';
  position: fixed;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
  transform: rotate3d(1, 1, 0, 45deg);
  animation: lightMove 15s infinite linear;
  pointer-events: none;
}

@keyframes lightMove {
  0% { transform: rotate3d(1, 1, 0, 45deg) translateX(-30%); }
  100% { transform: rotate3d(1, 1, 0, 45deg) translateX(30%); }
}

/* 鼠标交互效果 */
.page-container {
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.page-container:hover {
  transform: rotate3d(1, 0.5, 0, 5deg);
}