/* 创作台 · 待审箱 · 任务列表 · 样式（第 4 期）
 * 复用 base.css 的设计令牌，不新增颜色，全部走 :root 变量。
 */

/* ---------------- 创作台 ---------------- */

#chatViewBody{padding:var(--sp-6) var(--sp-7) var(--sp-7);max-width:820px;display:flex;flex-direction:column;min-height:70vh}
#chatViewBody .ch-empty-title{margin:0;font-family:"Songti SC","SimSun",serif;font-size:var(--fs-xl);color:var(--ink)}
#chatViewBody .ch-empty-hint{color:var(--ink-3)}
#chatViewBody .ch-hint{color:var(--ink-3);font-size:var(--fs-sm)}
#chatViewBody .ch-stream{flex:1;display:flex;flex-direction:column;gap:var(--sp-3);margin:var(--sp-4) 0}
#chatViewBody .ch-msg{display:flex}
#chatViewBody .ch-me{justify-content:flex-end}
#chatViewBody .ch-ai{justify-content:flex-start}
#chatViewBody .ch-bubble{
  max-width:76%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);
  border:1px solid var(--rule);background:var(--paper);color:var(--ink-2);
  white-space:pre-wrap;word-break:break-word;font-size:var(--fs-sm);line-height:1.7;
}
#chatViewBody .ch-me .ch-bubble{background:var(--paper-2);color:var(--ink)}

#chatViewBody .ch-arts{
  border:1px solid var(--rule);border-left-width:3px;border-left-color:var(--accent);
  border-radius:var(--radius);background:var(--paper-2);
  padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3);
}
#chatViewBody .ch-arts-title{font-size:var(--fs-sm);color:var(--ink-2);margin-bottom:var(--sp-2)}
#chatViewBody .ch-art{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding:var(--sp-1) 0}
#chatViewBody .ch-art-kind{
  font-size:var(--fs-xs);color:var(--ink-3);border:1px solid var(--rule);
  border-radius:var(--radius);padding:0 var(--sp-2);
}
#chatViewBody .ch-art-title{flex:1 1 auto;min-width:0;color:var(--ink);font-size:var(--fs-sm);word-break:break-word}
#chatViewBody .ch-art-acts{display:flex;gap:var(--sp-2)}

#chatViewBody .ch-input-box{border-top:1px solid var(--rule);padding-top:var(--sp-3)}
#chatViewBody .ch-input{
  width:100%;resize:vertical;font:inherit;font-size:var(--fs-sm);color:var(--ink);
  background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);
  padding:var(--sp-3);
}
#chatViewBody .ch-ctrl{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-2)}
#chatViewBody .ch-hint-inline{font-size:var(--fs-xs);color:var(--ink-3)}
#chatViewBody .ch-select,#chatViewBody .ch-style{
  font:inherit;font-size:var(--fs-sm);color:var(--ink);background:var(--paper);
  border:1px solid var(--rule);border-radius:var(--radius);padding:var(--sp-1) var(--sp-2);
}
#chatViewBody .ch-style{flex:1 1 200px;min-width:140px}
#chatViewBody .ch-btn,.tk-dlg .tk-btn,.pd-btn,.lk-btn{
  font:inherit;font-size:var(--fs-sm);cursor:pointer;border-radius:var(--radius);
  border:1px solid var(--rule);background:var(--paper);color:var(--ink-2);
  padding:var(--sp-1) var(--sp-3);min-height:32px;
}
#chatViewBody .ch-btn:hover,.pd-btn:hover,.lk-btn:hover{border-color:var(--ink-3);color:var(--ink)}
#chatViewBody .ch-btn-primary,.tk-btn-primary,.pd-btn-primary{
  background:var(--accent);color:var(--paper);border-color:var(--accent);
}
#chatViewBody .ch-btn-ghost,.tk-btn-ghost,.pd-btn-ghost{background:transparent}

/* ---------------- 待审箱 ---------------- */

