/* =========================================================
   首页 UI 层次感优化 · inlt 蓝主题
   思路：建立清晰的"抬升层级"—— 画布下沉 → 顶部应用栏抬升
         → 内容卡片浮起 → 页脚下陷；并统一区块节奏留白
   不改配色、不破坏布局（独立层，可整体撤除）
   ========================================================= */

/* 1) 画布下沉：浅冷灰，白面更"浮"，层级对比拉大 */
body {
  background: #edf0f4;
}

/* 2) 顶部应用栏作为一个抬升层：导航向下投影，压在内容之上 */
.nav {
  position: relative;
  z-index: 20;
  box-shadow: 0 6px 18px rgba(17, 24, 39, .07);
}
/* 顶栏作为最高层、底色略淡，与头部形成细微层次 */
.topbar {
  background: #fbfcfe;
}

/* 3) 区块节奏：主要区块之间统一留白，形成清晰分组层次 */
.wrap > * + * {
  margin-top: 20px;
}

/* 4) 页脚作为"基底层"轻微下陷，内容坐落其上 */
.ft {
  position: relative;
  z-index: 1;
  box-shadow: 0 -10px 24px rgba(17, 24, 39, .04);
}

/* 5) 卡片眉（区块标题）层级强化：左蓝条更挺、字重更明确 */
.card-tit {
  font-weight: 700;
  letter-spacing: .5px;
}