diff --git a/assets/css/app.css b/assets/css/app.css
index 408371c..0a9eef0 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -6914,7 +6914,10 @@ h6.md-h { font-size: 17px; color: var(--muted); }
 .tk-sec + .tk-sec { border-top: 1px solid var(--line-2); padding-top: 14px; }
 .tk-sec-h {
   display: flex; align-items: center; gap: 6px;
-  font-size: 13px; font-weight: 600; color: var(--ink);
+  /* #82：小节标题改 **模块主题色 + 加粗 + 字距** ——
+     与鸿蒙端 FbSectionTitle 一致（用户：「颜色也是用主题颜色」）。 */
+  font-size: 13px; font-weight: 700; letter-spacing: .6px;
+  color: var(--tk-accent, var(--brand));
 }
 .tk-sec-h .group-n { margin-left: 0; }
 /* 「状态」「看板」这两段是"标签 + 一排可点的东西"，横排。
@@ -6935,9 +6938,22 @@ h6.md-h { font-size: 17px; color: var(--muted); }
    用户 2026-11-05：「没有保存按钮…负责人和分类都没法修改。」
    每行结构 = 固定宽标签 + 占满剩余宽度的控件，与 .mv-row 同一套观感
    （但标签用 tk-attr-lb，因为面板里字号比整页表单小一号）。 */
-.tk-attrs { display: flex; flex-direction: column; gap: 10px; }
+.tk-attrs { display: flex; flex-direction: column; gap: 14px; }
+/* 🔴🔴 #82（用户 2026-11-05）：「网页版编辑在首页编辑任务的时候，那个输入框
+   怎么那么短呢？所有输入框都应该跟弹出框一样宽。」
+   「布局顺序也和鸿蒙版一致」「下面分成两行：第一行是任务标题，第二行是状态」
+
+   ⇒ `.tk-attr-row` 从**横向**（标签左 / 控件右）改成**纵向两行**：
+        ① 标签独占一行（主题色粗体）
+        ② 控件独占一行，**占满整行宽度**（不再有 300px 上限）
+
+   为什么去掉 300px 上限：
+     那个上限是 #80 为"对齐"引入的，但它的代价是**输入框比面板窄一大截** ——
+     面板 680 宽，控件只有 300，右边空着 300 多像素，看起来像没做完。
+     现在改成上下两行之后，每行只有一个控件，天然左缘对齐，
+     **不再需要靠限宽来对齐** ⇒ 直接 width:100%。 */
 .tk-attr-row {
-  display: flex; align-items: center; gap: 10px;
+  display: flex; flex-direction: column; align-items: stretch; gap: 6px;
   /* 🔴 #80：这里原来有 `flex-wrap: wrap` —— 窄屏下控件（300px）加标签（46px）
      加间距（10px）放不进容器，控件就**掉到下一行**，左缘从 76 变成 0，
      与标签右缘完全错开，整列看着像塌了。
@@ -6947,7 +6963,12 @@ h6.md-h { font-size: 17px; color: var(--muted); }
         保持对齐比保持宽度更重要。 */
 }
 .tk-attr-lb {
-  flex: 0 0 46px; font-size: 12.5px; color: var(--faint); text-align: right;
+  /* #82：标签不再固定 46px（那是横排时的"对齐基准"），
+     现在独占一行，按内容宽即可；左对齐（横排时是右对齐贴控件）。
+     颜色从 faint 灰改成 **模块主题色 + 加粗** —— 与鸿蒙端的 fieldLb、
+     以及本页的小节标题同一口径。 */
+  font-size: 12.5px; font-weight: 700; letter-spacing: .6px;
+  color: var(--tk-accent, var(--brand)); text-align: left;
 }
 /* 控件区占满标签右侧（min-width:0 让它能被压缩，不会把标签挤出去） */
 .tk-attr-row > *:not(.tk-attr-lb) { flex: 1 1 auto; min-width: 0; }
@@ -6969,20 +6990,38 @@ h6.md-h { font-size: 17px; color: var(--muted); }
    ⚠️ 标签宽度（46px）+ gap（10px）= 56px，这与 `.tk-attr-actions` 的
       `padding-left: 56px` 是同一个数 —— 改标签宽度时必须同步改那两处。 */
 :root { --tk-attr-w: 300px; }
