/* ============================================================
 * Longlight - 长光雨滴小站 | 页面样式：home / 响应式
 * pages/home/responsive.css
 * 区块：窄屏（≤768px）下主页各区块的收束
 * 说明：必须最后引入，媒体查询内与基础规则同特异性，靠文档顺序覆盖
 * ============================================================ */

@media (max-width: 768px) {
  .home {
    /* 标题常驻后，最左侧入口（管理员中心）的标签要贴着节点向左伸出，
       轨道越宽越会被视口裁掉首字；故按宽度再收一道，为两侧外向标签预留约 100px
       （22px 间隙 + 5 字标题宽度） */
    --orbit-size: min(calc(100% - 100px), 86vmin, 380px);

    gap: var(--space-card);
    padding: var(--space-card-lg) var(--space-page-mobile);
  }

  .home-brand {
    font: var(--text-h2);
    letter-spacing: var(--ls-h2);
  }

  .home-orb {
    width: 76px;
    height: 76px;
  }

  .home-orb-halo {
    inset: -16px;
  }

  /* 窄屏空间不足：只收起概要（多一行最容易与相邻节点叠压），标题常驻不透明，
     入口名一眼可辨，不必先 hover 才看得见；触屏无 hover，故不保留 hover 才显隐的分支 */
  .home-label {
    width: 132px;
    opacity: 1;
  }

  .home-label-desc {
    display: none;
  }
}