/* 拆书/小说分析能力暂时保留在后端，只有获得 AIHelper Hub 功能授权后才展示。 */
        .server-file-distill { display: none !important; }
        body:not(.feature-novel-analysis) [data-workspace-mode="analysis"],
        body:not(.feature-tools) [data-tab="overview"],
        body:not(.feature-tools) [data-tab="material"],
        body:not(.feature-source-monitor) #sourceMonitorMenuEntry,
        body:not(.feature-poker-cards) #cardsMenuEntry { display:none!important; }
        body:not(.feature-billiards-speed) #billiardsMenuEntry,
        body:not(.feature-tools) [data-primary-tab="tools"],
        body:not(.feature-novel-analysis) [data-primary-tab="analysis"] { display:none!important; }
        body.hub-core .editor-panel{display:none!important}
        body.hub-core .assistant-panel{width:100%!important;flex:1 1 100%!important}
        body.hub-core #focusAssistantBtn{display:none!important}
        body.hub-core .mobile-tab[data-mtab="editor"]{display:none!important}
        .workspace-mode-switch a{height:32px;padding:0 17px;border:0;border-radius:7px;background:transparent;color:var(--ink-muted);font-weight:650;font-size:11px;line-height:32px;text-decoration:none;white-space:nowrap}
        .workspace-mode-switch a:hover{background:var(--theme-control);color:var(--ink-text)}
        .account-menu a{display:block;height:34px;border-radius:8px;color:var(--ink-muted);text-align:left;padding:0 10px;font-size:13px;line-height:34px;text-decoration:none}
        .account-menu a:hover{background:var(--ink-surface-hover);color:var(--ink-text)}
    /* ========== 统一按钮系统 ========== */
    .cbtn { display:inline-flex; align-items:center; justify-content:center; gap:4px;
            border:none; cursor:pointer; font-weight:600; font-size:.85rem;
            padding:.45rem 1.1rem; border-radius:1.2rem;
            transition:all .15s ease; text-decoration:none; white-space:nowrap; }
    .cbtn-sm  { padding:.3rem .7rem; font-size:.78rem; border-radius:1rem; }
    .cbtn-lg  { padding:.6rem 1.6rem; font-size:.95rem; border-radius:1.4rem; }
    .cbtn-icon { width:2.2rem; height:2.2rem; padding:0; border-radius:50%;
                 font-size:1.1rem; display:inline-flex; align-items:center; justify-content:center; }
    .cbtn-icon-sm { width:1.6rem; height:1.6rem; font-size:.8rem; }

    .cbtn-primary { background:#ff8c42; color:#fff; }
    .cbtn-primary:hover { background:#ffa25e; }
    .cbtn-secondary { background:#2a2a3a; color:#ddd; }
    .cbtn-secondary:hover { background:#3a3a4e; }
    .cbtn-ghost { background:transparent; color:#999; }
    .cbtn-ghost:hover { background:#2a2a3a; color:#ddd; }
    .cbtn-danger { background:transparent; color:#e05555; }
    .cbtn-danger:hover { background:#2a2a3a; }
    .cbtn-green { background:#5f8f3a; color:#fff; }
    .cbtn-green:hover { background:#72a848; }

    /* ========== 专用按钮覆盖 ========== */
    #scrollToBottomBtn{position:absolute;right:14px;bottom:14px;background:transparent;color:#ddd;
        z-index:180;transition:background .15s,border-color .15s,color .15s;
        box-shadow:none;border:1px solid rgba(255,255,255,.12);cursor:pointer;
        border-radius:9px;width:34px;height:34px;font-size:17px;
        text-align:center;line-height:30px;padding:0; }
    #scrollToBottomBtn:hover{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.22);}
    /* 处-45：“回到底部”已从面板右下角浮层搬进执行记录导航条，
       配色与尺寸跟导航方块统一，见下面 .activity-nav 那一组规则。 */

        *{margin:0;padding:0;box-sizing:border-box}
        /* 文档层锁死：窄屏三块靠 transform 平移，页面本身不能再横竖滚动 */
        html{height:100%;overflow:hidden;overscroll-behavior:none}
        body{background:#0f0f17;height:100vh;height:100dvh;width:100vw;overflow:hidden;overscroll-behavior:none}
        #app{width:100%;height:100%}
        .main-layout{display:flex;width:100%;height:100%}
        
        .chat-area{width:50%;display:flex;flex-direction:column;background:#12121c;border-right:1px solid #2c2c3a;position:relative}
        .chat-header{padding:12px 20px;background:#1e1e2a;border-bottom:1px solid #2c2c3a;display:flex;justify-content:space-between;align-items:center}
        .chat-header h3{color:#ffb347;font-size:1rem}
        
        .messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:16px;position:relative}
        .message{display:flex;flex-direction:column;max-width:85%;position:relative}
        .message.user{align-self:flex-end}
        .message.assistant{align-self:flex-start}
        .message-bubble{padding:10px 16px;border-radius:20px;line-height:1.45;font-size:13px;word-wrap:break-word;white-space:pre-wrap;color:white;user-select:text;max-width:100%}
        .user .message-bubble{background:#2a6f8f;border-bottom-right-radius:4px}
        .assistant .message-bubble{background:#3a3a4e;border-bottom-left-radius:4px}
        :is(.message-bubble,.activity-markdown) .md-code,:is(.message-bubble,.activity-markdown) code{background:var(--md-inline-bg);border:1px solid var(--md-inline-border);border-radius:5px;padding:1px 5px;font-size:.9em;color:var(--md-inline-text);word-break:break-word}
        :is(.message-bubble,.activity-markdown) pre.md-pre{background:var(--md-code-bg);border:1px solid var(--md-code-border);border-radius:9px;padding:9px 11px;margin:6px 0;overflow-x:auto;white-space:pre;line-height:1.45}
        :is(.message-bubble,.activity-markdown) pre.md-pre code{background:transparent;border:0;padding:0;color:var(--md-code-text);font-size:.92em}
        :is(.message-bubble,.activity-markdown) .md-heading{font-weight:800;color:var(--md-heading);margin:4px 0 2px;line-height:1.35}
        :is(.message-bubble,.activity-markdown) .md-h1{font-size:1.18em}:is(.message-bubble,.activity-markdown) .md-h2{font-size:1.1em}
        :is(.message-bubble,.activity-markdown) .md-h3{font-size:1.04em}:is(.message-bubble,.activity-markdown) .md-h4,:is(.message-bubble,.activity-markdown) .md-h5,:is(.message-bubble,.activity-markdown) .md-h6{font-size:1em}
        :is(.message-bubble,.activity-markdown) .md-quote{border-left:3px solid var(--md-quote-border);padding:4px 8px;color:var(--md-quote-text);background:var(--md-quote-bg);margin:4px 0}
        :is(.message-bubble,.activity-markdown) .md-list{margin:3px 0}
        :is(.message-bubble,.activity-markdown) .md-li{padding:1px 0 1px 18px;position:relative}
        :is(.message-bubble,.activity-markdown) .md-li::before{content:"•";position:absolute;left:4px;color:var(--md-list-mark)}
        :is(.message-bubble,.activity-markdown) strong{color:var(--md-strong)}
        :is(.message-bubble,.activity-markdown) em{color:var(--md-em)}
        :is(.message-bubble,.activity-markdown) del{color:var(--md-muted)}
        .message-name{font-size:12px;margin-bottom:4px;color:#ccc;padding-left:8px}
        .copy-message-btn{background:none;border:none;color:#ddd;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:4px}
        
        .input-area{background:#1a1a26;border-top:1px solid #2c2c3a}
        .input-area textarea{width:100%;background:#0b0b12;border:1px solid #3a3a4a;border-radius:0;padding:12px 16px;color:#ddd;font-size:13px;resize:vertical;outline:none}
        .model-controls{display:flex;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid #2c2c3a}
        .model-controls select,.model-controls label{background:#2a2a38;color:white;border:1px solid #3a3a4a;border-radius:20px;padding:6px 12px;font-size:12px;cursor:pointer}
        .composer-model-select{max-width:170px;text-overflow:ellipsis}
        
        .status{position:fixed;bottom:60px;left:50%;transform:translateX(-50%);z-index:50;padding:6px 16px;font-size:12px;color:#fff;background:rgba(0,0,0,0.75);border-radius:8px;pointer-events:none;white-space:nowrap;display:none}
        .tools-panel{width:40%;background:#1a1a26;display:flex;flex-direction:column;overflow:hidden}
        .tools-tabs{display:flex;flex-wrap:wrap;background:#1e1e2a;border-bottom:1px solid #2c2c3a}
        .tool-tab{padding:10px 8px;cursor:pointer;color:#aaa;font-size:12px;text-align:center;flex:1;white-space:nowrap}
        .tool-tab.active{color:#ffb347;border-bottom:2px solid #ffb347;background:#222230}
        .tool-content{flex:1;display:flex;flex-direction:column;padding:16px;overflow:hidden}
        .tool-pane{display:none;flex-direction:column;flex:1;min-height:0}
        .tool-pane.active{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}
        .fulltext-container{display:flex;flex-direction:column;height:100%;gap:12px}
        .outline-sidebar{flex-shrink:0;background:#0f0f17;border-radius:12px;padding:12px;overflow-x:auto;overflow-y:auto;white-space:nowrap;min-height:100px;max-height:120px}
        .outline-sidebar h4{color:#ffb347;margin-bottom:8px}
        .outline-list{list-style:none;display:flex;gap:8px;flex-wrap:wrap}
        .outline-list li{padding:4px 10px;background:#2a2a38;border-radius:20px;cursor:pointer;font-size:13px;color:#ccc}
        .outline-list li:hover{background:#3a4a6a}
        .fulltext-editor{flex:1;display:flex;flex-direction:column;min-height:0}
        .fulltext-editor textarea{flex:1;min-height:100px;background:#0b0b12;border:1px solid #3a3a4a;border-radius:12px;padding:12px;color:white;resize:both}
        .fulltext-actions{margin-top:8px;display:flex;justify-content:flex-end;flex-shrink:0}
        
        .item-card{background:#2a2a38;border-radius:12px;padding:12px;margin-bottom:12px}
        .item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
        .item-title{font-weight:bold;color:#ffb347;cursor:pointer}
        .item-actions button{background:none;border:none;cursor:pointer;margin-left:8px;color:#aaa}
        .item-detail{font-size:13px;color:#ccc}
        
        .invite-code-display{background:#0b0b12;padding:12px;border-radius:12px;text-align:center;margin-bottom:20px}
            .invite-code-display span{font-size:20px;color:#ffb347}
    .anchor-popup{position:fixed;z-index:30;width:240px;max-height:300px;overflow-y:auto;background:rgba(26,26,42,0.92);border:1px solid #3a3a4a;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.5);display:none;backdrop-filter:blur(8px);scrollbar-width:thin}
    .anchor-popup::-webkit-scrollbar{width:4px}
    .anchor-popup::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:2px}
    .anchor-item{padding:8px 12px;border-bottom:1px solid #252535;cursor:pointer;font-size:12px;color:#bbb;display:flex;align-items:center;gap:8px}
    .anchor-item:last-child{border-bottom:none}
    .anchor-item:hover{background:#2a2a3a}
    .anchor-item .a-idx{color:#ffb347;font-weight:600;font-size:11px;flex-shrink:0;width:20px;text-align:right}
    .anchor-item .a-txt{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#999}
    .anchor-item .a-dot{width:6px;height:6px;border-radius:50%;background:#4a6f8f;flex-shrink:0}
    @media(max-width:768px){
        .anchor-popup{width:220px;max-height:260px}
    }
        
        
        
        .modal-content{background:#1e1e2a;border-radius:24px;width:90%;max-width:650px;max-height:90vh;overflow-y:auto;padding:20px 24px}
        .modal-content label{display:block;margin-bottom:6px;color:#ffb347}
        .modal-content input,.modal-content textarea{width:100%;margin-bottom:6px;padding:6px 8px;background:#0b0b12;border:1px solid #3a3a4a;color:white;border-radius:8px}
        .modal-content textarea{resize:vertical}
        .modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}

        /* ========== 统一交互反馈 ========== */
        .app-dialog-layer{
            position:fixed;inset:0;z-index:5000;background:rgba(2,6,10,.58);
            backdrop-filter:blur(4px);animation:dialogFadeIn .16s ease-out;
        }
        .app-dialog-card{
            position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);
            width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;
            padding:22px;background:var(--theme-popup);color:var(--ink-text);
            border:1px solid var(--ink-line-strong);border-radius:18px;
            box-shadow:0 28px 80px rgba(0,0,0,.5);animation:dialogCardIn .18s ease-out;
        }
        .app-form-dialog{position:fixed!important;left:50%;top:50%;transform:translate(-50%,-50%);margin:0!important}
        .app-dialog-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--ink-primary);margin-bottom:8px}
        .app-dialog-title{font-size:18px;line-height:1.35;color:var(--ink-text);margin:0 0 9px}
        .app-dialog-message{font-size:13px;line-height:1.7;color:var(--ink-muted);white-space:pre-wrap;overflow-wrap:anywhere}
        .app-dialog-input{
            width:100%;height:42px;margin-top:16px;padding:0 12px;outline:none;
            color:var(--ink-text);background:var(--theme-input);border:1px solid var(--ink-line);
            border-radius:10px;font-size:14px;transition:border-color .16s ease,box-shadow .16s ease;
        }
        .app-dialog-input:focus{border-color:var(--ink-line-strong);box-shadow:0 0 0 3px rgba(var(--ink-primary-rgb),.1)}
        .app-dialog-error{min-height:18px;margin-top:5px;color:var(--ink-danger);font-size:12px}
        .app-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
        .app-dialog-actions .cbtn{min-width:82px;height:38px;border-radius:10px}
        .app-dialog-confirm-danger{
            background:linear-gradient(135deg,#e05267,#c93f56)!important;color:#fff!important;
            box-shadow:0 8px 22px rgba(224,82,103,.22)!important;
        }
        .app-dialog-layer[data-scope="editor"] .app-dialog-confirm:not(.app-dialog-confirm-danger){color:#111!important}
        .app-dialog-layer .modal-content h3{color:var(--ink-text)!important}
        .app-form-dialog .modal-buttons{
            position:sticky;bottom:-20px;z-index:2;padding:14px 0 2px;
            background:linear-gradient(to top,var(--theme-popup) 72%,transparent);
        }
        @keyframes dialogFadeIn{from{opacity:0}to{opacity:1}}
        @keyframes dialogCardIn{from{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
        
        .main-layout.admin-active .assistant-panel{width:100%!important;border-right:0!important}
        .main-layout.admin-active .editor-panel{display:none!important}
        #pane-admin>.pane-scroll{padding:0;background:var(--theme-chat-pane)}
        .admin-page{min-height:100%;padding:24px 28px 40px;color:var(--ink-text)}
        .admin-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}
        .admin-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--ink-primary);text-transform:uppercase}
        .admin-title{margin:5px 0 5px;font-size:24px;line-height:1.25;color:var(--ink-text)}
        .admin-subtitle{max-width:680px;color:var(--ink-muted);font-size:13px;line-height:1.65}
        .admin-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
        .admin-invite{height:36px;padding:0 12px;display:flex;align-items:center;gap:8px;background:var(--theme-control);border:1px solid var(--ink-line);border-radius:10px;color:var(--ink-muted);font-size:12px}
        .admin-invite code{color:var(--ink-warm);font-size:12px;font-weight:700}
        .admin-manager{background:var(--theme-control);border:1px solid var(--ink-line);border-radius:18px;overflow:hidden}
        .admin-agent-access{margin-bottom:16px;padding:16px 18px;background:var(--theme-control);border:1px solid var(--ink-line);border-radius:18px}
        .admin-agent-access-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
        .admin-agent-access-title{font-size:15px;font-weight:750;color:var(--ink-text)}
        .admin-agent-access-hint{margin-top:3px;font-size:11px;color:var(--ink-muted)}
        .admin-agent-users{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}
        .admin-agent-user{display:flex;align-items:center;gap:10px;padding:11px;background:var(--theme-input);border:1px solid var(--ink-line);border-radius:11px}
        .admin-agent-user-main{flex:1;min-width:0}
        .admin-agent-user-name-row{display:flex;align-items:center;gap:7px;min-width:0}
        .admin-agent-user-name{font-size:13px;font-weight:750;color:var(--ink-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .admin-agent-user-state{flex:0 0 auto;padding:2px 6px;border:1px solid var(--ink-line);border-radius:99px;color:var(--ink-muted);font-size:9px;font-weight:700}
        .admin-agent-user-meta{display:grid;gap:2px;margin-top:5px;font-size:10px;color:var(--ink-faint)}
        .admin-agent-user-quota{color:var(--ink-muted)}
        .admin-agent-user .cbtn{height:30px;padding:0 10px!important;font-size:11px!important;white-space:nowrap}
        .admin-agent-user-actions{display:grid;grid-template-columns:minmax(92px,1fr) auto;gap:6px;align-items:center}.admin-agent-limit{height:30px!important;min-width:0;width:112px!important;padding:0 8px!important;font-size:11px!important}
        .admin-agent-users .admin-empty{min-height:72px}
        .admin-manager-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--ink-line)}
        .admin-status-tabs{display:inline-flex;padding:3px;background:var(--theme-input);border:1px solid var(--ink-line);border-radius:11px}
        .admin-status-tab{height:34px;padding:0 15px;border:0;border-radius:8px;background:transparent;color:var(--ink-muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
        .admin-status-tab.active{background:rgba(var(--ink-primary-rgb),.18);color:var(--ink-text);box-shadow:inset 0 0 0 1px rgba(var(--ink-primary-rgb),.18)}
        .admin-tab-count{margin-left:5px;color:var(--ink-faint);font-weight:600}
        .admin-manager-tools{display:flex;align-items:center;gap:8px;min-width:0}
        .admin-search{width:min(320px,32vw);height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--ink-line);outline:none;background:var(--theme-input);color:var(--ink-text);font:inherit;font-size:13px}
        .admin-search:focus{border-color:var(--ink-line-strong);box-shadow:0 0 0 3px rgba(var(--ink-primary-rgb),.08)}
        .admin-session-state{padding:12px 18px 0;color:var(--ink-muted);font-size:12px}
        .admin-bulk-bar{margin:12px 0 0;padding:9px 18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--theme-input);border:1px solid var(--ink-line);border-left:0;border-right:0;border-radius:0;position:sticky;top:0;z-index:25;box-shadow:0 8px 24px rgba(0,0,0,.18)}
        .admin-bulk-select{display:inline-flex;align-items:center;gap:7px;color:var(--ink-muted);font-size:12px;cursor:pointer}
        .admin-bulk-select input,.admin-session-select{accent-color:var(--ink-primary)}
        .admin-bulk-count{margin-right:auto;color:var(--ink-faint);font-size:11px}
        .admin-session-select{width:16px;height:16px;flex:0 0 auto;margin:2px 2px 0 0;cursor:pointer}
        .admin-session-groups{padding:8px 18px 20px}
        .admin-user-group{padding:16px 0;border-top:1px solid var(--ink-line)}
        .admin-user-group:first-child{border-top:0}
        .admin-user-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}
        .admin-user-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(var(--ink-primary-rgb),.14);color:var(--ink-primary);font-size:12px;font-weight:800}
        .admin-user-name{font-size:14px;font-weight:750;color:var(--ink-text)}
        .admin-user-role{font-size:10px;padding:2px 6px;border-radius:99px;color:var(--ink-muted);background:var(--theme-input);border:1px solid var(--ink-line)}
        .admin-user-count{margin-left:auto;color:var(--ink-faint);font-size:11px}
        .admin-session-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:10px}
        .admin-session-card{min-width:0;padding:14px;background:var(--theme-input);border:1px solid var(--ink-line);border-radius:13px;transition:border-color .16s ease,transform .16s ease}
        .admin-session-card:hover{border-color:var(--ink-line-strong);transform:translateY(-1px)}
        .admin-session-title-row{display:flex;align-items:flex-start;gap:8px}
        .admin-session-title{flex:1;min-width:0;color:var(--ink-text);font-size:14px;font-weight:750;line-height:1.45;overflow-wrap:anywhere}
        .admin-badges{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
        .admin-badge{padding:2px 6px;border-radius:99px;border:1px solid var(--ink-line);color:var(--ink-muted);font-size:10px;white-space:nowrap}
        .admin-badge.good{color:#79d6aa;border-color:rgba(71,196,141,.25);background:rgba(71,196,141,.08)}
        .admin-badge.warm{color:var(--badge-warm-text);border-color:var(--badge-warm-border);background:var(--badge-warm-bg)}
        .admin-badge.cool{color:var(--badge-cool-text);border-color:var(--badge-cool-border);background:var(--badge-cool-bg)}
        .admin-session-meta{margin-top:5px;color:var(--ink-faint);font-size:11px}
        .admin-session-preview{height:36px;margin-top:9px;overflow:hidden;color:var(--ink-muted);font-size:11px;line-height:1.6}
        .admin-session-error{margin-top:6px;color:#ff8888;font-size:11px}
        .admin-session-id{margin-top:9px;padding:7px 9px;display:flex;align-items:center;gap:7px;background:rgba(0,0,0,.1);border-radius:8px;color:var(--ink-faint);font-size:10px}
        .admin-session-id code{flex:1;min-width:0;color:var(--ink-muted);font-size:10px;white-space:normal;overflow-wrap:anywhere}
        .admin-copy-id{padding:0;border:0;background:transparent;color:var(--ink-primary);font:inherit;font-size:11px;cursor:pointer}
        .admin-session-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:11px;padding-top:10px;border-top:1px solid var(--ink-line)}
        .admin-session-actions .cbtn{height:30px;padding:0 10px!important;font-size:11px!important;border-radius:8px!important}
        .admin-session-actions .cbtn:disabled{opacity:.48;cursor:default;transform:none!important}
        .admin-empty{min-height:210px;display:grid;place-items:center;text-align:center;color:var(--ink-faint);font-size:13px}
        .admin-viewer-card{width:min(920px,calc(100vw - 30px));height:min(78vh,760px);padding:0!important;display:flex;flex-direction:column;overflow:hidden}
        .admin-viewer-head{padding:18px 20px;display:flex;align-items:flex-start;gap:14px;border-bottom:1px solid var(--ink-line)}
        .admin-viewer-head>div{flex:1;min-width:0}
        .admin-viewer-head h3{margin:3px 0 4px;font-size:17px;overflow-wrap:anywhere}
        .admin-viewer-id{color:var(--ink-faint);font-size:10px;overflow-wrap:anywhere}
        .admin-viewer-messages{flex:1;overflow-y:auto;padding:18px 20px;background:var(--theme-chat-pane)}
        .admin-viewer-message{max-width:82%;margin:0 0 14px;padding:11px 13px;border:1px solid var(--ink-line);border-radius:12px;color:var(--ink-text);font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
        .admin-viewer-message.user{margin-left:auto;background:rgba(var(--ink-primary-rgb),.12)}
        .admin-viewer-message.assistant{margin-right:auto;background:var(--theme-control)}
        .admin-viewer-who{margin-bottom:4px;color:var(--ink-primary);font-size:10px;font-weight:800;letter-spacing:.08em}
        .admin-user-picker{width:min(440px,calc(100vw - 24px))}
        .admin-user-picker select{width:100%;height:42px;margin-top:14px;padding:0 10px;border:1px solid var(--ink-line);border-radius:10px;background:var(--theme-input);color:var(--ink-text)}
        @media(max-width:760px){
            .admin-page{padding:16px 12px 90px}.admin-topbar{display:block}.admin-top-actions{justify-content:flex-start;margin-top:14px}
            .admin-manager-head{align-items:stretch;flex-direction:column}.admin-status-tabs{align-self:flex-start}.admin-manager-tools{width:100%}.admin-search{width:auto;flex:1}
            .admin-session-groups{padding:6px 12px 16px}.admin-session-state{padding-left:12px}.admin-bulk-bar{padding-left:12px;padding-right:12px}.admin-session-grid{grid-template-columns:1fr}.admin-session-card{padding:12px}
            .admin-viewer-message{max-width:94%}
        }
        .thinking-panel{margin-bottom:8px;font-size:12px;color:#888;background:#1a1a2e;border-radius:12px;padding:8px 12px;max-height:200px;overflow-y:auto;display:none;cursor:default}.thinking-text{white-space:pre-wrap}.thinking-panel summary{color:#ffb347;font-size:12px;cursor:pointer;margin-bottom:4px}.thinking-panel.open{display:block}
        .skill-tag{color:var(--ink-warm);background:rgba(var(--ink-warm-rgb),.14);border:1px solid rgba(var(--ink-warm-rgb),.35);border-radius:8px;padding:0 4px;font-weight:600;white-space:nowrap}
        .mention-tag{color:var(--ink-primary);background:rgba(var(--ink-primary-rgb),.12);border:1px solid rgba(var(--ink-primary-rgb),.35);border-radius:8px;padding:0 4px;font-weight:600;white-space:nowrap}
        /* 处-114：阶段提示（回复中 · 12s）不再单独占一行，改为追加在消息头部
           署名（CDX · lnx · david）后面，与署名同一行；字重/字距回到正文观感。 */
        .agent-stage{display:inline-flex;align-items:center;gap:6px;margin-left:8px;font-size:11px;font-weight:400;letter-spacing:normal;color:var(--ink-muted)}
        .agent-meta .agent-stage{margin-left:0}
        .agent-stage .dot{width:7px;height:7px;border-radius:50%;background:var(--ink-primary);animation:agentPulse 1.2s ease-in-out infinite}
        @keyframes agentPulse{0%,100%{opacity:.35}50%{opacity:1}}
        /* 处-55：压缩提示做成一条贯穿对话区整行的分隔带——左右横线与文字外框直接相接
           （gap:0、同色同粗细），文字框居中。左右负 margin 抵消 .messages-container 的
           左右内边距，横线才铺满窗口的 x 轴（值随窄屏的 12px 内边距一起收窄）。 */
        /* 处-119：压缩提示上下各一条 5px 分隔线（与输入框上方同源，日白夜黑）。 */
        /* 处-125：夜间改成纯黑底 + 黄字（作者定稿）；日间回白底蓝字。 */
        .agent-compaction-note{display:flex;align-items:center;gap:0;align-self:stretch;margin:0 calc(-1 * var(--msg-pad-x,18px));font-size:11px;background:#000;border-top:5px solid var(--msg-seg-line);border-bottom:5px solid var(--msg-seg-line)}
    .agent-compaction-note .agent-compaction-line{flex:1;height:2px;background:rgba(255,212,59,.5)}
    .agent-compaction-note .agent-compaction-text{white-space:nowrap;display:inline-flex;align-items:center;padding:4px 14px;border:2px solid rgba(255,212,59,.5);border-radius:8px;background:#000;color:#ffd43b;font-size:12px;font-weight:700;letter-spacing:.02em}
    body[data-assistant-mode="day"] .agent-compaction-note{background:#fff}
    body[data-assistant-mode="day"] .agent-compaction-note .agent-compaction-line{background:rgba(var(--ink-primary-rgb),.5)}
    body[data-assistant-mode="day"] .agent-compaction-note .agent-compaction-text{background:#fff;color:var(--ink-primary);border-color:rgba(var(--ink-primary-rgb),.5);box-shadow:0 2px 10px rgba(var(--ink-primary-rgb),.16)}
        /* 一个回合 = 若干「角标行 + 独立气泡」。阶段回复与最终正文各自成气泡，
           回复前的一组推理收成它上方的一行小方块，点一下就地展开全文（处-44）。 */
        .agent-turn-body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:100%;min-width:0}
        .agent-turn-body > .message-bubble:empty{display:none}
        /* 处-147：还没产出内容的气泡（运行中/排队中）直接不显示。 */
        .message.assistant .message-bubble:empty{display:none}
        /* 处-146：最终正文前只留一个「最终回复」标签（左对齐，字号跟正文一致）。
           日间用 HUB/CDX 那种蓝，夜间用黄。 */
        .agent-final-head{display:flex;flex-direction:row;align-items:center;align-self:stretch;margin:6px 0 1px;color:#29b6f6}
        .agent-final-head .agent-final-title{flex:0 0 auto;white-space:nowrap;border:1px solid currentColor;border-radius:0;padding:2px 10px;font-size:13px;line-height:1.4;color:inherit}
        .assistant-panel[data-mode="night"] .agent-final-head{color:#ffd43b}
        .agent-reasoning-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:4px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:2px;scrollbar-width:none}
        .agent-reasoning-row::-webkit-scrollbar{height:0}
        .agent-reasoning-chip{flex:0 0 auto;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--ink-line);border-radius:6px;background:rgba(var(--ink-primary-rgb),.04);color:var(--ink-muted);font-weight:600;font-size:11px;line-height:1;cursor:pointer}
        .agent-reasoning-chip:hover{color:var(--ink-text);border-color:var(--ink-line-strong,var(--ink-line))}
        .agent-reasoning-chip.active{color:var(--ink-text);border-color:var(--ink-line-strong,var(--ink-line));background:rgba(var(--ink-primary-rgb),.16)}
        .agent-reasoning-panel{max-width:100%;max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:11px;line-height:1.5;color:var(--ink-muted);background:rgba(var(--ink-primary-rgb),.03);border:1px solid var(--ink-line);border-radius:6px;padding:6px 8px}
        .agent-meta{font-size:10px;color:var(--ink-faint);padding:2px 16px 4px}
        .agent-meta.is-placeholder{visibility:hidden}
        /* 处-151：回合末尾那条状态行：系统提示、回合状态词、统计与按钮都落在这里。
           提示太长时截断显示，悬停看全文。 */
        .agent-meta .agent-turn-notice{color:#e06868}
        .agent-meta .agent-turn-notice.is-stopped{color:var(--ink-muted)}
        .agent-meta .agent-turn-notice-text{display:inline-block;max-width:min(64vw,520px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
        .agent-meta .agent-turn-state{color:var(--ink-muted)}
        /* 处-157：状态行按钮（重试／删除／立即开始）统一走这里，不再用内联样式——
           内联会盖住“正在重试”的高亮色与闪点，点了看不出来。 */
        .retry-msg-btn{margin-left:8px;background:rgba(var(--ink-primary-rgb),.12);border:1px solid rgba(var(--ink-primary-rgb),.35);color:var(--ink-primary);border-radius:8px;padding:1px 8px;font-size:10px;line-height:1.6;cursor:pointer;vertical-align:middle}
        .retry-msg-btn[data-turn-act="remove"]{margin-left:6px;background:rgba(220,80,80,.12);border-color:rgba(220,80,80,.4);color:#e06868}
        .retry-msg-btn.is-busy{background:rgba(33,182,191,.18);border-color:rgba(33,182,191,.6);color:#7ee0e8;cursor:default}
        .retry-msg-btn.is-busy:disabled{opacity:1}
        .retry-msg-btn.is-busy::before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:currentColor;vertical-align:middle;animation:turnBtnBlink .9s ease-in-out infinite}
        @keyframes turnBtnBlink{0%,100%{opacity:.2}50%{opacity:1}}
        /* 处-113：供应商/余额并进上面那行灰色小字后，单独的高亮行退休；
           余额还在查的时候用一个转圈占位，数据到了原地替换。 */
        .agent-meta .agent-meta-slot{color:inherit}
        .agent-meta-spinner{display:inline-block;width:9px;height:9px;margin-right:5px;vertical-align:-1px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:agentMetaSpin .7s linear infinite}
        @keyframes agentMetaSpin{to{transform:rotate(360deg)}}
        .mode-picker{display:flex;gap:8px;margin-bottom:12px}
        .mode-picker label{flex:1;text-align:center;padding:9px 4px;border:1px solid var(--ink-line);border-radius:10px;cursor:pointer;font-size:13px;color:var(--ink-muted);background:var(--theme-control)}
        .mode-picker label.selected{border-color:rgba(var(--ink-primary-rgb),.55);color:var(--ink-primary);background:rgba(var(--ink-primary-rgb),.12);font-weight:600}
        .mode-picker input{display:none}
        .skill-ac-menu{position:absolute;z-index:1200;background:var(--theme-popup);border:1px solid var(--ink-line-strong);border-radius:12px;max-height:220px;overflow-y:auto;min-width:220px;box-shadow:var(--ink-shadow)}
        .skill-ac-item{padding:8px 12px;cursor:pointer;font-size:12px;color:var(--ink-text);display:flex;justify-content:space-between;gap:10px}
        .skill-ac-item:hover,.skill-ac-item.active{background:rgba(var(--ink-primary-rgb),.14);color:var(--ink-primary)}
        .skill-ac-item small{color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}
    
    .messages-container::-webkit-scrollbar { display:none; }
    .messages-container { scrollbar-width:none; }
    .msg-panel::-webkit-scrollbar { display:none; }
    .msg-panel { scrollbar-width:none; }

    /* 操作条收起时必须同时退出布局点击区。只写 opacity:0 的话按钮仍在原处
       可点，透明的“复制”会盖住气泡右上角，选中文字或点空白就会误触。 */
    .msg-actions{position:absolute;top:4px;right:8px;display:flex;gap:4px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s;z-index:2}
    .msg-actions.show{opacity:1;visibility:visible;pointer-events:auto}
    /* 桌面指针设备：悬停消息即显示，不用先点一下；点过动作后加 .dismissed 收起，
       指针移开该消息才恢复。触摸设备没有 hover，改用下面的点按切换。 */
    @media (hover:hover) and (pointer:fine){
        .message:hover .msg-actions:not(.dismissed){opacity:1;visibility:visible;pointer-events:auto}
    }
    .del-message-btn{background:none;border:none;color:#ff8888;cursor:pointer;font-size:12px;padding:2px;border-radius:4px}
    .model-stale{color:#ff6b6b !important;font-style:italic;}
    .del-message-btn:hover{background:rgba(255,0,0,0.15)}


    /* ========== 移动端适配 ========== */
    

    .menu-btn{position:fixed;top:50%;left:0;z-index:50;background:rgba(42,42,56,0.7);border:none;color:#ddd;font-size:20px;width:36px;height:36px;border-radius:0 8px 8px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);backdrop-filter:blur(4px)}
    .tools-menu-btn{position:fixed;top:50%;right:0;z-index:50;background:rgba(42,42,56,0.7);border:none;color:#ddd;font-size:18px;width:36px;height:36px;border-radius:8px 0 0 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);backdrop-filter:blur(4px)}
    @media (max-width:768px){
        .menu-btn,.tools-menu-btn{display:flex}
        .sidebar{position:fixed;left:-100%;top:0;bottom:0;width:80%;z-index:500;transition:left .3s ease}
        .sidebar.open{left:0}
        .sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:499;display:none}
        .sidebar-overlay.show{display:block}
        .tools-panel{position:fixed;right:-100%;top:0;bottom:0;width:80%;z-index:500;transition:right .3s ease}
        .tools-panel.open{right:0}
        .chat-area{width:100%!important}

        .chat-header{padding:10px!important;min-height:44px;gap:4px}
        .chat-header h3{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .chat-header .cbtn{font-size:10px!important;padding:3px 6px!important;white-space:nowrap}
        .messages-container{padding:12px!important;--msg-pad-x:12px}
        .message{max-width:95%!important}
        .message-bubble{font-size:13px!important;padding:8px 12px!important}
        .input-area{padding:0!important}
        .input-area textarea{font-size:13px!important;padding:8px!important;margin-bottom:0!important;min-height:36px!important;height:36px!important;transition:height .2s ease}.input-area textarea:focus{height:120px!important}
        .input-area textarea::placeholder{color:rgba(255,255,255,0.15)!important}
.editor-panel .editor-body textarea::placeholder,.tab-pane textarea::placeholder{color:rgba(255,255,255,0.2)}
        .model-controls{gap:4px}
        .model-controls .cbtn-lg{padding:5px 12px!important;font-size:13px!important;border-radius:10px!important}
    }

    .anchor-btn-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
    .anchor-btn{position:absolute;z-index:5;width:28px;height:28px;border-radius:6px;background:rgba(42,42,56,0.45);border:1px solid rgba(255,255,255,0.06);color:#888;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;backdrop-filter:blur(4px)}
    .anchor-btn:hover{background:rgba(58,58,78,0.7);color:#fff}
    .anchor-btn.right{right:6px;top:50%;transform:translateY(-50%)}
    .anchor-btn.left{left:6px;top:50%;transform:translateY(-50%)}

    /* ========== 新布局 ========== */
    .assistant-panel{width:50%;display:flex;flex-direction:column;background:#12121c;border-right:1px solid #2c2c3a;position:relative}
    .editor-panel{width:50%;display:flex;flex-direction:column;background:#12121c;overflow:hidden}
    .editor-panel .editor-header{padding:12px 20px;background:#1e1e2a;border-bottom:1px solid #2c2c3a;color:#ffb347;font-weight:bold;font-size:1rem}
    .editor-panel .editor-body{flex:1;display:flex;flex-direction:column;padding:16px;overflow-y:auto}
    .editor-panel .editor-body textarea{flex:1;width:100%}
    .editor-panel .editor-body .fulltext-actions{margin-top:12px;display:flex;gap:8px}
    .editor-panel .editor-body .outline-sidebar{margin-bottom:16px}
    
    .session-popup{position:fixed;z-index:30;width:280px;max-height:400px;overflow-y:auto;background:rgba(26,26,42,0.95);border:1px solid #3a3a4a;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.5);display:none;backdrop-filter:blur(8px);scrollbar-width:thin}
    .session-popup::-webkit-scrollbar{width:4px}
    .session-popup::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:2px}
    .session-popup .sp-header{padding:12px;border-bottom:1px solid #252535;color:#ffb347;font-weight:bold;font-size:13px;position:sticky;top:0;z-index:3;background:var(--theme-popup)}
    .session-popup .sp-more-hint{padding:10px 12px;color:#888;font-size:11px;text-align:center}
    /* 处-59：会话列表去掉所有分隔线（条目的下边线、分组头下边线、新建项目下边线、
       提示的上边线）。列表靠 hover 底色与分组标题区分，不再用线条切割。 */
    .session-popup .sp-item{padding:7px 12px;cursor:pointer;font-size:12px;color:#bbb;display:flex;align-items:center;gap:8px}
    .session-popup .sp-item:last-child{border-bottom:none}
    .session-popup .sp-item:hover{background:#2a2a3a}
    .session-popup .sp-item.active{background:#3a4a6a;color:#fff}
    .session-popup .sp-item .sp-title{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .session-popup .sp-item .sp-del{color:#ff8888;cursor:pointer;font-size:11px;padding:2px 4px;border-radius:3px}
    .session-popup .sp-item .sp-del:hover{background:rgba(255,0,0,0.15)}
    /* 处-104：Runner 离线只锁“写”（输入与操作按钮），会话仍可点开查看历史；
       条目保留淡化表明离线，但不再禁用点击、也不再压掉 hover 高亮。 */
    .session-popup .sp-item.session-offline{opacity:.42;filter:saturate(.35)}
    /* 置顶／项目分组栏（处-53） */
    .session-popup .sp-group{display:flex;flex-direction:column}
    /* 处-60：分组头固定高度。悬停时右侧 ⋯ 才出现，如果让它参与布局，行高会从
       26px 撑到 34px，鼠标一进一出整块列表跟着上下跳。改成定高 + ⋯ 绝对定位，
       有没有 ⋯ 都不改变高度。 */
    .session-popup .sp-group-head{position:relative;display:flex;align-items:center;gap:6px;height:26px;padding:0 32px 0 12px;box-sizing:border-box;cursor:pointer;color:var(--ink-faint);font-size:10px;font-weight:700;letter-spacing:.06em;background:rgba(var(--ink-primary-rgb),.06)}
    .session-popup .sp-group-head:hover{color:var(--ink-text)}
    .session-popup .sp-group-caret{flex:0 0 auto;width:10px;font-size:9px;transition:transform .12s}
    .session-popup .sp-group.collapsed .sp-group-caret{transform:rotate(-90deg)}
    .session-popup .sp-group.collapsed .sp-group-body{display:none}
    .session-popup .sp-group-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .session-popup .sp-group-count{flex:0 0 auto;color:var(--ink-faint);font-weight:600}
    .session-popup .sp-group-body{display:flex;flex-direction:column}
    /* ⋯ 绝对定位到分组头右端，脱离布局流（不撑高、不挤走计数）。 */
    .session-popup .sp-group-head .sp-menu{position:absolute;right:8px;top:50%;transform:translateY(-50%)}
    .session-popup .sp-group-head .sp-menu>summary{width:22px;height:22px;border:0;background:transparent;font-size:13px;color:var(--ink-faint)}
    .session-popup .sp-group-head .sp-menu-list{top:24px}
    .session-popup .sp-project-new{display:flex;align-items:center;gap:6px;padding:7px 12px;cursor:pointer;color:var(--ink-muted);font-size:11px}
    .session-popup .sp-project-new:hover{background:var(--ink-surface-hover);color:var(--ink-text)}
    .session-popup .sp-empty{padding:7px 12px 9px;color:var(--ink-faint);font-size:10px;font-style:italic}
    .session-popup .sp-menu-divider{height:1px;margin:4px 6px;background:var(--ink-line)}
    .session-popup .sp-menu-label{padding:5px 9px 3px;color:var(--ink-faint);font-size:9px;font-weight:700;letter-spacing:.06em}
    
    .tools-popup{position:fixed;z-index:30;width:320px;max-height:450px;overflow-y:auto;background:rgba(26,26,42,0.95);border:1px solid #3a3a4a;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.5);display:none;backdrop-filter:blur(8px);scrollbar-width:thin}
    .tools-popup::-webkit-scrollbar{width:4px}
    .tools-popup::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:2px}
    .tools-popup .tp-tabs{display:flex;border-bottom:1px solid #252535}
    .tools-popup .tp-tab{padding:10px 12px;cursor:pointer;font-size:12px;color:#888;flex:1;text-align:center;border-bottom:2px solid transparent}
    .tools-popup .tp-tab.active{color:#ffb347;border-bottom-color:#ffb347}
    .tools-popup .tp-content{padding:12px}
    
    .admin-modal{position:fixed;z-index:100;width:360px;max-height:80vh;overflow-y:auto;background:#1a1a2a;border:1px solid #3a3a4a;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,0.6);display:none;scrollbar-width:thin;top:50%;left:50%;transform:translate(-50%,-50%)}
    .admin-modal .am-header{padding:16px;border-bottom:1px solid #252535;display:flex;justify-content:space-between;align-items:center}
    .admin-modal .am-header h3{color:#ffb347;margin:0}
    .admin-modal .am-close{background:none;border:none;color:#888;cursor:pointer;font-size:18px}
    .admin-modal .am-body{padding:16px;color:#ccc;font-size:13px}
    .admin-modal .am-body label{display:block;margin:8px 0 4px;color:#aaa}
    .admin-modal .am-body .am-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #252535}
    .admin-modal .am-body .am-section:last-child{border-bottom:none}
    .admin-modal .am-body .admin-user-item{padding:8px;background:#2a2a38;border-radius:8px;margin-bottom:6px;cursor:pointer;font-size:12px}
    .admin-modal .am-body .admin-user-item:hover{background:#3a3a4a}
    
    .mobile-tab-bar{display:none}
    @media(max-width:768px){
        .assistant-panel{width:100%!important}
        .editor-panel{display:none!important}
        .editor-panel.mobile-show{display:flex!important;width:100%!important;height:calc(100vh - 48px)}
        .assistant-panel.mobile-hide{display:none!important}
        .mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:300;background:#1e1e2a;border-top:1px solid #2c2c3a}
        .mobile-tab{flex:1;padding:10px;border:none;background:transparent;color:#888;font-size:12px;cursor:pointer}
        .mobile-tab.active{color:#ffb347;background:#2a2a38}
        .session-popup{
            width:min(82vw,340px);height:60vh!important;height:60svh!important;
            max-height:60vh!important;max-height:60svh!important;
            left:10px!important;right:auto!important;
            top:calc(62px + env(safe-area-inset-top,0px))!important;bottom:auto!important;
            overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch
        }
        .tools-popup{width:calc(100% - 20px);max-height:50vh;left:10px!important;right:10px!important;top:auto!important;bottom:60px!important}
        .admin-modal{width:calc(100% - 20px)}
        .app-dialog-card{width:calc(100vw - 24px);padding:20px;border-radius:16px}
        .app-dialog-actions{margin-top:18px}
        .app-dialog-actions .cbtn{flex:1;min-width:0;height:42px}
        .app-form-dialog .modal-buttons .cbtn{flex:1;height:42px}
    }


    /* ========== 移动端专属标签 ========== */
    .a-tab.mobile-only { display:none }
    @media(max-width:768px){
        .a-tab.mobile-only { display:inline-block }
    }

    /* ========== 内容标签 ========== */
    .assistant-tabs{display:flex;background:#1e1e2a;border-bottom:1px solid #2c2c3a;flex-shrink:0;overflow-x:auto}
    .assistant-tabs::-webkit-scrollbar{display:none}
    .a-tab{padding:8px 14px;cursor:pointer;font-size:12px;color:#888;border-bottom:2px solid transparent;white-space:nowrap;flex:1;background:none;border-top:none;border-left:none;border-right:none}
    .a-tab.active{color:#ffb347;border-bottom-color:#ffb347}
    .tab-pane{display:none;flex:1;flex-direction:column;min-height:0}
    .tab-pane.active{display:flex}
    .tab-pane .pane-scroll{flex:1;overflow-y:auto;padding:16px}
    .tab-pane .pane-chat{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}
    
    @media(max-width:768px){
        .assistant-tabs{display:none}
        .mobile-tab-bar{display:flex!important}
        .tab-pane.mobile-full{position:fixed;inset:0;z-index:200;background:#12121c;padding-top:0}
    }

    /* ========== 统一编辑器 ========== */
    .editor-textarea{flex:1;width:100%;min-height:200px;background:#0b0b12;border:1px solid #3a3a4a;border-radius:12px;padding:12px 16px;color:#ddd;font-size:13px;resize:none;outline:none}
    .editor-textarea::placeholder{color:rgba(255,255,255,0.2)}
    .editor-actions{display:flex;gap:8px;align-items:center;flex-shrink:0;justify-content:flex-end;margin-top:10px}

    /* ========== 深海蓝青代码编辑器主题 ========== */
    :root{
        /* 处-58：全站统一字体栈。此前有 8 处写的是遗留的 `system-ui,"Microsoft YaHei"`
           旧栈（顶栏工作区切换、项目标记、日夜开关、导航方块、回到底部、回合标题、
           总结进度），与对话区用的这套不一致——同一个页面上两种字形。统一走变量，
           以后新增样式不会再各写一套。 */
        --font-ui:"Microsoft YaHei","Microsoft YaHei UI","微软雅黑","PingFang SC","Hiragino Sans GB","Heiti SC","Source Han Sans SC","Noto Sans CJK SC","Noto Sans SC","WenQuanYi Micro Hei","WenQuanYi Zen Hei","SimHei","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
        /* 处-121/123：作者先试"全站统一等宽"，但中文会回退到宋体；现改回全站
           微软雅黑（--font-ui），命令块/代码块也一起继承，不再单独设字体。
           --font-mono 保留备用：以后要让命令块恢复等宽，把 body 换回它即可。 */
        --font-mono:"Cascadia Mono","Cascadia Code","JetBrains Mono",Consolas,"SF Mono",Menlo,"DejaVu Sans Mono","Liberation Mono","Microsoft YaHei UI","PingFang SC",monospace;
        /* 处-122：执行记录里"默认展开"的块共用一套尺寸——行高写死、限高取整数行。
           行高不能用 1.55em 这类相对值：平台/中文字体不同，行盒高度就不一样，
           限高永远对不齐，最后一行会被切掉一截。
           处-124：限高只补内容【上方】的偏移（padding-top + 上边框）。overflow 的
           裁剪视口是 padding box，若把 padding-bottom 也算进 max-height，可视区
           底部会多出 6px，把下一行的上半截从块底露出来——这才是「有的露头、
           有的正合适」的根因。 */
        --activity-line-h:17px;
        --activity-rows:13;
        --activity-pad-y:6px;
        --ink-bg:#080a0d;
        --ink-panel:#0d1319;
        --ink-panel-soft:#141a21;
        --ink-surface:#1a222b;
        --ink-surface-hover:#242e39;
        --ink-line:rgba(166,176,188,.14);
        --ink-line-strong:rgba(66,169,188,.32);
        --ink-text:#e7eaee;
        --ink-muted:#9aa4af;
        --ink-faint:#65717e;
        --ink-primary:#148ca6;
        --ink-primary-2:#276783;
        --ink-primary-rgb:20,140,166;
        --ink-cyan:#4ab3c3;
        --ink-warm:#d1a45d;
        --ink-warm-rgb:209,164,93;
        --badge-warm-text:#ffb23e;
        --badge-warm-border:rgba(255,178,62,.58);
        --badge-warm-bg:rgba(255,178,62,.14);
        --badge-cool-text:#45bdf2;
        --badge-cool-border:rgba(69,189,242,.58);
        --badge-cool-bg:rgba(69,189,242,.14);
        --ink-danger:#fb7185;
        /* 处-108：对话区里分隔两条消息的粗线（作者定稿：日间白、夜间黑）。 */
        --msg-seg-line:#000;
        --ink-shadow:0 24px 70px rgba(0,0,0,.38);
        --theme-glow-1:rgba(20,140,166,.13);
        --theme-glow-2:rgba(209,164,93,.055);
        --theme-assistant-panel:rgba(10,17,23,.94);
        --theme-editor-panel:rgba(18,19,22,.95);
        --theme-chat-header:rgba(13,24,32,.94);
        --theme-editor-header:rgba(27,26,24,.96);
        --theme-tabbar:rgba(7,12,17,.82);
        --theme-chat-pane:#090e13;
        --theme-assistant-bubble:linear-gradient(145deg,#1a2027,#151a20);
        --theme-user-bubble:linear-gradient(135deg,#183b48,#1b3242);
        --theme-input:rgba(7,10,13,.86);
        --theme-control:rgba(25,32,39,.9);
        --theme-editor-body:linear-gradient(180deg,rgba(25,25,24,.72),rgba(12,13,15,.72));
        --theme-editor-input:rgba(8,10,12,.82);
        --theme-outline:rgba(20,19,17,.88);
        --theme-popup:rgba(13,18,24,.97);
        /* 处-125：左侧会话列表／右侧执行记录／输入框四周的面板底色。夜间纯黑，日间纯白。 */
        --theme-panel:#000;
        --theme-scrollbar:#34434c;
        --md-inline-bg:#202832;--md-inline-border:rgba(255,255,255,.12);--md-inline-text:#ffd58f;
        --md-code-bg:#090e14;--md-code-border:rgba(255,255,255,.12);--md-code-text:#ccecff;
        --md-heading:#f0c674;--md-quote-bg:rgba(148,163,184,.10);--md-quote-border:#77838f;--md-quote-text:#d4dbe2;
        --md-list-mark:#69c6ee;--md-strong:#ffd27f;--md-strong-rgb:255,210,127;--md-strong-on:#101010;--md-em:#ffb3b3;--md-muted:#aeb8c2;
        --activity-bg:#0b151b;--activity-line:#24404c;--activity-head:#91a6b0;--activity-title:#e1ebef;
        --activity-time:#5f7781;--activity-text:#aebec5;--activity-mark:#36a8d0;--activity-body:#93a6ae;
        --activity-code-bg:#071014;--activity-code-border:#20323c;
        /* 处-65：导航方块用**不透明**实色底（原来 rgba(...,.16) 太透，看着像没底）。
           夜间：深黄褐底 + 柔黄字；日间在 .editor-panel[data-mode="day"] 里覆盖成浅蓝底。
           选中态单独给一组变量，日间才能用蓝色实底（而不是日间的深琥珀 --md-strong）。 */
        --nav-chip-bg:#2a2317;--nav-chip-border:#4a3d24;--nav-chip-bg-hover:#3a301d;--nav-chip-text:#ffd27f;
        --nav-chip-active-bg:#ffd27f;--nav-chip-active-text:#101010;
        /* 处-67：会话列表里“已上传到服务器”条目的**字体颜色**（夜间淡黄、不用底色）。 */
        --sp-uploaded-fg:#ffd27f;
    }

    /* 左侧日间：以白色和中性浅灰为主，只用蓝色做功能强调。 */
    body[data-assistant-mode="day"],
    .assistant-panel[data-mode="day"],
    .analysis-panel[data-mode="day"],
    body[data-assistant-mode="day"] .project-bar,
    body[data-assistant-mode="day"] .anchor-popup,
    body[data-assistant-mode="day"] .session-popup,
    body[data-assistant-mode="day"] .tools-popup,
    body[data-assistant-mode="day"] .admin-modal,
    body[data-assistant-mode="day"] .modal-content,
    body[data-assistant-mode="day"] .mobile-tab-bar,
    body[data-assistant-mode="day"] #loginForm,
    body[data-assistant-mode="day"] #registerForm{
        --theme-glow-1:rgba(37,99,235,.08);--theme-glow-2:rgba(37,99,235,.04);
        --ink-bg:#f6f7f9;--ink-panel:#fff;--ink-panel-soft:#f7f8fa;--ink-surface:#f2f4f7;--ink-surface-hover:#e9edf3;
        /* 处-108：日间皮肤下消息之间的分隔线用白色（作者定稿）。 */
        --msg-seg-line:#fff;
        --ink-line:rgba(15,23,42,.1);--ink-line-strong:rgba(37,99,235,.38);--ink-text:#111827;--ink-muted:#667085;--ink-faint:#98a2b3;
        --ink-primary:#2563eb;--ink-primary-2:#1d4ed8;--ink-primary-rgb:37,99,235;--ink-cyan:#2563eb;--ink-warm:#2563eb;--ink-warm-rgb:37,99,235;
        --badge-warm-text:#9a5800;--badge-warm-border:rgba(194,112,0,.58);--badge-warm-bg:rgba(245,158,11,.14);
        --badge-cool-text:#075f9b;--badge-cool-border:rgba(2,132,199,.5);--badge-cool-bg:rgba(14,165,233,.12);
        --theme-assistant-panel:#fff;--theme-chat-header:#fff;--theme-tabbar:#fff;--theme-chat-pane:#fff;
        --theme-assistant-bubble:linear-gradient(145deg,#fff,#fafbfc);--theme-user-bubble:linear-gradient(135deg,#edf4ff,#e4efff);
        --theme-input:#fff;--theme-control:#f3f4f6;--theme-popup:#fff;--theme-panel:#fff;--theme-editor-input:#fff;--theme-editor-body:#f7f8fa;--theme-outline:#fff;--theme-scrollbar:#cbd5e1;
        --md-inline-bg:#f2f5f8;--md-inline-border:#d3dce6;--md-inline-text:#8a4b08;
        --md-code-bg:#edf2f7;--md-code-border:#cbd6e2;--md-code-text:#26374a;
        --md-heading:#175b8c;--md-quote-bg:#eef3f8;--md-quote-border:#2563eb;--md-quote-text:#334155;
        --md-list-mark:#1d4ed8;--md-strong:#9a5800;--md-strong-rgb:154,88,0;--md-strong-on:#fff;--md-em:#8f2942;--md-muted:#4b5563;
        --activity-bg:#f4f7fa;--activity-line:#b8c7d6;--activity-head:#526578;--activity-title:#172033;
        --activity-time:#718096;--activity-text:#334155;--activity-mark:#0369a1;--activity-body:#475569;
        --activity-code-bg:#eaf0f6;--activity-code-border:#ced8e3;
        --ink-shadow:none;
        /* 处-67：会话列表里“已上传到服务器”条目的**字体颜色**（日间淡蓝）。 */
        --sp-uploaded-fg:#3b82f6;
    }

    .assistant-panel[data-mode="day"] .cbtn-secondary:hover,
    .assistant-panel[data-mode="day"] .copy-message-btn:hover,
    .assistant-panel[data-mode="day"] .outline-list li:hover,
    .assistant-panel[data-mode="day"] .anchor-btn:hover{color:var(--ink-primary)!important}
    .assistant-panel[data-mode="day"] .a-tab.active{
        color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
        box-shadow:none!important;
    }

    /* 右侧夜间：纯黑、纯白、黄色强调，不使用棕色或暖色底。 */
    .editor-panel{
        --ink-bg:#000;--ink-panel:#000;--ink-panel-soft:#080808;--ink-surface:#111;--ink-surface-hover:#1b1b1b;
        --ink-line:rgba(255,255,255,.14);--ink-line-strong:rgba(255,212,59,.5);--ink-text:#fff;--ink-muted:#b8b8b8;--ink-faint:#737373;
        --ink-primary:#ffd43b;--ink-primary-2:#f5b700;--ink-primary-rgb:255,212,59;--ink-cyan:#ffd43b;--ink-warm:#ffd43b;--ink-warm-rgb:255,212,59;
        --theme-editor-panel:#000;--theme-editor-header:#080808;--theme-editor-body:#000;
        --theme-editor-input:#000;--theme-outline:#080808;--theme-control:#111;--theme-popup:#080808;--theme-scrollbar:#454545;
    }

    /* 右侧日间：纯白、黑字、黄色强调，不使用米黄纸张色。 */
    .editor-panel[data-mode="day"]{
        --ink-bg:#fff;--ink-panel:#fff;--ink-panel-soft:#f7f7f7;--ink-surface:#f2f2f2;--ink-surface-hover:#e8e8e8;
        --ink-line:rgba(0,0,0,.13);--ink-line-strong:rgba(216,158,0,.52);--ink-text:#111;--ink-muted:#666;--ink-faint:#999;
        --ink-primary:#f0b900;--ink-primary-2:#d99b00;--ink-primary-rgb:240,185,0;--ink-cyan:#bc8700;--ink-warm:#bc8700;--ink-warm-rgb:188,135,0;
        --theme-editor-panel:#fff;--theme-editor-header:#fff;--theme-editor-body:#f7f7f7;
        --theme-editor-input:#fff;--theme-outline:#fff;--theme-control:#f2f2f2;--theme-popup:#fff;--theme-scrollbar:#bdbdbd;
        --theme-input:#fff;--theme-chat-pane:#fff;--theme-chat-header:#fff;--theme-tabbar:#fff;
        /* 处-65：日间导航方块也用不透明实色（浅蓝底 + 深蓝字，对比度约 5.2）。 */
        --nav-chip-bg:#dbe7fe;--nav-chip-border:#a9c4f8;--nav-chip-bg-hover:#c7dafd;--nav-chip-text:#1d4ed8;
        --nav-chip-active-bg:#2563eb;--nav-chip-active-text:#fff;
        --ink-shadow:none;
    }

    /* 日间页：去掉各种投影，保持干净。 */
    body[data-assistant-mode="day"] .assistant-panel,
    body[data-assistant-mode="day"] .editor-panel,
    body[data-assistant-mode="day"] .analysis-panel,
    body[data-assistant-mode="day"] .cbtn-primary,
    body[data-assistant-mode="day"] .cbtn-primary:hover,
    body[data-assistant-mode="day"] .anchor-btn,
    body[data-assistant-mode="day"] .project-mark,
    body[data-assistant-mode="day"] .a-tab.active,
    body[data-assistant-mode="day"] .chapter-drawer,
    body[data-assistant-mode="day"] #status,
    body[data-assistant-mode="day"] .session-popup,
    body[data-assistant-mode="day"] .tools-popup,
    body[data-assistant-mode="day"] .anchor-popup,
    body[data-assistant-mode="day"] .admin-modal,
    body[data-assistant-mode="day"] .modal-content,
    body[data-assistant-mode="day"] .pwa-notice,
    body[data-assistant-mode="day"] #scrollToBottomBtn,
    body[data-assistant-mode="day"] #activityScrollToBottomBtn,
    body[data-assistant-mode="day"] #loginForm,
    body[data-assistant-mode="day"] #registerForm,
    body[data-assistant-mode="day"] #loginForm::before,
    body[data-assistant-mode="day"] #registerForm::before{box-shadow:none!important}

    html{background:var(--ink-bg)}
    html[data-assistant-mode="day"]{background:#f6f7f9}
    body{
        color:var(--ink-text);
        /* 处-62：取消背景的径向渐变。它透过半透明的对话面板（.assistant-panel 是
           94% 不透明）在对话区隐约可见，就是用户说的"对话页背景有个渐变"。
           整站底统一走纯色 --ink-bg。 */
        background:var(--ink-bg);
        font-family:var(--font-ui);
        letter-spacing:.01em;
    }
    body::before{
        content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;
        background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
        background-size:36px 36px;
        mask-image:linear-gradient(to bottom,black,transparent 78%);
    }
    body[data-assistant-mode="day"]::before{
        background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px);
    }
    ::selection{background:rgba(var(--ink-primary-rgb),.42);color:#fff}
    body[data-assistant-mode="day"] .message-bubble::selection,
    body[data-assistant-mode="day"] .message-bubble *::selection,
    body[data-assistant-mode="day"] .runner-activity-pane::selection,
    body[data-assistant-mode="day"] .runner-activity-pane *::selection{
        background:#b8d2ff;color:#10233f;text-shadow:none;
    }
    /* 处-129：浏览器的 UA 样式表（Chromium 的 html.css）里写死了几条字体声明——
       `tt, code, kbd, samp{font-family:monospace}`、`pre, xmp, plaintext, listing{font-family:monospace}`、
       `input, textarea, select, button{font: …}`。这些声明优先级虽最低，却仍然高于"继承"，
       所以 code/pre/button/input 默认不跟随父级字体。CSS 里没有别的机制能绕过 UA 声明，
       只能显式覆盖；与其逐个列元素，不如一次全局重置，全站字体只在 body 声明一处。 */
    *{font-family:inherit}
    button:focus-visible,select:focus-visible{outline:1px solid rgba(var(--ink-primary-rgb),.72);outline-offset:2px}
    input:focus-visible,textarea:focus-visible{outline:none}

    #app{display:flex;min-height:0}
    .app-shell{width:100%;height:100%;min-height:0;display:flex;flex-direction:column}
    .project-bar{
        position:sticky;top:0;z-index:20;min-height:58px;padding:0 18px;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:16px;
        background:var(--theme-chat-header);border-bottom:1px solid var(--ink-line);backdrop-filter:blur(18px)
    }
    .project-brand{min-width:0;display:flex;align-items:center;gap:10px;color:var(--ink-text)}
    .project-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:linear-gradient(135deg,var(--ink-primary),var(--ink-primary-2));color:#fff;font-weight:800;font-size:10px;line-height:1;box-shadow:0 8px 18px rgba(var(--ink-primary-rgb),.2)}
    .project-brand strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;letter-spacing:.04em}
    .project-brand span{display:none}
    .project-bar-actions{justify-self:end;display:flex;align-items:center;gap:9px}.project-context-label{color:var(--ink-faint);font-size:11px;white-space:nowrap}
    .project-bar-left{justify-self:start;display:flex;align-items:center;gap:12px;min-width:0}
    .global-mode-toggle{width:32px;height:32px;border:1px solid var(--ink-line);border-radius:9px;background:var(--theme-input);color:var(--ink-text);font-weight:700;font-size:12px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .18s,border-color .18s}
    .global-mode-toggle:hover{border-color:var(--ink-line-strong);background:var(--ink-surface-hover)}
    .analysis-mode-actions{display:none;align-items:center;gap:8px}
    body.analysis-workspace-active .analysis-mode-actions{display:flex}
    body.analysis-workspace-active .project-bar{grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr)}
    body.analysis-workspace-active .project-context-label{display:none}
    body.analysis-workspace-active .project-bar-actions{min-width:0;overflow:visible}
    body.analysis-workspace-active .analysis-mode-actions{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
    body.analysis-workspace-active .analysis-mode-actions::-webkit-scrollbar{display:none}
    body.analysis-workspace-active .analysis-mode-actions>*{flex:0 0 auto}
    body.analysis-workspace-active .project-bar-actions>.header-icon-btn{flex:0 0 auto}
    .analysis-mode-actions .analysis-route-button{height:34px;min-width:0;padding:0 12px;border:1px solid transparent;border-radius:9px;display:flex;align-items:center}
    .analysis-mode-actions .analysis-route-button.active{border-color:rgba(var(--ink-primary-rgb),.35);background:rgba(var(--ink-primary-rgb),.1);color:var(--ink-text)}
    .analysis-mode-actions .analysis-route-button.active::after{display:none}
    .analysis-mode-actions .cbtn{height:34px}
    .analysis-mobile-toolbar{display:none;align-items:center;gap:8px;padding:10px 12px 0;position:sticky;top:0;z-index:5;background:var(--theme-chat-pane)}
    .analysis-mobile-toolbar .analysis-route-button{height:32px;padding:0 12px;border:1px solid var(--ink-line);border-radius:9px;font-size:12px;font-weight:650;color:var(--ink-muted);cursor:pointer}
    .analysis-mobile-toolbar .analysis-route-button.active{border-color:rgba(var(--ink-primary-rgb),.35);background:rgba(var(--ink-primary-rgb),.1);color:var(--ink-text)}
    .analysis-toolbar-spacer{flex:1}
    /* 作者 2026-10-10：去掉 .main-layout 的 gap/padding（面板之间与四周不再露缝），
       让对话区／执行记录能铺到面板边缘，三处底色视觉上连成一片。 */
    .main-layout{flex:1;min-height:0;background:transparent}
    /* 处-61：取消对话区／执行记录区最外层的圆角，改成与左侧会话列表同一形态——
       直角、无外框、无阴影、无毛玻璃。原来带 20px 圆角 + 1px 边框 + 大阴影 + blur，
       三栏并排时像三个浮起来的卡片，跟左边那块平铺的列表不是一路。 */
    .assistant-panel,.editor-panel,.analysis-panel{
        min-width:0;overflow:hidden;
    }
    .assistant-panel{width:47%;background:var(--theme-assistant-panel);border-right:1px solid var(--ink-line)}
    .editor-panel{width:53%;background:var(--theme-editor-panel)}
    .workspace-focus-btn{
        height:30px;padding:0 10px;border:1px solid var(--ink-line);border-radius:9px;
        background:var(--theme-control);color:var(--ink-muted);font:650 11px/1 inherit;cursor:pointer;white-space:nowrap
    }
    .workspace-focus-btn:hover{border-color:var(--ink-line-strong);color:var(--ink-text)}
    .chat-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}
    @media(min-width:769px){
        .main-layout:not(.admin-active):not(.analysis-active).focus-assistant .assistant-panel{width:100%!important;flex:1 1 100%}
        .main-layout:not(.admin-active):not(.analysis-active).focus-assistant .editor-panel{display:none!important}
        .main-layout:not(.admin-active):not(.analysis-active).focus-editor .assistant-panel{display:none!important}
        .main-layout:not(.admin-active):not(.analysis-active).focus-editor .editor-panel{width:100%!important;flex:1 1 100%}
    }
    .analysis-panel{display:none;width:100%;border-radius:16px;background:var(--theme-assistant-panel);color:var(--ink-text);flex-direction:column}
    .main-layout.analysis-active .assistant-panel,.main-layout.analysis-active .editor-panel{display:none!important}
    .main-layout.analysis-active .analysis-panel{display:flex!important}
    .main-layout.analysis-active{padding:0;gap:0}
    .main-layout.analysis-active .analysis-panel{border-radius:0;border:0!important;box-shadow:none}
    .workspace-mode-switch{position:relative;justify-self:center;display:inline-flex;gap:4px;padding:3px;border:1px solid var(--ink-line);border-radius:10px;background:var(--theme-input)}
    .workspace-mode-switch button{height:32px;padding:0 17px;border:0;border-radius:7px;background:transparent;color:var(--ink-muted);font-weight:650;font-size:11px;line-height:1;cursor:pointer;white-space:nowrap}
    .workspace-mode-switch button.active{background:var(--theme-control);color:var(--ink-text);box-shadow:inset 0 0 0 1px rgba(var(--ink-primary-rgb),.28)}
/* chat 入口只给桌面端；移动端用底部标签栏，不显示。 */
@media(max-width:768px){#freeChatBtn{display:none!important}}
.workspace-mode-switch #freeChatBtn{position:absolute;left:100%;bottom:2px;margin-left:8px;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;padding:0!important;border:0;border-radius:5px;background:var(--theme-control);color:var(--ink-text);box-shadow:inset 0 0 0 1px rgba(var(--ink-primary-rgb),.28);font-family:var(--font-ui);font-size:7px;font-weight:400;line-height:1;letter-spacing:0;cursor:pointer;white-space:nowrap}
.workspace-mode-switch #freeChatBtn:hover{background:var(--ink-surface-hover)}
    .analysis-header{min-height:58px;padding:0 22px;border-bottom:1px solid var(--ink-line);display:flex;align-items:center;gap:26px;background:var(--theme-chat-header)}
    .analysis-brand{flex:0 0 auto}.analysis-brand strong{display:block;color:var(--ink-text);font-size:14px}.analysis-brand span{display:none}
    .analysis-route-nav{display:flex;align-self:stretch;gap:4px}.analysis-route-button{position:relative;min-width:90px;padding:0 13px;border:0;background:transparent;color:var(--ink-muted);font-size:12px;font-weight:650;cursor:pointer}.analysis-route-button:hover{color:var(--ink-text)}.analysis-route-button.active{color:var(--ink-text)}.analysis-route-button.active::after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--ink-primary)}
    .analysis-route-count{display:inline-grid;place-items:center;min-width:19px;height:18px;margin-left:5px;padding:0 5px;border-radius:999px;background:var(--theme-control);color:var(--ink-faint);font-size:9px}.analysis-route-button.active .analysis-route-count{color:var(--ink-warm)}
    .analysis-header-spacer{flex:1}.analysis-scroll{flex:1;min-height:0;overflow:auto;padding:0;background:var(--theme-chat-pane)}
    .analysis-main{min-width:0;padding:30px 38px 48px}.analysis-main-view{display:none;max-width:none;margin:0 auto}.analysis-main-view.active{display:block}.analysis-main-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 26px}.analysis-main-head h2{margin:0;color:var(--ink-text);font-size:26px;letter-spacing:.02em}.analysis-main-head p{max-width:680px;margin:7px 0 0;color:var(--ink-muted);font-size:12px;line-height:1.7}
    .analysis-page-kicker{margin-bottom:7px;color:var(--ink-primary);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
    .analysis-create-page{max-width:900px;border:1px solid var(--ink-line);border-radius:16px;background:var(--theme-control);overflow:hidden}
    .analysis-form-section{display:grid;grid-template-columns:42px minmax(0,1fr);gap:15px;padding:22px 24px;border-bottom:1px solid var(--ink-line)}.analysis-form-section:last-of-type{border-bottom:0}.analysis-step-number{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(var(--ink-primary-rgb),.14);color:var(--ink-warm);font-size:12px;font-weight:800}.analysis-form-content h3{margin:0 0 4px;color:var(--ink-text);font-size:14px}.analysis-form-content>p{margin:0 0 14px;color:var(--ink-muted);font-size:11px;line-height:1.6}.analysis-source-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.analysis-create-page select,.analysis-create-page input{width:100%;height:40px;border:1px solid var(--ink-line);border-radius:9px;background:var(--theme-input);color:var(--ink-text);padding:0 11px}.analysis-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);gap:10px}.analysis-settings-grid label{display:flex;flex-direction:column;gap:6px;color:var(--ink-muted);font-size:11px}
    .analysis-create-footer{min-height:68px;padding:13px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(var(--ink-primary-rgb),.035)}.analysis-create-footer .distill-hint{max-width:590px}.analysis-create-footer .cbtn{height:40px;padding:0 20px!important;border-radius:9px!important}
    .analysis-job-list{display:grid;gap:10px}.analysis-job-list .distill-job{margin:0;padding:16px 18px;background:var(--theme-control)}.analysis-job-list .distill-job:hover{border-color:rgba(var(--ink-primary-rgb),.4);background:var(--ink-surface-hover)}
    .analysis-book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.analysis-book-grid .analysis-report-item{min-height:112px;padding:17px;background:var(--theme-control)}.analysis-book-grid .analysis-report-item strong{font-size:14px}.analysis-book-grid .analysis-report-item span{margin-top:8px;font-size:11px;line-height:1.55;white-space:normal}
    .analysis-empty-state{min-height:220px;display:grid;place-items:center;padding:30px;border:1px dashed var(--ink-line);border-radius:14px;color:var(--ink-faint);font-size:12px;text-align:center;background:rgba(255,255,255,.012)}
    .analysis-detail-shell{padding:22px;border:1px solid var(--ink-line);border-radius:18px;background:var(--theme-control)}
    .analysis-reports{margin-top:20px;padding-top:18px;border-top:1px solid var(--ink-line)}
    .analysis-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.analysis-section-title h3{margin:0;color:var(--ink-text);font-size:15px}.analysis-section-title p{margin:3px 0 0;color:var(--ink-muted);font-size:10px;line-height:1.5}
    .analysis-data-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.analysis-data-stat{padding:10px;border:1px solid var(--ink-line);border-radius:10px;background:var(--theme-input)}.analysis-data-stat strong{display:block;color:var(--ink-text);font-size:16px}.analysis-data-stat span{display:block;margin-top:2px;color:var(--ink-muted);font-size:10px}

    /* 移动端遮罩是主布局的子元素，桌面端不能让它们参与 flex 排版。 */
    @media(min-width:769px){
        .main-layout>.sidebar-overlay{display:none}
    }

    .chat-header,.editor-panel .editor-header{
        min-height:62px;padding:0 20px!important;
        border-bottom:1px solid var(--ink-line)!important;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;
    }
    .chat-header{grid-template-columns:minmax(0,1fr) auto;background:var(--theme-chat-header)!important;position:relative}
    .editor-panel .editor-header{background:var(--theme-editor-header)!important}
    .chat-header h3,.editor-title{
        color:var(--ink-text)!important;font-size:15px!important;font-weight:700;letter-spacing:.04em;
    }
    .chat-header h3,.editor-title{justify-self:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .editor-mode-tag{justify-self:end;font-size:11px;font-weight:500;color:var(--ink-warm);letter-spacing:.08em;padding:5px 9px;border:1px solid rgba(var(--ink-warm-rgb),.2);border-radius:999px;background:rgba(var(--ink-warm-rgb),.055);white-space:nowrap}

    .assistant-tabs{height:44px;padding:5px 8px;background:var(--theme-tabbar)!important;border-bottom:1px solid var(--ink-line)!important;gap:4px}
    .a-tab{padding:7px 10px;border:0!important;border-radius:10px;color:var(--ink-muted)!important;transition:.2s ease;font-weight:600}
    .a-tab:hover{color:var(--ink-text)!important;background:rgba(255,255,255,.04)}
    .a-tab.active{color:#fff!important;background:linear-gradient(135deg,rgba(var(--ink-primary-rgb),.24),rgba(var(--ink-primary-rgb),.08))!important;box-shadow:inset 0 0 0 1px rgba(var(--ink-primary-rgb),.2)}

    /* 处-125：对话面板（输入框四周）改成与左侧列表／执行记录同一面板底色：夜黑日白。
       对话区（.messages-container）用面板底色，消息块用 --activity-bg（处-137）。 */
    #pane-chat{background:var(--theme-panel)}
        .composer-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px}
        .composer-label-short{display:none}
    .composer-plus{position:relative;display:flex;align-items:center}
    .composer-plus-toggle{display:none;width:34px;height:34px;padding:0!important;border-radius:10px!important;font-size:21px!important;line-height:1}
    .composer-plus-menu{display:flex;align-items:center;gap:8px}
    .composer-plus-menu small{display:none}
    .model-last{color:#ffa31a!important;font-weight:800;background:rgba(255,163,26,.16)}
    .c-select{position:relative;display:inline-block;vertical-align:middle;min-width:0}
    .c-select.c-select-model{width:170px;max-width:170px}
    .c-select.c-select-effort{width:62px;max-width:72px}
    .c-select-native{position:absolute!important;left:-9999px!important;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
    .c-select-trigger{display:inline-flex;align-items:center;gap:6px;width:100%;height:34px;padding:0 10px;border:1px solid var(--ink-line);border-radius:10px;background:var(--theme-input);color:var(--ink-text);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;text-align:left}
    .c-select-trigger:hover,.c-select-trigger:focus-visible{border-color:var(--ink-line-strong)}
    .c-select-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
    .c-select-caret{margin-left:auto;font-size:9px;color:var(--ink-faint);transition:transform .15s}
    .c-select.open .c-select-caret{transform:rotate(180deg)}
    .c-select-menu{display:none;position:absolute;left:0;bottom:calc(100% + 6px);min-width:100%;width:max-content;max-width:min(88vw,360px);max-height:min(52vh,360px);overflow-y:auto;padding:8px;border:1px solid var(--ink-line-strong);border-radius:14px;background:var(--theme-popup);box-shadow:0 18px 50px rgba(0,0,0,.4);z-index:120}
    .c-select.open .c-select-menu{display:block}
    .c-select-group{margin-top:8px;padding:7px 10px 5px;border-top:1px solid var(--ink-line);color:var(--ink-muted);font-size:12px;font-weight:800;letter-spacing:.05em}
    .c-select-menu > .c-select-group:first-child{margin-top:0;border-top:0}
    .c-select-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:100%;padding:10px 12px;border-radius:10px;font-size:13.5px;line-height:1.4;color:var(--ink-text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .c-select-opt-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:650}
    .c-select-opt-provider{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:var(--ink-faint);font-weight:500}
    .c-select-option:hover{background:rgba(var(--ink-primary-rgb),.12);color:var(--ink-text)}
    .c-select-option.active{background:rgba(var(--ink-primary-rgb),.18);color:var(--ink-text);font-weight:700}
    .c-select-option.model-last{color:#ffa31a!important;font-weight:800;background:rgba(255,163,26,.14)}
    .c-select-option.model-stale{color:#ff6b6b!important;font-style:italic}
    .c-select.is-last .c-select-trigger{color:#ffa31a;border-color:rgba(255,163,26,.55)}
    .c-select.disabled .c-select-trigger{opacity:.55;cursor:default}
    .attachment-list{display:flex;flex-wrap:wrap;gap:7px}
    .attachment-chip{display:inline-flex;align-items:center;gap:7px;max-width:260px;padding:6px 9px;margin:0 0 8px;border:1px solid var(--ink-line);border-radius:9px;background:var(--theme-control);color:var(--ink-muted);font-size:11px}
    .attachment-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-text)}
    .attachment-chip-thumb{width:34px;height:34px;flex:0 0 auto;border-radius:7px;overflow:hidden;display:grid;place-items:center;background:rgba(0,0,0,.25)}
    .attachment-chip-thumb img{max-width:100%;max-height:100%;object-fit:cover;display:block}
    .attachment-chip button{border:0;background:transparent;color:var(--ink-faint);cursor:pointer;padding:0;font:inherit}
    .attachment-chip button:hover{color:var(--ink-danger)}
    .message-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
    .message-attachment{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ink-line);border-radius:8px;background:rgba(var(--ink-primary-rgb),.08);color:var(--ink-muted);padding:5px 8px;font:inherit;font-size:11px;cursor:pointer}
    .message-attachment:hover{color:var(--ink-text);border-color:rgba(var(--ink-primary-rgb),.45)}
    .message-image-thumb{max-width:220px;max-height:220px;border-radius:10px;border:1px solid var(--ink-line);object-fit:cover;display:block;cursor:pointer}
    /* 处-141：图片查看器——原图按视口缩放，点遮罩或按 ESC 关闭，右下角保留下载。 */
    .image-viewer{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.82);padding:24px}
    .image-viewer.open{display:flex}
    .image-viewer img{max-width:92vw;max-height:84vh;border-radius:10px;object-fit:contain;background:#111;box-shadow:0 10px 40px rgba(0,0,0,.5)}
    .image-viewer-close{position:absolute;top:14px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.5);color:#fff;font-size:20px;line-height:1;cursor:pointer}
    .image-viewer-bar{position:absolute;left:0;right:0;bottom:16px;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:12px}
    .image-viewer-name{max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}
    /* 处-141：服务器文件库/待发区的图片缩略图（原图缩放，不新增后端依赖）。 */
    .server-file-main{display:flex;align-items:center;gap:10px;min-width:0}
    .server-file-thumb{width:40px;height:40px;flex:0 0 auto;padding:0;border:1px solid var(--ink-line);border-radius:8px;overflow:hidden;background:rgba(0,0,0,.2);cursor:pointer;display:none}
    .server-file-thumb.show{display:block}
    .server-file-thumb img{width:100%;height:100%;object-fit:cover;display:block}
    #attachBtn,#serverFileBtn{height:36px;min-width:48px;padding:0 9px!important;border-radius:9px!important}
    .distill-pane{background:var(--theme-chat-pane);min-height:0}
    .distill-scroll{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:12px}
    .distill-card{border:1px solid var(--ink-line);border-radius:14px;background:var(--theme-control);padding:13px}
    .distill-card h4{margin:0 0 9px;color:var(--ink-text);font-size:14px}
    .distill-create-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
    .distill-create-grid .full{grid-column:1/-1}
    .distill-create-grid label{display:flex;flex-direction:column;gap:5px;color:var(--ink-muted);font-size:11px}
    .distill-create-grid input,.distill-create-grid select{width:100%;height:36px;border:1px solid var(--ink-line);border-radius:9px;background:var(--theme-popup);color:var(--ink-text);padding:0 9px;font:inherit}
    .distill-hint{font-size:11px;line-height:1.6;color:var(--ink-muted)}
    .distill-job{border:1px solid var(--ink-line);border-radius:12px;padding:11px;margin-top:8px;cursor:pointer}
    .distill-job.active{border-color:rgba(var(--ink-primary-rgb),.65);background:rgba(var(--ink-primary-rgb),.08)}
    .distill-job-head,.distill-job-meta,.distill-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}
    .distill-job-title{color:var(--ink-text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .distill-badge{flex:0 0 auto;border-radius:999px;padding:3px 7px;background:rgba(var(--ink-primary-rgb),.15);color:var(--ink-warm);font-size:10px}
    .distill-job-meta{margin-top:7px;color:var(--ink-muted);font-size:10px;justify-content:flex-start;flex-wrap:wrap}
    .distill-progress{height:7px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;margin:9px 0}
    .distill-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--ink-primary),var(--ink-warm));transition:width .25s}
    .distill-progress-wrap{position:relative;margin:16px 0 4px}
    .distill-progress-wrap .distill-progress{margin:0}
    .distill-progress-text{position:absolute;top:-15px;right:0;font-size:11px;line-height:1;color:var(--ink-muted);font-variant-numeric:tabular-nums}
    .distill-progress.running span{background:linear-gradient(90deg,var(--ink-primary),var(--ink-warm),var(--ink-primary));background-size:200% 100%;animation:distill-stripes 1.4s linear infinite}
    @keyframes distill-stripes{0%{background-position:0 0}100%{background-position:200% 0}}
    .distill-mode-tag{background:rgba(var(--ink-primary-rgb),.14);color:var(--ink-text);font-weight:700}
    .distill-progress-label{display:flex;justify-content:space-between;gap:10px;color:var(--ink-muted);font-size:10px;line-height:1.5;margin-top:5px}
    .distill-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:10px}
    .distill-facts{max-height:260px;overflow:auto;margin-top:9px}
    .distill-fact{padding:8px 0;border-top:1px solid var(--ink-line);font-size:11px;line-height:1.55;color:var(--ink-text)}
    .distill-evidence{display:block;margin-top:4px;color:var(--ink-muted)}
    .distill-data-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--ink-line)}.distill-data-tab{height:31px;padding:0 10px;border:1px solid var(--ink-line);border-radius:9px;background:var(--theme-input);color:var(--ink-muted);font-size:11px;cursor:pointer}.distill-data-tab.active{border-color:rgba(var(--ink-primary-rgb),.55);background:rgba(var(--ink-primary-rgb),.14);color:var(--ink-text)}
    .distill-upload-progress{margin-top:10px;display:flex;align-items:center;gap:10px}.distill-upload-bar{flex:1;height:6px;border-radius:3px;background:var(--theme-input);border:1px solid var(--ink-line);overflow:hidden}.distill-upload-bar>span{display:block;height:100%;width:0;background:var(--ink-primary,#ffb347);transition:width .15s ease}.distill-upload-text{font-size:11px;color:var(--ink-muted);white-space:nowrap}
    .distill-data-list{min-height:100px;margin-top:8px}.distill-data-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px;color:var(--ink-muted);font-size:10px}.distill-data-pager button:disabled{opacity:.35;cursor:not-allowed}
    .distill-report-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,auto);gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--ink-line)}
    .distill-report-row:first-child{border-top:0}.distill-report-name{color:var(--ink-text);font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .distill-report-meta{margin-top:4px;color:var(--ink-muted);font-size:10px;line-height:1.5}.distill-report-row .cbtn{white-space:nowrap}
    .distill-report-actions{display:flex;flex-direction:column;gap:7px;align-items:flex-end}.distill-report-edition{display:flex;align-items:center;justify-content:flex-end;gap:6px}.distill-report-edition>span{width:48px;color:var(--ink-muted);font-size:10px;text-align:right}
    .analysis-split{display:flex;align-items:stretch;gap:22px;min-height:0}
    .analysis-split-list{width:400px;flex:0 0 400px;min-width:0;display:flex;flex-direction:column}
    .analysis-split-detail{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}
    .analysis-split-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
    .analysis-split-head h2{margin:0;color:var(--ink-text);font-size:20px;letter-spacing:.02em}
    .analysis-split-head p{margin:5px 0 0;color:var(--ink-muted);font-size:11px;line-height:1.6}
    .analysis-report-list{display:flex;flex-direction:column;gap:8px}
    .analysis-report-list .analysis-report-item{margin:0}
    .analysis-header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
    @media(max-width:720px){.distill-report-row{grid-template-columns:1fr}.distill-report-actions{align-items:flex-start}.distill-report-edition{justify-content:flex-start}.distill-report-edition>span{text-align:left}}
    @media(max-width:768px){.distill-create-grid{grid-template-columns:1fr}.distill-create-grid .full{grid-column:auto}}
    @media(max-width:900px){.analysis-split{flex-direction:column}.analysis-split-list{width:100%;flex:0 0 auto}}
    @media(max-width:768px){
        .project-bar{gap:6px;padding:0 8px}
        .project-bar-left{gap:8px}
        .project-bar-left .project-mark{display:none}
        .workspace-mode-switch button{padding:0 10px;font-size:11px}
        body.analysis-workspace-active .analysis-mode-actions{display:none}
        .analysis-mobile-toolbar{display:flex}
        .analysis-mode-actions{gap:4px}
        .project-bar-actions{gap:5px}
        .analysis-split-head p{display:none}
        .composer-actions{flex-wrap:nowrap;gap:3px;overflow:visible}
        .composer-actions .cbtn{min-height:32px;height:32px;padding:0 7px;font-size:11px;white-space:nowrap;flex:0 0 auto}
        .composer-label-full{display:none}
        .composer-label-short{display:inline}
        .composer-actions{justify-content:flex-start}
        .composer-resize-handle{display:none}
        .anchor-btn{width:34px;height:34px;padding:0;font-size:11px;writing-mode:horizontal-tb;display:grid;place-items:center}
        .analysis-empty-state{padding:26px 16px}
        .analysis-main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
        .composer textarea::-webkit-scrollbar,.chapter-editor::-webkit-scrollbar{width:0}
    }
    .server-files-dialog{width:min(760px,calc(100vw - 24px));max-width:760px;max-height:min(78vh,720px);display:flex;flex-direction:column}
    .server-files-summary{display:flex;flex-wrap:wrap;gap:8px 14px;margin:2px 0 12px;color:var(--ink-muted);font-size:12px;line-height:1.5}
    .server-files-list{height:100%;overflow:auto;border:1px solid var(--ink-line);border-radius:12px;background:var(--theme-control)}
    .server-file-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--ink-line)}
    .server-file-row:last-child{border-bottom:0}
    .server-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-text);font-size:13px;font-weight:600}
    .server-file-meta{margin-top:4px;color:var(--ink-faint);font-size:11px;line-height:1.45}
    .server-file-status{color:var(--ink-cyan)}
    .server-file-actions{display:flex;gap:6px;align-items:center}
    .server-file-actions button{height:30px;padding:0 8px!important;font-size:11px}
    .server-files-empty{padding:36px 18px;text-align:center;color:var(--ink-faint);font-size:13px}
    @media(max-width:620px){
        .server-file-row{grid-template-columns:auto minmax(0,1fr)}
        .server-file-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}
        #attachBtn,#serverFileBtn{font-size:11px;padding:0 7px!important}
    }
    .messages-container{padding:0 18px 18px!important;gap:0!important;margin-top:7px;scroll-behavior:auto;--msg-pad-x:18px}
    .messages-container.is-hydrating{visibility:hidden;scroll-behavior:auto!important}
    .message{max-width:88%!important}
    /* 处-55 的 has-compaction-note 已随处-109（压缩提示移到消息外面）退休：
       提示不再是消息的子节点，宽度限制也由处-108 的整行消息统一接管。 */
    .message-name{padding:0 4px!important;margin-bottom:7px!important;color:var(--ink-faint)!important;font-size:11px!important;font-weight:700;letter-spacing:.08em}
    .message-bubble{
        padding:13px 16px!important;border-radius:16px!important;color:var(--ink-text)!important;
        font-size:14px!important;line-height:1.72!important;box-shadow:none!important;
    }
    .assistant .message-bubble{background:var(--theme-assistant-bubble)!important;border:1px solid var(--ink-line)!important;border-bottom-left-radius:5px!important}
    .user .message-bubble{background:var(--theme-user-bubble)!important;border:1px solid rgba(var(--ink-primary-rgb),.2)!important;border-bottom-right-radius:5px!important;box-shadow:none!important}
    .msg-actions{top:-2px!important;right:8px!important;padding:3px;background:var(--theme-popup);border:1px solid var(--ink-line);border-radius:8px;backdrop-filter:blur(10px)}
    .copy-message-btn,.del-message-btn{width:24px;height:24px;padding:0!important;display:grid;place-items:center;border-radius:6px!important;color:var(--ink-muted)!important}
    .copy-message-btn:hover{background:rgba(var(--ink-primary-rgb),.18)!important;color:var(--ink-text)!important}
    .del-message-btn:hover{background:rgba(251,113,133,.14)!important;color:var(--ink-danger)!important}
    .thinking-panel{margin:0 0 8px!important;padding:10px 13px!important;background:rgba(var(--ink-primary-rgb),.07)!important;border:1px solid rgba(var(--ink-primary-rgb),.16);border-radius:12px!important;color:var(--ink-muted)!important}
    .thinking-panel summary{color:var(--ink-cyan)!important;font-weight:600}

    .input-area{
        --composer-height:94px;
        position:relative;padding:0!important;background:transparent!important;border:0!important;flex-shrink:0
    }
    .composer-resize-handle{
        margin:0 0 5px;display:grid;place-items:center;cursor:ns-resize;
        touch-action:none;user-select:none;opacity:.7;transition:opacity .18s ease
    }
    .composer-resize-handle::before{
        content:"";width:126px;height:3px;border-radius:999px;background:linear-gradient(135deg,var(--ink-primary),var(--ink-primary-2));
        box-shadow:0 0 0 1px rgba(255,255,255,.025)
    }
    .composer-resize-handle:hover,.composer-resize-handle.dragging{opacity:1}
    body.composer-resizing{cursor:ns-resize;user-select:none}
    .input-area textarea{
        height:var(--composer-height)!important;min-height:48px;max-height:min(55vh,420px);padding:14px 16px!important;resize:none!important;
        background:var(--activity-bg)!important;border:1px solid transparent!important;border-radius:0!important;
        color:var(--ink-text)!important;font-size:14px!important;line-height:1.65;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
        transition:border-color .2s ease,box-shadow .2s ease;
    }
    .input-area textarea:focus{border-color:rgba(var(--ink-primary-rgb),.62)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
    textarea::placeholder,input::placeholder{color:var(--ink-faint)!important}
    .model-controls{min-height:54px;padding:0!important;background:transparent!important;border:0!important;gap:9px!important}
    .model-controls label,.model-controls select{
        background:var(--theme-control)!important;border:1px solid var(--ink-line)!important;color:var(--ink-muted)!important;border-radius:10px!important;padding:7px 10px!important;font-weight:600!important;
    }
    .composer-context-badge{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;border:1px solid var(--ink-line-strong);border-radius:10px;background:var(--theme-control);font-weight:750;font-size:10px;line-height:1;text-transform:lowercase;box-shadow:inset 0 1px rgba(255,255,255,.025);white-space:nowrap}
    #currentModeLabel,#currentCloudLabel{display:inline-flex!important;min-width:28px;align-items:center;justify-content:center;text-align:center;letter-spacing:.01em}
    #currentModeLabel[data-tone="warm"],#currentCloudLabel[data-tone="warm"]{color:var(--badge-warm-text)!important}
    #currentModeLabel[data-tone="cool"],#currentCloudLabel[data-tone="cool"]{color:var(--badge-cool-text)!important}
    #currentModeLabel[hidden],#currentCloudLabel[hidden]{display:none!important}
    #currentCloudLabel:not([hidden]){cursor:pointer;padding:0 2px;font-size:11px;text-decoration:none}
    #reasoningEffortSelect{width:62px;min-width:62px;max-width:72px;height:34px;padding:0 7px!important;text-align:center}

    .cbtn{border:1px solid transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
    .cbtn:hover{transform:translateY(-1px)}
    .cbtn:active{transform:translateY(0) scale(.98)}
    .cbtn-primary{background:linear-gradient(135deg,var(--ink-primary),var(--ink-primary-2))!important;color:#fff!important;box-shadow:0 8px 22px rgba(var(--ink-primary-rgb),.24)}
    .cbtn-primary:hover{box-shadow:0 10px 28px rgba(var(--ink-primary-rgb),.34);filter:brightness(1.07)}
    .editor-panel .cbtn-primary{color:#111!important}
    .cbtn-secondary{background:var(--theme-control)!important;border-color:var(--ink-line)!important;color:var(--ink-muted)!important}
    /* 处-138：加载更早的消息按钮只做高亮反馈（主色底＋主色字），文字与尺寸不变。 */
    .messages-container .cbtn.is-loading{background:rgba(var(--ink-primary-rgb),.2)!important;color:var(--ink-primary)!important;opacity:1}
    /* 处-138：这个按钮悬停/按下都不位移——通用 .cbtn:hover 会上浮 1px，鼠标一放上去就"动"。 */
    .history-more-btn:hover,.history-more-btn:active{transform:none!important}
    .cbtn-secondary:hover{background:var(--ink-surface-hover)!important;color:var(--ink-text)!important}
    .cbtn-danger{color:var(--ink-danger)!important;border:1px solid rgba(251,113,133,.16)!important;background:rgba(251,113,133,.06)!important}
    .cbtn-main-action{
        width:auto;min-width:92px;height:40px;padding:0 18px!important;margin:0;
        display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
        border-radius:10px!important;font-size:13px!important;font-weight:700!important;
        line-height:1!important;letter-spacing:.04em;white-space:nowrap;
    }
    .cbtn-main-action:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important;filter:none!important}
    .fulltext-actions{min-height:52px;margin-top:12px!important;display:flex;align-items:center;justify-content:flex-end;gap:8px}

    .editor-panel .editor-body{padding:18px 20px 20px!important;background:var(--theme-editor-body)}
    .editor-textarea,.fulltext-editor textarea{
        background:var(--theme-editor-input)!important;border:1px solid var(--ink-line)!important;border-radius:16px!important;
        padding:22px 24px!important;color:var(--ink-text)!important;
        font-size:15px!important;line-height:1.9!important;letter-spacing:.015em!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:.2s ease;
    }
    .editor-textarea:focus,.fulltext-editor textarea:focus{border-color:rgba(var(--ink-primary-rgb),.62)!important;box-shadow:0 0 0 1px rgba(var(--ink-primary-rgb),.08)!important}
    #pane-ideas>.pane-scroll,#pane-fulltext>.pane-scroll{background:var(--theme-chat-pane)!important}
    #pane-ideas>.pane-scroll>div:first-child{color:var(--ink-warm)!important}
    .outline-sidebar{min-height:76px!important;max-height:110px!important;margin-bottom:14px!important;padding:11px 12px!important;background:var(--theme-outline)!important;border:1px solid rgba(var(--ink-warm-rgb),.14);border-radius:14px!important}
    .outline-sidebar h4{color:var(--ink-warm)!important;font-weight:700}
    .outline-list li{padding:6px 11px!important;background:var(--theme-control)!important;border:1px solid var(--ink-line);color:var(--ink-muted)!important;transition:.18s ease}
    .outline-list li:hover{background:rgba(var(--ink-primary-rgb),.15)!important;border-color:var(--ink-line-strong);color:var(--ink-text)!important}

    .pane-scroll{scrollbar-width:thin;scrollbar-color:var(--theme-scrollbar) transparent}
    .item-card,.am-section{background:var(--theme-control)!important;border:1px solid var(--ink-line);border-radius:14px!important;padding:14px!important}
    .item-title,.invite-code-display span{color:var(--ink-warm)!important}
    .item-detail{color:var(--ink-muted)!important;line-height:1.65}
    .invite-code-display{background:var(--theme-input)!important;border:1px solid var(--ink-line)}

    .anchor-btn{width:32px!important;height:32px!important;border-radius:10px!important;background:var(--theme-control)!important;border:1px solid var(--ink-line)!important;color:var(--ink-muted)!important;box-shadow:0 8px 20px rgba(0,0,0,.18)}
    .anchor-btn:hover{background:var(--ink-surface-hover)!important;color:var(--ink-text)!important;border-color:var(--ink-line-strong)!important}
    #sessionBtn,#anchorBtn,#overviewNavBtn{width:29px!important;height:62px!important;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.14em;font-size:10px!important;font-weight:700;line-height:1}
    #sessionBtn{left:0!important;border-left:0!important;border-radius:0 11px 11px 0!important}
    #anchorBtn,#overviewNavBtn{right:0!important;border-right:0!important;border-radius:11px 0 0 11px!important}
    .session-popup .sp-item{min-height:38px;line-height:1.35;position:relative}
    /* 处-58：会话名称取消加粗（原来 650），名称与右侧徽标/时间不再抢视线。 */
    .session-popup .sp-title{display:flex!important;align-items:center;min-height:19px;color:var(--ink-muted)!important;font-weight:400}
    .session-popup .sp-text{flex:1;min-width:0}
    .session-popup .sp-overview-tag{
        display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
        color:var(--ink-faint);font-size:9px;line-height:1.3
    }
    /* 处-60：标题行——标题 + 紧跟其后的压缩次数标记，整体左对齐（不再甩到最右）。
       标题自身按内容宽度、超长才截断，标记始终贴着标题右边。 */
    .session-popup .sp-title-row{flex:1;min-width:0;display:flex;align-items:center;gap:6px}
    .session-popup .sp-compaction{
        flex:0 0 auto;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;
        border-radius:5px;background:var(--theme-control);border:1px solid var(--ink-line);
        color:var(--ink-faint);font-size:10px;font-weight:650;line-height:1;cursor:default
    }
    /* 列表右侧只剩时间（悬停时换成操作条）。 */
    .session-popup .sp-side{display:flex;align-items:center;gap:5px;min-width:0}
    .session-popup .sp-menu{position:relative;flex:0 0 auto}.session-popup .sp-menu>summary{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--ink-line);border-radius:8px;background:var(--theme-control);color:var(--ink-muted);cursor:pointer;list-style:none;font-size:16px;line-height:1}.session-popup .sp-menu>summary::-webkit-details-marker{display:none}.session-popup .sp-menu[open]>summary{border-color:var(--ink-line-strong);color:var(--ink-text)}.session-popup .sp-menu-list{position:absolute;right:0;top:32px;z-index:40;min-width:112px;max-height:280px;overflow-y:auto;padding:5px;background:var(--theme-popup);border:1px solid var(--ink-line-strong);border-radius:10px;}.session-popup .sp-menu-list button{display:block;width:100%;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:var(--ink-muted);text-align:left;font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}.session-popup .sp-menu-list button:hover{background:var(--ink-surface-hover);color:var(--ink-text)}.session-popup .sp-menu-list button.danger{color:var(--ink-danger)}.session-popup .sp-menu-list button:disabled{opacity:.42;cursor:not-allowed}
    /* 处-58：⋯ 菜单浮层。原来它是列表项里的 absolute 元素，会把 .session-popup 的
       滚动高度撑长（列表"变长"）；条目靠下时还会被裁掉——而且 popup 自带
       backdrop-filter，连 fixed 元素都会拿它当包含块、照样裁在里面。
       所以打开时把菜单整体挪到 body 下，再按按钮位置 fixed 摆位：向右展开，
       浮在列表外面的右侧。尺寸配色与原样一致。 */
    .sp-menu-float{
        position:fixed;z-index:2200;min-width:126px;max-height:min(320px,calc(100vh - 20px));
        overflow-y:auto;padding:5px;background:var(--theme-popup);border:1px solid var(--ink-line-strong);
        border-radius:10px;box-shadow:0 18px 44px rgba(0,0,0,.34)
    }
    .sp-menu-float button{display:block;width:100%;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:var(--ink-muted);text-align:left;font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}
    .sp-menu-float button:hover{background:var(--ink-surface-hover);color:var(--ink-text)}
    .sp-menu-float button.danger{color:var(--ink-danger)}
    .sp-menu-float button:disabled{opacity:.42;cursor:not-allowed}
    .sp-menu-float .sp-menu-divider{height:1px;margin:4px 6px;background:var(--ink-line)}
    .sp-menu-float .sp-menu-label{padding:5px 9px 3px;color:var(--ink-faint);font-size:9px;font-weight:700;letter-spacing:.06em}
    /* 处-59：⋯ 按钮取消，改成悬停时显示的操作条：归档 / 置顶 / ＋。
       归档与置顶是直接动作；＋ 打开项目列表（沿用浮层）。
       悬停时把时间收起来，腾出位置放这三个按钮。 */
    .session-popup .sp-hover-actions{flex:0 0 auto;align-items:center;gap:4px}
    .session-popup .sp-action-btn,.session-popup .sp-menu-add>summary{
        height:22px;display:inline-flex;align-items:center;justify-content:center;
        border:1px solid var(--ink-line);border-radius:6px;
        background:var(--theme-control);color:var(--ink-muted);
        font-weight:600;font-size:11px;line-height:1;cursor:pointer;white-space:nowrap;list-style:none;
        transition:background .12s,border-color .12s,color .12s
    }
    /* 处-71：归档与置顶改图标，做成与「＋」一致的 22×22 方钮，文字移进 title / aria-label。 */
    .session-popup .sp-action-btn{width:22px;padding:0}
    .session-popup .sp-action-btn svg{width:13px;height:13px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .session-popup .sp-action-btn.pin-on{color:var(--ink-warm);border-color:currentColor}
    .session-popup .sp-action-btn.pin-on:hover{color:var(--ink-warm);border-color:var(--ink-warm)}
    .session-popup .sp-action-btn:hover,.session-popup .sp-menu-add>summary:hover{background:var(--ink-surface-hover);color:var(--ink-text);border-color:var(--ink-line-strong)}
    .session-popup .sp-action-btn:disabled{opacity:.42;cursor:not-allowed}
    .session-popup .sp-menu-add{position:relative;flex:0 0 auto}
    .session-popup .sp-menu-add>summary{width:22px;padding:0;font-weight:700;font-size:13px;line-height:1}
    .session-popup .sp-menu-add>summary::-webkit-details-marker{display:none}
    /* 有 hover 的设备：平时只显示时间，悬停才把时间换成操作条；鼠标移到浮层上时
       （:has 命中 open）也要继续显示，否则按钮会跟着消失。 */
    @media(hover:hover){
        .session-popup .sp-hover-actions{display:none}
        .session-popup .sp-side{display:flex}
        .session-popup .sp-item:hover .sp-hover-actions,
        .session-popup .sp-item:has(.sp-menu[open]) .sp-hover-actions{display:flex}
        .session-popup .sp-item:hover .sp-side,
        .session-popup .sp-item:has(.sp-menu[open]) .sp-side{display:none}
        /* 分组头（项目栏）的 ⋯ 同样平时不显示：它是「重命名／删除项目」的唯一入口，
           不能直接删掉，改成悬停分组头才出现，平时列表上看不到任何 ⋯。 */
        .session-popup .sp-group-head .sp-menu{display:none}
        .session-popup .sp-group-head:hover .sp-menu,
        .session-popup .sp-group-head:has(.sp-menu[open]) .sp-menu{display:block}
    }
    /* 触屏没有悬停：操作条常显，时间收起，保证功能可达。 */
    @media(hover:none){
        .session-popup .sp-hover-actions{display:flex}
        .session-popup .sp-side{display:none}
        .session-popup .sp-group-head .sp-menu{display:block}
    }
    .session-popup .sp-item.active .sp-title{color:var(--ink-text)!important}
    /* 处-55：PC 上会话条目为一行——标题占满左侧，时间贴右；处-59 起右侧还有
       悬停才出现的操作条。 */
    @media(min-width:769px){
        .session-popup .sp-item{padding:5px 12px;gap:8px}
        .session-popup .sp-text{display:flex;align-items:center;gap:8px}
        .session-popup .sp-title{flex:0 1 auto;min-width:0;min-height:0;line-height:1.3}
        .session-popup .sp-overview-name{flex:0 1 auto;max-width:110px;font-size:9px;line-height:1.3}
        .session-popup .sp-side{flex:0 0 auto;align-items:center;justify-content:flex-end;height:28px}
        .session-popup .sp-time-tag{margin-left:0;font-size:9px;line-height:13px}
    }
    /* 使用状态：AI 执行中转圈；排队中空心圈；任务完成后留小红点，查看后清除。 */
    .session-popup .sp-status{flex:0 0 auto;display:grid;place-items:center;width:14px;height:14px}
    .session-popup .sp-time-tag{display:inline-flex;flex:0 0 auto;margin-left:auto;color:var(--ink-faint);font-size:9px;line-height:1.3;white-space:nowrap}
    .session-popup .sp-status[data-state="none"]{display:none}
    .session-popup .sp-status[data-state="running"]::after{content:"";width:11px;height:11px;border-radius:50%;border:2px solid rgba(var(--ink-primary-rgb),.28);border-top-color:var(--ink-primary);animation:sp-status-spin .8s linear infinite}
    .session-popup .sp-status[data-state="queued"]::after{content:"";width:9px;height:9px;border-radius:50%;border:2px solid rgba(var(--ink-primary-rgb),.45)}
    .session-popup .sp-status[data-state="done"]::after{content:"";width:8px;height:8px;border-radius:50%;background:#ff4d4f;box-shadow:0 0 0 3px rgba(255,77,79,.16)}
    @keyframes sp-status-spin{to{transform:rotate(360deg)}}
    .anchor-empty{min-height:72px;padding:18px;display:flex;align-items:center;justify-content:center;color:var(--ink-faint);font-size:12px;text-align:center}
    .anchor-popup,.session-popup,.tools-popup,.admin-modal,.modal-content{
        background:var(--theme-popup)!important;border:1px solid var(--ink-line-strong)!important;border-radius:16px!important;
        box-shadow:0 24px 70px rgba(0,0,0,.5)!important;backdrop-filter:blur(20px)!important;
    }
    .session-popup .sp-header,.admin-modal .am-header{color:var(--ink-text)!important;border-bottom-color:var(--ink-line)!important}
    .session-popup .sp-item,.anchor-item{border-bottom-color:var(--ink-line)!important;color:var(--ink-muted)!important}
    .session-popup .sp-item:hover,.anchor-item:hover{background:rgba(var(--ink-primary-rgb),.1)!important}
    .anchor-popup button.anchor-item{width:100%;border:0;background:transparent;text-align:left}
    /* 处-58：选中态只留底色高亮，去掉左侧那道 3px 主色竖条（用户反馈太抢眼）。 */
    .session-popup .sp-item.active{background:linear-gradient(135deg,rgba(var(--ink-primary-rgb),.22),rgba(var(--ink-primary-rgb),.07))!important;box-shadow:none}
    /* 处-67：已上传到服务器的会话（cloud_state=server）在列表里用**字体颜色**区分：
       夜间淡黄、日间淡蓝（走 --sp-uploaded-fg 变量）——不再用底色。
       只染标题 .sp-title；选中态由下面那条多一层 .active 的规则恢复成正常文字色，
       不会被本组盖掉（离线条目仍由 .session-offline 继续淡化）。 */
    .session-popup .sp-item.session-uploaded .sp-title{color:var(--sp-uploaded-fg)!important}
    .session-popup .sp-item.session-uploaded.active .sp-title{color:var(--ink-text)!important}
    .modal-content label{color:var(--ink-muted)!important;font-weight:600}
    .modal-content input,.modal-content textarea,.modal-content select{
        background:var(--theme-input)!important;border:1px solid var(--ink-line)!important;color:var(--ink-text)!important;border-radius:10px!important;padding:9px 11px!important;
    }

    .status{
        display:block!important;bottom:24px!important;z-index:4500!important;max-width:calc(100vw - 28px);
        padding:9px 15px!important;background:var(--theme-popup)!important;border:1px solid var(--ink-line)!important;
        border-radius:11px!important;box-shadow:0 16px 40px rgba(0,0,0,.3);backdrop-filter:blur(12px);
        color:var(--ink-text)!important;opacity:0;visibility:hidden;transform:translate(-50%,8px);
        transition:opacity .18s ease,transform .18s ease,visibility .18s;overflow:hidden;text-overflow:ellipsis;
    }
    .status.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
    .status.error{color:#fff!important;background:rgba(139,34,52,.96)!important;border-color:rgba(251,113,133,.5)!important}
    /* 处-45：“回到底部”搬进导航条后自带黄系配色，不再走这条通用回底样式。 */
    #scrollToBottomBtn{background:var(--theme-input)!important;border:1px solid var(--ink-line)!important;color:var(--ink-primary)!important;box-shadow:none!important;backdrop-filter:none!important}
    #scrollToBottomBtn:hover{background:var(--ink-surface-hover)!important;border-color:var(--ink-line-strong)!important;color:var(--ink-primary-2)!important;transform:none!important}

    #loginForm,#registerForm{
        width:min(400px,calc(100vw - 32px))!important;padding:38px 36px!important;background:var(--theme-popup)!important;
        border:1px solid var(--ink-line-strong)!important;border-radius:24px!important;box-shadow:0 30px 90px rgba(0,0,0,.48)!important;backdrop-filter:blur(22px);
    }
    #loginForm::before,#registerForm::before{content:"AI";display:grid;place-items:center;width:52px;height:48px;margin:0 auto 14px;border-radius:13px;background:linear-gradient(135deg,var(--ink-primary),var(--ink-primary-2));color:#fff;font-weight:700;font-size:14px;line-height:1;letter-spacing:.08em;box-shadow:0 12px 32px rgba(var(--ink-primary-rgb),.3)}
    #loginForm h2,#registerForm h2{font-size:22px!important;letter-spacing:.16em;margin-bottom:22px!important}
    #loginForm input,#registerForm input{width:100%!important;margin:10px 0!important;padding:12px 14px!important;background:var(--theme-input)!important;border:1px solid var(--ink-line)!important;border-radius:11px!important;color:var(--ink-text)!important}
    #loginForm input:focus,#registerForm input:focus{border-color:rgba(56,189,248,.56)!important;box-shadow:none}

    *{scrollbar-width:thin;scrollbar-color:var(--theme-scrollbar) transparent}
    *::-webkit-scrollbar{width:6px;height:6px}
    *::-webkit-scrollbar-track{background:transparent}
    *::-webkit-scrollbar-thumb{background:var(--theme-scrollbar);border-radius:999px}

    .panel-mode-toggle{
        justify-self:center;width:32px;height:32px;padding:0;border:1px solid var(--ink-line);border-radius:9px;
        display:grid;place-items:center;background:var(--theme-control);color:var(--ink-text);cursor:pointer;
        font-size:12px;font-weight:700;line-height:1;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
    }
    .panel-mode-toggle:hover{border-color:var(--ink-line-strong);background:var(--ink-surface-hover);transform:translateY(-1px)}
    .panel-mode-toggle:active{transform:translateY(0) scale(.96)}
    /* 处-67：日夜图标改成内联 SVG —— 原来用 ☾/☀ 字符，字形在字体里本身带偏移，
       26px 方块里怎么摆都看着不居中（盒子是居中的，偏的是字形）。 */
    .mode-icon{display:grid;place-items:center;line-height:1}
    .mode-icon svg{display:block;width:14px;height:14px}

    @media(max-width:980px) and (min-width:769px){
        .assistant-panel{width:52%}.editor-panel{width:48%}
        .messages-container{padding-left:20px!important;padding-right:20px!important}
    }
    @media(max-width:768px){
        .main-layout{padding:0;gap:0}
        .assistant-panel,.editor-panel,.analysis-panel{height:100vh!important;height:100dvh!important;padding-bottom:calc(52px + env(safe-area-inset-bottom));border:0!important;border-radius:0!important;box-shadow:none}
        .messages-container{padding:18px 12px 10px!important;gap:16px!important}
        .message{max-width:92%!important}
        .message-bubble{font-size:13.5px!important;line-height:1.65!important;padding:11px 13px!important}
        .agent-final-head .agent-final-title{font-size:13.5px}
        .input-area{--composer-height:44px;padding:0!important}
        .input-area textarea,.input-area textarea:focus{
            height:var(--composer-height)!important;min-height:44px!important;max-height:min(52vh,360px)!important;
            border-radius:0!important;padding:10px 12px!important
        }
        .model-controls{min-height:40px;padding:0!important;margin-bottom:0;align-items:center!important;gap:4px!important;overflow:visible}
        .model-controls label{height:32px;display:flex;align-items:center;justify-content:center;margin:0!important}
        #pane-chat .model-controls{display:flex;align-items:center!important;flex-wrap:wrap;row-gap:4px}
        #modelSelect{width:96px;max-width:96px;height:32px;padding:3px 6px!important;font-size:10px!important;flex:0 1 96px;text-overflow:ellipsis}
        /* 手机端取消底栏标识与旧底部标签栏；执行器信息保留在模型下拉里，省下的高度还给对话区。 */
        .composer-context-badge{display:none!important}
        body.hub-core .mobile-tab-bar{display:none!important}
        body.hub-core .assistant-panel,body.hub-core .editor-panel,body.hub-core .analysis-panel{padding-bottom:env(safe-area-inset-bottom)!important}
        /* 下拉框收窄并允许省略：模型名较长时不会再撑破整行。 */
        .permission-mode-select{max-width:76px!important;height:32px;padding:0 2px!important;font-size:11px!important}
        #reasoningEffortSelect{width:48px;min-width:48px;max-width:48px;height:32px;padding:0 4px!important;font-size:11px!important;flex:0 0 48px}
        .c-select.c-select-model{width:112px;max-width:112px}
        .c-select.c-select-effort{width:48px;max-width:48px}
        .c-select-trigger{height:32px;padding:0 7px;font-size:12px!important;min-width:0;overflow:hidden;text-overflow:ellipsis}
        .composer-actions{gap:3px;min-width:0;flex:1 1 auto;margin-left:0;justify-content:flex-start}
        .composer-actions label{padding:4px 6px!important;height:32px!important;gap:2px;font-size:11px!important}
        .composer-plus-toggle{display:grid;place-items:center;width:32px;height:32px;font-size:20px!important}
        .composer-plus-menu{display:none;position:absolute;right:0;bottom:39px;z-index:80;width:172px;padding:6px;flex-direction:column;align-items:stretch;gap:5px;border:1px solid var(--ink-line-strong);border-radius:12px;background:var(--theme-popup);box-shadow:0 16px 42px rgba(0,0,0,.4);backdrop-filter:blur(18px)}
        .composer-plus-menu.open{display:flex}
        .composer-plus-menu .cbtn{width:100%;height:auto!important;min-height:44px!important;padding:7px 9px!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;border-radius:8px!important;text-align:left}
        .composer-plus-menu .composer-label-full{display:inline;font-size:11px;font-weight:700;color:var(--ink-text)}
        .composer-plus-menu .composer-label-short{display:none}
        .composer-plus-menu small{display:block;color:var(--ink-faint);font-size:9px;font-weight:500}
        #sendBtn{min-width:54px;margin-left:auto}
        #sessionBtn,#anchorBtn,#overviewNavBtn{width:28px!important;height:56px!important;font-size:10px!important}
        #currentModeLabel:not([hidden]){display:inline-flex!important;align-items:center;justify-content:center;line-height:1}
        .cbtn-main-action{min-width:54px;height:32px;padding:0 10px!important}
        @media(max-width:380px){
            .input-area textarea{padding:11px 12px!important}
            .input-area textarea::placeholder{font-size:12px}
        }
        .mobile-tab-bar{height:calc(52px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--theme-popup)!important;border-top:1px solid var(--ink-line)!important;backdrop-filter:blur(18px)}
        .mobile-tab{height:52px;padding:0!important;display:flex;align-items:center;justify-content:center;color:var(--ink-muted)!important;font-weight:600}
        .mobile-tab.active{color:var(--ink-cyan)!important;background:linear-gradient(to top,rgba(var(--ink-primary-rgb),.15),transparent)!important}
        .panel-mode-toggle{width:30px;height:30px}
        #loginForm,#registerForm{padding:30px 24px!important}
        .editor-panel .editor-body{padding:12px!important}
        .editor-textarea{padding:18px!important;font-size:14px!important}
        .analysis-panel{padding-bottom:0!important}.analysis-scroll{padding:12px;overflow-x:hidden}.analysis-hero{padding:16px;align-items:flex-start}.analysis-hero h2{font-size:20px}.analysis-hero-tag{display:none}.analysis-grid{grid-template-columns:1fr;min-width:0}.analysis-column,.distill-card{min-width:0;max-width:100%}.analysis-data-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-mode-switch button{padding:0 8px;font-size:10px}.distill-fact,.distill-evidence,.distill-report-meta,.distill-hint,.distill-job-meta{overflow-wrap:anywhere;word-break:break-word}.distill-data-pager{flex-wrap:wrap}.distill-upload-text{white-space:normal;min-width:0}
        .chat-header{display:none}
    }

    /* ===== 创作工作区：总纲、素材、卷章编辑 ===== */
    .status{z-index:4500!important}
    .header-icon-btn{width:30px;height:30px;padding:0!important;display:grid;place-items:center;border-radius:9px!important}
    .account-menu{
        position:fixed;z-index:1200;display:none;width:150px;padding:7px;
        background:var(--theme-popup);border:1px solid var(--ink-line);border-radius:12px;box-shadow:var(--ink-shadow)
    }
    .account-menu button{width:100%;height:34px;border:0;border-radius:8px;background:transparent;color:var(--ink-muted);text-align:left;padding:0 10px;cursor:pointer}
    .account-menu button:hover{background:var(--ink-surface-hover);color:var(--ink-text)}
    /* 处-66：账号入口从左侧栏底部搬到顶栏右侧「⋯」按钮，菜单向右下弹出。
       菜单头部放用户名与日夜切换；这两块原来在左下角是一行。 */
    .account-menu-head{display:flex;align-items:center;gap:8px;padding:2px 6px 9px;margin-bottom:5px;border-bottom:1px solid var(--ink-line)}
    .account-menu-head strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--ink-text)}
    .account-menu-head .global-mode-toggle{width:26px;height:26px;padding:0;border:1px solid var(--ink-line);border-radius:7px;background:var(--theme-input);color:var(--ink-text);font-size:12px}
    .account-menu-head .global-mode-toggle:hover{border-color:var(--ink-line-strong);background:var(--ink-surface-hover)}
    .hub-icon-btn{width:32px;height:32px;border:1px solid var(--ink-line);border-radius:9px;background:var(--theme-input);color:var(--ink-text);font-weight:800;font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .18s,border-color .18s}
    .hub-icon-btn:hover{border-color:var(--ink-line-strong);background:var(--ink-surface-hover)}

    .overview-pane,.material-pane{background:var(--theme-chat-pane)}
    .overview-toolbar,.material-subnav{
        min-height:48px;padding:7px 12px;display:flex;align-items:center;gap:7px;
        background:var(--theme-tabbar);border-bottom:1px solid var(--ink-line)
    }
    .overview-toolbar .overview-spacer{flex:1}
    .overview-version-bar{
        min-height:46px;padding:7px 12px;display:flex;align-items:center;gap:8px;
        background:var(--theme-popup);border-bottom:1px solid var(--ink-line)
    }
    .overview-version-bar label{color:var(--ink-muted);font-size:11px;font-weight:700;white-space:nowrap}
    .overview-version-select{
        flex:1;min-width:0;height:32px;padding:0 30px 0 10px;border:1px solid var(--ink-line);
        border-radius:9px;background:var(--theme-control);color:var(--ink-text);outline:none
    }
    .overview-version-select:focus{border-color:var(--ink-line-strong)}
    .overview-version-actions{display:flex;align-items:center;gap:5px}
    .overview-version-actions button{
        height:32px;padding:0 9px;border:1px solid var(--ink-line);border-radius:9px;
        background:transparent;color:var(--ink-muted);font-size:11px;cursor:pointer
    }
    .overview-version-actions button:hover:not(:disabled){color:var(--ink-text);background:var(--ink-surface-hover)}
    .overview-version-actions button:disabled{opacity:.35;cursor:not-allowed}
    .seg-btn,.material-subtab{
        height:32px;padding:0 12px;border:1px solid transparent;border-radius:9px;
        background:transparent;color:var(--ink-muted);font-weight:650;cursor:pointer
    }
    .seg-btn.active,.material-subtab.active{
        color:var(--ink-text);background:var(--theme-control);border-color:var(--ink-line)
    }
    .overview-scroll{flex:1;overflow-y:auto;padding:14px}
    .overview-title-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-bottom:12px}
    .overview-title-input{
        width:100%;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--ink-line);
        color:var(--ink-text);background:var(--theme-input);font-size:17px;font-weight:750;outline:none
    }
    .overview-title-input:focus{border-color:rgba(var(--ink-primary-rgb),.62)}
    .overview-grid{display:grid;gap:10px}
    .overview-card{
        padding:13px;border:1px solid var(--ink-line);border-radius:14px;background:var(--theme-control);
        scroll-margin-top:10px;transition:border-color .2s ease,background .2s ease
    }
    .overview-card.is-targeted{border-color:var(--ink-line-strong);background:rgba(var(--ink-primary-rgb),.09)}
    .overview-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}
    .overview-card-title{color:var(--ink-text);font-size:13px;font-weight:750}
    .overview-section-title-input{
        flex:1;min-width:0;height:30px;padding:0 8px;border:1px solid transparent;border-radius:8px;
        background:transparent;color:var(--ink-text);font-size:13px;font-weight:750;outline:none
    }
    .overview-section-title-input:hover,.overview-section-title-input:focus{
        border-color:var(--ink-line);background:var(--theme-input)
    }
    .overview-card-actions{display:flex;align-items:center;gap:6px}
    .overview-move-btn,.overview-delete-btn{
        width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:8px;
        background:transparent;color:var(--ink-faint);cursor:pointer
    }
    .overview-move-btn{color:var(--ink-muted)}
    .overview-move-btn:hover:not(:disabled){
        color:var(--ink-text);border-color:var(--ink-line);background:var(--ink-surface-hover)
    }
    .overview-move-btn:disabled{opacity:.28;cursor:not-allowed}
    .overview-delete-btn:hover{
        color:var(--ink-danger);border-color:rgba(251,113,133,.2);background:rgba(251,113,133,.07)
    }
    .overview-card-help{color:var(--ink-faint);font-size:11px;text-align:right}
    .overview-card textarea{
        width:100%;min-height:118px;padding:11px 12px;border:1px solid var(--ink-line);border-radius:10px;
        background:var(--theme-input);color:var(--ink-text);resize:none;overflow-y:hidden;line-height:1.7;outline:none
    }
    .overview-card textarea:focus{border-color:rgba(var(--ink-primary-rgb),.55)}
    .overview-read{display:none;max-width:720px;margin:0 auto;padding:6px 4px 30px}
    .overview-read h2{color:var(--ink-text);font-size:22px;margin:4px 0 18px}
    .overview-read section{
        margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--ink-line);
        scroll-margin-top:10px;transition:outline-color .2s ease,background .2s ease
    }
    .overview-read section.is-targeted{
        outline:1px solid var(--ink-line-strong);outline-offset:5px;border-radius:6px;
        background:rgba(var(--ink-primary-rgb),.06)
    }
    .overview-read h3{color:var(--ink-cyan);font-size:13px;margin-bottom:7px}
    .overview-read p{color:var(--ink-text);white-space:pre-wrap;line-height:1.8}
    #copyOverviewBtn{display:none}
    .overview-empty{color:var(--ink-faint);padding:38px 16px;text-align:center}
    .save-hint{font-size:11px;color:var(--ink-muted);white-space:nowrap}

    .overview-organizer-card{
        width:min(980px,calc(100vw - 30px));height:min(760px,calc(100dvh - 30px));max-height:calc(100dvh - 30px);
        padding:0;display:flex;flex-direction:column;overflow:hidden
    }
    .overview-organizer-head{
        min-height:68px;padding:14px 18px;display:flex;align-items:center;gap:14px;
        border-bottom:1px solid var(--ink-line);background:var(--theme-popup)
    }
    .overview-organizer-head-copy{flex:1;min-width:0}
    .overview-organizer-head .app-dialog-kicker{margin-bottom:4px}
    .overview-organizer-head .app-dialog-title{margin:0;font-size:17px}
    .overview-organizer-close{width:34px;height:34px;padding:0;border-radius:9px}
    .overview-organizer-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    .overview-organizer-pane{min-width:0;min-height:0;padding:16px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
    .overview-organizer-pane+.overview-organizer-pane{border-left:1px solid var(--ink-line);background:var(--theme-control)}
    .overview-organizer-pane-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
    .overview-organizer-pane-head strong{font-size:13px;color:var(--ink-text)}
    .overview-organizer-count{font-size:11px;color:var(--ink-faint)}
    .overview-organizer-model{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
    .overview-organizer-source{
        flex:1;min-height:220px;width:100%;padding:13px;border:1px solid var(--ink-line);border-radius:11px;
        resize:none;outline:none;background:var(--theme-input);color:var(--ink-text);line-height:1.7
    }
    .overview-organizer-source:focus{border-color:var(--ink-line-strong)}
    .overview-organizer-preview{flex:1;min-height:0;overflow-y:auto;padding-right:3px}
    .overview-organizer-empty{
        height:100%;min-height:220px;display:grid;place-items:center;padding:24px;text-align:center;
        color:var(--ink-faint);font-size:12px;line-height:1.7;border:1px dashed var(--ink-line);border-radius:12px
    }
    .overview-organizer-preview-title{margin-bottom:10px;color:var(--ink-text);font-size:16px}
    .overview-organizer-preview-card{padding:11px 12px;margin-bottom:8px;border:1px solid var(--ink-line);border-radius:11px;background:var(--theme-input)}
    .overview-organizer-preview-card strong{display:block;margin-bottom:6px;color:var(--ink-cyan);font-size:12px}
    .overview-organizer-preview-card p{margin:0;white-space:pre-wrap;color:var(--ink-muted);font-size:12px;line-height:1.65}
    .overview-organizer-footer{
        min-height:62px;padding:11px 16px;display:flex;align-items:center;justify-content:flex-end;gap:8px;
        border-top:1px solid var(--ink-line);background:var(--theme-popup)
    }
    .overview-organizer-status{margin-right:auto;min-width:0;color:var(--ink-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    #organizeOverviewBtn .mobile-only{display:none}

    .material-subnav{justify-content:center}
    .material-body{flex:1;min-height:0;position:relative}
    .material-section{display:none;height:100%;min-height:0}
    .material-section.active{display:flex;flex-direction:column}
    .material-scroll{flex:1;overflow-y:auto;padding:14px}
    .material-actions{padding:8px 14px 12px;display:flex;align-items:center;justify-content:flex-end;gap:8px}
    /* ===== 笔记库 ===== */
    .notes-layout{flex:1;min-height:0;display:flex;gap:10px;padding:14px;box-sizing:border-box}
    /* 处-61：去掉右侧那条分隔线。它写的是 var(--line,#333)，而 --line 这个变量
       全项目都没定义过 → 永远取回退值 #333（黑），日间皮肤下就是一条刺眼的黑线。 */
    .notes-sidebar{flex:0 0 200px;width:200px;min-height:0;display:flex;flex-direction:column;padding-right:8px}
    /* 处-64：笔记侧栏的「＋ 新建」原来用的是通用 .cbtn(34px 高、13.6px 字、
       大内距)，放在 200px 宽的窄侧栏里显得很重。这里收成紧凑小按钮，
       只作用于笔记区这两处（新建 / 删除）。 */
    .notes-sidebar-head .cbtn,.notes-editor-head .cbtn{height:26px;padding:0 9px!important;font-size:11px!important;border-radius:7px!important}
    .notes-sidebar-head .cbtn:hover,.notes-editor-head .cbtn:hover{transform:none}
    .notes-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}
    /* 处-65：侧栏「笔记」标题重做。原来是 13px 灰字，扁平但太素、跟下面的笔记项
       几乎同级。改成：一个 3px 主色小竖条 + 略加字重与字距，仍保持扁平——
       不用渐变、不用阴影、不用描边块，只靠"竖条 + 字重"区分层级。 */
    .notes-sidebar-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ink-text,#ddd)}
    .notes-sidebar-title::before{content:"";flex:0 0 auto;width:3px;height:12px;border-radius:2px;background:var(--ink-primary)}
    .notes-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}
    .notes-empty{color:#888;font-size:12px;padding:8px}
    .note-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;border-radius:8px;cursor:pointer;background:var(--ink-surface,#2a2a38);color:var(--ink-text,#ddd);font-size:13px}
    .note-row:hover{background:var(--ink-surface-hover,#343445)}
    .note-row.active{background:rgba(var(--ink-primary-rgb),.24);color:var(--ink-text)}
    .note-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .note-origin-badge{flex:0 0 auto;font-size:10px;padding:1px 5px;border-radius:6px;background:var(--ink-surface-hover,#4a4a5e);color:var(--ink-muted,#cfd6e0)}
    .notes-editor{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
    /* 处-65：恢复编辑区上方的笔记标题，并按"标题"来做（比笔记项和正文都大一档，
       加粗、用主文字色）。处-64 误删过这行——它显示的是笔记名，不是固定标签。 */
    .notes-editor-head{display:flex;gap:6px;align-items:center;justify-content:space-between;margin-bottom:8px;min-height:28px}
    .notes-editor-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;letter-spacing:.01em;color:var(--ink-text,#e7eaee)}
    .notes-content{flex:1;min-height:0;width:100%;resize:none;box-sizing:border-box}
    .note-rename-btn{flex:0 0 auto;border:0;background:transparent;color:var(--ink-muted,#9aa6b2);cursor:pointer;font-size:12px;padding:2px 4px;border-radius:6px}
    .note-rename-btn:hover{background:var(--ink-surface-hover,#4a4a5e);color:var(--ink-text,#fff)}
    .note-rename-input{flex:1;min-width:0;padding:3px 6px;border-radius:6px;border:1px solid var(--ink-line-strong,#5a6a8a);background:var(--theme-input,#1e1e2a);color:var(--ink-text,#eee);font-size:13px}
    /* 处-144：服务器文件库与笔记改成两个 tab（原来上下两段），不再用分组标题。 */
    .server-files-tabs{display:inline-flex;padding:3px;background:var(--theme-input);border:1px solid var(--ink-line);border-radius:11px;margin:4px 0 10px}
    .server-files-tab{height:32px;padding:0 15px;border:0;border-radius:8px;background:transparent;color:var(--ink-muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
    .server-files-tab.active{background:rgba(var(--ink-primary-rgb),.18);color:var(--ink-text);box-shadow:inset 0 0 0 1px rgba(var(--ink-primary-rgb),.18)}
    .server-files-tab-count{margin-left:5px;color:var(--ink-faint);font-weight:600}
    /* 处-144 补充：两个 tab 的下方列表共用同一固定高度，切换不跳高；比原文件列表（50vh）
       低一档，配上外层卡片不会被顶出内部滚动条。 */
    .pick-pane{display:none;flex:0 0 auto;height:min(42vh,380px)}
    .pick-pane.active{display:block}
    .notes-pick-list{height:100%;overflow-y:auto}
    .note-pick-row{display:flex;gap:8px;align-items:flex-start;padding:6px;border-radius:8px}
    .note-pick-row:hover{background:#2f2f3f}
    .attachment-chip.note-chip{background:#3a4a6a}
    .message-note-chip{display:inline-block;margin:4px 6px 0 0;padding:2px 8px;border-radius:10px;background:#3a4a6a;color:#dfe8ff;font-size:12px}
    @media (max-width:720px){
        .notes-layout{flex-direction:column;padding:10px}
        .notes-sidebar{flex:0 0 auto;width:auto;max-height:32%;border-right:none;padding-right:0;padding-bottom:8px}
    }
    #aiWorkbenchHost{width:100%;height:100%;min-height:0}
    .material-body>.ai-workbench{position:relative}
    .naming-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .character-ai-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-bottom:10px}
    .form-field{display:flex;flex-direction:column;gap:5px}
    .form-field.full{grid-column:1/-1}
    .form-field label{font-size:11px;color:var(--ink-muted);font-weight:650}
    .form-field input,.form-field select,.form-field textarea{
        width:100%;border:1px solid var(--ink-line);border-radius:10px;background:var(--theme-input);
        color:var(--ink-text);padding:9px 10px;outline:none
    }
    .form-field textarea{min-height:66px;resize:vertical}
    .name-results,.saved-names{display:grid;gap:8px;margin-top:14px}
    .name-card{padding:11px 12px;border:1px solid var(--ink-line);border-radius:12px;background:var(--theme-control)}
    .name-card-head{display:flex;align-items:center;gap:8px}
    .name-card strong{flex:1;color:var(--ink-text);font-size:14px}
    .name-card p{margin-top:6px;color:var(--ink-muted);font-size:12px;line-height:1.55}
    .mini-btn{height:28px;padding:0 8px;border:1px solid var(--ink-line);border-radius:8px;background:transparent;color:var(--ink-muted);cursor:pointer}
    .mini-btn:hover{border-color:var(--ink-line-strong);color:var(--ink-text)}
    .section-heading{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:var(--ink-text);font-size:13px}

    .editor-panel{position:relative}
    .editor-head-actions{justify-self:end;display:flex;align-items:center;gap:7px}
    .editor-head-btn{
        height:30px;padding:0 10px;border:1px solid var(--ink-line);border-radius:9px;
        background:var(--theme-control);color:var(--ink-muted);font-size:11px;font-weight:650;cursor:pointer
    }
    .editor-head-btn:hover{border-color:var(--ink-line-strong);color:var(--ink-text)}
    #newNovelBtn .mobile-only{display:none}
    .editor-panel .editor-body{overflow:hidden!important;position:relative}
    .chapter-context{
        min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;
        padding:0 2px 10px;border-bottom:1px solid var(--ink-line);margin-bottom:12px
    }
    .chapter-title-input{
        width:100%;height:38px;padding:0 11px;border:1px solid transparent;border-radius:9px;
        background:transparent;color:var(--ink-text);font-size:16px;font-weight:750;outline:none
    }
    .chapter-title-input:hover,.chapter-title-input:focus{background:var(--theme-control);border-color:var(--ink-line)}
    .chapter-meta{display:flex;align-items:center;gap:9px;color:var(--ink-faint);font-size:11px;white-space:nowrap}
    .chapter-save-state{color:var(--ink-warm)}
    .chapter-editor{min-height:0!important}
    .writing-actions{min-height:52px;margin-top:12px;display:flex;align-items:center;justify-content:flex-end;gap:8px}
    .writing-actions .save-hint{margin-right:auto}

    .chapter-drawer{
        position:absolute;z-index:40;top:63px;right:0;bottom:0;width:min(340px,92%);
        display:flex;flex-direction:column;background:var(--theme-popup);border-left:1px solid var(--ink-line);
        box-shadow:-18px 0 40px rgba(0,0,0,.25);transform:translateX(105%);transition:transform .2s ease
    }
    .chapter-drawer.open{transform:translateX(0)}
    .drawer-head{padding:10px 12px;display:flex;flex-direction:column;gap:9px;border-bottom:1px solid var(--ink-line)}
    .drawer-novel-row,.drawer-volume-row{width:100%;display:flex;align-items:center;gap:6px}
    .drawer-volume-row strong{flex:1;color:var(--ink-text)}
    .drawer-novel-select{
        flex:1;min-width:0;height:34px;padding:0 28px 0 9px;border:1px solid var(--ink-line);
        border-radius:9px;background:var(--theme-input);color:var(--ink-text);outline:none
    }
    .drawer-novel-select:focus{border-color:var(--ink-line-strong)}
    .drawer-list{flex:1;overflow-y:auto;padding:10px}
    .volume-block{border:1px solid var(--ink-line);border-radius:12px;background:var(--theme-control);margin-bottom:9px;overflow:hidden}
    .volume-row{min-height:42px;padding:6px 8px;display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--ink-line)}
    .volume-row strong{flex:1;color:var(--ink-text);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .chapter-row{min-height:38px;padding:5px 8px 5px 16px;display:flex;align-items:center;gap:6px;color:var(--ink-muted);cursor:pointer}
    .chapter-row:hover{background:var(--ink-surface-hover);color:var(--ink-text)}
    .chapter-row.active{background:rgba(var(--ink-primary-rgb),.16);color:var(--ink-warm)}
    .chapter-row .chapter-row-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .chapter-row .chapter-row-count{font-size:10px;color:var(--ink-faint)}
    .chapter-empty-row{padding:12px 14px;color:var(--ink-faint);font-size:11px;line-height:1.55;text-align:center}
    .writing-library-empty{padding:42px 18px;color:var(--ink-faint);font-size:12px;line-height:1.7;text-align:center}
    .dragging{opacity:.45}

    .ai-workbench{
        z-index:2;display:none;width:100%;height:100%;min-height:0;
        background:var(--theme-chat-pane)
    }
    .ai-workbench.open{display:flex}
    .ai-dialog{
        width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;
        background:var(--theme-chat-pane);border:0;border-radius:0;box-shadow:none
    }
    .ai-dialog-body{flex:1;min-height:0;padding:14px 16px 18px;overflow-y:auto}
    .ai-source-bar{
        display:grid;grid-template-columns:auto minmax(190px,280px) 1fr;gap:10px;align-items:end;
        margin-bottom:12px;padding:10px;border:1px solid var(--ink-line);border-radius:12px;background:var(--theme-control)
    }
    .ai-source-switch{display:flex;gap:5px;padding:3px;border:1px solid var(--ink-line);border-radius:10px;background:var(--theme-editor-input)}
    .ai-source-option{
        min-width:82px;height:32px;padding:0 11px;border:0;border-radius:7px;background:transparent;
        color:var(--ink-muted);font-size:12px;font-weight:650;cursor:pointer
    }
    .ai-source-option.active{background:rgba(var(--ink-primary-rgb),.18);color:var(--ink-text);box-shadow:inset 0 0 0 1px var(--ink-line-strong)}
    .ai-chapter-field{display:none;min-width:0}
    .ai-chapter-field.visible{display:flex}
    .ai-source-note{align-self:center;color:var(--ink-faint);font-size:11px;line-height:1.5}
    .ai-source-textarea{
        width:100%;min-height:280px;padding:12px;border:1px solid var(--ink-line);border-radius:10px;
        background:var(--theme-editor-input);color:var(--ink-text);resize:vertical;line-height:1.7
    }
    .ai-source-textarea[readonly]{color:var(--ink-muted);background:var(--theme-control)}
    .ai-tool-card{padding:12px;border:1px solid var(--ink-line);border-radius:13px;background:var(--theme-control)}
    .ai-tool-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
    .ai-tool-card-head strong{color:var(--ink-text);font-size:12px}
    .ai-tool-card-head span{color:var(--ink-faint);font-size:10px;text-align:right}
    .rewrite-modes{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px}
    .rewrite-mode{
        min-height:36px;border:1px solid var(--ink-line);border-radius:9px;background:var(--theme-control);
        color:var(--ink-muted);font-size:11px;cursor:pointer
    }
    .rewrite-mode.active{border-color:var(--ink-line-strong);color:var(--ink-text);background:rgba(var(--ink-primary-rgb),.16)}
    .ai-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
    .ai-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
    .ai-result-grid .form-field{min-width:0;padding:11px;border:1px solid var(--ink-line);border-radius:13px;background:var(--theme-control)}
    .ai-result-grid textarea{width:100%;min-height:310px;padding:12px;border:1px solid var(--ink-line);border-radius:10px;background:var(--theme-editor-input);color:var(--ink-text);resize:vertical;line-height:1.7}
    .ai-dialog-actions{
        min-height:52px;margin-top:12px;padding:12px 0 2px;display:flex;align-items:center;justify-content:flex-end;gap:8px;
        border-top:1px solid var(--ink-line)
    }
    .ai-dialog-actions button:disabled{opacity:.42;cursor:not-allowed}
    .ai-loading{display:none;color:var(--ink-warm);font-size:12px;margin-right:auto}
    .proofread-workspace{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:10px;align-items:stretch}
    .proofread-compose,.proofread-review{min-width:0;padding:12px;border:1px solid var(--ink-line);border-radius:13px;background:var(--theme-control)}
    .proofread-list{display:grid;gap:9px;min-height:280px}
    .proofread-source-wrap{margin-bottom:10px}
    .proofread-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}
    .proofread-toolbar .form-field{min-width:0}
    .proofread-toolbar .form-field{grid-column:1/-1}
    .proofread-toolbar .mini-btn{height:36px}
    #copyProofreadTextBtn{grid-column:1/-1}
    .proofread-item{padding:11px;border:1px solid var(--ink-line);border-radius:11px;background:var(--theme-control)}
    .proofread-tag{display:inline-block;padding:3px 7px;border-radius:999px;background:rgba(var(--ink-primary-rgb),.16);color:var(--ink-warm);font-size:10px}
    .proofread-text{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
    .proofread-text div{padding:8px;border-radius:8px;background:var(--theme-editor-input);color:var(--ink-text);font-size:12px;line-height:1.5}
    .proofread-explain{color:var(--ink-muted);font-size:11px}

    @media(max-width:1100px){
        .editor-head-btn{padding:0 8px}
        .ai-result-grid{grid-template-columns:1fr}
        .ai-options{grid-template-columns:repeat(2,minmax(0,1fr))}
        .ai-source-bar{grid-template-columns:1fr minmax(180px,1fr)}
        .ai-source-note{grid-column:1/-1}
        .proofread-workspace{grid-template-columns:1fr}
    }
    @media(max-width:768px){
        .workspace-focus-btn{display:none!important}
        .status{bottom:64px!important;max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis}
        .overview-scroll,.material-scroll{padding:10px}
        .overview-card-help{display:none}
        .overview-version-bar{padding:7px 10px;gap:6px}
        .overview-version-bar label{display:none}
        .overview-version-actions{gap:4px}
        .overview-version-actions button{padding:0 7px;font-size:10px}
        .material-subnav{justify-content:stretch}
        .material-subtab{flex:1;min-width:0;padding:0 4px;font-size:11px}
        .naming-form,.ai-options{grid-template-columns:1fr}
        .character-ai-toolbar{grid-template-columns:1fr}
        .rewrite-modes{grid-template-columns:repeat(3,1fr)}
        .editor-panel .editor-header{padding:0 10px!important;gap:7px}
        .editor-head-btn{padding:0 7px;font-size:10px}
        #newNovelBtn .desktop-label{display:none}
        #newNovelBtn .mobile-only{display:inline}
        .editor-panel .editor-body{padding:10px!important}
        .chapter-context{grid-template-columns:1fr;gap:4px}
        .chapter-meta{justify-content:flex-end}
        .writing-actions{gap:6px}
        .writing-actions .cbtn-main-action{min-width:74px;padding:0 10px!important}
        .material-body .ai-workbench{background:var(--theme-popup)}
        .ai-dialog{
            width:100%;height:100%;max-height:none;border:0;border-radius:0;box-shadow:none
        }
        .ai-dialog-body{padding:10px 10px 14px;overscroll-behavior:contain}
        .ai-dialog-actions{
            display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
            grid-template-areas:"loading loading loading" "generate generate generate" "copy insert apply";
            gap:7px;padding:10px 0 max(4px,env(safe-area-inset-bottom))
        }
        .ai-dialog-actions .cbtn{min-width:0;height:40px;padding:0 7px!important;font-size:11px}
        #aiLoading{grid-area:loading;margin:0;text-align:center}
        #generateRewriteBtn{grid-area:generate}
        #copyRewriteResultBtn{grid-area:copy}
        #insertRewriteBtn{grid-area:insert}
        #applyRewriteBtn{grid-area:apply}
        .ai-result-grid textarea{min-height:180px}
        .ai-result-grid .form-field{padding:9px}
        .ai-source-bar{grid-template-columns:1fr;padding:9px}
        .ai-source-switch{width:100%}
        .ai-source-option{flex:1}
        .ai-source-note{grid-column:auto}
        .ai-source-textarea{min-height:140px}
        .proofread-text{grid-template-columns:1fr}
        .proofread-toolbar{grid-template-columns:1fr 1fr}
        .proofread-toolbar .form-field{grid-column:1/-1}
        .proofread-compose,.proofread-review,.ai-tool-card{padding:9px}
        .status{bottom:calc(64px + env(safe-area-inset-bottom))!important}
        .pwa-notice{top:max(10px,env(safe-area-inset-top));width:calc(100vw - 20px)}
        .overview-organizer-card{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}
        .overview-organizer-head{min-height:60px;padding:10px 12px}
        .overview-organizer-body{grid-template-columns:1fr;overflow-y:auto}
        .overview-organizer-pane{overflow:visible;padding:11px}
        .overview-organizer-pane+.overview-organizer-pane{border-left:0;border-top:1px solid var(--ink-line)}
        .overview-organizer-source{min-height:260px;flex:none}
        .overview-organizer-preview{overflow:visible}
        .overview-organizer-model{grid-template-columns:1fr}
        .overview-toolbar{gap:4px;padding-left:8px;padding-right:8px}
        .overview-toolbar .cbtn{padding-left:7px!important;padding-right:7px!important;font-size:10px}
        #overviewSaveState{display:none}
        #organizeOverviewBtn .desktop-label{display:none}
        #organizeOverviewBtn .mobile-only{display:inline}
        .overview-organizer-footer{
            padding:9px;display:grid;grid-template-columns:1fr 1fr;
            grid-template-areas:"status status" "generate generate" "cancel save"
        }
        .overview-organizer-status{grid-area:status;width:100%;white-space:normal;text-align:center}
        #organizeOverviewCancelBtn{grid-area:cancel}
        #organizeOverviewGenerateBtn{grid-area:generate}
        #organizeOverviewSaveBtn{grid-area:save}
    }

    .pwa-notice{
        position:fixed;z-index:4800;top:14px;left:50%;transform:translate(-50%,-14px);
        width:min(480px,calc(100vw - 28px));min-height:54px;padding:9px 10px 9px 14px;
        display:flex;align-items:center;gap:10px;visibility:hidden;opacity:0;pointer-events:none;
        color:var(--ink-text,#f5f7f8);background:var(--theme-popup,rgba(7,16,20,.97));
        border:1px solid var(--ink-line,rgba(255,255,255,.15));border-radius:14px;
        box-shadow:0 16px 45px rgba(0,0,0,.34);backdrop-filter:blur(18px);
        transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
    }
    .pwa-notice.show{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}
    .pwa-notice-message{flex:1;min-width:0;font-size:12px;line-height:1.55;color:var(--ink-muted,#c3cbd0)}
    .pwa-notice-message strong{display:block;color:var(--ink-text,#f5f7f8);font-size:13px}
    .pwa-notice-action,.pwa-notice-close{
        flex:0 0 auto;height:34px;border:0;border-radius:9px;cursor:pointer;font:600 12px/1 inherit;
    }
    .pwa-notice-action{padding:0 13px;background:var(--ink-primary,#21b6bf);color:#fff}
    .pwa-notice-close{width:34px;padding:0;background:var(--theme-control,rgba(255,255,255,.08));color:var(--ink-muted,#c3cbd0)}

    /* 项目栏固定在应用顶部，创作与分析使用同一个外壳。 */
    .app-shell>.main-layout{height:auto}
    .analysis-report-item{width:100%;padding:10px;border:1px solid var(--ink-line);border-radius:10px;background:var(--theme-input);color:var(--ink-muted);text-align:left;cursor:pointer}
    .analysis-report-item:hover,.analysis-report-item.active{border-color:rgba(var(--ink-primary-rgb),.55);background:rgba(var(--ink-primary-rgb),.09);color:var(--ink-text)}
    .analysis-report-item strong,.analysis-report-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analysis-report-item strong{font-size:12px}.analysis-report-item span{margin-top:4px;color:var(--ink-faint);font-size:10px}
    @media(max-width:768px){
        .project-bar{position:sticky!important;top:0;z-index:400;flex:0 0 auto;min-height:54px;padding:0 10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px}.project-brand{gap:0}.project-mark{width:27px;height:27px;font-size:9px}.project-brand strong,.project-brand span,.project-context-label{display:none}
        body.analysis-workspace-active .project-bar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
        body.analysis-workspace-active .mobile-tab-bar{display:flex!important;visibility:visible!important;z-index:300}
        .project-bar .workspace-mode-switch{justify-self:center}.project-bar .workspace-mode-switch button{height:28px;padding:0 9px;font-size:10px}
        .app-shell>.main-layout{height:auto!important;min-height:0}.app-shell .assistant-panel,.app-shell .editor-panel,.app-shell .analysis-panel{height:auto!important;min-height:0!important}
        .analysis-header{min-height:48px;padding:0 7px;gap:5px;overflow-x:auto}.analysis-brand{display:none}.analysis-route-nav{min-width:max-content}.analysis-route-button{min-width:auto;padding:0 10px;font-size:11px}.analysis-route-button.active::after{left:10px;right:10px}.analysis-route-count{display:none}.analysis-header-spacer{display:none}.analysis-scroll{padding:0 0 calc(52px + env(safe-area-inset-bottom))!important;overflow:auto}
        .analysis-main{padding:20px 12px 30px}.analysis-main-head{margin-bottom:18px}.analysis-main-head h2{font-size:21px}.analysis-main-head p{font-size:11px}.analysis-page-kicker{margin-bottom:5px}.analysis-create-page,.analysis-detail-shell{border-radius:13px}.analysis-form-section{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:16px 13px}.analysis-step-number{width:28px;height:28px}.analysis-source-row,.analysis-settings-grid{grid-template-columns:1fr}.analysis-source-row .cbtn{height:38px}.analysis-create-footer{padding:13px;align-items:stretch;flex-direction:column}.analysis-create-footer .cbtn{width:100%}.analysis-book-grid{grid-template-columns:1fr}.analysis-data-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    /* AIHelper Hub 三栏工作台：左 20% / 对话 40% / 右侧活动或编辑 40%。 */
    body.hub-core .main-layout{display:grid!important;grid-template-columns:minmax(210px,20%) minmax(360px,40%) minmax(360px,40%);height:calc(100dvh - 48px);background:var(--theme-bg)}
    /* 处-111：会话侧栏不再用灰色描边与对话区分开（作者要求面板之间只靠背景色区分）。 */
    body.hub-core .hub-left-sidebar{display:flex;min-width:0;flex-direction:column;background:var(--theme-panel);padding:12px 10px 10px;overflow:hidden}
    /* 处-58：新建任务入口与列表里的「＋ 新建项目」同一形态（原来是个主色大按钮，
       跟侧栏里其他行不是一路）；字体加粗，作为主入口更醒目。 */
    .hub-new-session{
        display:flex;align-items:center;gap:6px;width:100%;height:auto;margin-bottom:6px;
        padding:7px 8px;border:0;border-radius:8px;background:transparent;
        color:var(--ink-text);font-weight:700;font-size:12px;line-height:1.5;text-align:left;cursor:pointer;
        transition:background .14s,color .14s
    }
    .hub-new-session:hover{background:var(--ink-surface-hover);color:var(--ink-primary-2)}
    .hub-left-section-label{padding:8px 8px 5px;color:var(--ink-faint);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
    .hub-skill-link{height:35px;display:flex;align-items:center;padding:0 9px;border-radius:8px;color:var(--ink-muted);font-size:12px;text-decoration:none}
    .hub-skill-link:hover{background:var(--ink-surface-hover);color:var(--ink-text)}
    /* 处-60：上面那条 `.session-popup{border:1px solid …!important}` 是用来做弹层的
       （浮窗形态需要边框）。但 hub 三栏布局里它是侧栏里的一块，带着 1px 蓝框 + 16px
       圆角 + 白底，看起来像被单独包在一个卡片里、跟「新建任务／工作区／技能」不是
       一层。这里同样用 !important 压回去（选择器多了两层，同权重下胜出），
       让它彻底融进侧栏：无边框、无圆角、无底色、无阴影。 */
    body.hub-core .hub-left-sidebar .session-popup{
        position:static!important;display:block!important;visibility:visible!important;
        flex:1;width:auto!important;height:auto!important;max-height:none!important;min-height:0;
        border:0!important;border-radius:0!important;box-shadow:none!important;
        background:transparent!important;backdrop-filter:none!important;overflow:auto
    }
    body.hub-core .hub-left-sidebar .session-popup .sp-header{display:none}
    .hub-account-button{height:42px;margin-top:10px;padding:0 10px;border:1px solid var(--ink-line);border-radius:10px;background:var(--theme-control);color:var(--ink-text);display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left}
    .hub-account-avatar{width:25px;height:25px;border-radius:7px;background:#1279a8;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}
    .hub-account-copy{min-width:0;flex:1}.hub-account-copy strong,.hub-account-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-account-copy strong{font-size:12px}.hub-account-copy small{font-size:10px;color:var(--ink-faint)}
    /* 处-111：对话面板右侧的灰色描边同样去掉（基础 .assistant-panel 的 border-right 在这里显式清零）。 */
    body.hub-core .assistant-panel{display:flex!important;width:auto!important;min-width:0!important;border-right:0}
    body.hub-core .assistant-panel .chat-header,body.hub-core .assistant-panel .assistant-tabs{display:none!important}
    body.hub-core .editor-panel{display:flex!important;width:auto!important;min-width:0!important;position:relative}
    body.hub-core .main-layout.analysis-active .hub-left-sidebar{display:none!important}
    body.hub-core .main-layout.analysis-active .analysis-panel{grid-column:1/-1}
    /* 处-62：执行记录模式下面板自身也用内容底色。否则导航条那一行（背景透明）
       会透出 .editor-panel 的底色（日间纯白 / 夜间纯黑），在按钮左侧横出
       一条跟上下都不同的色块——就是用户说的"导航按钮左侧那段遮挡"。
       标签栏 / 导航条 / 内容区从此同色。 */
    /* 处-111：执行记录面板底色改用与左侧会话侧栏相同的 --theme-panel（作者：应是纯白），
       标签栏仍透明，透出的底色与内容区一致。 */
    .editor-panel.activity-active{background:var(--theme-panel)}
    .right-browser-tabs{height:38px;display:flex;align-items:flex-end;gap:2px;padding:5px 8px 0;border-bottom:1px solid var(--ink-line);background:transparent;flex:0 0 auto}
    .right-browser-tab{height:32px;padding:0 15px;border:1px solid transparent;border-bottom:0;border-radius:8px 8px 0 0;background:transparent;color:var(--ink-muted);font-size:11px;cursor:pointer}
    /* 处-62：这里原来写 background:var(--theme-bg)，而 --theme-bg 全项目从未定义
       → 计算时整条声明失效、回退成透明。按"取消颜色直接透明"的意图显式写出来。 */
    .right-browser-tab.active{background:transparent;border-color:var(--ink-line);color:var(--ink-text)}
    /* 处-45：导航吸在“执行记录”栏正下方，两栏之间不留缝。 */
    /* 处-74：关掉滚动锚定——iOS 上它会在程序贴底后把位置按锚点拉回去。 */
    .runner-activity-pane{display:none;flex:1;min-height:0;overflow:auto;padding:12px;background:var(--theme-panel);color:var(--activity-text);overflow-anchor:none}
    .editor-panel.activity-active .runner-activity-pane{display:block}
    /* 处-45：执行记录导航条——左边一串回合方块，右边“回到底部”，同一条常驻、
       一起吸在面板顶部。面板底色是极深的 --activity-bg，方块和按钮都改用主色
       （.editor-panel 里就是徽标黄）的半透明底＋描边，颜色才拉得开。 */
    /* 处-45：导航是“执行记录”栏下面固定的一行，不参与滚动——
       所以内容永远不会从方块后面穿过，也就不需要任何背景遮挡。
       底色跟分页一致，看不出另有一条带。 */
    /* 处-58：整条导航靠右（方块组 + “回到底部”一起贴右沿）。 */
    /* 处-64：导航条改成**浮层**，浮在内容区上层。
       原来它是 .editor-panel 里的普通块（flex 行），排在标签栏下面、内容区上面，
       于是占掉一条高度把正文整体往下挤——正文被迫从导航条下方开始，视觉上就是
       "导航条压出一条带、内容在它下面"。
       现在 position:absolute 脱离文档流：内容区(.runner-activity-pane)自动上移、
       顶到标签栏下沿，正文与导航条**重叠**，导航条只是浮在右上角的一层。
       - top:38px 与 .right-browser-tabs 的高度绑定（标签栏高 38px）；
       - pointer-events:none 让导航条**空白区域不拦截鼠标**，否则它会挡住正文
         顶部那一条的文字选择/点击；子元素(按钮)再单独恢复 auto。
       - z-index 高于内容区，保证浮在最上层。 */
    .activity-nav{
        position:absolute;top:38px;right:12px;left:auto;z-index:6;
        display:flex;align-items:flex-start;justify-content:flex-end;gap:6px;
        width:auto;max-width:calc(100% - 24px);
        /* 处-65：padding 归零。原来有 6px 上内距，方块跟标签栏之间就空出一条缝隙；
           方块本身是"上方直角"的开口造型，要贴住标签栏才对。 */
        padding:0;background:transparent;pointer-events:none
    }
    .activity-nav>*{pointer-events:auto}
    /* 标签区单独一层：每次重建标签不会清掉同一条里的“回到底部”。 */
    .activity-nav-blocks{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2px;min-width:0}
    /* 开口朝上的标签：上方无边框、上方直角，紧贴上面“执行记录”那一栏的底边，
       下方收圆角。处-61 起配色跟随对话区 markdown 的强调色（夜间柔黄/日间深蓝），
       处-65 起改用**不透明**实色底（--nav-chip-*）。 */
    .activity-nav-block{min-width:30px;height:26px;padding:0 9px;border:1px solid var(--nav-chip-border);border-top:none;border-radius:0 0 8px 8px;background:var(--nav-chip-bg);color:var(--nav-chip-text);font-weight:650;font-size:12px;line-height:24px;cursor:pointer;box-shadow:none;transition:background .12s,border-color .12s,color .12s}
    .activity-nav-block:hover{background:var(--nav-chip-bg-hover);border-color:var(--nav-chip-text)}
    /* 当前回合：整块填实色（夜间柔黄配深黑字，日间蓝底白字）。 */
    .activity-nav-block.active{background:var(--nav-chip-active-bg);border-color:var(--nav-chip-active-bg);color:var(--nav-chip-active-text)}
    /* “回到底部”跟标签同一形态、同一配色。 */
    #activityScrollToBottomBtn{position:static;flex:0 0 auto;display:none;min-width:30px;height:26px;padding:0 9px;border:1px solid var(--nav-chip-border);border-top:none;border-radius:0 0 8px 8px;background:var(--nav-chip-bg);color:var(--nav-chip-text);font-weight:650;font-size:14px;line-height:24px;text-align:center;cursor:pointer;box-shadow:none;transition:background .12s,border-color .12s,color .12s}
    #activityScrollToBottomBtn:hover{background:var(--nav-chip-bg-hover);border-color:var(--nav-chip-text)}
    /* 处-65：日间配色已全部下沉到 --nav-chip-* 变量（见 :root 与
       .editor-panel[data-mode="day"] 两处的变量定义），这里不再需要单独覆盖。
       原来的日间覆盖用的是 rgba(...) 半透明底，正是"看起来透明"的来源。 */
    .activity-turn-meta{font-weight:600;font-size:11px;line-height:1.4;color:#9aa0b4;padding:3px 0 0}
    .activity-turn-meta:empty{display:none}
    /* 跳转落点躲开顶部常驻方块，别让标题被方块压住。 */
    .activity-turn{scroll-margin-top:40px}
    /* “回到底部”只在执行记录面板里出现，切到协作编辑器时收起来。 */
    .editor-panel:not(.activity-active) #activityNav{display:none!important}
    .editor-panel:not(.activity-active) #activityScrollToBottomBtn{display:none!important}
    .editor-panel.activity-active>.editor-header,.editor-panel.activity-active>.editor-body,.editor-panel.activity-active>.chapter-drawer,.editor-panel.activity-active>.ai-workbench{display:none!important}
    .activity-empty{display:grid;place-items:center;min-height:220px;padding:30px;color:var(--ink-faint);font-size:12px;text-align:center;line-height:1.7}
    /* 失败的行用红色标出来，非技术用户一眼能看出哪一步出错了。 */
    .activity-log-line[data-failed="1"] .activity-log-body>strong{color:var(--ink-danger)}
    .activity-log-line[data-failed="1"] .activity-code-block{border-color:var(--ink-danger);color:var(--ink-danger)}
    .activity-log-line[data-failed="1"] .activity-output>summary{color:var(--ink-danger)}
    /* 处-109：块的外框（.activity-output 的四周）也要跟着变红——此前只有标题和
       内部代码块的上下线变红，外框仍是普通灰蓝，作者看着"框没红"。 */
    .activity-log-line[data-failed="1"] .activity-output{border-color:var(--ink-danger)}
    /* 处-60：去掉回合左侧那条竖线（原来 border-left + padding-left，所有回合叠起来
       就成了贯穿整页的一条线，看着像分隔栏）。改用上下留白区分回合。 */
    .activity-turn{margin:0 0 15px;padding-left:0}
    /* 处-113：执行记录的时间/标题/标记等界面文字回到站点统一字体，只有工具输出
       （.activity-code-block）保留等宽——终端内容对齐要靠等宽。 */
    .activity-turn-head{display:flex;justify-content:space-between;gap:12px;padding:2px 0 7px;color:var(--activity-head);font-size:11px;line-height:1.45}
    .activity-turn-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--activity-title);font-weight:650}.activity-turn-time{flex:0 0 auto;color:var(--activity-time)}
    /* 处-152：手机浏览器（部分 Android/iOS 浏览器）会对"没写死 font-size"的文本块做
       自动放大，导致行标题（Bash）和命令块标题（工具清单）比写了 11px 的代码正文大一圈。
       这里给这两处显式写死字号，并在整个活动面板禁用文本自动缩放，让标题与正文一致。 */
    .activity-log-line{display:flex;flex-direction:column;gap:2px;padding:3px 0;color:var(--activity-text);font-size:11px;line-height:1.55;-webkit-text-size-adjust:100%;text-size-adjust:100%}
    .activity-log-time{display:block;color:var(--activity-time)}.activity-log-mark{color:var(--activity-mark);font-weight:800}.activity-log-line[data-kind="error"] .activity-log-mark,.activity-log-line[data-kind="error"] strong{color:#d92d48}.activity-log-line[data-kind="file"] .activity-log-mark{color:#16845b}.activity-log-line[data-kind="analysis"] .activity-log-mark{color:#a78bfa}
    .activity-log-line[data-kind="message"] .activity-log-body{display:flex;align-items:baseline;gap:6px;min-width:0}
    /* 处-145：「回复」两个字是 flex 子项，默认会被压缩到一字宽而竖排；
       固定宽度、禁止换行（「推理」行早有 flex:0 0 auto，这里补上）。 */
    .activity-log-line[data-kind="message"] .activity-log-mark{flex:0 0 auto;white-space:nowrap}
    /* 推理行整行外观仍与"回复"行一致（时间 · 标记 · 第一句），两处不同：
       "推理"两个字用面板强调色（右侧夜间黄 #ffd43b / 日间深黄 #bc8700），
       与"回复"的蓝色区分开。字重与"回复"一致（都是 800）。
       展开小三角跟在摘要文字后面（内容的末尾），不是被推到整行最右边。
       不加框、不加底色，默认收起，点开才在下面显示全文。 */
    .activity-reasoning>summary{display:flex;align-items:baseline;gap:6px;min-width:0;cursor:pointer;user-select:none;color:var(--activity-body)}
    .activity-reasoning>summary::-webkit-details-marker{display:none}
    .activity-reasoning>summary::marker{content:""}
    .activity-reasoning>summary>.activity-mark-reasoning{flex:0 0 auto;color:var(--ink-cyan);font-weight:800}
    .activity-reasoning>summary>.activity-log-reply{flex:0 1 auto;min-width:0}
    .activity-reasoning>summary::after{content:"◂";flex:0 0 auto;color:var(--activity-time)}
    .activity-reasoning[open]>summary::after{content:"▾"}
    /* 处-61：推理展开后套一个跟代码块一样的框（同一套 --activity-code-* 变量、
       同样的圆角与内距）。原来只有 margin-top + max-height，展开的正文是散在
       面板上的，跟下面代码块的观感不一致。 */
    .activity-reasoning>.activity-markdown{margin-top:3px;max-height:calc(var(--activity-rows) * var(--activity-line-h) + var(--activity-pad-y) + 2px);overflow-y:auto;padding:var(--activity-pad-y) 8px;border:1px solid var(--activity-code-border);border-radius:6px;background:var(--activity-code-bg);line-height:var(--activity-line-h)}
    /* 退出码单独一个文本框：不写固定宽度，框随内容自适应；非 0 标红。 */
    .activity-exit{display:inline-block;width:fit-content;max-width:100%;margin-top:5px;padding:2px 8px;border:1px solid var(--activity-code-border);border-radius:6px;background:var(--activity-code-bg);color:var(--activity-body);font-size:11px;line-height:1.5}
    .activity-exit[data-bad="1"]{border-color:var(--ink-danger);color:var(--ink-danger)}
    .activity-log-reply{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--activity-body)}
    .activity-log-line.activity-compaction{margin:8px 0;padding:6px 9px;border:1px solid rgba(var(--ink-primary-rgb),.32);border-radius:8px;background:rgba(var(--ink-primary-rgb),.07)}
    .activity-log-line.activity-compaction .activity-log-body>strong{color:var(--ink-primary)}
    /* 处-117/119：默认展开的命令/输出块限高按"整数行"取。行高写死 17px（不再用
       1.55em——不同平台、中文回退字体的行盒高度不一样，会把行撑得高矮不齐）；
       加上下内距 6+6、上边框 1px，251px → 可视内容 238px＝14 行整，
       滚动到底不会留半行。 */
    .activity-log-body{min-width:0}.activity-log-body>strong{display:block;color:var(--activity-title);font-weight:650}.activity-code-wrap{margin-top:5px}.activity-code-block{margin:0;padding:var(--activity-pad-y) 8px;border:1px solid var(--activity-code-border);border-radius:6px;background:var(--activity-code-bg);color:var(--activity-body);font-size:11px;line-height:var(--activity-line-h);white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}.activity-code-block code{padding:0!important;border:0!important;background:transparent!important;color:inherit!important;font:inherit!important}.activity-output{margin-top:5px;border:1px solid var(--activity-code-border);border-radius:6px;background:var(--activity-code-bg)}.activity-output>summary{cursor:pointer;padding:5px 7px;color:var(--activity-time);user-select:none}.activity-output .activity-code-block{border:0;border-top:1px solid var(--activity-code-border);border-radius:0 0 6px 6px;max-height:calc(var(--activity-rows) * var(--activity-line-h) + var(--activity-pad-y) + 1px)}.activity-markdown{margin-top:3px;color:var(--activity-body);white-space:pre-wrap;overflow-wrap:anywhere}.activity-log-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:5px;color:var(--activity-time);font-size:10px}.activity-log-meta span{white-space:nowrap}
    .msg-runner-tag{color:#29b6f6;font-weight:900;letter-spacing:.06em}
    /* 处-113：消息头部的执行器标签沿用此前的配色——cdx 蓝（与 HUB 同一支）、cbd 黄。 */
    .msg-agent-tag{font-weight:900;letter-spacing:.06em}
    .msg-agent-tag.tone-cool{color:#29b6f6}
    .msg-agent-tag.tone-warm{color:var(--badge-warm-text)}
    .session-lock-note{display:none;margin:0 12px 8px;padding:8px 10px;border:1px solid rgba(255,180,80,.3);border-radius:8px;background:rgba(255,160,60,.08);color:#d8a867;font-size:11px;line-height:1.5}
    .session-lock-note.visible{display:block}
    .permission-mode-select{max-width:112px}
    body.hub-core #sessionBtn{display:none!important}
    .utility-menu{position:fixed;z-index:2000;display:none;width:170px;padding:6px;background:var(--theme-popup);border:1px solid var(--ink-line);border-radius:10px;box-shadow:0 15px 40px rgba(0,0,0,.4)}
    .utility-menu button,.utility-menu a{display:block;width:100%;height:34px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--ink-muted);font-size:12px;line-height:34px;text-align:left;text-decoration:none;cursor:pointer}.utility-menu button:hover,.utility-menu a:hover{background:var(--ink-surface-hover);color:var(--ink-text)}
    .account-menu button{display:block;width:100%;height:34px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--ink-muted);font-size:13px;text-align:left;cursor:pointer}.account-menu button:hover{background:var(--ink-surface-hover);color:var(--ink-text)}
    .hub-skill-link{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}
    .hub-drawer-backdrop{position:fixed;inset:0;z-index:2500;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.18s}
    .hub-drawer-backdrop.open{opacity:1;visibility:visible}
    .hub-side-drawer{position:fixed;z-index:2501;top:0;left:0;width:min(340px,calc(100vw - 28px));height:100dvh;display:flex;flex-direction:column;background:#0d1218;border-right:1px solid var(--ink-line);box-shadow:20px 0 60px rgba(0,0,0,.42);transform:translateX(-105%);transition:transform .2s ease}
    body[data-assistant-mode="day"] .hub-side-drawer{background:#fff;box-shadow:none}
    .hub-side-drawer.open{transform:translateX(0)}
    .hub-side-drawer header{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--ink-line)}
    .hub-side-drawer header button{border:0;background:transparent;color:var(--ink-muted);cursor:pointer}
    .hub-drawer-body{flex:1;min-height:0;overflow:auto;padding:12px}
    .hub-drawer-empty{padding:30px 12px;color:var(--ink-faint);font-size:12px;text-align:center}
    .hub-drawer-item{width:100%;margin-bottom:8px;padding:11px 12px;border:1px solid var(--ink-line);border-radius:10px;background:var(--theme-control);color:var(--ink-text);text-align:left}
    button.hub-drawer-item{cursor:pointer}.hub-drawer-item strong{display:block;font-size:12px}.hub-drawer-item small{display:block;margin-top:4px;color:var(--ink-faint);font-size:10px;line-height:1.5}
    .hub-skill-actions{display:flex;gap:7px;margin-top:9px}.hub-skill-actions button{height:30px;padding:0 10px;border:1px solid var(--ink-line);border-radius:7px;background:var(--theme-input);color:var(--ink-muted);cursor:pointer}.hub-skill-actions button:hover{color:var(--ink-text);border-color:var(--ink-line-strong)}
    .hub-skill-summary{margin:8px 0 0;padding:9px 10px;border-top:1px solid var(--ink-line);color:var(--ink-muted);font-size:11px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
    .hub-archive-actions{display:flex;gap:7px;margin-top:9px}.hub-archive-actions button{height:30px;padding:0 10px;border:1px solid var(--ink-line);border-radius:7px;background:var(--theme-input);color:var(--ink-muted);cursor:pointer}.hub-archive-actions button.danger{color:#ff8d98}
    body.hub-core .main-layout.tools-active .hub-left-sidebar,body.hub-core .main-layout.tools-active .editor-panel,body.hub-core .main-layout.tools-active .analysis-panel{display:none!important}
    body.hub-core .main-layout.tools-active .assistant-panel{grid-column:1/-1;border-right:0!important}
    body.hub-core .main-layout.tools-active .tab-pane.active{height:100%;min-height:0}
    body.hub-core .main-layout.tools-active .material-body,body.hub-core .main-layout.tools-active .overview-scroll{max-width:none;width:100%}
    .tool-module-nav{flex:0 0 auto}
    /* 桌面与移动端统一使用一个加号菜单。 */
    .composer-plus-toggle{display:grid!important;place-items:center}
    .composer-plus-menu{display:none!important;position:absolute;right:0;bottom:39px;z-index:80;width:190px;padding:6px;flex-direction:column;align-items:stretch;gap:5px;border:1px solid var(--ink-line-strong);border-radius:12px;background:var(--theme-popup);box-shadow:0 16px 42px rgba(0,0,0,.4)}
    .composer-plus-menu.open{display:flex!important}.composer-plus-menu .cbtn{width:100%;min-height:44px!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.composer-plus-menu small{display:block}
    body:not(.feature-writing) #rightEditorTab{display:none!important}
    /* 窄屏/手机端：左栏与右栏改成抽屉，由顶栏“☰”和“记录”打开。 */
    .hub-menu-toggle,.hub-records-btn{display:none}
    /* 切到“工具”工作区时，左右两栏都不在，两个“☰”没有可开的东西，一并收起。 */
    body.tools-workspace-active .hub-menu-toggle,body.tools-workspace-active .hub-records-btn{display:none!important}
    .hub-collapse{margin:2px 0 6px}
    .hub-collapse>summary{list-style:none;cursor:pointer;height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border-radius:8px;color:var(--ink-muted);font-size:12px}
    .hub-collapse>summary::-webkit-details-marker{display:none}
    .hub-collapse>summary::after{content:"▾";font-size:10px;opacity:.7}
    .hub-collapse[open]>summary{color:var(--ink-text);background:var(--ink-surface-hover)}
    .hub-collapse-body{display:flex;flex-direction:column;gap:4px;padding:4px 2px 2px}
    /* 技能条目压缩成一行：名字左、按钮右，避免侧栏里被撑高。 */
    #hubSkillSectionBody .hub-drawer-item{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;padding:5px 8px;border-radius:8px}
    #hubSkillSectionBody .hub-drawer-item strong{display:block;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    #hubSkillSectionBody .hub-skill-actions{margin-top:0;gap:5px;flex:0 0 auto}
    #hubSkillSectionBody .hub-skill-actions button{height:24px;padding:0 8px;font-size:11px;border-radius:6px}
    #hubSkillSectionBody .hub-skill-summary{margin-top:6px;padding:7px 8px}
    /* 抽屉与弹层之上：否则点账号栏会先被遮罩吃掉，看起来像“菜单打不开”。 */
    .account-menu,.utility-menu{z-index:2700}
    .hub-account-row{display:flex;align-items:center;gap:4px;margin-top:10px;padding:0 8px 0 10px;border:1px solid var(--ink-line);border-radius:10px;background:var(--theme-control)}
    .hub-account-row .hub-account-button{height:42px;margin-top:0;flex:1;min-width:0;padding:0;border:0;background:transparent}
    .hub-account-row .global-mode-toggle{flex:0 0 auto}
    @media(max-width:980px){
        /* 窄屏三块叠放、各自平移：容器裁切，页面本身不产生任何横向溢出。 */
        body.hub-core .main-layout{position:relative!important;display:block!important;overflow:hidden;height:calc(100dvh - 48px)}
        body.hub-core .hub-left-sidebar,
        body.hub-core .assistant-panel,
        body.hub-core .editor-panel{position:absolute;top:0;bottom:0;left:0;width:100%!important;height:100%!important;transition:transform .26s ease}
        body.hub-core .hub-left-sidebar{width:85%!important;z-index:2;overflow:auto;border-right:0}
        body.hub-core .assistant-panel{z-index:1}
        body.hub-core .editor-panel{display:flex!important;z-index:1;border-left:0}
        /* 会话页：左栏滑进来，对话被推到右边 85%，右侧记录留在屏幕外 */
        body.hub-core[data-mobile-pane="sessions"] .hub-left-sidebar{transform:translateX(0)}
        body.hub-core[data-mobile-pane="sessions"] .assistant-panel{transform:translateX(85%)}
        body.hub-core[data-mobile-pane="sessions"] .editor-panel{transform:translateX(100%)}
        /* 对话页 */
        body.hub-core[data-mobile-pane="chat"] .hub-left-sidebar{transform:translateX(-100%)}
        body.hub-core[data-mobile-pane="chat"] .assistant-panel{transform:translateX(0)}
        body.hub-core[data-mobile-pane="chat"] .editor-panel{transform:translateX(100%)}
        /* 记录页：整屏滑入 */
        body.hub-core[data-mobile-pane="records"] .hub-left-sidebar{transform:translateX(-100%)}
        body.hub-core[data-mobile-pane="records"] .assistant-panel{transform:translateX(-100%)}
        body.hub-core[data-mobile-pane="records"] .editor-panel{transform:translateX(0)}
        /* 拆书工作区仍是单屏，不参与平移。 */
        body.hub-core .main-layout.analysis-active .analysis-panel{position:absolute;inset:0;width:100%!important;height:100%!important}
        .hub-menu-toggle,.hub-records-btn{display:inline-flex!important;align-items:center;justify-content:center}
        .hub-menu-toggle,.hub-records-btn{width:32px;height:32px;border:1px solid var(--ink-line);border-radius:9px;background:var(--theme-input);color:var(--ink-text);font-size:16px;line-height:1;cursor:pointer}
        #globalModeToggle{display:none!important}
        .workspace-mode-switch button{padding:0 10px!important}
    }
    /* 处-105：执行记录的内容块（command / input / output / text 等）默认展开、
       可折叠，限高 240px 与对话区推理面板一致，超出滚动。 */
    .activity-log-body>strong{font-size:11px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
    .activity-output>summary{font-size:11px;display:flex;align-items:center;gap:6px;list-style:none;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
    .activity-output>summary::-webkit-details-marker{display:none}
    .activity-output>summary::after{content:"▸";margin-left:auto;color:var(--activity-time)}
    .activity-output[open]>summary::after{content:"▾"}
    /* 处-106：消息里的代码块单独复制——按钮默认不占位（悬停/触屏显示），
       按钮文字走伪元素，免得被"复制整条消息"的 innerText 带上。 */
    :is(.message-bubble,.activity-markdown) .md-pre-wrap{position:relative}
    .md-pre-wrap .md-copy-btn{position:absolute;top:5px;right:5px;display:none;align-items:center;padding:1px 6px;border:1px solid var(--md-code-border);border-radius:6px;background:var(--md-code-bg);color:var(--ink-muted);font-size:10px;line-height:1.5;cursor:pointer}
    .md-pre-wrap .md-copy-btn::after{content:"复制"}
    .md-pre-wrap .md-copy-btn.copied::after{content:"已复制"}
    .md-pre-wrap:hover .md-copy-btn{display:inline-flex}
    .md-pre-wrap .md-copy-btn:hover{color:var(--ink-text)}
    @media(hover:none){.md-pre-wrap .md-copy-btn{display:inline-flex}}
    /* 处-108：对话区不再用聊天气泡——整行宽，去掉气泡底色/边框/圆角。
       按作者 2026-10-10 反馈：取消左侧那道竖线（处-118 又去掉名字行的 "> " / "⏺ "
       前缀），字体恢复原来的界面字体（不要等宽）。回合之间试过横线和单条消息底色，作者都不要，最终改为：
       整个对话区共用一块底色（--ink-surface），消息之间用一条较粗的分隔线
       （夜间白、日间黑，见 --msg-seg-line）区分。纯 CSS，不新增任何 DOM 层。
       处-120 起分隔线由每条 `.message` 自己的上下 5px 边框提供（见下方），
       压缩提示这类兄弟节点插进来也照样接得上。 */
    .messages-container{gap:0!important;background:var(--theme-panel)!important}
    .message{max-width:100%!important;width:100%}
    /* 处-137（作者 DevTools 定稿）：消息不再用上下分隔线区分。对话区用面板底色
       （日白／夜黑），每条消息自己带一块消息底色（--activity-bg），上下各留 5px
       间距——相邻两条的 5px 拼成 10px 的间隙，露出面板底色，就是回合之间的分隔。
       左右仍用负 margin 抵消对话区内边距，让消息底色铺满整行；文字靠 padding
       缩回原位置（宽度必须显式加回左右各一份内边距，否则会短 2×18px）。 */
    .message{
        max-width:none!important;width:calc(100% + var(--msg-pad-x,18px) + var(--msg-pad-x,18px))!important;
        margin:5px calc(-1 * var(--msg-pad-x,18px));
        padding:14px var(--msg-pad-x,18px);
        background:var(--activity-bg);
    }
    .agent-turn-body{width:100%;align-items:stretch}
    /* 处-125：作者取消输入框上方那条 5px 线（原来由最后一条消息的下 5px ＋
       输入区顶 5px 拼成 10px）。现在只留消息自身的分隔线，输入区与对话面板同色。 */
    #pane-chat .messages-container{padding-bottom:0!important}
    .message-name{padding:0!important}
    .message-bubble,.assistant .message-bubble,.user .message-bubble{
        padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
        color:var(--ink-text)!important;box-shadow:none!important;
    }
    /* 底部信息（AI 的耗时/Token/调用行、用户的 HUB · 模型名）与正文一样左对齐，不再缩进。 */
    .agent-meta{padding:2px 0 4px}