fix(V0.2): 三轮反馈 5 项 —— 回滚键盘方案 / 列表卡片拖动 / 看板防误触 / 横滑整屏 / 详情页恢复

1. 回滚键盘遮挡统一方案 (真机测试不通过, 需求搁置): 恢复 TaskDetail/
   UserPicker/CopyTaskPopup/ProjectManage 与 useKeyboardInset 到 9fea1a5^,
   删除 useKeyboardInsetWatcher / .kb-safe / interactive-widget=resizes-content
2. 任务详情页样式随 1 一并恢复提交前状态 (含底部拷贝/删除按钮)
3. 列表视图换列改为卡片拖动: 新 useRowDrag (长按 400ms 行抬起, 左右
   80px/列步进, 行尾徽标显示目标列, 松手落列), 移除长按 ActionSheet
   —— 旧长按与复选框/行点击互相误触, 抬手合成 click 落在控件上触发状态切换
4. 看板拖动防误触: 任务区禁长按文字选择与系统菜单 (输入框除外);
   pointercancel 只放弃不提交; 拖动结束 350ms 内抑制 click 误开详情;
   状态点/⋯/子任务行 pointerdown 不冒泡, 不发起拖动
5. 看板横滑扩展到整屏: .page-transition 补 height:100% 打通
   app-main → page-with-navbar 百分比链, board-wrap 撑满剩余高度

已验证: kb-safe/Watcher/onLongPress 残留引用清零, 逐文件 diff 审阅通过;
本机无 Node 运行时, 未跑 vite build

src/styles/globals.css

@@ -72,6 +72,11 @@ input, textarea, select { font: inherit; }
   -webkit-overflow-scrolling: touch;
 }
 
+/* 页面容器: 高度打通 app-main → page-with-navbar 的百分比链。
+   没有这行 height:100%, page-with-navbar 的 height:100% 对 auto 高度的父级失效,
+   整页塌成内容高 —— 看板 board-wrap 随之只卡片区那么高, 横滑只在有任务的区域生效 */
+.page-transition { height: 100%; }
+
 /* 页面切换动画: pathname 变化时整页淡入 + 轻微上移 (由 MobileShell 控制 class) */
 .page-transition.active {
   animation: page-in 0.28s ease;
@@ -989,7 +994,6 @@ body.me-safe-top .app-safe-top { height: 0; }
   background: #fff; border-radius: 8px; padding: 9px 10px;
   box-shadow: 0 1px 2px rgba(0,0,0,.05); cursor: pointer; flex-shrink: 0;
 }
-.bcard.dragging { opacity: .55; transform: scale(.97) rotate(-1deg); box-shadow: 0 8px 18px rgba(15,23,42,.16); }
 .bcard.hl { outline: 2px solid var(--color-primary); outline-offset: 1px; }
 .brow1 { display: flex; align-items: flex-start; gap: 6px; }
 .btitle { flex: 1; font-size: 12.5px; font-weight: 600; line-height: 1.45; word-break: break-word; }
@@ -1134,7 +1138,7 @@ textarea.inp { resize: vertical; }
 .pv-embed .task-content { flex: 1 1 auto; }
 
 /* ---- 项目列表拖动排序 (bug#3) ---- */
-.proj-item.dragging { opacity: .65; transform: scale(.98); box-shadow: 0 8px 18px rgba(15,23,42,.16); z-index: 5; position: relative; }
+.proj-item.dragging { opacity: .65; transform: scale(.98); box-shadow: 0 8px 18px rgba(15,23,42,.16); z-index: 5; position: relative; }
 
 /* ---- 项目信息块 (T-PJ-13) ---- */
 .note-row { cursor: pointer; }
@@ -1142,7 +1146,7 @@ textarea.inp { resize: vertical; }
 .note-preview {
   font-size: 11.5px; color: #999; margin-top: 3px; overflow: hidden;
   text-overflow: ellipsis; white-space: nowrap;
-}
+}
 
 /* ---- 通用分段控件 (状态选择等): 当前项高亮 ----
    此前只有 .pv-head .seg 有定义, 详情弹层里裸用 .seg 会堆成三行 */
@@ -1155,21 +1159,27 @@ textarea.inp { resize: vertical; }
 
 /* ---- ActionSheet 标题 (任务 ⋯ 菜单) ---- */
 .as-extra { padding: 4px 0 8px; }
-.as-title { font-size: 13px; font-weight: 600; color: var(--color-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.as-title { font-size: 13px; font-weight: 600; color: var(--color-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 
-/* ---- 键盘避让弹层 (重点设计 §7.2) ----
-   底部弹层统一挂 .kb-safe: 底部留白 = 安全区 + 20px + 键盘插入量(--kb-inset,
-   由 App 级 useKeyboardInsetWatcher 写入)。键盘弹出时内容抬到键盘上方,
-   弹层自身 max-height 用 dvh 随视口收缩并内部滚动。 */
-.kb-safe {
-  border-top-left-radius: 12px;
-  border-top-right-radius: 12px;
-  max-height: min(86dvh, calc(100dvh - 120px));
-  overflow-y: auto;
-  padding: 16px 16px calc(env(safe-area-inset-bottom, 0px) + 20px + var(--kb-inset, 0px));
-}
-
-/* ---- 拖动方案 (重点设计 §7.1) ----
-   卡片允许纵向滚动(PAN-Y), 水平位移留给拖动; 激活后原位抬起 */
-.bcard { touch-action: pan-y; }
-.bcard.dragging { opacity: .5; transform: scale(.97); box-shadow: 0 10px 22px rgba(15,23,42,.22); z-index: 6; }
+/* ---- 拖动手势 (重点设计 §7.1) ----
+   看板卡片 / 列表行: 纵向滚动归浏览器(pan-y), 水平位移留给拖动换列。
+   任务区整体禁用长按文字选择与系统菜单, 避免长按拖动变成选中文字 (输入框除外)。 */
+.task-content {
+  -webkit-user-select: none; user-select: none;
+  -webkit-touch-callout: none;
+}
+.task-content input, .task-content textarea { -webkit-user-select: text; user-select: text; }
+.bcard, .task-row { touch-action: pan-y; }
+.bcard.dragging {
+  opacity: .5; transform: scale(.97); position: relative; z-index: 6;
+  box-shadow: 0 10px 22px rgba(15,23,42,.22);
+}
+.task-row.dragging {
+  opacity: .55; transform: scale(.985); position: relative; z-index: 5;
+  box-shadow: 0 8px 18px rgba(15,23,42,.16);
+}
+.drag-pill {
+  font-size: 11px; font-weight: 600; color: #fff; background: var(--color-primary);
+  border-radius: 999px; padding: 2px 9px; flex-shrink: 0; white-space: nowrap;
+}
+.drag-pill.cur { background: #c0c7d0; }