/* 念渡 MindPort · 共享设计语言 */
:root{
  --bg:#F6F5F1; --bg-2:#EFEDE7; --card:#FFFFFF;
  --card-2:#FAF9F4; --chip-bg:#F4F2EB; --hover:#EFEDE6;
  --pane:#F2F0EA; --pane-2:#FBFAF6; --frame:#EBE9E2; --frame-line:#DCD8CE;
  --float:#2B2924; --scroll:#D8D4CA;
  --ink:#23211D; --ink-2:#6E6A61; --ink-3:#A39E94;
  --line:#E6E3DB; --line-2:#D8D4CA;
  --accent:#0E6F66; --accent-2:#15897B; --accent-soft:#E4F0ED; --accent-ghost:rgba(14,111,102,.10);
  --danger:#B4452E; --danger-soft:#F7E8E3;
  --radius:14px;
  --shadow-sm:0 1px 2px rgba(35,33,29,.05),0 3px 10px rgba(35,33,29,.05);
  --shadow-lg:0 6px 18px rgba(35,33,29,.10),0 24px 64px rgba(35,33,29,.14);
  --ease:cubic-bezier(.22,.9,.3,1);
  --font:-apple-system,BlinkMacSystemFont,"PingFang SC","SF Pro Text","Helvetica Neue","Microsoft YaHei",sans-serif;
  --font-display:"Songti SC","STSong","Noto Serif SC",Georgia,serif;
}
/* ===== 深色调色板（手动「夜间」时套用；自动模式见下方 @media）===== */
:root[data-theme="dark"]{
  --bg:#171613; --bg-2:#21201C; --card:#1E1D19;
  --card-2:#242320; --chip-bg:#282623; --hover:#272521;
  --pane:#1B1A17; --pane-2:#1A1915; --frame:#0E0D0B; --frame-line:#000;
  --float:#322F2A; --scroll:#3C3932;
  --ink:#EAE7E0; --ink-2:#A9A49A; --ink-3:#746F65;
  --line:#2F2D28; --line-2:#3C3932;
  --accent:#3AAE9D; --accent-2:#4FC5B3; --accent-soft:#1B332E; --accent-ghost:rgba(79,197,179,.14);
  --danger:#E2755B; --danger-soft:#3B221B;
  --shadow-sm:0 1px 2px rgba(0,0,0,.35),0 3px 10px rgba(0,0,0,.3);
  --shadow-lg:0 6px 18px rgba(0,0,0,.4),0 24px 64px rgba(0,0,0,.5);
}
:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .composer,:root[data-theme="dark"] .mtop{background:color-mix(in srgb,var(--bg) 90%,#000)!important}
/* ===== 自动：跟随系统；但手动选了「浅色」或「夜间」时不跟 ===== */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]):not([data-theme="dark"]){
    --bg:#171613; --bg-2:#21201C; --card:#1E1D19;
    --card-2:#242320; --chip-bg:#282623; --hover:#272521;
    --pane:#1B1A17; --pane-2:#1A1915; --frame:#0E0D0B; --frame-line:#000;
    --float:#322F2A; --scroll:#3C3932;
    --ink:#EAE7E0; --ink-2:#A9A49A; --ink-3:#746F65;
    --line:#2F2D28; --line-2:#3C3932;
    --accent:#3AAE9D; --accent-2:#4FC5B3; --accent-soft:#1B332E; --accent-ghost:rgba(79,197,179,.14);
    --danger:#E2755B; --danger-soft:#3B221B;
    --shadow-sm:0 1px 2px rgba(0,0,0,.35),0 3px 10px rgba(0,0,0,.3);
    --shadow-lg:0 6px 18px rgba(0,0,0,.4),0 24px 64px rgba(0,0,0,.5);
  }
  :root:not([data-theme="light"]):not([data-theme="dark"]) .topbar,:root:not([data-theme="light"]):not([data-theme="dark"]) .composer,:root:not([data-theme="light"]):not([data-theme="dark"]) .mtop{background:color-mix(in srgb,var(--bg) 90%,#000)!important}
}
/* ===== 配色预设（强调色）——青绿为默认；每套都给浅色+深色，保证两种模式都好看 ===== */
:root[data-accent="clay"]{ --accent:#A85C3E; --accent-2:#BE6E4B; --accent-soft:#F4E9E2; --accent-ghost:rgba(168,92,62,.10); }
:root[data-accent="indigo"]{ --accent:#3E5C8A; --accent-2:#4E6E9E; --accent-soft:#E8ECF5; --accent-ghost:rgba(62,92,138,.10); }
:root[data-accent="plum"]{ --accent:#8A5577; --accent-2:#9E6589; --accent-soft:#F2E9EF; --accent-ghost:rgba(138,85,119,.10); }
:root[data-theme="dark"][data-accent="clay"]{ --accent:#D08A6A; --accent-2:#E0A07F; --accent-soft:#33231A; --accent-ghost:rgba(208,138,106,.15); }
:root[data-theme="dark"][data-accent="indigo"]{ --accent:#7B9DD6; --accent-2:#93B0E0; --accent-soft:#1E2A3D; --accent-ghost:rgba(123,157,214,.16); }
:root[data-theme="dark"][data-accent="plum"]{ --accent:#C193B4; --accent-2:#D0A8C5; --accent-soft:#2C2230; --accent-ghost:rgba(193,147,180,.16); }
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]):not([data-theme="dark"])[data-accent="clay"]{ --accent:#D08A6A; --accent-2:#E0A07F; --accent-soft:#33231A; --accent-ghost:rgba(208,138,106,.15); }
  :root:not([data-theme="light"]):not([data-theme="dark"])[data-accent="indigo"]{ --accent:#7B9DD6; --accent-2:#93B0E0; --accent-soft:#1E2A3D; --accent-ghost:rgba(123,157,214,.16); }
  :root:not([data-theme="light"]):not([data-theme="dark"])[data-accent="plum"]{ --accent:#C193B4; --accent-2:#D0A8C5; --accent-soft:#2C2230; --accent-ghost:rgba(193,147,180,.16); }
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html,body{height:100%}
body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button{font-family:inherit;font-size:inherit;cursor:pointer;border:0;background:none;color:inherit}
button:disabled{cursor:default;opacity:.45}
textarea,input{font-family:inherit;color:inherit}
a{color:var(--accent);text-decoration:none;word-break:break-all}
a:hover{text-decoration:underline}
::selection{background:rgba(14,111,102,.16)}
svg{display:block}

/* 顶栏与品牌 */
.topbar{display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,#fff)}
/* Windows 桌面 App：顶栏底色对齐原生标题栏控制区 overlay(#F6F5F1)，消除右上角色差 */
.appmode.plat-win:not([data-theme="dark"]) .topbar,
.appmode.plat-win:not([data-theme="dark"]) .mtop{background:#F6F5F1!important}
.brand{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:.04em;display:flex;align-items:baseline;gap:7px;white-space:nowrap}
.brand em{font-style:normal;color:var(--accent)}
.brand span{font-family:var(--font);font-size:8.5px;font-weight:600;letter-spacing:.34em;color:var(--ink-3)}
/* 桌面 App：发现新版的顶部横幅 */
.mp-update-bar{position:fixed;left:0;right:0;top:0;z-index:200;display:flex;align-items:center;gap:10px;padding:9px 16px;background:var(--accent);color:#fff;font-size:13px;box-shadow:0 2px 14px rgba(0,0,0,.2)}
.mp-update-bar .mub-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp-update-bar .mub-go{background:rgba(255,255,255,.2);color:#fff;border-radius:8px;padding:5px 13px;font-size:12.5px;font-weight:600;flex:none}
.mp-update-bar .mub-go:hover{background:rgba(255,255,255,.34)}
.mp-update-bar .mub-x{width:26px;height:26px;display:grid;place-items:center;color:#fff;opacity:.85;flex:none}
.mp-update-bar .mub-x svg{width:14px;height:14px}
.conn{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-3);white-space:nowrap;cursor:pointer}
.conn b{font-weight:500}
.conn .dot{width:7px;height:7px;border-radius:50%;background:var(--ink-3);transition:.3s;box-sizing:border-box;flex:none}
.conn.on .dot{background:var(--accent-2);box-shadow:0 0 0 3px var(--accent-ghost)}
.conn.on{color:var(--ink-2)}
/* 同步中 / 重连中：小圆点变旋转的进度环 */
.conn.syncing .dot,.conn.reconnecting .dot{width:12px;height:12px;background:transparent!important;border:2px solid var(--accent-ghost);border-top-color:var(--accent);box-shadow:none!important;animation:connspin .8s linear infinite;transform-origin:center;will-change:transform}
.conn.reconnecting .dot{border-top-color:var(--ink-3)}
@keyframes connspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.conn.syncing .dot,.conn.reconnecting .dot{animation-duration:1.4s}}

/* 标签与收藏 */
.hashtag{color:var(--accent);background:var(--accent-ghost);border-radius:6px;padding:0 4px;margin:0 1px;cursor:pointer}
.m-tag{display:inline-flex;align-items:center;gap:3px;color:var(--accent);font-size:11px;background:var(--accent-ghost);border-radius:6px;padding:1px 6px}
.m-tag svg{width:10px;height:10px}
.m-group{color:var(--ink-2);background:var(--bg-2)}
.m-star{color:#D9A514;display:inline-flex}
.m-star svg{width:13px;height:13px}
.m-dot{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block;border:2px solid var(--line-2);background:transparent;box-sizing:border-box}
/* 颜色选择器 */
.colorpick{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.colorpick button{width:24px;height:24px;border-radius:50%;border:2px solid transparent;transition:.12s;position:relative}
.colorpick button:active{transform:scale(.9)}
.colorpick .cp-dot.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--card) inset}
.colorpick .cp-none{background:var(--bg-2);color:var(--ink-3);display:grid;place-items:center}
.colorpick .cp-none svg{width:13px;height:13px}
.colorpick .cp-none.on{border-color:var(--ink-2)}
/* 颜色筛选小点（侧栏/抽屉） */
.colorfilter{display:flex;gap:8px;flex-wrap:wrap}
.colorfilter button{width:22px;height:22px;border-radius:50%;border:2px solid transparent;transition:.12s}
.colorfilter button.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--card) inset}
/* ---------- Notion 式块编辑画布 ---------- */
.canvas{font-size:15.5px;line-height:1.75;color:var(--ink);outline:0}
.canvas .blk{position:relative;display:flex;align-items:flex-start;gap:6px;padding:1px 0}
.canvas .blk-ed{flex:1;min-width:0;outline:0;white-space:pre-wrap;word-break:break-word;padding:2px 2px;border-radius:5px}
.canvas .blk-ed:empty::before{content:attr(data-ph);color:var(--ink-3);pointer-events:none}
.canvas .blk-h1 .blk-ed{font-size:1.55em;font-weight:700;line-height:1.3}
.canvas .blk-h2 .blk-ed{font-size:1.3em;font-weight:700;line-height:1.35}
.canvas .blk-h3 .blk-ed{font-size:1.12em;font-weight:600}
.canvas .blk-h1,.canvas .blk-h2{margin-top:.5em}
.canvas .blk-bullet,.canvas .blk-number,.canvas .blk-todo{padding-left:4px}
.canvas .blk-bullet::before{content:"•";color:var(--ink-2);line-height:1.75;width:16px;flex:none;text-align:center}
.canvas .blk-number::before{content:"•";color:var(--ink-2);line-height:1.75;width:16px;flex:none;text-align:center}
.canvas .blk-quote{border-left:3px solid var(--accent);padding-left:12px;color:var(--ink-2)}
.canvas .blk-code{background:var(--float);border-radius:10px;padding:4px 6px}
.canvas .blk-code .blk-ed{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:#EDEAE3;line-height:1.6}
.canvas .blk-divider{padding:8px 0}
.canvas .blk-divider hr{border:0;border-top:1px solid var(--line-2);margin:0}
/* 笔记内图片：当「带缩略图的小文件卡」摆着——点开放大、可拖出真文件（手机不用画布、不受影响）*/
.canvas .blk-image,.canvas .blk-file{position:relative;width:fit-content;max-width:100%;padding:4px 0}
/* 悬停出现的「移除 ✕」徽标，贴在缩略图卡右上角 */
.canvas .blk-x{position:absolute;top:-3px;right:-9px;width:21px;height:21px;border-radius:50%;background:var(--ink-2);color:#fff;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);cursor:pointer;z-index:3;padding:0}
.canvas .blk-image:hover>.blk-x,.canvas .blk-file:hover>.blk-x{display:flex}
.canvas .blk-x:hover{background:#C2410C}
.canvas .blk-x svg{width:11px;height:11px}
.canvas .blk-uploading{display:flex;align-items:center;gap:10px;padding:11px 14px;color:var(--ink-3);font-size:13px;background:var(--chip-bg);border:1px dashed var(--line-2);border-radius:12px;max-width:420px;margin:4px 0}
.up-spin{width:15px;height:15px;border-radius:50%;border:2px solid var(--line-2);border-top-color:var(--accent);animation:connspin .7s linear infinite;flex:none}
.canvas .blk-file{padding:5px 0}
.canvas .blk-file .filechip{max-width:340px}
.canvas .blk-ck{width:18px;height:18px;margin-top:4px;border:1.6px solid var(--line-2);border-radius:5px;flex:none;display:grid;place-items:center;color:#fff;background:var(--card)}
.canvas .blk-ck.on{background:var(--accent);border-color:var(--accent)}
.canvas .blk-ck svg{width:12px;height:12px}
.canvas .blk-todo .blk-ed.done{color:var(--ink-3);text-decoration:line-through}
/* slash 菜单 */
.slash-menu{position:fixed;z-index:120;width:210px;max-height:300px;overflow-y:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:5px;animation:menuin .14s var(--ease)}
.slash-it{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;text-align:left;padding:7px 11px;border-radius:8px}
.slash-it b{font-size:13px;font-weight:500;color:var(--ink)}
.slash-it span{font-size:11px;color:var(--ink-3)}
.slash-it.on,.slash-it:hover{background:var(--accent-soft)}
.slash-it.on b{color:var(--accent)}

/* 选中 → AI：悬浮按钮 + 弹层（双端共用） */
.ai-fab{position:fixed;z-index:130;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:8px;background:var(--accent);color:#fff;font-size:12.5px;font-weight:600;box-shadow:var(--shadow-lg);animation:menuin .12s var(--ease)}
.ai-fab svg{width:13px;height:13px}
.ai-pop{position:fixed;z-index:131;width:336px;max-width:92vw;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:11px;animation:menuin .14s var(--ease)}
.aip-head{font-size:11.5px;color:var(--ink-3);font-weight:600;margin:0 2px 8px}
.aip-in{display:flex;gap:7px}
.aip-in input{flex:1;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--bg);padding:0 10px;font-size:13px;outline:0;color:var(--ink)}
.aip-in input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ghost)}
.aip-run{width:34px;height:34px;flex:none;border-radius:9px;background:var(--accent);color:#fff;display:grid;place-items:center}
.aip-run svg{width:15px;height:15px}
.aip-run:disabled{opacity:.5}
.aip-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.aip-chips button{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink-2)}
.aip-chips button:hover{border-color:var(--accent);color:var(--accent)}
.aip-out{margin-top:9px;max-height:168px;overflow-y:auto;background:var(--bg);border-radius:9px;padding:9px 10px;font-size:13px;line-height:1.6;white-space:pre-wrap;color:var(--ink)}
.aip-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.aip-acts button{flex:1;min-width:70px;font-size:12px;padding:7px 6px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:500}
.aip-acts button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.aip-acts button[data-m="replace"]{background:var(--accent);color:#fff;border-color:var(--accent)}
.aip-acts button[data-m="replace"]:hover{color:#fff}

/* 颜色标签行（卡片详情，双端共用） */
.color-row{display:flex;align-items:center;gap:12px;margin-top:14px;padding:11px 13px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.color-row>span{font-size:12.5px;color:var(--ink-2);font-weight:500}

/* 通用小组件 */
.chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--ink-3)}
.chip svg{width:12px;height:12px}
.iconbtn{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--ink-3);transition:.15s}
.iconbtn:hover{background:var(--bg-2);color:var(--ink)}
.iconbtn:active{transform:scale(.92)}
.iconbtn svg{width:15px;height:15px}
.btn{height:40px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink-2);font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.15s;white-space:nowrap}
.btn svg{width:15px;height:15px}
.btn:hover{border-color:var(--line-2);color:var(--ink)}
.btn:active{transform:scale(.97)}
.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.accent:hover{background:var(--accent-2);color:#fff}
.btn.danger{color:var(--danger)}
.btn.danger.armed{background:var(--danger);border-color:var(--danger);color:#fff}

/* AI 工作台（两端共用） */
.ai-panel{margin-top:16px;border-top:1px dashed var(--line-2);padding-top:14px}
.ai-title{font-size:11.5px;font-weight:700;letter-spacing:.18em;color:var(--accent)}
.ai-direct{display:flex;gap:8px;margin-top:12px}
.ai-direct input{flex:1;min-width:0;border:1px solid var(--line);border-radius:11px;padding:9px 13px;font-size:13px;outline:0;background:var(--card);transition:.15s}
.ai-direct input::placeholder{color:var(--ink-3)}
.ai-direct input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ghost)}
.ai-direct .ai-go{width:38px;height:38px;border-radius:11px;background:var(--accent);color:#fff;display:grid;place-items:center;flex:none;transition:.15s}
.ai-direct .ai-go:hover{background:var(--accent-2)}
.ai-direct .ai-go:active{transform:scale(.94)}
.ai-direct .ai-go svg{width:15px;height:15px}
.ops{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}
.op{padding:7px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 36%,#fff);color:var(--accent);background:var(--card);font-size:13px;transition:.15s}
.op:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}
.op:active:not(:disabled){transform:scale(.95)}
.op.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(14,111,102,.25)}
.op.primary:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2)}
.op.custom{border-style:dashed}
.op-add{border:1px dashed var(--line-2);color:var(--ink-3)}
.op-add:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--card)}
.ai-warn{margin-top:10px;font-size:12px;color:var(--danger);background:var(--danger-soft);border-radius:10px;padding:8px 12px}
.results .result{margin-top:12px;background:var(--card-2);border:1px solid var(--line);border-radius:12px;padding:11px 13px;animation:rise .25s var(--ease)}
.r-head{display:flex;align-items:center;gap:6px}
.r-label{font-size:12px;font-weight:700;color:var(--accent);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.r-meta{flex:1;text-align:right;font-size:11px;color:var(--ink-3);white-space:nowrap}
.r-body{margin-top:7px;font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word;user-select:text;-webkit-user-select:text;border-radius:8px;transition:background .15s}
.r-body:hover{background:rgba(14,111,102,.04)}
.r-redo:hover{color:var(--accent)}
.r-redo.spin svg{animation:connspin .7s linear infinite}
.r-redo:disabled{opacity:.5}
.r-del.armed{color:#fff;background:var(--danger)}
.r-edit{display:block;width:100%;border:1px solid var(--accent);border-radius:10px;padding:9px 11px;font-size:14px;line-height:1.7;resize:none;outline:0;background:var(--card);box-shadow:0 0 0 3px var(--accent-ghost);margin-top:7px;font-family:inherit}
.result.streaming .r-body::after{content:"";display:inline-block;width:7px;height:14px;margin-left:3px;vertical-align:-2px;background:var(--accent);opacity:.55;animation:blink .9s steps(2) infinite}

/* 通用模态框（自定义功能管理） */
.modal-back{position:fixed;inset:0;z-index:110;background:rgba(30,28,24,.35);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;opacity:0;transition:.22s;padding:18px}
.modal-back.open{opacity:1}
.modal{width:min(440px,94vw);background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);padding:18px;transform:translateY(12px) scale(.98);transition:.24s var(--ease);max-height:84vh;overflow-y:auto}
.mini-ask{width:min(360px,92vw);text-align:center;padding:24px 22px}
.mini-ask b{font-size:16px;display:block;margin-bottom:6px}
.ask-p{font-size:13px;color:var(--ink-2);margin-bottom:18px;line-height:1.6}
.ask-acts{display:flex;gap:10px}
.ask-acts .btn{flex:1;height:42px;border-radius:12px;font-size:14px;justify-content:center}
.modal-back.open .modal{transform:none}
.mo-head{display:flex;align-items:center;justify-content:space-between}
.mo-head b{font-size:15px}
.mo-tip{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:7px}
.mo-list{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}
.mo-empty{font-size:12px;color:var(--ink-3)}
.mo-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 6px 5px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12.5px}
.mo-chip button{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:var(--accent)}
.mo-chip button:hover{background:var(--accent);color:#fff}
.mo-chip button svg{width:11px;height:11px}
.mo-label,.mo-sys{display:block;width:100%;border:1px solid var(--line);border-radius:11px;padding:10px 13px;font-size:13.5px;outline:0;background:var(--card);margin-bottom:9px;resize:none;line-height:1.6}
.mo-label:focus,.mo-sys:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ghost)}
.mo-types{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin:1px 2px 12px;font-size:12.5px;color:var(--ink-2)}
.mo-types>span{color:var(--ink-3);font-size:12px}
.mo-types label{display:inline-flex;align-items:center;gap:4px;cursor:pointer}
.mo-types input{width:15px;height:15px;accent-color:var(--accent)}
.mo-save{width:100%}
/* 分层设置（PC + 手机共用）*/
.set-modal{max-height:84vh;overflow-y:auto}
/* 应用内 prompt（替代 window.prompt，桌面 app 也能用） */
.ip-back{place-items:start center;padding-top:16vh}                       /* 不再死正中：往上挪 */
.ip-back.anchored{place-items:start;padding:0;background:rgba(30,28,24,.14);backdrop-filter:none;-webkit-backdrop-filter:none}
.ip-back.anchored .ip-modal{position:fixed;margin:0;box-shadow:var(--shadow-lg)}
.ip-modal{width:min(380px,92vw);padding:18px}
.ip-msg{font-size:13.5px;color:var(--ink);line-height:1.6;margin-bottom:12px}
.ip-in{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;outline:0;background:var(--bg);box-sizing:border-box;color:var(--ink);font-family:inherit}
.ip-in:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ghost)}
.ip-acts{display:flex;gap:8px;margin-top:14px}
.ip-acts .btn{flex:1;height:38px;border-radius:10px;font-size:13.5px}
.set-acct{display:flex;align-items:center;gap:13px;margin-top:14px;padding:13px;background:var(--bg);border-radius:14px}
.set-ava-wrap{position:relative;width:48px;height:48px;flex:none;cursor:pointer;display:block}
.set-ava-m{width:48px;height:48px;border-radius:12px;object-fit:cover;display:block;background:var(--card)}
.set-ava-cam{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;border:2px solid var(--bg)}
.set-ava-cam svg{width:11px;height:11px}
.set-acct .set-acct-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.acct-name{font-size:16px;font-weight:600;border:1px solid transparent;background:transparent;outline:0;padding:3px 6px;border-radius:7px;color:var(--ink);width:100%;font-family:inherit}
.acct-name:focus{border-color:var(--accent);background:var(--card)}
.set-role{font-size:10.5px;color:var(--ink-3);padding:0 6px}
.set-sec{margin-top:15px;border-top:1px solid var(--line);padding-top:14px}
.set-sec-h{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--accent);margin-bottom:9px}
.set-sec-h .btn{margin-left:auto;height:28px;font-size:12px;border-radius:8px;letter-spacing:0;font-weight:500}
details.set-fold>summary{cursor:pointer;list-style:none}
details.set-fold>summary::-webkit-details-marker{display:none}
details.set-fold>summary::after{content:"▾";margin-left:auto;font-size:9px}
details.set-fold[open]>summary{margin-bottom:10px}
.set-hint{font-size:12px;color:var(--ink-3);line-height:1.6;margin-bottom:9px}
/* 设置项开关 */
.set-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;padding:5px 0}
.set-toggle .st-txt{flex:1;min-width:0}
.set-toggle .st-txt b{display:block;font-size:13.5px;font-weight:600;color:var(--ink)}
.set-toggle .st-txt i{display:block;font-style:normal;font-size:11.5px;color:var(--ink-3);margin-top:2px;line-height:1.5}
.set-toggle input{display:none}
.set-toggle .sw{flex:none;width:42px;height:24px;border-radius:999px;background:var(--line-2);position:relative;transition:background .18s}
.set-toggle .sw::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .18s}
.set-toggle input:checked+.sw{background:var(--accent)}
.set-toggle input:checked+.sw::after{transform:translateX(18px)}
.set-line2{display:flex;gap:8px}
.set-line2 .btn{flex:1;height:38px;border-radius:10px;font-size:13px}
.set-pw-box{margin-top:9px;display:flex;flex-direction:column;gap:8px}
.set-pw-box input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;outline:0;background:var(--bg);box-sizing:border-box}
.set-pw-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ghost)}
.set-invites{display:flex;flex-direction:column;gap:6px}
.inv-row{display:flex;align-items:center;gap:9px;font-size:12.5px;padding:8px 11px;background:var(--bg);border-radius:9px}
.inv-row code{font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--accent)}
.inv-row span{color:var(--ink-3);font-size:11.5px}
.inv-row.used{opacity:.55}
.inv-row .btn{margin-left:auto;height:28px;font-size:11.5px;border-radius:7px}
/* 设置弹窗（双端共用） */
.mo-profile{display:flex;align-items:center;gap:11px;margin-top:13px;padding:11px 13px;background:var(--bg);border-radius:13px}
.mo-profile img{width:38px;height:38px;border-radius:10px}
.mo-profile b{display:block;font-size:14px}
.mo-profile span{font-size:11px;color:var(--ink-3)}
.set-row{margin-top:15px}
.set-row label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--accent);margin-bottom:7px}
.set-line{display:flex;gap:8px}
.set-line input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:12.5px;outline:0;background:var(--bg);color:var(--ink-2);font-family:ui-monospace,Menlo,monospace}
.set-line .btn{height:36px;font-size:12.5px;border-radius:10px}
.set-text{font-size:12.5px;line-height:1.8;color:var(--ink-2)}
.set-text code{background:var(--bg-2);border-radius:5px;padding:1px 5px;font-size:11.5px}
.set-row .set-ops,.set-row .set-tips{width:100%}
.mo-gal-title{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--accent);margin:16px 0 9px}
.mo-gallery{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.mo-gal{text-align:left;border:1px dashed var(--line-2);border-radius:11px;padding:9px 11px;transition:.13s;background:var(--bg)}
.mo-gal:hover{border-color:var(--accent);background:var(--card)}
.mo-gal b{display:block;font-size:12.5px;color:var(--ink)}
.mo-gal span{display:block;font-size:10.5px;color:var(--ink-3);margin-top:2px}

/* 语音迷你播放器 */
.player{display:flex;align-items:center;gap:10px;background:var(--accent-soft);border-radius:999px;padding:6px 14px 6px 6px;max-width:320px}
.p-btn{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;flex:none;transition:.15s}
.p-btn:active{transform:scale(.9)}
.p-btn svg{width:13px;height:13px}
.p-track{flex:1;height:3px;border-radius:2px;background:rgba(14,111,102,.18);overflow:hidden;min-width:60px}
.p-fill{height:100%;width:0;background:var(--accent)}
.p-time{font-size:11px;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}

/* 文件块 */
.filechip{display:flex;align-items:center;gap:11px;background:var(--chip-bg);border:1px solid var(--line);border-radius:12px;padding:10px 13px;max-width:420px;color:inherit;transition:.15s}
.file-acts{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}
.file-acts .btn{height:34px;font-size:12.5px;border-radius:10px}
.file-acts .btn svg{width:14px;height:14px}
.filechip:hover{text-decoration:none;border-color:var(--line-2)}
.filechip .f-ic{width:34px;height:34px;border-radius:9px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2);flex:none}
.filechip .f-ic svg{width:16px;height:16px}
.filechip .f-ext{background:var(--ext);border:0;color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.02em}