-.tk-attr-row > .dt-input { width: 100%; max-width: var(--tk-attr-w); }
-.tk-attr-row > select.select { width: 100%; max-width: var(--tk-attr-w); }
-.tk-attr-row > .pp-root { width: 100%; max-width: var(--tk-attr-w); }
-/* 标题 / 备注：与上面同宽 */
+/* #82：所有控件一律占满整行 —— 不再有 `--tk-attr-w` 这个 300px 上限。
+   上下两行之后每行只有一个控件，宽度不一致反而不协调。 */
+.tk-attr-row > .dt-input,
+.tk-attr-row > select.select,
+.tk-attr-row > .pp-root,
 .tk-attr-row > input.input,
-.tk-attr-row > textarea.input { width: 100%; max-width: var(--tk-attr-w); }
+.tk-attr-row > textarea.input,
+.tk-attr-row > .tk-attr-val { width: 100%; max-width: none; }
 /* textarea 按行数撑高，别被 `.input` 的固定高度带偏 */
 .tk-attr-row > textarea.input { resize: vertical; min-height: 46px; }
 /* 保存按钮那一行：与上面的控件左缘对齐（= 46px 标签宽 + 10px gap） */
 .tk-attr-actions {
+  /* #82：取消 padding-left(56px) —— 那是给"横排时对齐控件左缘"用的。
+     现在控件占满整行，按钮左缘就是容器左缘，再加 56 会缩进去一截。 */
   display: flex; align-items: center; gap: 10px;
-  padding-left: 56px;
 }
 .tk-attr-tip { font-size: 12px; color: var(--green, #2E7D4F); }
+/* #82：只读态的值也做成"框"的样子（浅底圆角），
+   与可编辑态同宽同高 —— 否则只读用户看到的是一行裸文字，和编辑态差太多。 */
+.tk-attr-val {
+  display: block; min-height: 40px; box-sizing: border-box;
+  padding: 10px 12px; font-size: 14px; color: var(--ink);
+  background: var(--input-bg, #F7F4EF);
+  border-radius: var(--radius-s); word-break: break-word;
+}
+/* #82：面板里的"点一下就能改"的横排段（状态/看板）改成上下两行：
+   标签在上、chips 在下，与字段行同形态。 */
+.tk-sec-inline { flex-direction: column; align-items: stretch; gap: 6px; }
+.tk-sec-inline > .tk-sec-lb {
+  font-size: 12.5px; font-weight: 700; letter-spacing: .6px;
+  color: var(--tk-accent, var(--brand));
+}
 
 /* #78：面板里的选人组件（负责人单选 / 协作人多选）。
    宽度已在上面的 `--tk-attr-w` 统一，这里只管 chips 的间距。
diff --git a/templates/tasks/_panel.php b/templates/tasks/_panel.php
index 5bcb9a3..1a06ab3 100644
--- a/templates/tasks/_panel.php
+++ b/templates/tasks/_panel.php
@@ -90,6 +90,22 @@ $tpLate     = $tpDue !== '' && $tpStatus !== 'done' && \App\Task::isOverdue($tpD
            从这里取一份 —— 两处同一个值，`csrf_token()` 天然幂等。 */ ?>
   <input type="hidden" name="_csrf" value="<?= e(csrf_token()) ?>" data-tk-csrf>
 
+  <?php /* ---- 任务标题 ---- */ ?>
+  <div class="tk-sec">
+    <div class="tk-attrs">
+      <div class="tk-attr-row">
+        <span class="tk-attr-lb">任务标题</span>
+        <?php if ($tpCan): ?>
+          <input class="input" id="tkp-title" name="title" maxlength="200"
+                 value="<?= e((string)($tpT['title'] ?? '')) ?>">
+        <?php else: ?>
+          <span class="tk-attr-val"><?= e((string)($tpT['title'] ?? '')) ?></span>
+        <?php endif; ?>
+      </div>
+
+    </div>
+  </div>
+
   <?php /* ---- 状态：三段平铺，点一下就改（不是下拉 —— 手机上少一次展开） ---- */ ?>
   <div class="tk-sec tk-sec-inline">
     <span class="tk-sec-lb">状态</span>
@@ -133,44 +149,19 @@ $tpLate     = $tpDue !== '' && $tpStatus !== 'done' && \App\Task::isOverdue($tpD
     </div>
   <?php endif; ?>
 
-  <?php /* ---- 更多信息：截止 / 负责人 / 分类 ---- 可编辑 + 保存（#76） ----
+  <?php /* ---- 更多信息：截止 / 负责人 / 备注 / 协作人 ----
+       🔴🔴 #82（用户 2026-11-05）：「后续内容也和鸿蒙版保持一致，不需要额外信息。
+       布局顺序也和鸿蒙版一致：1.任务标题 2.状态 3.看板
+       4.截止日期、负责人、备注、协作人 5.子任务」
 
-     🔴 用户 2026-11-05：「时间控件是对的，但是现在没有保存按钮，只有下面一个
-        评论的发表按钮。另外，负责人和分类都没法修改，按道理讲都应该可以修改才对。」
-
-     改之前的状态：
-       · 截止：上一版做成"选完立即保存"，用户不认可 —— 他要显式保存按钮；
-       · 负责人 / 分类：**只读的 `dl.kv` 行**，而且值为空时整行都不渲染
-         （`if (!empty($tpT['assignee_name']))` / `if ($tpCatName !== '')`）
-         ⇒ 用户不仅改不了，连"这一项存在"都看不出来。
-
-     ⇒ 三项合成一个带「保存」的小节：先改完，点一次提交。
-        `Task::setAttrs()` 只写这三列，不碰 title/note/status（见那里的说明）。
-
-     ⚠️ 负责人用原生 `<select>` 而不是 `_person_picker.php` 的弹窗选人：
-        面板本身已在浮层里，再弹一层模态 = 两层遮罩，手机上很容易点错；
-        而且 picker 需要 `fbInitPickers()` 初始化，`loadPanel()` 目前没调它。
-        家庭成员通常 3~10 人，select 够用。**人多了再换弹窗**，那时记得
-        把 `fbInitPickers` 也补进 `loadPanel()`。 */ ?>
+       ⇒ 去掉「分类」和「循环」两条 —— 它们属于用户说的"额外信息"
+         （分类是标签、循环是只读事实，鸿蒙端面板里也没有）。
+       ⇒ 顺序改成 截止 → 负责人 → 备注 → 协作人（与鸿蒙端逐项对齐）。
+       ⚠️ 服务端 `tasks/panel_save` 收不到 category_id 时会**保留原值**
+          （`array_key_exists` 判"传没传"），所以删掉这个字段不会清空分类。 */ ?>
   <div class="tk-sec">
-    <div class="tk-sec-h">更多信息</div>
     <div class="tk-attrs">
 
-      <?php /* 🔴 #78（用户 2026-11-05）：「现在在首页上点一个任务，直接就是编辑页面啊。
-               所以不需要再加一个编辑按钮了。」
-
-             ⇒ 既然要删掉右下角的「编辑」按钮，标题和备注就必须能在这里改 ——
-               原来它俩只在 `_edit_form.php` 里，面板做不了。 */ ?>
-      <div class="tk-attr-row">
-        <span class="tk-attr-lb">标题</span>
-        <?php if ($tpCan): ?>
-          <input class="input" id="tkp-title" name="title" maxlength="200"
-                 value="<?= e((string)($tpT['title'] ?? '')) ?>">
-        <?php else: ?>
-          <span><?= e((string)($tpT['title'] ?? '')) ?></span>
-        <?php endif; ?>
-      </div>
-
       <div class="tk-attr-row">
         <span class="tk-attr-lb">截止</span>
         <?php if ($tpCan): ?>
@@ -192,14 +183,6 @@ $tpLate     = $tpDue !== '' && $tpStatus !== 'done' && \App\Task::isOverdue($tpD
         <?php endif; ?>
       </div>
 
-      <?php /* 负责人：**弹窗选人**（#78）。
-           🔴 用户 2026-11-05：「选人的时候不能按列表，因为人太多了。
-              你参考一下观影模式里面选人的方式。」
-           ⇒ 换成全站统一的 `_person_picker.php`（弹窗 + 拼音首字母联想），
-              与新建任务弹框、观影表单同一套。
-           ⚠️ 单选 + `$ppAllowEmpty` ⇒ 弹窗里带「不指定」（值 0）。
-           ⚠️ 它在 AJAX 面板里需要 `fbInitPickers()` 初始化 ——
-              `entry_popup.js` 的 `loadPanel()` 已补（见那边注释）。 */ ?>
       <div class="tk-attr-row">
         <span class="tk-attr-lb">负责人</span>
         <?php if ($tpCan): ?>
@@ -222,14 +205,17 @@ $tpLate     = $tpDue !== '' && $tpStatus !== 'done' && \App\Task::isOverdue($tpD
         <?php endif; ?>
       </div>
 
-      <?php /* 协作人 / 共享给（#78）。
-           🔴 用户：「我记得任务其实可以共享给别人，也就是协作人。
-              但现在怎么感觉编辑这里面没有这个选项呢？」
+      <div class="tk-attr-row tk-attr-row-top">
+        <span class="tk-attr-lb">备注</span>
+        <?php if ($tpCan): ?>
+          <textarea class="input" id="tkp-note" name="note" rows="2"
+                    placeholder="补充说明…"><?= e((string)($tpT['note'] ?? '')) ?></textarea>
+        <?php else: ?>
+          <span><?= trim((string)($tpT['note'] ?? '')) !== ''
+                    ? nl2br(e((string)$tpT['note'])) : '无' ?></span>
+        <?php endif; ?>
+      </div>
 
-           ⇒ 数据层早就支持（`task_shares` 表 + Task::share/unshare +
-              `_add_modal.php` 的新建弹框都有），只有**编辑表单和面板漏了入口**。
-              这里补上：多选弹窗 + 当前协作人 chips。
-           ⚠️ 候选里去掉自己 —— 「共享给自己」是空操作（与新建弹框同一口径）。 */ ?>
       <div class="tk-attr-row tk-attr-row-top">
         <span class="tk-attr-lb">协作人</span>
         <?php if ($tpCan): ?>
@@ -257,35 +243,6 @@ $tpLate     = $tpDue !== '' && $tpStatus !== 'done' && \App\Task::isOverdue($tpD
         <?php endif; ?>
       </div>
 
-      <div class="tk-attr-row">
-        <span class="tk-attr-lb">分类</span>
-        <?php if ($tpCan): ?>
-          <select class="select" name="category_id" id="tkp-category">
-            <option value="0">未分类</option>
-            <?php foreach ($tpCats as $tpC): ?>
-              <?php $tpCid = (int)($tpC['id'] ?? 0); ?>
-              <option value="<?= $tpCid ?>"
-                <?= $tpCid === (int)($tpT['category_id'] ?? 0) ? ' selected' : '' ?>>
-                <?= e((string)($tpC['name'] ?? '')) ?>
-              </option>
-            <?php endforeach; ?>
-          </select>
-        <?php else: ?>
-          <span><?= $tpCatName !== '' ? e($tpCatName) : '未分类' ?></span>
-        <?php endif; ?>
-      </div>
-
-      <div class="tk-attr-row tk-attr-row-top">
-        <span class="tk-attr-lb">备注</span>
-        <?php if ($tpCan): ?>
-          <textarea class="input" id="tkp-note" name="note" rows="2"
-                    placeholder="补充说明…"><?= e((string)($tpT['note'] ?? '')) ?></textarea>
-        <?php else: ?>
-          <span><?= trim((string)($tpT['note'] ?? '')) !== ''
-                    ? nl2br(e((string)$tpT['note'])) : '无' ?></span>
-        <?php endif; ?>
-      </div>
-
       <?php if ($tpCan): ?>
         <div class="tk-attr-actions">
           <button type="button" class="btn btn-sm" data-tk-act="save-attrs">保存</button>
@@ -294,13 +251,6 @@ $tpLate     = $tpDue !== '' && $tpStatus !== 'done' && \App\Task::isOverdue($tpD
     </div>
   </div>
 
-  <?php /* ---- 其余只读事实（循环）——备注已挪进「更多信息」（#78） ---- */ ?>
-  <?php if (!empty($tpT['repeat_rule'])): ?>
-    <dl class="kv tk-kv">
-      <div class="kv-row"><dt>循环</dt><dd><?= e(\App\Task::repeatWord((string)$tpT['repeat_rule'])) ?></dd></div>
-    </dl>
-  <?php endif; ?>
-
   <?php /* ---- 子任务（子任务自己不再挂子任务，与详情页同一口径） ---- */ ?>
   <?php if (!$tpIsChild): ?>
     <div class="tk-sec">