/* 手机星系（10-04 第六批）：只在 ≤ 760 宽、原型开关 mphone = v6（新的，默认）时生效——msky.js 在 <html> 上挂 data-msky="v6"；切到“原来那样”时不挂，这里一条都不起作用。
   1. 星系里的卡片（#card 区、主题、一条臂、通用；#findp 一件事、说一件事、一束光）是一张能拖的底部面板：露一截 / 拉到九成；
   2. 线、⤢ / ◎、写：没有面板时排成一行贴在底栏上面，有面板时浮在面板上沿上面，拉到九成时藏起来；都不小于 44×44。 */
@media (max-width:760px){
  /* ---------- 1. 底部面板 ---------- */
  html[data-msky="v6"] #card.msheet,html[data-msky="v6"] #findp.msheet{top:auto;left:0;right:0;bottom:var(--msh-b,58px);width:auto;height:var(--msh-h,80vh);max-height:none;border-radius:20px 20px 0 0;padding-top:18px;
    transform:translateY(var(--msh-y,100%));transition:transform .34s cubic-bezier(.22,.8,.24,1),opacity .24s var(--ease),visibility 0s linear .34s;z-index:4;touch-action:none;overscroll-behavior:contain}
  html[data-msky="v6"] #card.msheet.on,html[data-msky="v6"] #findp.msheet.on{transition-delay:0s}
  /* 收起来的面板往下滑走（再打开时从下面滑上来） */
  html[data-msky="v6"] #card:not(.on),html[data-msky="v6"] #findp:not(.on){transform:translateY(100%)}
  html[data-msky="v6"] .msheet.m-drag{transition:none}
  /* 露一截时列表不自己滚（手指拖的是整张面板）；拉到九成才滚 */
  html[data-msky="v6"] .msheet .cb{overflow:hidden;padding:2px 20px 28px}
  html[data-msky="v6"] .msheet.m-full .cb{overflow:auto;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  /* 拖动条：一根短横线，能点的范围 120×44 */
  .msh-grip{position:absolute;left:50%;top:-4px;width:120px;height:44px;margin-left:-60px;padding:11px 0 0;border:0;border-radius:14px;background:none;display:flex;justify-content:center;align-items:flex-start;cursor:grab;z-index:3;touch-action:none;-webkit-tap-highlight-color:transparent}
  .msh-grip::before{content:"";display:block;width:40px;height:5px;border-radius:3px;background:var(--ink3);opacity:.6;transition:opacity var(--dur),width var(--dur)}
  .msh-grip:hover::before,.msh-grip:focus-visible::before{opacity:.95;width:48px}
  .msh-grip:focus-visible{outline:2px solid var(--acc);outline-offset:-4px}
  /* 面板里头的排版：上面让出拖动条，× 是 44×44，标题不钻到 × 底下 */
  html[data-msky="v6"] .msheet .ch{padding:8px 20px 6px}
  html[data-msky="v6"] .msheet .cx{top:-4px;right:6px;width:44px;height:44px}
  html[data-msky="v6"] .msheet .ey{padding-right:44px}
  html[data-msky="v6"] .msheet h2{padding-right:26px;margin-top:4px}
  /* 露一截时一句话最多两行（拉到九成全显示） */
  html[data-msky="v6"] .msheet.m-peek .ch .bl{max-height:3.4em;overflow:hidden}
  /* 一条臂的面板：区名一排能点（横着划），每个不小于 44 高 */
  html[data-msky="v6"] .msheet .dchips{display:flex;gap:8px;overflow-x:auto;margin:12px -20px 2px;padding:0 20px 4px;scrollbar-width:none;touch-action:pan-x}
  html[data-msky="v6"] .msheet .dchips::-webkit-scrollbar{display:none}
  html[data-msky="v6"] .msheet .dchips .chip{flex:none;min-height:44px;padding:0 14px}
  html[data-msky="v6"] .msheet .acts{padding-bottom:6px}

  /* ---------- 2. 小按钮：一行，贴着底下（底栏，或面板的上沿） ---------- */
  html[data-msky="v6"] body:not(.page-on) #tools{right:var(--msh-tr,12px);bottom:calc(68px + env(safe-area-inset-bottom) + var(--msh-vis,0px));gap:8px;transition:bottom .34s cubic-bezier(.22,.8,.24,1),opacity .2s var(--ease)}
  html[data-msky="v6"] body:not(.page-on) #tools .ico{width:44px;height:44px;font-size:17px}
  html[data-msky="v6"] body:not(.page-on):has(.card.on) #tools{display:flex}
  html[data-msky="v6"] body:not(.page-on) #legend{left:12px;bottom:calc(68px + env(safe-area-inset-bottom) + var(--msh-vis,0px));transition:bottom .34s cubic-bezier(.22,.8,.24,1),opacity .2s var(--ease)}
  html[data-msky="v6"] body:not(.page-on):has(.card.on) #legend{display:flex}
  html[data-msky="v6"] body:not(.page-on) #legend .lgbtn{height:44px;padding:0 16px 0 14px}
  html[data-msky="v6"] body:not(.page-on) #writebtn{right:12px;bottom:calc(68px + env(safe-area-inset-bottom));height:44px;padding:0 18px}
  html[data-msky="v6"].msh-drag body #tools,html[data-msky="v6"].msh-drag body #legend{transition:none}
  html[data-msky="v6"].msh-up body #tools,html[data-msky="v6"].msh-up body #legend{opacity:0;pointer-events:none}
  /* 拉到九成时左上的路径（返回、星系 | 经典）先藏起来，不从面板圆角后面露半截；收回一截就回来（面板上的 × 一样往上一层） */
  html[data-msky="v6"] body:not(.page-on) #crumbs{transition:opacity .2s var(--ease)}
  html[data-msky="v6"].msh-up body:not(.page-on) #crumbs{opacity:0;pointer-events:none}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
  html[data-msky="v6"] #card.msheet,html[data-msky="v6"] #findp.msheet,html[data-msky="v6"] body #tools,html[data-msky="v6"] body #legend{transition:none}
}