/* 阅读器弹层 */
.reader{position:fixed;inset:0;z-index:130;background:rgba(22,21,18,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;opacity:0;transition:.22s;padding:24px}
.reader.open{opacity:1}
.rd-box{width:min(760px,100%);height:min(86vh,900px);background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;transform:translateY(12px) scale(.99);transition:.24s var(--ease)}
@media (max-width:560px){.reader{padding:12px}.rd-box{height:88vh}}
.reader.open .rd-box{transform:none}
.rd-bar{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line);flex:none}
.rd-bar b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rd-flex{flex:1}
.rd-open{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-2);padding:5px 10px;border-radius:8px}
.rd-open svg{width:13px;height:13px}
.rd-open:hover{background:var(--bg-2);text-decoration:none}
.rd-x{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--ink-3)}
.rd-x:hover{background:var(--bg-2);color:var(--ink)}
.rd-x svg{width:15px;height:15px}
.rd-body{flex:1;overflow-y:auto;padding:22px 26px}
.rd-frame{width:100%;height:100%;border:0}
.reader .rd-body:has(.rd-frame){padding:0}
.rd-plain{white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.75;font-family:ui-monospace,Menlo,monospace;color:var(--ink)}
.rd-loading{color:var(--ink-3);text-align:center;padding:40px;font-size:13px}
/* Markdown 排版 */
.md{font-size:15px;line-height:1.8;color:var(--ink)}
.md h1{font-size:23px;margin:.5em 0 .4em;font-weight:700}
.md h2{font-size:19px;margin:1em 0 .4em;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:.2em}
.md h3{font-size:16.5px;margin:1em 0 .3em;font-weight:600}
.md h4{font-size:15px;margin:.9em 0 .3em;font-weight:600;color:var(--ink-2)}
.md p{margin:.6em 0}
.md ul,.md ol{margin:.5em 0;padding-left:1.5em}
.md li{margin:.25em 0}
.md code{background:var(--bg-2);border-radius:5px;padding:1px 5px;font-size:.88em;font-family:ui-monospace,Menlo,monospace}
.md pre{background:var(--float);color:#EAE7E0;border-radius:10px;padding:13px 15px;overflow-x:auto;margin:.7em 0}
.md pre code{background:none;color:inherit;padding:0;font-size:12.5px;line-height:1.6}
.md blockquote{border-left:3px solid var(--accent);margin:.7em 0;padding:.2em 0 .2em 14px;color:var(--ink-2)}
.md a{color:var(--accent)}
.md img{max-width:100%;border-radius:8px;margin:.5em 0}
.md hr{border:0;border-top:1px solid var(--line);margin:1.2em 0}
.md strong{font-weight:700}.md del{opacity:.6}
.f-main{min-width:0}
.f-name{display:block;font-size:13.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f-sub{display:block;font-size:11px;color:var(--ink-3);margin-top:2px}
/* 图片缩略图卡（笔记内图片）*/
.imagechip{cursor:pointer}
.imagechip .f-thumb{width:46px;height:46px;border-radius:8px;overflow:hidden;padding:0;background:var(--bg-2);border:1px solid var(--line)}
.imagechip .f-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.imagechip .f-thumb.broken{display:grid;place-items:center;color:var(--ink-3)}
.imagechip .f-thumb.broken svg{width:18px;height:18px}
.ic-acts{display:flex;gap:2px;margin-left:auto;flex:none}
.ic-mini{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--ink-3);transition:.12s}
.ic-mini:hover{background:var(--card);color:var(--accent)}
.ic-mini svg{width:15px;height:15px}

/* 链接预览卡 */
.linkcards{display:flex;flex-direction:column;gap:7px;margin-top:9px}
.linkcard{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:8px 11px;color:inherit;transition:.15s;max-width:460px}
.linkcard:hover{border-color:var(--line-2);text-decoration:none;background:var(--hover);transform:translateY(-1px)}
.lc-ico{width:28px;height:28px;border-radius:8px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-3);flex:none;overflow:hidden}
.lc-ico svg{width:13px;height:13px}
.lc-fav{width:16px;height:16px;display:block}
.card-video{display:block;max-width:100%;max-height:280px;border-radius:10px;border:1px solid var(--line);margin-top:9px;background:#000}
/* 多图网格 */
.img-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px;max-width:360px}
.ig-cell{position:relative;aspect-ratio:1;border-radius:9px;overflow:hidden;border:1px solid var(--line);background:var(--bg-2)}
.ig-cell img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;display:block}
.ig-more{position:absolute;inset:0;background:rgba(20,18,15,.5);color:#fff;display:grid;place-items:center;font-size:17px;font-weight:600;pointer-events:none}
/* 多图堆叠缩略（点开进可滑动轮播）——省空间、像 iMessage / 微信 */
.img-stack{position:relative;width:148px;height:148px;margin-top:9px;cursor:zoom-in}
.is-layer{position:absolute;width:128px;height:128px;border-radius:11px;overflow:hidden;border:1px solid var(--line);background:var(--bg-2);box-shadow:0 3px 10px rgba(0,0,0,.10);transition:transform .22s var(--ease)}
.is-layer img{width:100%;height:100%;object-fit:cover;display:block}
.is-l0{left:0;top:0;z-index:3}
.is-l1{left:9px;top:9px;z-index:2;transform:scale(.985)}
.is-l2{left:18px;top:18px;z-index:1;transform:scale(.97)}
.img-stack:hover .is-l1{transform:translate(3px,3px) scale(.985)}
.img-stack:hover .is-l2{transform:translate(6px,6px) scale(.97)}
.is-count{position:absolute;right:6px;bottom:6px;z-index:4;background:rgba(20,18,15,.6);color:#fff;font-size:11px;font-weight:500;padding:2px 9px;border-radius:999px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none}
.lc-main{min-width:0;flex:1}
.lc-title{display:block;font-size:12.5px;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-sub{display:flex;align-items:center;gap:6px;margin-top:2px;overflow:hidden}
.lc-host{font-size:10.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-badge{font-size:10px;font-weight:600;color:#fff;background:var(--plat,var(--accent));border-radius:5px;padding:1px 6px;flex:none}
.linkcard.has-plat{border-left:3px solid var(--plat,var(--accent))}

/* 编辑模式 */
.edit-area{display:block;width:100%;border:1px solid var(--accent);border-radius:12px;padding:11px 13px;font-size:15.5px;line-height:1.7;resize:none;outline:0;background:var(--card);box-shadow:0 0 0 3px var(--accent-ghost);margin-top:11px;animation:rise .2s var(--ease)}

/* 选中文字浮动菜单 */
.selmenu{position:fixed;z-index:90;background:var(--float);color:#fff;border-radius:11px;padding:4px;display:flex;gap:2px;box-shadow:0 8px 28px rgba(0,0,0,.28);animation:menuin .16s var(--ease)}
.selmenu button{padding:7px 11px;border-radius:8px;font-size:12.5px;color:#fff;white-space:nowrap}
.selmenu button:hover{background:rgba(255,255,255,.14)}
.selmenu button:active{transform:scale(.95)}

/* 选中文字处理弹窗 */
.selpop{position:fixed;z-index:91;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:14px 16px;opacity:0;transform:translateY(14px);transition:.24s var(--ease)}
.selpop.open{opacity:1;transform:none}
.sp-head{display:flex;align-items:center;gap:8px}
.sp-title{font-size:12.5px;font-weight:700;color:var(--accent);flex:1}
.sp-title i{font-style:normal;color:var(--ink-3);font-weight:400;margin-left:6px;font-size:11px}
.sp-quote{margin-top:9px;font-size:12px;color:var(--ink-2);background:var(--bg);border-left:2.5px solid var(--line-2);padding:7px 10px;border-radius:0 8px 8px 0;line-height:1.55;word-break:break-word}
.sp-ops{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.sp-ops .op{padding:6px 12px;font-size:12.5px}
.sp-custom{display:flex;gap:8px;margin-top:10px}
.sp-custom input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13px;outline:0;background:var(--card);transition:.15s}
.sp-custom input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ghost)}
.sp-go{width:35px;height:35px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center;flex:none;transition:.15s}
.sp-go:hover{background:var(--accent-2)}
.sp-go svg{width:14px;height:14px}
.sp-result{margin-top:11px;background:var(--card-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word;max-height:280px;overflow-y:auto;user-select:text;-webkit-user-select:text}
.sp-result.streaming::after{content:"";display:inline-block;width:7px;height:13px;margin-left:3px;vertical-align:-2px;background:var(--accent);opacity:.55;animation:blink .9s steps(2) infinite}
.sp-actions{display:flex;gap:9px;margin-top:11px}
.sp-actions .btn{flex:1;height:36px;font-size:12.5px;border-radius:10px}
.sp-actions .sp-replace{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,#fff)}
.sp-actions .sp-replace:hover{background:var(--accent-soft)}
@media (min-width:700px){.selpop{right:26px;bottom:26px;width:390px;max-height:74vh;overflow-y:auto}}
@media (max-width:699px){.selpop{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));max-height:72dvh;overflow-y:auto}}

/* 灯箱 */
.lightbox{position:fixed;inset:0;z-index:120;background:rgba(22,21,18,.84);display:grid;place-items:center;opacity:0;transition:.22s;cursor:zoom-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lightbox.open{opacity:1}
.lightbox img{max-width:93vw;max-height:91vh;border-radius:10px;transform:scale(.93);transition:.26s var(--ease);box-shadow:0 24px 80px rgba(0,0,0,.45)}
.lightbox.open img{transform:scale(1)}
.lb-copy{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:11px;background:rgba(255,255,255,.16);color:#fff;font-size:13px;font-weight:500;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22);cursor:pointer}
.lb-copy:hover{background:rgba(255,255,255,.28)}
.lb-copy svg{width:15px;height:15px}
/* 轮播：左右翻页 + 计数 */
.lb-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:121;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:26px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .15s;user-select:none}
.lb-nav:hover{background:rgba(255,255,255,.3)}
.lb-prev{left:18px}
.lb-next{right:18px}
.lb-count{position:fixed;top:22px;left:50%;transform:translateX(-50%);z-index:121;color:#fff;font-size:13px;font-weight:500;background:rgba(20,18,15,.42);padding:4px 13px;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.lightbox img.swapping{opacity:.25}
/* 图片悬停一键复制 */
.card-img-wrap{position:relative;display:inline-block;max-width:100%}
.img-copy-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(20,18,15,.55);color:#fff;opacity:0;transition:opacity .15s;backdrop-filter:blur(3px);cursor:pointer}
.card-img-wrap:hover .img-copy-btn{opacity:1}
.img-copy-btn:hover{background:rgba(20,18,15,.8)}
.img-copy-btn svg{width:15px;height:15px}
@media (hover:none){.img-copy-btn{opacity:.9}}

/* 空状态 */
.empty{text-align:center;padding:48px 28px;color:var(--ink-3)}
.empty svg{width:140px;margin:0 auto 6px;color:var(--ink-3);opacity:.75}
.empty h3{font-family:var(--font-display);font-size:17px;color:var(--ink-2);font-weight:600;letter-spacing:.06em;margin-top:4px}
.empty p{font-size:12.5px;line-height:1.9;margin-top:8px}

/* toast */
#toast{position:fixed;top:calc(18px + env(safe-area-inset-top));left:50%;transform:translateX(-50%) translateY(-8px);background:var(--float);color:#fff;font-size:13px;padding:9px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s var(--ease);z-index:999;max-width:80vw;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.18)}
#toast.show{opacity:.97;transform:translateX(-50%) translateY(0)}
#toast.err{background:var(--danger)}
#toast .t-act{margin-left:11px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.22);color:#fff;font-size:12.5px;font-weight:600}
#toast .t-act:active{transform:scale(.95)}

/* 日期分节 */
.day-sep{font-size:10.5px;color:var(--ink-3);letter-spacing:.1em;padding:10px 4px 6px;text-align:center;user-select:none}
.day-sep::before,.day-sep::after{content:"·";margin:0 8px;opacity:.5}

@keyframes blink{50%{opacity:0}}
@keyframes rise{from{opacity:0;transform:translateY(8px)}}
@keyframes popin{from{opacity:0;transform:translateY(10px) scale(.985)}}
@keyframes menuin{from{opacity:0;transform:translateY(5px) scale(.96)}}

/* 细滚动条 */
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:4px;border:2px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-track{background:transparent}

/* ===== 主题设置控件（设置里的「外观 / 主题色」）===== */
.theme-modes .theme-mode{flex:1}
.theme-mode.on{background:var(--accent);border-color:var(--accent);color:#fff}
.theme-accents{display:flex;gap:10px;flex-wrap:wrap}
.theme-accent{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 5px;border-radius:11px;border:1px solid transparent;background:none;transition:.12s;min-width:54px;cursor:pointer}
.theme-accent:hover{background:var(--hover)}
.theme-accent i{width:26px;height:26px;border-radius:50%;display:block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.10)}
.theme-accent span{font-size:11px;color:var(--ink-2)}
.theme-accent.on{border-color:var(--accent)}
.theme-accent.on i{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--accent)}
/* 嵌套小折叠（主题色 · 自定义配色）*/
.theme-custom{margin-top:8px}
.theme-custom>summary{cursor:pointer;font-size:12.5px;color:var(--ink-2);padding:5px 0;list-style:none;user-select:none}
.theme-custom>summary::-webkit-details-marker{display:none}
.theme-custom>summary::before{content:"▸";color:var(--ink-3);margin-right:6px;display:inline-block;transition:transform .15s}
.theme-custom[open]>summary::before{transform:rotate(90deg)}
.theme-custom .theme-accents{margin-top:9px}
/* AI 面板：联网 / 读取附件 工具条 */
.ai-tools{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0 2px}
.ai-tool{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-2);background:var(--card-2);border:1px solid var(--line);border-radius:999px;padding:5px 11px;transition:.12s;cursor:pointer}
.ai-tool svg{width:13px;height:13px}
.ai-tool:hover{border-color:var(--accent);color:var(--accent)}
.ai-tool.on{background:var(--accent);border-color:var(--accent);color:#fff}
.ai-tool:disabled{opacity:.6;cursor:default}
.ai-read{min-width:146px;justify-content:center}