/* 07-mono.css —— 分身设置页：黑白灰 + 分块折叠
   新增于 2026-10-08（老板要求：设置页不要彩色，尽可能黑/白/灰，内容太多要能折叠）。

   为什么单独一个文件而不是改原来那六个：
     1) 序号 = 加载顺序，排在 06 之后 → 这里的规则天然赢过所有旧规则，
        **不用去六个文件里翻散落的 var(--brand)/var(--clone)**，也不必重排旧文件；
     2) 想退回彩色版：从 index.html 删掉这一行 link 即可，零副作用。

   作用域刻意收在 #vSettings（设置页）内 —— 侧栏、聊天气泡仍保留品牌绿，
   老板只说了设置页不友好。要全站都灰，把选择器里的 #vSettings 去掉即可。
*/

/* ---------- 1. 分块折叠 ---------- */

/* 折起来的块：只留标题行，其余兄弟节点全部隐藏。
   用「藏兄弟」而不是包一层容器 —— 不用改 JS 拼出来的 HTML 结构，
   任何新加进 .blk 的内容都自动受折叠管。 */
#vSettings .blk.fold > *:not(.bhead){display:none}

/* 块与块之间用一条细线分隔，像大公司后台的设置项列表 */
#vSettings .blk{margin-bottom:0;border-top:1px solid #eceff1;padding:14px 0}
#vSettings .blk:first-child{border-top:none;padding-top:0}
#vSettings .blk:last-child{padding-bottom:4px}

#vSettings .bhead{cursor:pointer;user-select:none;margin-bottom:10px}
#vSettings .blk.fold .bhead{margin-bottom:0}

/* 展开/收起标记：纯字符 chevron「>」收起、「v」展开，极简不抢视线 */
#vSettings .foldmark{flex:none;width:12px;font-size:13px;font-weight:700;line-height:1;
  color:#9aa3ab;text-align:center;transition:color .12s}
#vSettings .bhead:hover .foldmark{color:#5a6b78}
#vSettings .bhead:hover .btitle{color:#000}

/* ---------- 2. 控件：去掉彩色，统一白底 + 浅灰描边 ---------- */

/* 按钮：全站统一（设置页、素材库、聊天里都用它）。
   原来是实心品牌绿 —— 整页几十个绿按钮，视觉很吵。改成白底描边，
   只有 hover 时轻轻变灰，和 Stripe / Linear 那类后台一致。 */
