/* 撑伞人 — 首页双形态切换
   2026-09-13 Step 3：把 APP 壳首页合并进真站 index.html

   桌面（>768px）：显示 #homeDesktop —— 真站首页 16 个顶层元素原样
   移动（≤768px）：显示 #homeApp     —— 从 APP 壳搬来的整套首页

   ★ 加载顺序必须在 css/home-app.css 之后：两者都是 #id 特异性 (1,0,0)，
     靠"后加载者胜"决定 display，顺序颠倒会让桌面端露出 APP 壳。
   ★ 移动端必须显式写 flex —— #homeApp 在 home-app.css 里的自身规则
     就是 display:flex（居中定宽的手机画布），写成 block 会破坏布局。
   ★ 边界与 js/mob-tabbar.js 对齐：它由 mobile.css 在 ≤768px 显示、
     >768px 隐藏（.mob-tabbar base 规则 display:none）。 */

#homeDesktop { display: block; }
#homeApp     { display: none; }

@media (max-width: 768px) {
  #homeDesktop { display: none; }
  #homeApp     { display: flex; }
}