/* 走查修复样式（v4.86.0-walk1）
   集中处理三处布局缺陷：启动台统计胶囊被挤成竖排、窄屏下一句话创作区溢出裁切、
   右下浮动入口与反馈气泡重叠。页面通过 <link href="/walk-fix.css"> 引入，改这一份即可全站生效。
   Nuxt 运行时会把组件样式追加到 head 末尾，晚于本文件加载，故统一加 !important。 */

/* 1) 「N 个项目 / N 进行中 / N 种视觉风格」三个胶囊被 flex 压缩后逐字竖排 */
.hero-stats { flex: 0 0 auto !important; flex-wrap: wrap !important; }
.hero-stats .tag { flex: 0 0 auto !important; white-space: nowrap !important; }

/* 2) 右下三枚入口让位给反馈气泡（气泡占 right:14px 起约 60px） */
a[href*="/ideas.html?v="],
a[href*="/publish.html?v="],
a[href*="/qc.html?v="] { right: 82px !important; }

/* 3) 窄屏：启动台改纵向堆叠，一句话创作区不再横向溢出 */
@media (max-width: 900px) {
  .launcher-head { flex-wrap: wrap !important; }
  .launcher-head > * { flex: 1 1 100% !important; min-width: 0 !important; }
  #tqOneBox { max-width: 100% !important; box-sizing: border-box !important; overflow: hidden; }
  #tqOneBox textarea,
  #tqOneBox select,
  #tqOneBox button { max-width: 100%; }
  #tqOneBox select { flex: 1 1 100%; }
  .hero-stats { margin-top: 10px !important; }
}

/* 4) 手机上浮动入口竖排贴右，且抬到反馈气泡之上，避免压住主按钮 */
@media (max-width: 900px) {
  a[href*="/qc.html?v="] { right: 12px !important; bottom: 78px !important; }
  a[href*="/publish.html?v="] { right: 12px !important; bottom: 124px !important; }
  a[href*="/ideas.html?v="] { right: 12px !important; bottom: 170px !important; }
  /* 新手引导浮层的步骤列表按 100vw 定宽又左移 16px，右端超出屏幕（390px 实测 right=406） */
  section > ol { max-width: calc(100vw - 32px) !important; box-sizing: border-box; }
}