/* =========================================================
   首页 3D 立体化层 · inlt 蓝主题（高端极简，不改布局/配色）
   仅增强卡片 Z 轴深度与悬停空间的 3D 手感
   ========================================================= */

/* 主内容容器开启 3D 透视，让子卡片在 Z 轴有真实高度 */
.wrap {
  perspective: 1700px;
  perspective-origin: 50% -8%;
}

/* 立体卡片：三层投影模拟悬浮高度（近实、中柔、远淡） */
.card,
.hl-main,
.hl-focus,
.picnews,
.gallery .swiper-slide,
.grid3 > *,
.grid4 > *,
.lifebox,
.tcbox,
.pubbar {
  border-radius: 14px;
  box-shadow:
    0 1px 2px rgba(16, 24, 40, .05),
    0 8px 18px rgba(16, 24, 40, .07),
    0 22px 46px rgba(16, 24, 40, .07);
  transition: transform .42s cubic-bezier(.2, .7, .2, 1), box-shadow .42s ease;
  will-change: transform;
}

/* 焦点大图常驻微浮起，拉开与下方卡片的纵深 */
.hl-focus {
  transform: translateZ(18px);
}

/* 悬停：抬升 + 朝观察者前倾 + 蓝色辉光投影 */
.card:hover,
.hl-main:hover,
.picnews:hover,
.gallery .swiper-slide:hover,
.grid3 > *:hover,
.grid4 > *:hover,
.lifebox:hover,
.tcbox:hover {
  transform: translateY(-8px) translateZ(40px) rotateX(2.6deg);
  box-shadow:
    0 2px 5px rgba(16, 24, 40, .07),
    0 18px 34px rgba(16, 24, 40, .11),
    0 44px 88px rgba(27, 121, 216, .20);
}

/* 头条区整体保持 3D 上下文，避免焦点图前倾时被裁剪 */
.headline {
  transform-style: preserve-3d;
}