#pendingViewBody{padding:var(--sp-6) var(--sp-7) var(--sp-7);max-width:960px}
#pendingViewBody .pd-empty-title{margin:0;font-family:"Songti SC","SimSun",serif;font-size:var(--fs-xl);color:var(--ink)}
#pendingViewBody .pd-empty-hint{color:var(--ink-3)}
#pendingViewBody .pd-hint{color:var(--ink-3);font-size:var(--fs-sm)}
#pendingViewBody .pd-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);border-bottom:1px solid var(--rule);padding-bottom:var(--sp-3);margin-bottom:var(--sp-4)}
#pendingViewBody .pd-total{font-size:var(--fs-lg);font-weight:600;color:var(--ink)}
#pendingViewBody .pd-section{margin-bottom:var(--sp-5)}
#pendingViewBody .pd-section-title{font-size:var(--fs-sm);color:var(--ink-2);font-weight:600;margin-bottom:var(--sp-2)}
#pendingViewBody .pd-list{display:flex;flex-direction:column;gap:var(--sp-3)}
#pendingViewBody .pd-item{
  border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper);
  padding:var(--sp-3) var(--sp-4);
}
#pendingViewBody .pd-item-title{font-weight:600;color:var(--ink);word-break:break-word}
#pendingViewBody .pd-item-meta{font-size:var(--fs-xs);color:var(--ink-3);margin-top:2px}
#pendingViewBody .pd-item-detail{font-size:var(--fs-sm);color:var(--ink-2);margin-top:var(--sp-2);word-break:break-word}
#pendingViewBody .pd-item-fix{font-size:var(--fs-sm);color:var(--warn);margin-top:var(--sp-1)}
#pendingViewBody .pd-item-acts{display:flex;gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap}

/* ---------------- 字段锁定 ---------------- */

.lk-box{border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-2);padding:var(--sp-3) var(--sp-4)}
.lk-title{font-size:var(--fs-sm);color:var(--ink-2);font-weight:600;margin-bottom:var(--sp-2)}
.lk-row{margin:var(--sp-1) 0}
.lk-btn{min-width:140px;text-align:left}
.lk-on{border-color:var(--warn);color:var(--warn)}

/* ---------------- 任务列表 ---------------- */

#tasksViewBody{padding:var(--sp-6) var(--sp-7) var(--sp-7);max-width:960px}
#tasksViewBody .tk-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);border-bottom:1px solid var(--rule);padding-bottom:var(--sp-3);margin-bottom:var(--sp-4)}
#tasksViewBody .tk-title{font-size:var(--fs-lg);font-weight:600;color:var(--ink)}
#tasksViewBody .tk-hint{color:var(--ink-3);font-size:var(--fs-sm)}
#tasksViewBody .tk-table{display:flex;flex-direction:column;gap:var(--sp-2)}
#tasksViewBody .tk-row{
  border:1px solid var(--rule);border-left-width:3px;border-left-color:var(--ink-3);
  border-radius:var(--radius);background:var(--paper);padding:var(--sp-3) var(--sp-4);
}
#tasksViewBody .tk-succeeded{border-left-color:var(--ok)}
#tasksViewBody .tk-failed{border-left-color:var(--accent)}
#tasksViewBody .tk-running{border-left-color:var(--warn)}
#tasksViewBody .tk-main{display:flex;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap}
#tasksViewBody .tk-type{font-weight:600;color:var(--ink)}
#tasksViewBody .tk-status{font-size:var(--fs-sm);color:var(--ink-2)}
#tasksViewBody .tk-progress,#tasksViewBody .tk-time{font-size:var(--fs-xs);color:var(--ink-3);font-family:"SF Mono",Consolas,monospace}
#tasksViewBody .tk-error{font-size:var(--fs-sm);color:var(--accent);margin-top:var(--sp-2);word-break:break-word}
#tasksViewBody .tk-acts{display:flex;gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap}

/* 任务详情弹层 */
.tk-dlg-mask{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:50}
.tk-dlg{background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--sp-5);width:min(560px,92vw);max-height:86vh;overflow:auto}
.tk-dlg .tk-dlg-title{font-weight:600;margin:0 0 var(--sp-3)}
.tk-dlg .tk-dlg-actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-3)}
.tk-dlg .tk-pre{white-space:pre-wrap;word-break:break-word;font-size:var(--fs-xs);background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--sp-3);max-height:50vh;overflow:auto}