/* 侧栏为纵向弹性布局。功能区占内容高度，历史区用剩余空间独立滚动。 */
.layout .slider{display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden}
.layout .slider .layout-top{position:static!important;flex:none;width:100%;height:auto!important;max-height:55vh;overflow-y:auto;border-bottom:1px solid #333}
.layout .slider .layout-top .func{height:auto!important;min-height:0;display:flex;gap:1px;padding:0 0 9px}
.layout .slider .layout-top .func .funcBox{flex:none;min-height:31px;cursor:pointer}
.layout .slider .layout-top .func .metacognition-link{font-size:12px}
.metacognition-icon{width:17px;flex:none;font-size:20px;text-align:center;line-height:1}
.layout .slider .history{margin-top:0!important;height:auto!important;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;border-top:0}
.layout .slider .history::-webkit-scrollbar,.layout .slider .layout-top::-webkit-scrollbar{width:7px}
.layout .slider .history::-webkit-scrollbar-thumb,.layout .slider .layout-top::-webkit-scrollbar-thumb{background:#4c4c4c;border-radius:5px}
.layout-header-main .header-account{margin-left:auto;display:flex;align-items:center;gap:9px;min-width:0;max-width:50%;color:#e8edf3;font-size:12px}
.header-account span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-account small{color:#a9b7c4;font-size:11px;white-space:nowrap}
.header-account button{flex:none;border:1px solid #586776;background:transparent;color:#e8edf3;border-radius:7px;padding:5px 10px;cursor:pointer;font-size:11px}
.header-account button:hover{background:#354352}
body:has(#metacognition-root) .metacognition-link{background:#303030}

/* 内容只占原有右侧 .main，继承原站紧凑、克制的界面尺寸。 */
.metacognition-root{min-height:100%;background:#18191c;color:#e8eaee;font-family:system-ui,-apple-system,'Microsoft YaHei',sans-serif;color-scheme:dark}
.metacog-page{max-width:1050px;margin:0 auto;padding:26px 32px 40px;box-sizing:border-box}
.metacog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}
.metacog-heading h1{font-size:25px;line-height:1.35;margin:0 0 7px;font-weight:700;color:#f2f4f6}
.metacog-heading p:not(.metacog-kicker){margin:0;color:#9da7b2;font-size:13px;line-height:1.6}
.metacog-kicker{margin:0 0 7px;color:#82a9d5;font-size:10px;letter-spacing:.15em;font-weight:700}
.metacog-button{border:1px solid #485362;border-radius:9px;background:#282c32;color:#d6e6fa;padding:9px 13px;white-space:nowrap;cursor:pointer;font-size:12px}
.metacog-button:hover{background:#333b45}
.metacog-top{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:14px;margin-bottom:14px}
.metacog-card{border-radius:13px;border:1px solid #363b43;background:#25272c;box-shadow:0 5px 22px rgba(0,0,0,.12)}
.metacog-total,.metacog-profile{padding:20px 22px;min-height:146px;box-sizing:border-box}
.metacog-total{background:#223b56;border-color:#365b7d;color:#f6f9fd}
.metacog-total>span,.metacog-profile>span{font-size:12px;opacity:.8}
.metacog-total div{margin:8px 0 3px}.metacog-total b{font-size:46px;line-height:1;font-variant-numeric:tabular-nums}
.metacog-total small{font-size:13px;opacity:.7}.metacog-total p{font-size:11px;opacity:.7;margin:4px 0}
.metacog-profile h2{font-size:17px;margin:7px 0 13px;overflow-wrap:anywhere;color:#edf2f7}
#metacog-counters{display:flex;gap:9px;flex-wrap:wrap}
.metacog-stat{background:#313842;border-radius:7px;color:#b6c7d9;font-size:11px;padding:6px 9px}
.metacog-stat b{color:#e5f1ff;font-size:14px}
#metacog-status{color:#a4afbc;font-size:11px;margin:12px 0 0;line-height:1.5}
.metacog-section{padding:21px 23px;margin-bottom:14px}
.metacog-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}
.metacog-section h2{font-size:16px;margin:0;color:#eef1f5}
.metacog-section-head span{font-size:11px;color:#a5afba;text-align:right}
#metacog-chart{display:grid;gap:15px}
.metacog-bar-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:15px;font-size:12px;color:#dce2e9}
.metacog-bar-row strong{text-align:right;font-variant-numeric:tabular-nums;color:#e7edf3}
.metacog-track{height:22px;background:repeating-linear-gradient(90deg,#30353d 0,#30353d calc(20% - 1px),#464b54 calc(20% - 1px),#464b54 20%);border-radius:6px;overflow:hidden}
.metacog-fill{height:100%;border-radius:6px;transition:width .35s ease}
.metacog-fill.red{background:#e56a70}.metacog-fill.yellow{background:#e9ba55}.metacog-fill.green{background:#45bb94}
.metacog-text-button{border:0;background:none;color:#93bced;cursor:pointer;font-size:11px;padding:3px}
#metacog-indicators{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.metacog-indicator{border:1px solid #3b424b;border-radius:9px;background:#2d3036;padding:12px 14px}
.metacog-indicator h3{margin:0 0 9px;color:#accbeb;font-size:13px}
.metacog-metric{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#b3bfcc;font-size:11px;padding:3px 0}
.metacog-metric strong{color:#edf4fb;font-variant-numeric:tabular-nums}
#metacog-quality,.metacog-footnote{font-size:11px;line-height:1.7;color:#a5afba}
#metacog-quality{margin:16px 0 0}.metacog-footnote{margin:6px 0}
@media(max-width:760px){.metacog-page{padding:22px 17px}.metacog-top{grid-template-columns:1fr}.metacog-section{padding:17px}#metacog-indicators{grid-template-columns:1fr}}