feat: 优化任务详情抽屉时间信息展示顺序

src/components/TaskDetailDrawer.vue

@@ -253,6 +253,8 @@ function remove(): void {
         时间：标题与「标签」同级平铺，明细单独用一个描边框圈起来。
         只靠字号（标题 text-sm / 明细 text-xs）分层，框只负责把只读信息
         和上方的可编辑字段区分开，不参与层级表达。
+        明细顺序固定为 创建 → 更新 → 完成（归档时再追加一行），
+        按时间线上的发生次序排列，而不是按字段重要性。
       -->
       <section class="flex flex-col gap-1.5" aria-labelledby="task-time-heading">
         <h3 id="task-time-heading" class="text-sm font-medium text-slate-600 dark:text-zinc-400">
@@ -266,6 +268,11 @@ function remove(): void {
             {{ createdAtText ?? '—' }}
           </dd>
 
+          <dt class="text-slate-400 dark:text-zinc-500">更新</dt>
+          <dd data-role="updated-at" class="tabular-nums text-slate-600 dark:text-zinc-300">
+            {{ updatedAtText ?? '—' }}
+          </dd>
+
           <dt class="text-slate-400 dark:text-zinc-500">完成</dt>
           <dd data-role="completed-at" class="tabular-nums text-slate-600 dark:text-zinc-300">
             <span :class="completedAtText ? '' : 'text-slate-400 dark:text-zinc-500'">
@@ -273,11 +280,6 @@ function remove(): void {
             </span>
           </dd>
 
-          <dt class="text-slate-400 dark:text-zinc-500">更新</dt>
-          <dd data-role="updated-at" class="tabular-nums text-slate-600 dark:text-zinc-300">
-            {{ updatedAtText ?? '—' }}
-          </dd>
-
           <template v-if="archivedAtText">
             <dt class="text-slate-400 dark:text-zinc-500">归档</dt>
             <dd data-role="archived-at" class="tabular-nums text-slate-600 dark:text-zinc-300">