.fbtn,.fbtn.ghost{
  background:#ffffff;color:#1f2c3a;border:1px solid #d5d9dd;border-radius:6px;
  padding:6px 13px;font-size:12px;cursor:pointer;
  transition:background .12s,border-color .12s,color .12s;
}
.fbtn:hover,.fbtn.ghost:hover{background:#f3f4f6;border-color:#c3c8cd;color:#1f2c3a}
.fbtn.ghost{border-color:#e3e6e9;color:#5a6b78}
.fbtn:disabled{opacity:.45;cursor:default;background:#fafbfc}

/* 输入框聚焦：原来是绿色描边。改成深灰描边 + 极浅外圈，
   焦点依然清楚，但不引入任何色相。 */
#vSettings .fin:focus,#vSettings .farea:focus,
#vSettings .selmodel:focus,#vSettings .kinp:focus,
.fin:focus,.farea:focus,.selmodel:focus,.kinp:focus{
  border-color:#9aa3ab;box-shadow:0 0 0 3px rgba(31,44,58,.06);outline:none;
}

/* 勾选框 / 单选：原来用品牌绿做 accent-color */
#vSettings .chkrow input,#vSettings .mruleck{accent-color:#1f2c3a}

/* ---------- 3. 设置页里原来的彩色强调，逐个收成灰阶 ---------- */

/* 分身名（原来是暗金 --clone） */
#vSettings .mname.bot{color:#1f2c3a}
#vSettings .msub{color:#7a8794}

/* 块标题右侧的「载入 FAQ / 查看素材 / 帮助找到大模型」 */
#vSettings .bmore{color:#6b7783}
#vSettings .bmore:hover{background:#f0f1f2;color:#1f2c3a}

/* 「它学到了什么」：百分比数字与进度条 */
#vSettings .memrate b{color:#1f2c3a}
#vSettings .memx:hover{color:#1f2c3a;background:#f0f1f2}
#vSettings .membtn:hover{border-color:#c3c8cd;background:#f0f1f2;color:#1f2c3a}
#vSettings .membtn.ok:hover{background:#e9eaec;border-color:#c3c8cd;color:#1f2c3a}

/* 「技能」书架：书脊原来按名字哈希出各种颜色 —— 那是设置页里最花的一块 */
#vSettings .bcap.own{color:#5a6b78}

/* 占位块（v0.3 接入…）里的加粗字原来是暗金 */
#vSettings .todo b{color:#1f2c3a}

/* 上传头像的虚线框 */
#vSettings .avup:hover{border-color:#9aa3ab;color:#1f2c3a}

/* 大模型 Key 弹窗里的「去哪里申请 →」 */
#vSettings .hplink{color:#5a6b78}

/* 模型状态行：ok=已绑定 / warn=还没绑 Key。原来是绿字/暗金字，
   改成灰阶 —— 有没有绑 Key 靠文字说，不靠颜色。 */
#vSettings .mnote.ok{color:#1f2c3a}
#vSettings .mnote.warn{color:#5a6b78}

/* 右上角「信任 0/2」小徽章（原来是米黄底 + 暗金字） */
#vSettings .chip.ora{background:#eef0f2;color:#5a6b78}

/* 设置页头部那一行小字（agent 实例 · 公司名 · 技能数） */
#vSettings .msub{color:#7a8794}

/* ---------- 4. 素材库（工作目录）里的彩色选中态 ---------- */
/* 这几条不能只写 #vSettings —— 素材库是独立弹层 #mWork。
   原来是暗金，跟设置页的灰阶放一起会很跳。 */
.wtab.on{background:#1f2c3a;color:#ffffff;border-color:#1f2c3a}
.witem.sel{border-color:#1f2c3a;box-shadow:0 0 0 1px #1f2c3a inset}
.witem.sel .wtick{background:#1f2c3a}
.wtick{background:#1f2c3a}

/* ---------- 5. 「等你拍板」卡片（聊天区）---------- */
/* 原来是米黄底 + 暗金边。保留"显眼"这一点，但改用灰阶 + 深色左条，
   不再引入第三种颜色。 */
.askcard{background:#f7f8f9;border:1px solid #dfe3e6;border-left:3px solid #1f2c3a}
.akhead{color:#1f2c3a}

/* ============================================================
   6. 分身视角整体收拾（2026-10-08，老板发截图：「设置界面一片混乱」）
   ------------------------------------------------------------
   截图里四个最难看的地方，逐个收掉：
   ① 顶上那条米黄橙的分身视角条 → 白底灰字，跟全站一个气质；
   ② 左侧分身面板头部被"数字账号"长句挤爆 → HTML 已重排成三段
     （08-common.js renderCloneMe），这里只管样式；
   ③ 右下角"选择一个会话开始"和设置页同屏叠着 → 有视图亮着就藏掉它；
   ④ 设置内容一条线拉满整宽、右边大片空白 → 内容收成 660px 定宽列，
     像大公司后台那样居中，不跟滚动条抢地盘。
   ============================================================ */

/* --- 6.1 分身视角条：米黄底橙字 → 白底灰字 --- */
.lensbar{background:#ffffff;border-bottom:1px solid #e6e8ea}
.lbav{background:#eef0f2;color:#5a6b78}
.lbname{color:#1f2c3a}
.lbsub{color:#7a8794}
/* 主人头像的"回到主人身份"圈：绿环 → 灰环 */
.lbowner{box-shadow:0 0 0 2px #ffffff,0 0 0 3.5px #c3c8cd}

/* --- 6.2 左侧分身面板（#cloneMe）：头部三段式 + 卡片统一白底 --- */
.cmhead{flex-wrap:wrap;row-gap:2px}
.cmhead .cmid{flex:1;min-width:0}
.cmhead .cmacts{margin-left:auto;display:flex;gap:8px;flex:none}
/* 数字账号独占一行：小字灰色，和上面用一条虚线隔开 */
.cmmeta{flex-basis:100%;font-size:11.5px;color:#7a8794;line-height:1.5;
  border-top:1px dashed #e6e8ea;margin-top:8px;padding-top:9px}
.cmmeta b{color:#1f2c3a;font-weight:600;font-family:Consolas,monospace;letter-spacing:.5px}

#cloneMe .cmname{color:#1f2c3a}
#cloneMe .tag-ai{background:#eef0f2;color:#5a6b78}
#cloneMe .cmblk{background:#ffffff;border-color:#e6e8ea;border-radius:9px}
#cloneMe .cmh{color:#7a8794;font-size:12px;letter-spacing:.3px}
#cloneMe .cmselect{background:#ffffff}
#cloneMe .cmnote{color:#8a949e;font-size:11.5px}
#cloneMe .cmpad{overflow-x:hidden}
/* 长串数字/路径别把卡片撑出横向滚动 */
#cloneMe .cmv{overflow-wrap:anywhere}

/* --- 6.3 设置页主体：去掉 660px 定宽，让内容填满右侧面板、靠到窗口右边 --- */
#vSettings .sbody{overflow-x:hidden}
#vSettings .sbody > .blk{max-width:none}
#vSettings .btitle{font-size:14px;font-weight:600;color:#1f2c3a;letter-spacing:.2px}
#vSettings .bcount{font-size:11px;background:#f0f1f2;color:#5a6b78}
#vSettings .bdesc{font-size:12px;color:#7a8794}
#vSettings .fld label{font-size:11.5px;color:#7a8794;letter-spacing:.2px}
#vSettings .fnote{color:#8a949e}
/* 有任何视图（设置/聊天/分身）亮着时，"选择一个会话开始"必须让位 ——
   以前它俩同屏叠着，是截图里"不知道该看哪"的元凶之一 */
.chatpane > .view.on ~ #chatEmpty{display:none}

/* 头像框：有图时"更换头像"从盖在脸中间 → 沉到底部半透明条，不挡人脸 */
#vSettings .avup.hasimg .avuphint{position:absolute;left:0;right:0;bottom:0;
  background:rgba(31,44,58,.55);color:#ffffff;text-align:center;
  border-radius:0 0 8px 8px;padding:3px 0;font-size:10.5px}

/* 朋友圈卡片的「自动记录」小标：品牌绿 → 灰阶（设置页内不出现第二种颜色） */
#vSettings .mauto{color:#5a6b78;background:#f0f1f2;border-color:#e3e6e9}
#vSettings .mtime,#vSettings .mempty{color:#8a949e}