.qa-page{max-width:1500px;margin:0 auto}.qa-heading{margin-bottom:22px}.qa-heading h1{margin:6px 0;font-size:28px;color:#21352d}.qa-heading p,.qa-card-head p,.qa-list-head p{margin:7px 0 0;color:#758279;line-height:1.6}.qa-eyebrow{font-size:11px;letter-spacing:.14em;color:#6d8a78;font-weight:700}.qa-tabs{display:flex;gap:28px;border-bottom:1px solid #e6ece6;margin-bottom:22px}.qa-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;background:none;padding:12px 2px;color:#78867d;font:inherit;cursor:pointer}.qa-tabs button.active{border-color:#285b46;color:#254f3c;font-weight:700}.qa-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:20px;align-items:start}.qa-main{display:grid;gap:16px;min-width:0}.qa-chat{min-width:0}.qa-chat .module-chat{margin-top:0}.qa-card,.qa-accounts{background:#fff;border:1px solid #e5ebe5;border-radius:16px;box-shadow:0 8px 24px rgba(42,72,50,.04)}.qa-card{padding:24px}.qa-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.qa-card-head h2,.qa-list-head h2{font-size:17px;color:#243b2d;margin:0}.qa-card-head p,.qa-list-head p{font-size:13px}.qa-muted-tag{white-space:nowrap;font-size:12px;color:#8a7550;background:#f7f2e9;border:1px solid #ece0cf;padding:5px 9px;border-radius:8px}.qa-unavailable,.qa-account-empty{text-align:center;background:#f8faf7;border:1px dashed #d9e2d9;border-radius:12px;padding:26px 20px;margin-top:20px;color:#879289}.qa-unavailable strong,.qa-account-empty h3{color:#52655a}.qa-unavailable p,.qa-account-empty p{margin:8px auto 0;max-width:520px;font-size:13px;line-height:1.7}.qa-metrics,.qa-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.qa-metric,.qa-stage{background:#f8faf7;border-radius:11px;padding:16px;min-width:0}.qa-metric span,.qa-metric small,.qa-stage span{display:block;color:#738177;font-size:12px}.qa-metric strong{display:block;color:#294b38;font-size:27px;margin:8px 0}.qa-stage b{display:block;font-size:20px;color:#294b38;margin-top:8px}.qa-accounts{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);min-height:520px;overflow:hidden}.qa-platform-list{border-right:1px solid #edf1ed;padding:20px 12px}.qa-list-head{padding:0 9px}.qa-platform-notice{font-size:12px;color:#89958d;line-height:1.6;padding:4px 9px}.qa-group h3{font-size:12px;color:#93a097;margin:20px 9px 8px}.qa-platform{width:100%;border:1px solid transparent;border-radius:10px;background:transparent;display:flex;gap:10px;text-align:left;align-items:center;padding:10px 8px;cursor:pointer;color:#344a3d}.qa-platform.selected{background:#eff5ef;border-color:#dce9dc}.qa-platform-icon{display:inline-grid;place-items:center;flex:none;width:35px;height:35px;border-radius:9px;background:#354c40;color:white;font-size:15px;font-weight:700}.qa-platform-text{min-width:0;flex:1}.qa-platform-text b,.qa-platform-text small{display:block;overflow:hidden;text-overflow:ellipsis}.qa-platform-text b{font-size:13px}.qa-platform-text small{font-size:11px;color:#a0aaa1;margin-top:3px}.qa-platform-status{font-size:11px;color:#9b8460;white-space:nowrap}.qa-account-detail{padding:24px;min-width:0}.qa-account-empty{padding:55px 18px}.qa-platform-large{width:48px;height:48px;font-size:20px}.qa-account-empty h3{font-size:15px}.qa-account-next{padding:20px 2px;color:#66796c;font-size:13px;line-height:2}.qa-account-next div{color:#91a096}.qa-account-next span{margin:0 7px} @media(max-width:1100px){.qa-layout{grid-template-columns:1fr}.qa-chat .module-chat{margin-top:0}} @media(max-width:700px){.qa-metrics,.qa-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qa-accounts{grid-template-columns:1fr}.qa-platform-list{border-right:0;border-bottom:1px solid #edf1ed}.qa-card,.qa-account-detail{padding:18px}.qa-account-empty{padding:30px 15px}}


/* 统一采用内容中心设计稿的森林绿、暖象牙白和淡金配色。 */
:root {
  --bg: #f7f5ef;
  --panel: #fffefa;
  --ink: #20392b;
  --muted: #68786c;
  --line: #e7e8df;
  --green: #23553b;
  --green-dark: #193d2b;
  --pale: #e8eee3;
  --accent: #b69543;
  --sand: #f8f1df;
  --shadow: 0 6px 22px rgba(36, 53, 36, .055);
}

body { background: var(--bg); }
.sidebar {
  background: #193d2b;
  border-right-color: #193d2b;
  color: #fffdf3;
}
.brand-mark { background: #294f38; color: #f2d69a; }
.sidebar .brand strong { color: #fffdf3; }
.sidebar .brand small, .sidebar .nav-label { color: #b9cbbb; }
.sidebar .nav-btn { color: #edf4ea; }
.sidebar .nav-btn.active {
  background: #4a6240;
  color: #ffedbf;
}
.sidebar .nav-btn:hover { background: #325940; color: #fff9e8; }
.sidebar .nav-btn.active:hover { background: #526a45; color: #ffedbf; }
.sidebar-foot { border-color: #43634c; color: #c1d0c1; }
.sidebar-foot b { color: #f3f3e8; }
.topbar { background: rgba(255, 253, 248, .74); }
.crumb, .top-right { color: #68786c; }
.crumb b { color: #294936; }
.avatar { background: #e8eee3; color: #315941; }
.welcome h1, .center-intro h1, .qa-heading h1 { color: #173e2a; }
.panel, .qa-card, .qa-accounts, .uc-metric {
  background: var(--panel);
  border-color: #e7e8df;
  box-shadow: var(--shadow);
}
.center-summary { background: #e9eee4; }
.center-metrics > div { background: #f5f7f0; border-color: #e6eadf; }
.center-metrics strong, .forecast-range { color: #1c4932; }
.center-card, .uc-record, .uc-interaction { background: #fffefa; border-color: #e7e8df; }
.center-candidate, .stage-card, .forecast-panel, .content-video-spotlight,
.qa-metric, .qa-stage, .qa-unavailable, .qa-account-empty { background: #f3f6ee; border-color: #e1e8db; }
.center-mode, .soft-tag, .pill.ok, .center-status { background: #e7f1df; color: #315b3c; }
.pill.warning, .qa-muted-tag { background: #f8ecd0; border-color: #eadbb3; color: #795a1b; }
.btn { background: #fffefa; border-color: #c7d4c7; color: #234c35; }
.btn:hover { background: #f2f6ed; }
.btn.primary, .chat-send { background: #23553b; border-color: #23553b; color: #fff; }
.btn.primary:hover { background: #193f2b; }
.tab { background: #fffefa; border-color: #e4e8de; color: #647569; }
.tab.active { background: #e8efe2; border-color: #d9e6d3; color: #244e36; }
.qa-tabs button.active, .uc-tab.active { color: #204b33; border-color: #b69543; }
.notice { background: #fbf6e9; border-color: #eadcba; color: #755d31; }
.notice.error { background: #fdf2ee; border-color: #f0d7ce; color: #8d453a; }
.inline-note, .uc-note { background: #f4f7ef; color: #526d59; }
.chat-avatar, .iconbox { background: #e9f1e5; color: #4a7355; }
.bubble { background: #f2f6ed; color: #465c4b; }
.bubble.me { background: #e1eddf; color: #264d35; }
.field input, .field textarea, .field select, .chat-form { border-color: #d9e1d5; }
.field input:focus, .field textarea:focus, .field select:focus { border-color: #55795b; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline-color: #c29d4a;
}
@media (max-width: 700px) {
  .sidebar { border-bottom: 1px solid #35563e; }
  .sidebar .nav { padding-bottom: 4px; }
}