/* ============================================================
 * LensWave 全站整改 · 批次 S2（工程与内容）独立样式
 * 仅作用于本批次 8 页；不改动任何共享 css/js
 * 主题：浅蓝白；禁紫色、禁大块深色
 * ============================================================ */

/* ---------- 统一：演示版 / 规划中 浅蓝小标签 ---------- */
.qa2-demo-tag{
  display:inline-block;
  vertical-align:middle;
  margin-left:8px;
  padding:2px 9px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  line-height:1.6;
  color:#1d2129;
  background:#EAF2FD;
  border:1px solid #CFE0F6;
  white-space:nowrap;
}
.qa2-demo-tag::before{ content:"● "; color:#38BDF8; }

/* ---------- 统一：副标题（说人话）行距更透气 ---------- */
.v10-wrap > .v10-sub,
.qa2-sub{ line-height:1.7; color:#606266; font-size:14px; }

/* ---------- 长文档折叠卡（script ④ 剪辑衔接） ---------- */
details.qa2-fold{
  border:1px solid #f5f7fa;
  border-radius:12px;
  background:#FBFCFE;
  padding:0 16px;
}
details.qa2-fold summary{
  cursor:pointer;
  list-style:none;
  padding:14px 0;
  font-weight:700;
  color:#2B4A75;
  display:flex;
  align-items:center;
  gap:8px;
}
details.qa2-fold summary::-webkit-details-marker{ display:none; }
details.qa2-fold summary::before{ content:"▸"; color:#38BDF8; transition:transform .2s; }
details.qa2-fold[open] summary::before{ content:"▾"; }
details.qa2-fold .qa2-fold-body{ padding:4px 0 16px; }

/* ---------- 移动端适配（375px）：列表网格压成 2 列 ---------- */
@media (max-width: 640px){
  /* 资产库：JS 内联 repeat(4,1fr) 在窄屏过挤 */
  #alist{ grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }
  /* 模板库：3 列改 2 列 */
  #tplGrid{ grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }
  /* 统计卡（tasks）已 2 列，兜底不溢出 */
  .i5-stats{ gap:10px; }
  /* 工具行筛选控件纵向排布，避免横向溢出 */
  .i5-toolbar, .i3-toolbar{ flex-direction:column; align-items:stretch !important; }
  .i5-toolbar > *, .i3-toolbar > *{ width:100% !important; max-width:100% !important; }

  /* ===== S2 终检：tasks 移动端横向溢出修复 ===== */
  /* 总闸：任何情况下窄屏不产生横向滚动 */
  html, body{ max-width:100vw; overflow-x:hidden; }
  /* 任务卡与注入成本格：允许折行、不溢出 */
  #i5List, .i5-card, .cost-task-cell{ max-width:100%; min-width:0; word-break:break-word; }
  .cost-task-cell *{ max-width:100%; white-space:normal; }
  .ct-est, .ct-detail, .ct-receipt, .ct-tag, .ct-free, .ct-reimburse{ display:inline-block; max-width:100%; }
  /* 右侧抽屉关闭态：彻底隐藏不占宽；打开态贴右、不撑文档 */
  .i5-drawer{ visibility:hidden; right:0; transform:translateX(105%); }
  .i5-drawer.open{ visibility:visible; transform:translateX(0); }
}

/* ---------- 小页（asset 详情）与全站一致：留白 ---------- */
@media (min-width: 641px){
  .v10-wrap{ max-width:1180px; margin:0 auto; }
}