/* ============================================================
   dao · 官网2 —— 响应式适配(手机 / 平板 / 桌面 三档)
   骨架: 桌面=左信息板+右(竖排导航列+工作区);
        手机=信息板收起 + 导航列沉底 + 工作区全屏展开
   ============================================================ */

/* ============ 平板档(861~1080px) ============ */
@media (min-width:861px) and (max-width:1080px){
  #infoboard{ flex:0 0 40%; padding:18px 14px; gap:14px; }
  .ib-title{ font-size:28px !important; }
  .ib-clsrow{ grid-template-columns:repeat(4, 1fr); }
  .topbar-meters{ display:none; }
  .dl2-meters{ grid-template-columns:repeat(3, 1fr); }
  .dl2-split{ grid-template-columns:1fr; }
  .cx-cardgrid{ grid-template-columns:repeat(auto-fill, minmax(108px, 1fr)); }
  .ga-wall-tall, .ga-wall-grid{ grid-template-columns:repeat(auto-fill, minmax(132px, 1fr)); }
}

/* ============ 手机档(≤860px) ============ */
@media (max-width:860px){
  body{ overflow:auto; height:auto; display:block; }

  /* 顶部命令条 */
  .topbar{ height:50px; padding:0 14px; gap:10px; position:sticky; top:0; }
  .brand .brand-name{ font-size:14px; }
  .brand .seal{ width:24px; height:24px; }
  .topbar-meters{ display:none; }
  .topbar-right{ font-size:var(--fs-micro); }

  /* 指挥台改竖向 */
  #cmd{ flex-direction:column; height:auto; }

  /* 信息板: 首页显示, 进模块后收起(手机上一屏一个焦点) */
  #infoboard{ flex:none; border-right:none; border-bottom:1px solid var(--line); padding:20px 16px 24px; gap:14px; }
  .ib-title{ font-size:30px !important; }
  .ib-seal img{ width:72px; }
  .ib-clsrow{ grid-template-columns:repeat(4, 1fr); }
  .ib-cls img{ height:60px; }
  .ib-chain{ flex-wrap:wrap; }
  .ib-edge{ display:none; }
  .ib-node{ flex:1 1 30%; margin-bottom:8px; }
  body.in-module #infoboard{ display:none; }

  /* 右侧: 导航列沉底 + 工作区 */
  #navside{ flex:none; display:block; }
  #navcols{
    transform:none !important; position:fixed; left:0; right:0; bottom:0; z-index:60;
    flex:none !important; display:flex !important; flex-direction:row !important;
    align-items:stretch !important; height:56px;
    background:linear-gradient(rgba(14,13,11,.97), rgba(14,13,11,.92));
    backdrop-filter:blur(8px); border-top:1px solid var(--line);
    animation:none;
  }
  .navcol{
    flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center;
    border-left:none; border-top:none; animation:none; opacity:1; transform:none;
    padding:4px 2px;
  }
  .navcol > *{ transform:none; }
  .navcol-zh{ display:flex; flex-direction:row; font-size:14px; letter-spacing:.02em; white-space:nowrap; }
  .navcol-zh i{ font-style:normal; }
  .navcol-en{ display:none; }
  .navcol-scene, .navcol-divider{ display:none; }
  .navcol.on{ background:transparent; }
  .navcol.on .navcol-zh{ color:var(--sig); }
  .navcol.on::before{ content:""; position:absolute; left:22%; right:22%; bottom:0; height:2px; background:var(--sig); box-shadow:0 0 6px var(--sig-glow); }
  .navcol-home{ display:flex !important; }
  body:not(.in-module) .navcol-home{ display:none !important; }

  /* 工作区: 首页收起, 进模块全屏 */
  #stage{ display:none; }
  body.in-module #stage{ display:block; opacity:1; flex:none; }
  .ws-inner{ padding:18px 14px 90px; }
  .ws-title{ font-size:24px; }

  /* HUD: 手机只留右下 */
  .hud-corner.tl, .hud-corner.tr, .hud-corner.bl{ display:none; }
  .hud-corner.br{ bottom:70px; right:12px; }
  .hud{ font-size:var(--fs-micro); letter-spacing:.14em; }
  .hud-corner .l-shape{ display:none; }
  .cross-line, .ghost{ display:none; }

  /* 日志指挥室 */
  .dl2-meters{ grid-template-columns:repeat(3, 1fr); gap:8px; }
  .dl2-meter b{ font-size:19px; }
  .dl2-mgrid{ grid-template-columns:repeat(7, 24px); }
  .dl2-cell{ width:24px; height:24px; font-size:9px; }
  .dl2-split{ grid-template-columns:1fr; }
  .dl2-detail{ min-height:0; }

  /* 玩法 */
  .gp-hero{ grid-template-columns:1fr; min-height:0; gap:8px; }
  .gp-hero-art{ justify-self:center; height:280px; margin-bottom:0; }
  .gp-hero-title{ font-size:30px; }
  .gp-loop{ flex-wrap:wrap; }
  .gp-step{ flex:1 1 46%; }
  .gp-step-arrow{ display:none; }
  .gp-build, .gp-run{ grid-template-columns:1fr; }
  .gp-classes{ grid-template-columns:1fr; }
  .gp-rail{ grid-template-rows:none; grid-auto-flow:column; grid-auto-columns:64px; overflow-x:auto; padding-bottom:6px; }
  .gp-tab img{ height:54px; flex:none; }
  .gp-panel-art{ height:320px; }
  .gp-cards{ flex-wrap:wrap; justify-content:center; }

  /* 图鉴 */
  .cx-cardgrid{ grid-template-columns:repeat(auto-fill, minmax(96px, 1fr)); gap:10px; }
  .cx-mongrid{ grid-template-columns:1fr; }
  .cx-relicgrid{ grid-template-columns:repeat(auto-fill, minmax(104px, 1fr)); }
  .cx-detail{ grid-template-columns:1fr; }
  .cx-stats, .cx-stats.cols4{ grid-template-columns:repeat(2, 1fr); }

  /* 陈列馆 */
  .ga-wall-tall, .ga-wall-grid{ grid-template-columns:repeat(auto-fill, minmax(118px, 1fr)); gap:12px; }
  .ga-hero-stats{ gap:16px; flex-wrap:wrap; }

  /* 页脚 */
  .site-foot{ flex-direction:column; align-items:flex-start; gap:5px; padding:16px 14px 90px; }
  .site-foot .foot-note{ margin-left:0; }
}

/* 超小屏(≤380px) */
@media (max-width:380px){
  .ws-title{ font-size:21px; }
  .ib-title{ font-size:26px !important; }
  .navcol-zh{ font-size:13px; }
}

/* 横屏手机 */
@media (max-width:860px) and (max-height:480px){
  .gp-hero-art{ height:200px; }
}