/* =========================================================
   Agent 工作台：独立沉浸式三栏工作区（深色玻璃拟态）
   ========================================================= */

.agent-shell {
  position: relative; height: 100vh;
  display: flex; flex-direction: column;
  color: var(--d-text); overflow: hidden;
  isolation: isolate;
  --ag-bg: #0A0C14;
  --ag-line: rgba(140, 155, 210, .09);
  --ag-line-2: rgba(140, 155, 210, .16);
  --ag-card: rgba(255, 255, 255, .025);
}
/* 极简深底：近黑 + 顶部一缕极淡冷光 + 细点阵，去掉花哨色块 */
.agw-bg { position: absolute; inset: 0; z-index: -2; background: radial-gradient(1100px 460px at 50% -8%, #141A2E 0%, #0B0E18 48%, #08090F 100%); }
.agw-bg::before {
  content: ""; position: absolute; inset: 0;
  background-image: radial-gradient(rgba(150, 165, 220, .055) 1px, transparent 1px);
  background-size: 26px 26px; mask-image: linear-gradient(180deg, rgba(0,0,0,.5), transparent 60%);
}
.agw-bg i { display: none; }

/* ---------- 顶部状态条 ---------- */
.agw-top {
  display: flex; align-items: center; gap: 16px;
  height: 52px; flex: none; padding: 0 18px;
  border-bottom: 1px solid var(--ag-line);
  background: rgba(10, 12, 20, .5); backdrop-filter: blur(18px);
  z-index: 5;
}
.agw-back {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 600; color: var(--d-muted);
  border: 1px solid var(--ag-line); border-radius: 99px; padding: 6px 12px;
  transition: all var(--t-fast);
}
.agw-back:hover { color: #fff; border-color: var(--ag-line-2); background: rgba(255, 255, 255, .05); }
.agw-brand { display: flex; align-items: center; gap: 9px; }
.agw-brand b { font-size: 13.5px; color: #fff; letter-spacing: .01em; }
.agw-tag {
  font-size: 9.5px; font-weight: 700; letter-spacing: .08em;
  background: linear-gradient(135deg, rgba(61, 91, 255, .3), rgba(139, 70, 255, .3));
  border: 1px solid rgba(132, 152, 255, .35);
  color: #BFD0FF; border-radius: 5px; padding: 2px 7px;
}
.agw-phase { flex: 1; display: flex; align-items: center; gap: 6px; overflow-x: auto; }
.agw-idle { font-size: 11px; color: var(--d-faint); }
.phase-chip {
  font-size: 10.5px; font-weight: 700; border-radius: 99px; padding: 3.5px 10px;
  background: rgba(255, 255, 255, .06); color: var(--d-muted);
  border: 1px solid var(--ag-line); white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.phase-chip.wait { color: #F5B85C; border-color: rgba(232, 147, 12, .4); background: rgba(232, 147, 12, .1); }
.phase-chip.gen { color: #B197FF; border-color: rgba(122, 77, 255, .45); background: rgba(122, 77, 255, .12); animation: chipPulse 2s ease-in-out infinite; }
.phase-chip.review { color: #74B7F2; border-color: rgba(28, 126, 214, .45); background: rgba(28, 126, 214, .12); }
.phase-chip.fail { color: #FF8787; border-color: rgba(224, 49, 49, .45); background: rgba(224, 49, 49, .1); }
.phase-chip.done { color: #5BE0B0; border-color: rgba(12, 166, 120, .4); background: rgba(12, 166, 120, .1); }
@keyframes chipPulse { 50% { box-shadow: 0 0 14px rgba(122, 77, 255, .35); } }
.agw-top-right { display: flex; align-items: center; gap: 10px; }
.agw-auto { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; user-select: none; }
.agw-auto input { display: none; }
.agw-auto i {
  width: 30px; height: 17px; border-radius: 99px; position: relative;
  background: rgba(255, 255, 255, .12); transition: background var(--t-med);
}
.agw-auto i::after {
  content: ""; position: absolute; top: 2px; left: 2px; width: 13px; height: 13px;
  border-radius: 50%; background: #fff; transition: transform var(--t-med);
}
.agw-auto input:checked + i { background: linear-gradient(135deg, #36CFA0, #3D5BFF); }
.agw-auto input:checked + i::after { transform: translateX(13px); }
.agw-auto span { font-size: 11px; color: var(--d-muted); font-weight: 600; }
.agw-board-toggle {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 650; color: var(--d-muted);
  border: 1px solid var(--ag-line); border-radius: var(--r-sm); padding: 6px 11px;
  transition: all var(--t-fast);
}
.agw-board-toggle:hover { color: #fff; background: rgba(255, 255, 255, .06); }

/* ---------- 三栏 ---------- */
.agw-body { flex: 1; display: grid; grid-template-columns: 224px minmax(0, 1fr) 392px; min-height: 0; }
.agent-shell.board-hidden .agw-body { grid-template-columns: 224px minmax(0, 1fr) 0; }
.agent-shell.board-hidden .agw-board { display: none; }

/* 会话列表（去背景色，仅靠细分隔线） */
.agw-sessions { border-right: 1px solid var(--ag-line); padding: 12px 10px; overflow-y: auto; }
.agw-new {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 6px;
  border: 1px dashed var(--ag-line-2); border-radius: var(--r-md);
  padding: 9px; font-size: 12px; font-weight: 650; color: var(--d-muted);
  transition: all var(--t-fast); margin-bottom: 10px;
}
.agw-new:hover { color: #fff; border-color: rgba(132, 152, 255, .5); background: rgba(80, 110, 255, .08); }
.agw-slist { display: flex; flex-direction: column; gap: 2px; }
.agw-sitem {
  width: 100%; min-height: 38px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center;
  text-align: left; border-radius: 0; padding: 8px 10px; border: 0; border-bottom: 1px solid rgba(132,152,255,.10); border-left: 2px solid transparent;
  transition: all var(--t-fast); position: relative;
}
.agw-sitem:hover { background: rgba(255, 255, 255, .03); }
.agw-sitem.is-active { background: rgba(124, 154, 255, .08); border-left-color: #7C9AFF; }
.agw-sitem b { display: block; min-width: 0; font-size: 12px; color: var(--d-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agw-stime { justify-self: end; font-size: 10px; color: var(--d-faint); display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.agw-run-dot { width: 7px; height: 7px; border-radius: 50%; background: rgba(148,163,184,.45); box-shadow: 0 0 0 2px rgba(148,163,184,.10); }
.agw-run-dot.is-running { background: #38d6ad; box-shadow: 0 0 0 2px rgba(56,214,173,.16), 0 0 10px rgba(56,214,173,.35); }

/* ---------- 对话流 ---------- */
.agw-conv { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.agw-msgs { flex: 1; overflow-y: auto; padding: 22px 26px 10px; display: flex; flex-direction: column; gap: 16px; }
.agw-msgs,
.agw-board,
.agw-sessions,
.agw-phase,
.agc-accs {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.agw-msgs::-webkit-scrollbar,
.agw-board::-webkit-scrollbar,
.agw-sessions::-webkit-scrollbar,
.agw-phase::-webkit-scrollbar,
.agc-accs::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.ag-row { display: flex; gap: 10px; max-width: 820px; width: 100%; margin: 0 auto; animation: msgIn .3s var(--ease); }
.ag-row.no-enter { animation: none !important; }

.agc-ref-chips .ref-chip { position: relative; }
.agc-ref-chips .ref-x {
  position: relative;
  z-index: 4;
  pointer-events: auto;
  flex: none;
}
@keyframes msgIn { from { opacity: 0; transform: translateY(8px); } }
.ag-row.user { justify-content: flex-end; }
.ag-avatar { flex: none; filter: drop-shadow(0 4px 12px rgba(61, 91, 255, .4)); }
.ag-content { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 4px; }
.ag-time { font-size: 9.5px; color: var(--d-faint); padding-left: 4px; }
.ag-bubble {
  border-radius: 14px; padding: 11px 14px;
  font-size: 12.5px; line-height: 1.75; width: fit-content; max-width: 100%;
}
.ag-bubble.user {
  background: linear-gradient(135deg, rgba(61, 91, 255, .85), rgba(106, 72, 255, .85));
  color: #fff; border-radius: 14px 14px 4px 14px;
  box-shadow: 0 8px 24px rgba(61, 91, 255, .3);
  max-width: 70%;
}
.ag-bubble.agent {
  background: var(--ag-card);
  border: 1px solid var(--ag-line);
  border-radius: 4px 14px 14px 14px;
  color: var(--d-text);
}
.ag-bubble.typing { display: flex; gap: 4px; padding: 14px 16px; }
.ag-bubble.typing i { width: 6px; height: 6px; border-radius: 50%; background: var(--d-muted); animation: typing 1.2s infinite; }
.ag-bubble.typing i:nth-child(2) { animation-delay: .15s; }
.ag-bubble.typing i:nth-child(3) { animation-delay: .3s; }
@keyframes typing { 30% { transform: translateY(-4px); opacity: 1; } 60% { transform: none; opacity: .4; } }

/* 思考小面板（思考过程 + 批次进度） */
.ag-avatar.thinking { border-radius: 12px; animation: thinkGlow 2s ease-in-out infinite; }
@keyframes thinkGlow {
  0%, 100% { filter: drop-shadow(0 4px 12px rgba(61, 91, 255, .4)); }
  50% { filter: drop-shadow(0 4px 18px rgba(124, 154, 255, .75)); }
}
.think-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  border: 1px solid var(--ag-line-2);
  border-radius: 4px 14px 14px 14px; padding: 12px 14px;
  width: fit-content; max-width: 100%; min-width: 240px;
}
.think-head { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; }
.think-head b { font-size: 12px; color: #BFD0FF; background: linear-gradient(90deg, #7C9AFF, #B197FF, #7C9AFF); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: shimmer 2.2s linear infinite; }
@keyframes shimmer { to { background-position: 200% 0; } }
.think-orb { position: relative; width: 16px; height: 16px; flex: none; }
.think-orb i { position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid transparent; }
.think-orb i:nth-child(1) { border-top-color: #7C9AFF; animation: spin .9s linear infinite; }
.think-orb i:nth-child(2) { inset: 3px; border-right-color: #B197FF; animation: spin 1.3s linear infinite reverse; }
.think-orb i:nth-child(3) { inset: 6px; border-radius: 50%; background: radial-gradient(circle, #B197FF, transparent 70%); animation: orbPulse 1.4s ease-in-out infinite; }
@keyframes orbPulse { 50% { transform: scale(1.5); opacity: .5; } }
.think-steps { display: flex; flex-direction: column; gap: 6px; }
.think-step { display: flex; align-items: center; gap: 7px; font-size: 11.5px; color: var(--d-muted); animation: stepIn .25s var(--ease); }
@keyframes stepIn { from { opacity: 0; transform: translateX(-4px); } }
.think-step.done { color: var(--d-faint); }
.think-step.cur { color: #CBD8FF; }
.think-step .ok { color: #5BE0B0; flex: none; }
.ts-dot { width: 11px; height: 11px; border-radius: 50%; flex: none; border: 1.5px solid rgba(132, 152, 255, .35); border-top-color: #9BB0FF; }
.ts-dot.spin { animation: spin .7s linear infinite; }
.think-prog { margin-top: 10px; padding-top: 9px; border-top: 1px solid rgba(132, 152, 255, .12); }
.think-prog span { font-size: 10.5px; color: var(--d-faint); display: block; margin-bottom: 5px; }
.think-prog i { display: block; height: 4px; border-radius: 4px; background: rgba(255, 255, 255, .08); overflow: hidden; }
.think-prog b { display: block; height: 100%; background: linear-gradient(90deg, #36CFA0, #3D5BFF, #8B46FF); transition: width .5s; }

/* ---------- 结构化卡片 ---------- */
.ag-card {
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
  border: 1px solid var(--ag-line-2);
  border-radius: var(--r-lg); padding: 14px 15px;
  width: 100%;
}
.ag-card.resolved { opacity: .82; }
.agc-head { display: flex; align-items: center; gap: 8px; margin-bottom: 11px; color: #fff; }
.agc-head b { font-size: 13px; flex: 1; }
.agc-modebar { display: flex; align-items: center; justify-content: flex-end; gap: 7px; flex-wrap: wrap; margin-left: auto; }
.agc-seg-group { display: inline-flex; align-items: center; gap: 3px; padding: 3px; border-radius: 999px; background: rgba(255,255,255,.045); border: 1px solid rgba(132,152,255,.13); }
.agc-seg {
  height: 26px; padding: 0 10px; border: 0; border-radius: 999px;
  background: transparent; color: #8FA0C4; font-size: 10.5px; font-weight: 850;
  cursor: pointer; transition: background var(--t-fast), color var(--t-fast), box-shadow var(--t-fast);
}
.agc-seg:hover { color: #EAF0FF; background: rgba(255,255,255,.055); }
.agc-seg.is-active { color: #F8FBFF; background: linear-gradient(135deg, rgba(80,110,255,.8), rgba(34,211,238,.42)); box-shadow: 0 8px 22px rgba(53,91,255,.22); }
.agc-product-pill {
  flex: none; display: inline-flex; align-items: center; gap: 6px;
  height: 28px; padding: 0 7px 0 10px; border-radius: 999px;
  border: 1px solid rgba(132,152,255,.22); background: rgba(255,255,255,.045);
  color: #8EA0D0; font-size: 10px; font-weight: 750;
}
.agc-product-pill.is-locked { margin-left: 0; padding: 0 12px; color: #BFD0FF; background: rgba(80,110,255,.12); }
.agc-product-pill select {
  height: 22px; min-width: 86px; max-width: 130px; border: 0; outline: 0;
  border-radius: 999px; padding: 0 22px 0 8px;
  background: rgba(255,255,255,.08); color: #EAF0FF; font-size: 10.5px; font-weight: 800;
  color-scheme: dark;
}
.agc-state { font-size: 10px; font-weight: 700; border-radius: 99px; padding: 2.5px 9px; background: rgba(255, 255, 255, .08); color: var(--d-muted); }
.agc-state.ok { background: rgba(12, 166, 120, .15); color: #5BE0B0; }
.agc-state.run { background: rgba(122, 77, 255, .18); color: #B197FF; }
.agc-state.wait { background: rgba(232, 147, 12, .15); color: #F5B85C; }
.agc-state.review { background: rgba(28, 126, 214, .18); color: #74B7F2; }
.agc-state.fail { background: rgba(224, 49, 49, .15); color: #FF8787; }
.agc-state.off { background: rgba(255, 255, 255, .06); color: var(--d-faint); }
.agc-p { font-size: 12px; color: var(--d-muted); line-height: 1.7; margin: 8px 0; }
.agc-p.ok { color: #5BE0B0; display: flex; align-items: center; gap: 6px; }
.agc-p.fail { color: #FF8787; display: flex; align-items: center; gap: 6px; }
.agc-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin-bottom: 10px; }
.agc-custom-hint {
  display: flex; align-items: center; gap: 7px; margin: 0 0 10px; padding: 9px 11px;
  border: 1px solid rgba(132,152,255,.18); border-radius: var(--r-sm);
  background: linear-gradient(135deg, rgba(80,110,255,.12), rgba(34,211,238,.055));
  color: #B7C6EF; font-size: 11px; font-weight: 650;
}
.agc-field { display: flex; flex-direction: column; gap: 5px; font-size: 10.5px; font-weight: 700; color: var(--d-faint); }
.agc-field input, .agc-field select, .agc-field textarea {
  background: rgba(255, 255, 255, .05); border: 1px solid var(--ag-line);
  border-radius: var(--r-sm); padding: 8px 10px; font-size: 12.5px; color: var(--d-text); outline: 0;
  transition: border-color var(--t-fast);
}
.agc-field select { color-scheme: dark; cursor: pointer; }
.agc-field textarea { min-height: 72px; resize: vertical; line-height: 1.55; font-family: inherit; }
.agc-field em { font-style: normal; font-weight: 500; font-size: 10px; color: var(--d-faint); }
.agc-field.wide { grid-column: 1 / -1; }
.agc-field input:focus, .agc-field select:focus, .agc-field textarea:focus { border-color: var(--brand-2); box-shadow: 0 0 0 3px rgba(61, 91, 255, .2); }
.agc-tags { display: flex; gap: 5px; flex-wrap: wrap; margin-bottom: 10px; }
.agc-tags .chip { background: rgba(255, 255, 255, .05); border-color: var(--ag-line); color: var(--d-muted); }
.agc-tags .chip.on { background: rgba(80, 110, 255, .2); border-color: rgba(132, 152, 255, .5); color: #BFD0FF; }
.agc-sec { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 11px; font-weight: 700; color: var(--d-muted); margin: 10px 0 7px; }
.agc-sec > span { min-width: 0; }
.agc-sec em { font-style: normal; font-weight: 500; color: var(--d-faint); margin-left: 6px; }
.agc-sec-tools { flex: none; display: flex; align-items: center; gap: 8px; }
.agc-count-inline {
  display: inline-flex; align-items: center; gap: 7px; height: 30px;
  padding: 0 8px 0 10px; border-radius: 999px;
  border: 1px solid rgba(132,152,255,.28); background: rgba(255,255,255,.045);
  color: #AFC0FF; font-size: 10.5px; font-weight: 750; white-space: nowrap;
}
.agc-count-inline input {
  width: 44px; height: 22px; padding: 0 4px; border: 0; border-radius: 7px;
  background: rgba(255,255,255,.08); color: #fff; font-size: 11px; font-weight: 800; outline: 0;
}
.agc-random-pick {
  flex: none; display: inline-flex; align-items: center; gap: 5px; height: 30px;
  padding: 0 10px; border-radius: 999px;
  border: 1px solid rgba(132,152,255,.28); background: rgba(255,255,255,.045);
  color: #BFD0FF; font-size: 10.5px; font-weight: 750;
}
.agc-random-pick:hover { border-color: rgba(132,152,255,.55); background: rgba(80,110,255,.14); color: #fff; }
.agc-trend-toggle {
  flex: none; display: inline-flex; align-items: center; gap: 6px; height: 30px;
  padding: 0 10px; border-radius: 999px;
  border: 1px solid rgba(45,212,191,.25); background: rgba(20,184,166,.08);
  color: #A7F3D0; font-size: 10.5px; font-weight: 750; white-space: nowrap; cursor: pointer;
}
.agc-trend-toggle input {
  appearance: none; width: 26px; height: 16px; border-radius: 999px;
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); position: relative;
}
.agc-trend-toggle input::after {
  content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%;
  left: 2px; top: 2px; background: rgba(255,255,255,.74); transition: transform var(--t-fast), background var(--t-fast);
}
.agc-trend-toggle input:checked { background: linear-gradient(135deg,#14B8A6,#6366F1); }
.agc-trend-toggle input:checked::after { transform: translateX(10px); background: #fff; }
.agc-accs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; max-height: 220px; overflow-y: auto; }
.agc-acc {
  display: flex; align-items: center; gap: 8px; text-align: left;
  background: rgba(255, 255, 255, .04); border: 1px solid var(--ag-line);
  border-radius: var(--r-md); padding: 8px 10px;
  transition: all var(--t-fast); position: relative;
}
.agc-acc:hover { background: rgba(255, 255, 255, .07); }
.agc-acc.on { background: rgba(80, 110, 255, .14); border-color: rgba(132, 152, 255, .45); }
.agc-acc.is-video { border-color: rgba(34, 211, 238, .16); }
.agc-acc.is-video.on { background: rgba(20, 184, 166, .12); border-color: rgba(45, 212, 191, .42); }
.agc-idx {
  flex: none; min-width: 34px; height: 20px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px; border: 1px solid rgba(132,152,255,.22);
  color: #91A3D8; background: rgba(255,255,255,.04); font-size: 9px; font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.agc-acc.is-video .agc-idx { border-color: rgba(45,212,191,.28); color: #86E9D2; }
.agc-acc b { font-size: 11.5px; color: var(--d-text); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agc-acc em { font-style: normal; font-size: 9.5px; color: var(--d-faint); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agc-acc .ok { margin-left: auto; color: #5BE0B0; flex: none; }
.agc-acc b, .agc-acc em { min-width: 0; }
.agc-acc > b { flex: 1; }
.agc-overrides { margin-top: 10px; display: flex; flex-direction: column; gap: 6px; min-width: 0; overflow: hidden; }
.agc-override {
  display: grid;
  grid-template-columns: minmax(104px, .9fr) minmax(116px, .85fr) 64px 76px minmax(0, 1.45fr);
  grid-template-areas:
    "name product itemcount imgcount content"
    "refhead refstate refstate refstate refstate"
    "refactions refactions refactions refactions refactions";
  column-gap: 6px; row-gap: 8px; align-items: end; padding: 8px;
  border: 1px solid var(--ag-line); border-radius: var(--r-md);
  background: rgba(255,255,255,.035);
  min-width: 0; max-width: 100%; overflow: hidden;
}
.agc-override b { grid-area: name; align-self: center; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; color: var(--d-text); }
.agc-override-name { grid-area: name; align-self: center; min-width: 0; }
.agc-override-name b { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; color: var(--d-text); }
.agc-override-name span { display: block; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--d-faint); font-size: 9px; }
.agc-override-actions { grid-area: refactions; display: flex; align-items: center; gap: 7px; min-width: 0; }
.agc-override-actions button { min-width: 0; height: 32px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 10px; border: 1px solid rgba(132,152,255,.28); border-radius: var(--r-sm); color: #AFC0FF; background: rgba(80,110,255,.08); font-size: 10px; white-space: nowrap; }
.agc-override > select { grid-area: product; }
.agc-product-lock {
  grid-area: product; height: 36px; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 5px;
  border: 1px solid rgba(132,152,255,.24); border-radius: var(--r-sm);
  background: rgba(80,110,255,.095); color: #BFD0FF; font-size: 9.5px; font-weight: 850;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.agc-override > input,
.agc-copy-fields { grid-area: content; }
.agc-mini-count { min-width: 0; display: grid; gap: 3px; color: #8EA0D0; font-size: 9px; font-weight: 750; }
.agc-mini-count:nth-of-type(1) { grid-area: itemcount; }
.agc-mini-count.img-count { grid-area: imgcount; }
.agc-video-chain {
  grid-area: imgcount; height: 36px; min-width: 0; width: 100%; max-width: 62px;
  display: inline-flex; align-items: center; justify-content: center; gap: 5px;
  border: 1px solid rgba(45,212,191,.24); border-radius: var(--r-sm);
  background: rgba(20,184,166,.08); color: #93E5D2;
  font-size: 9px; font-weight: 800; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
}
.agc-video-chain svg { flex: none; }
.agc-override.is-video { border-color: rgba(45,212,191,.18); }
.agc-override.is-custom-plan {
  grid-template-columns: minmax(128px, .48fr) minmax(280px, 1fr) 86px;
  grid-template-areas:
    "name content imgcount"
    ". refactions refactions"
    "refhead refstate refstate";
  align-items: center;
  overflow: visible;
}
.agc-override.is-custom-plan .agc-account-copy {
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
}
.agc-override.is-custom-plan .agc-account-copy.has-mode-switch {
  grid-template-columns: 58px minmax(0, 1fr) max-content;
}
.agc-override.is-custom-plan .agc-copy-fields {
  min-height: 51px;
  align-items: end;
}
.agc-override.is-custom-plan .agc-mini-count.img-count {
  position: relative;
  z-index: 1;
  width: 86px;
  justify-self: stretch;
  pointer-events: auto;
}
.agc-image-mode-switch {
  position: relative;
  isolation: isolate;
  min-width: 0;
  height: 36px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
  padding: 3px;
  border: 1px solid rgba(132,152,255,.22);
  border-radius: var(--r-sm);
  background: rgba(255,255,255,.045);
  overflow: hidden;
}
.agc-image-mode-switch::before { content: ""; position: absolute; z-index: -1; inset: 3px auto 3px 3px; width: calc(50% - 4.5px); border-radius: 5px; background: rgba(109,168,255,.24); box-shadow: 0 3px 10px rgba(0,0,0,.16); transition: transform 240ms cubic-bezier(.22,.75,.2,1); }
.agc-image-mode-switch[data-mode="single"]::before { transform: translateX(calc(100% + 3px)); }
.agc-image-mode-switch button { min-width: 0; border-radius: 5px; color: #8EA0D0; background: transparent; font-size: 9.5px; font-weight: 800; white-space: nowrap; transition: color 180ms ease; }
.agc-image-mode-switch button.is-active { color: #fff; background: transparent; box-shadow: none; }
.image-mode-forward .image-mode-panel { animation: agcImageModeForward 260ms cubic-bezier(.22,.75,.2,1) both; }
.image-mode-backward .image-mode-panel { animation: agcImageModeBack 260ms cubic-bezier(.22,.75,.2,1) both; }
@keyframes agcImageModeForward { from { opacity: .35; transform: translateX(12px); } to { opacity: 1; transform: none; } }
@keyframes agcImageModeBack { from { opacity: .35; transform: translateX(-12px); } to { opacity: 1; transform: none; } }
.agc-account-copy.single-image-copy { grid-template-columns: 58px minmax(0, 1fr) max-content !important; }
.agc-copy-editor-btn { min-width: 0; height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 9px; border: 1px solid rgba(132,152,255,.24); border-radius: var(--r-sm); color: #AFC0FF; background: rgba(80,110,255,.08); font-size: 9.5px; font-weight: 800; white-space: nowrap; }
.agc-override.is-custom-plan .agc-copy-editor-btn {
  width: auto;
  min-width: 94px;
  max-width: 124px;
  padding-inline: 9px;
  justify-self: end;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agc-override.is-custom-plan .single-image-copy .agc-copy-editor-btn {
  min-width: 124px;
  max-width: 136px;
}
.agc-copy-editor-btn.is-filled { color: #CFE0FF; border-color: rgba(109,168,255,.46); background: rgba(80,110,255,.16); }
.agc-copy-editor-modal label { display: grid; gap: 8px; color: var(--muted); font-size: 12px; font-weight: 750; }
.agc-copy-editor-modal textarea { min-height: 300px; resize: vertical; line-height: 1.7; }
.agc-copy-toggle {
  grid-area: copymode;
  position: relative;
  height: 36px;
  min-width: 0;
  border: 1px solid rgba(132,152,255,.22);
  border-radius: var(--r-sm);
  background: rgba(255,255,255,.045);
  color: #A7B6DE;
  overflow: hidden;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 850;
  white-space: nowrap;
  transition: background var(--t-fast), border-color var(--t-fast), color var(--t-fast);
}
.agc-copy-toggle:hover { border-color: rgba(180,195,230,.36); background: rgba(255,255,255,.075); }
.agc-copy-toggle span { display: block; overflow: hidden; text-overflow: ellipsis; }
.agc-copy-toggle.is-on {
  color: #F7FAFF;
  border-color: rgba(132,152,255,.45);
  background: rgba(80,110,255,.16);
}
.agc-copy-fields {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
}
.agc-copy-fields .agc-standard-copy { display: block; }
.agc-copy-fields .agc-account-copy { display: none; }
.agc-copy-fields.is-custom .agc-standard-copy { display: none; }
.agc-copy-fields.is-custom .agc-account-copy { display: grid; }
.agc-account-copy {
  grid-template-columns: minmax(0, .72fr) minmax(0, 1fr);
  gap: 6px;
  min-width: 0;
}
.agc-mini-count input {
  width: 100%; height: 36px; min-width: 0; border-radius: var(--r-sm);
  border: 1px solid var(--ag-line); background: rgba(255,255,255,.05);
  color: var(--d-text); padding: 0 8px; font-size: 11.5px; font-weight: 800; outline: 0;
}
.agc-override select, .agc-override input, .agc-account-copy textarea {
  min-width: 0; width: 100%; box-sizing: border-box; background: rgba(255, 255, 255, .05); border: 1px solid var(--ag-line);
  height: 36px; border-radius: var(--r-sm); padding: 0 9px; font-size: 11px; color: var(--d-text); outline: 0;
}
.agc-override > input { height: 36px; }
.agc-account-copy textarea {
  min-height: 36px;
  max-height: 58px;
  resize: vertical;
  padding-top: 8px;
  line-height: 1.35;
}
.agc-override select { color-scheme: dark; }
.agc-mini-ref {
  display: contents;
  font-size: 9.5px; color: var(--d-faint); font-weight: 650;
}
.agc-mini-head,
.agc-mini-ref .agc-ref-chips.mini,
.agc-mini-ref .agc-mini-actions {
  padding-top: 9px;
  border-top: 0;
}
.agc-mini-head { grid-area: refhead; position: relative; display: grid; gap: 1px; align-self: center; min-width: 0; }
.agc-mini-head::before { content: ""; position: absolute; left: 0; top: 0; width: 2400px; border-top: 1px solid rgba(132,152,255,.10); pointer-events: none; }
.agc-mini-head span { color: var(--d-muted); font-size: 10px; }
.agc-mini-head em { font-style: normal; font-weight: 500; font-size: 9px; color: var(--d-faint); }
.agc-mini-ref .agc-ref-chips.mini { grid-area: refstate; align-self: center; min-width: 0; }
.agc-mini-ref .agc-mini-actions { grid-area: refactions; display: grid; grid-template-columns: minmax(96px, 1fr) minmax(96px, .75fr); gap: 7px; align-items: center; justify-content: stretch; min-width: 0; }
.agc-mini-ref .agc-mini-actions .btn.sm {
  height: 32px; justify-content: center; padding: 0 8px; white-space: nowrap; font-size: 10.5px;
  min-width: 0; overflow: hidden; text-overflow: ellipsis;
  background: rgba(80,110,255,.10); border-color: rgba(132,152,255,.32); color: #C9D5FF;
}
.agc-mini-ref .agc-mini-actions .btn.sm:hover { background: rgba(80,110,255,.18); color: #fff; box-shadow: var(--d-glow); }
.agc-mini-ref .agc-mini-actions .ref-chip.dark { margin-left: 0; max-width: 150px; }
.agc-mini-ref .agc-mini-actions .ref-chip.dark span { display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agc-drop-mini {
  display: inline-flex; align-items: center; justify-content: center; gap: 5px; height: 32px;
  padding: 0 8px; border: 1px dashed rgba(132,152,255,.42); border-radius: var(--r-sm);
  color: #AFC0FF; background: rgba(80,110,255,.08); cursor: copy; transition: all var(--t-fast);
  white-space: nowrap; font-size: 10.5px; min-width: 0; overflow: hidden; text-overflow: ellipsis;
}
.agc-drop-mini:hover, .agc-drop-mini.drag-over { border-color: #7C9AFF; background: rgba(80,110,255,.16); box-shadow: var(--d-glow); }
.agc-ref { display: grid; gap: 10px; margin: 4px 0 10px; padding: 11px; background: rgba(255,255,255,.035); border: 1px solid var(--ag-line); border-radius: var(--r-md); }
.agc-ref-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.agc-ref-l { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 650; color: var(--d-muted); }
.agc-ref-l em { font-style: normal; font-weight: 500; font-size: 10.5px; color: var(--d-faint); margin-left: 4px; }
.agc-ref-body { display: grid; grid-template-columns: minmax(0, 1fr) 150px 150px; gap: 9px; align-items: stretch; }
.agc-ref-picked { min-width: 0; display: grid; gap: 7px; padding: 9px; border-radius: var(--r-sm); background: rgba(255,255,255,.035); border: 1px solid rgba(132,152,255,.12); }
.agc-ref-picked > b { font-size: 10.5px; color: var(--d-muted); }
.agc-ref-chips { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 120px; }
.agc-ref-chips.mini { min-width: 0; min-height: 28px; }
.agc-ref-origin {
  display: inline-flex; align-items: center; min-height: 20px; max-width: 100%; padding: 4px 7px;
  border: 1px solid rgba(132,152,255,.18); border-radius: 999px;
  color: var(--d-faint); background: rgba(255,255,255,.035); font-size: 8.5px; font-weight: 700; line-height: 1.3;
}
.agc-ref-origin.is-preset { color: #BFD0FF; border-color: rgba(132,152,255,.32); background: rgba(80,110,255,.10); }
.ref-chip.dark { background: rgba(255,255,255,.06); border: 1px solid var(--ag-line); color: var(--d-text); margin-left: auto; }
.agc-ref-chips .ref-chip.dark { margin-left: 0; }
.ref-chip.dark img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; }
.agc-ref-drop, .agc-ref-library {
  display: grid; place-items: center; align-content: center; gap: 4px; min-height: 86px;
  border-radius: var(--r-sm); text-align: center; color: #AFC0FF;
  border: 1px dashed rgba(132,152,255,.42); background: rgba(80,110,255,.08);
  cursor: copy; transition: all var(--t-fast);
}
.agc-ref-library { cursor: pointer; border-style: solid; background: rgba(255,255,255,.045); color: var(--d-text); }
.agc-ref-drop:hover, .agc-ref-drop.drag-over, .agc-ref-library:hover { border-color: #7C9AFF; background: rgba(80,110,255,.16); box-shadow: var(--d-glow); }
.agc-ref-drop b, .agc-ref-library b { font-size: 11px; color: var(--d-text); }
.agc-ref-drop em, .agc-ref-library em { font-style: normal; font-size: 9.5px; color: var(--d-faint); }
.agc-cover-ref {
  display: grid;
  grid-template-columns: minmax(180px, .8fr) minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 9px;
  border: 1px solid rgba(132,152,255,.12);
  border-radius: var(--r-sm);
  background: rgba(255,255,255,.03);
}
.agc-cover-ref-info { min-width: 0; display: grid; gap: 3px; }
.agc-cover-ref-info b { display: inline-flex; align-items: center; gap: 5px; color: var(--d-text); font-size: 11.5px; }
.agc-cover-ref-info em { font-style: normal; color: var(--d-faint); font-size: 10px; line-height: 1.45; }
.agc-cover-ref-status { color: var(--d-muted); font-size: 11px; min-width: 0; }
.agc-cover-ref-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; }
.agc-cover-ref-actions .btn.sm { height: 32px; white-space: nowrap; }
.asset-picker { display: grid; gap: 12px; }
.modal-panel.asset-picker-panel { width: min(920px, calc(100vw - 40px)); }
.asset-picker-meta { display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: 12px; }
.asset-picker-meta em { font-style: normal; color: var(--brand); font-weight: 800; }
.asset-picker-upload {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 14px;
  border: 1px dashed #cbd6e6;
  border-radius: var(--r-md);
  color: #4169a8;
  background: #f8fbff;
  cursor: copy;
  transition: border-color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);
}
.asset-picker-upload > span { display: grid; gap: 3px; }
.asset-picker-upload b { color: var(--text); font-size: 12px; }
.asset-picker-upload em { color: var(--faint); font-size: 10px; font-style: normal; font-weight: 500; }
.asset-picker-upload:hover,
.asset-picker-upload.drag-over {
  border-color: #6f98dc;
  background: #f0f6ff;
  box-shadow: 0 10px 28px rgba(70, 106, 164, .12);
  transform: translateY(-1px);
}
.asset-picker-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: 10px; max-height: min(58vh, 520px); overflow-y: auto; padding-right: 4px; }
.asset-pick-card {
  position: relative; display: grid; gap: 7px; padding: 8px; text-align: left;
  border: 1px solid var(--hairline); border-radius: var(--r-md);
  background: var(--surface-2); transition: all var(--t-fast);
}
.asset-pick-card:hover, .asset-pick-card.on { border-color: var(--brand); box-shadow: var(--shadow-sm); transform: translateY(-1px); }
.asset-pick-thumb { display: block; width: 100%; aspect-ratio: 3 / 4; border-radius: var(--r-sm); overflow: hidden; background: var(--soft); }
.asset-pick-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.asset-pick-thumb i { width: 100%; height: 100%; display: grid; place-items: center; font-style: normal; color: var(--brand); font-size: 28px; font-weight: 800; }
.asset-pick-card b { font-size: 11.5px; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.asset-pick-card em { font-style: normal; font-size: 9.5px; color: var(--faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.asset-pick-check { position: absolute; right: 8px; top: 8px; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: var(--brand); color: #fff; opacity: 0; transform: scale(.85); transition: all var(--t-fast); }
.asset-pick-card.on .asset-pick-check { opacity: 1; transform: none; }
.asset-pick-delete {
  position: absolute; right: 8px; top: 36px; width: 24px; height: 24px;
  display: grid; place-items: center; border-radius: 8px;
  background: rgba(255,255,255,.92); color: var(--danger);
  border: 1px solid rgba(239,68,68,.18);
  opacity: 0; transform: translateY(-3px); transition: all var(--t-fast);
  box-shadow: var(--shadow-sm);
}
.asset-pick-card:hover .asset-pick-delete, .asset-pick-delete:focus-visible { opacity: 1; transform: none; }
.asset-pick-delete:hover { background: var(--danger-bg); border-color: rgba(239,68,68,.3); }
.asset-picker-empty { grid-column: 1 / -1; display: grid; place-items: center; gap: 8px; padding: 34px; border: 1px dashed var(--hairline); border-radius: var(--r-md); color: var(--muted); text-align: center; }
.asset-picker-empty b { color: var(--text); }
.asset-picker-empty p { font-size: 12px; }
.agc-ref .link-btn { color: #9BB0FF; font-size: 10.5px; }
.agc-foot { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
.agc-foot .btn.ghost { background: rgba(255, 255, 255, .05); border-color: var(--ag-line); color: var(--d-muted); }
.agc-foot .btn.ghost:hover { color: #fff; background: rgba(255, 255, 255, .1); }

/* 进度卡 */
.agp-bar { height: 6px; border-radius: 6px; background: rgba(255, 255, 255, .08); overflow: hidden; margin-bottom: 10px; }
.agp-bar i { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, #36CFA0, #3D5BFF, #8B46FF); transition: width .6s var(--ease); }
.agp-segs { display: flex; gap: 6px; flex-wrap: wrap; }
.agp-seg { font-size: 10.5px; font-weight: 650; border-radius: 7px; padding: 4px 9px; background: rgba(255, 255, 255, .05); color: var(--d-muted); display: inline-flex; gap: 5px; align-items: center; }
.agp-seg b { font-variant-numeric: tabular-nums; }
.agp-seg.draft b { color: #9BB0FF; } .agp-seg.wait b { color: #F5B85C; }
.agp-seg.gen b { color: #B197FF; } .agp-seg.review b { color: #74B7F2; }
.agp-seg.done b { color: #5BE0B0; } .agp-seg.fail b { color: #FF8787; }

/* 回传卡 */
.agn-list { display: flex; flex-direction: column; gap: 6px; margin: 8px 0; }
.agn-row { display: flex; align-items: center; gap: 8px; font-size: 11.5px; color: var(--d-muted); }
.agn-row b { color: var(--d-text); font-size: 11.5px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agn-bar { flex: 1; height: 4px; border-radius: 4px; background: rgba(255, 255, 255, .08); overflow: hidden; min-width: 40px; }
.agn-bar i { display: block; height: 100%; background: linear-gradient(90deg, #F5B85C, #36CFA0); }
.agn-row em { font-style: normal; font-size: 10.5px; font-variant-numeric: tabular-nums; flex: none; }
.agn-row .link-btn { font-size: 10.5px; flex: none; color: #9BB0FF; }
.ag-drop {
  position: relative; margin-top: 10px;
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  border: 1.5px dashed rgba(132, 152, 255, .4); border-radius: var(--r-lg);
  padding: 18px; color: var(--d-muted); text-align: center;
  background: rgba(80, 110, 255, .05);
  transition: all var(--t-med); overflow: hidden;
}
.ag-drop:hover, .ag-drop.drag-over { border-color: #7C9AFF; background: rgba(80, 110, 255, .12); box-shadow: var(--d-glow); }
.ag-drop b { font-size: 12px; color: var(--d-text); }
.ag-drop em { font-style: normal; font-size: 10.5px; color: var(--d-faint); }
.agd-rings { position: absolute; inset: 0; pointer-events: none; }
.agd-rings i { position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; border: 1px solid rgba(132, 152, 255, .25); border-radius: 50%; transform: translate(-50%, -50%); animation: ring 2.6s ease-out infinite; }
.agd-rings i:nth-child(2) { animation-delay: 1.3s; }
@keyframes ring { from { width: 50px; height: 50px; opacity: 1; } to { width: 190px; height: 190px; opacity: 0; } }

/* 审核卡 */
.agr-row { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(132, 152, 255, .08); }
.agr-row:last-of-type { border-bottom: 0; }
.agr-cover { width: 38px; height: 48px; border-radius: 8px; overflow: hidden; flex: none; }
.agr-cover img, .agr-cover i { width: 100%; height: 100%; object-fit: cover; display: grid; place-items: center; color: #fff; font-style: normal; font-size: 11px; }
.agr-cover.is-video { width: 72px; height: 96px; background: #07090f; border: 1px solid var(--ag-line); }
.agr-cover.is-video video { width: 100%; height: 100%; object-fit: cover; display: block; }
.agr-board-strip { width: min(164px, 32%); display: flex; gap: 4px; overflow-x: auto; flex: none; scrollbar-width: none; }
.agr-board-strip::-webkit-scrollbar { display: none; }
.agr-board { position: relative; width: 36px; height: 48px; flex: 0 0 36px; overflow: hidden; padding: 0; border: 1px solid var(--ag-line); border-radius: 7px; color: var(--d-muted); background: rgba(255,255,255,.04); cursor: pointer; }
.agr-board img, .agr-board > i { width: 100%; height: 100%; object-fit: cover; display: grid; place-items: center; font-style: normal; }
.agr-board > span { position: absolute; right: 2px; bottom: 2px; min-width: 31px; height: 16px; padding: 0 4px; display: inline-flex; align-items: center; justify-content: center; gap: 2px; border-radius: 5px; color: #fff; background: rgba(8,10,18,.82); font-size: 7px; font-weight: 800; opacity: 0; transform: translateY(2px); transition: opacity 160ms ease, transform 160ms ease; }
.agr-board:hover { border-color: rgba(155,176,255,.72); }
.agr-board:hover > span, .agr-board:focus-visible > span { opacity: 1; transform: none; }
.agr-board.is-loading::after { content: ""; position: absolute; inset: 0; background: rgba(7,9,16,.62); }
.agr-main { flex: 1; min-width: 0; }
.agr-main b { display: block; font-size: 12px; color: var(--d-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agr-main em { font-style: normal; font-size: 10.5px; color: var(--d-faint); }
.agr-ok { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; color: #5BE0B0; font-weight: 650; }
.agr-row .btn.ghost { background: rgba(255, 255, 255, .05); border-color: var(--ag-line); color: var(--d-muted); }
.agr-row .link-btn { color: #9BB0FF; font-size: 11px; }

/* 结果卡 */
.agres-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.agres-item { text-align: left; border: 1px solid var(--ag-line); border-radius: var(--r-md); overflow: hidden; background: rgba(255, 255, 255, .03); transition: all var(--t-fast); }
.agres-item:hover { border-color: rgba(132, 152, 255, .45); transform: translateY(-2px); }
.agres-item img, .agres-item video, .agres-item i { width: 100%; height: 74px; object-fit: cover; display: block; }
.agres-item b { display: block; font-size: 10.5px; color: var(--d-text); padding: 6px 8px 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agres-item em { display: block; font-style: normal; font-size: 9px; color: var(--d-faint); padding: 0 8px 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------- 欢迎页 ---------- */
.agw-hero { margin: auto; text-align: center; max-width: 560px; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 30px 0; }
.agw-hero-avatar { filter: drop-shadow(0 12px 36px rgba(61, 91, 255, .5)); animation: float 5s ease-in-out infinite; }
@keyframes float { 50% { transform: translateY(-7px); } }
.agw-hero h2 { color: #fff; font-size: 21px; letter-spacing: -.01em; }
.agw-hero p { font-size: 12.5px; color: var(--d-muted); line-height: 1.9; }
.agw-hero p b { color: #BFD0FF; font-weight: 650; }
.agw-hero-sugs { display: flex; flex-direction: column; gap: 8px; width: 100%; margin-top: 8px; }
.agw-sug {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  text-align: left; font-size: 12px; color: var(--d-muted);
  background: rgba(255, 255, 255, .025); border: 1px solid var(--ag-line);
  border-radius: var(--r-md); padding: 11px 14px;
  transition: all var(--t-fast);
}
.agw-sug:hover { color: #fff; border-color: rgba(132, 152, 255, .45); background: rgba(80, 110, 255, .1); transform: translateX(3px); }

/* ---------- composer ---------- */
.agw-composer { flex: none; padding: 8px 26px 18px; max-width: 872px; width: 100%; margin: 0 auto; position: relative; }
.agw-composer.drag-over .agw-input-card { border-color: #7C9AFF; box-shadow: var(--d-glow); }
.agc-quick { display: flex; gap: 6px; margin-bottom: 8px; flex-wrap: wrap; }
.agc-quick .chip { background: rgba(255, 255, 255, .05); border-color: var(--ag-line); color: var(--d-muted); }
.agc-quick .chip:hover { color: #BFD0FF; border-color: rgba(132, 152, 255, .5); }
.agw-input-card {
  background: rgba(255, 255, 255, .04);
  border: 1px solid var(--ag-line-2);
  border-radius: var(--r-lg);
  transition: border-color var(--t-med), box-shadow var(--t-med);
  display: flex; align-items: flex-end; gap: 8px; padding: 6px 8px 6px 16px;
}
.agw-input-card:focus-within { border-color: rgba(132, 152, 255, .45); box-shadow: 0 0 0 3px rgba(61, 91, 255, .12); background: rgba(255, 255, 255, .055); }
.agw-input-card textarea {
  flex: 1; border: 0; outline: 0; background: none; resize: none;
  font-size: 13px; line-height: 1.7; color: var(--d-text);
  padding: 9px 0; max-height: 140px;
}
.agw-input-card textarea::placeholder { color: var(--d-faint); }
.agw-input-tools { display: flex; align-items: center; gap: 6px; padding-bottom: 3px; }
.agw-input-tools .icon-btn { color: var(--d-muted); }
.agw-input-tools .icon-btn:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.agw-send {
  width: 38px; height: 38px; border-radius: 12px;
  background: linear-gradient(135deg, var(--brand), #7A4DFF);
  color: #fff; display: grid; place-items: center;
  box-shadow: 0 6px 18px rgba(61, 91, 255, .45);
  transition: all var(--t-fast);
}
.agw-send:hover { transform: translateY(-1px) scale(1.04); box-shadow: 0 10px 26px rgba(61, 91, 255, .55); }

/* ---------- 任务看板 ---------- */
.agw-board { border-left: 1px solid var(--ag-line); overflow-y: auto; overflow-x: hidden; padding: 14px 12px; }
.agw-board-head { display: flex; align-items: baseline; justify-content: space-between; padding: 2px 4px 10px; }
.agw-board-head b { font-size: 12.5px; color: #fff; }
.agw-board-head em { font-style: normal; font-size: 10.5px; color: var(--d-faint); }
.agw-board-empty { text-align: center; color: var(--d-faint); padding: 50px 16px; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.agw-board-empty p { font-size: 11.5px; line-height: 1.8; }
.mb-group { margin-bottom: 16px; }
.mb-ghead { display: flex; align-items: center; gap: 8px; padding: 2px 2px 8px; }
.mb-ghead b { font-size: 11.5px; font-weight: 700; color: var(--d-text); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mb-gstat { font-size: 10px; color: var(--d-faint); font-variant-numeric: tabular-nums; white-space: nowrap; }
.mb-gdel { width: 20px; height: 20px; border-radius: 6px; display: grid; place-items: center; color: var(--d-faint); flex: none; opacity: 0; transition: all var(--t-fast); }
.mb-group:hover .mb-gdel { opacity: 1; }
.mb-gdel:hover { color: #FF8787; background: rgba(224, 49, 49, .15); }
/* 极简平铺：去掉重边框，靠左侧一条细色条 + 间距分隔，科技感 */
.mb-row {
  position: relative; display: block; width: 100%; text-align: left; cursor: pointer;
  background: rgba(255, 255, 255, .02);
  border: 1px solid transparent; border-left: 2px solid rgba(132, 152, 255, .35);
  border-radius: 0 10px 10px 0; padding: 9px 11px; margin-bottom: 6px;
  transition: background var(--t-fast), border-color var(--t-fast);
}
.mb-row:hover { background: rgba(255, 255, 255, .05); border-left-color: #7C9AFF; }
.mb-row.drag-over { border-color: #7C9AFF; border-left-color: #7C9AFF; background: rgba(80, 110, 255, .12); box-shadow: var(--d-glow); }
.mb-preview { float: left; width: 38px; height: 50px; margin: 0 9px 4px 0; border-radius: 7px; overflow: hidden; background: rgba(255,255,255,.06); }
.mb-preview img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* 用 grid 显式分列：类型(auto) 账号名(可压缩 1fr) 状态(auto) 删除(auto)，状态药丸永远只占内容宽 */
.mb-top { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 7px; }
.mb-type { font-size: 9px; font-weight: 800; letter-spacing: .04em; border-radius: 5px; padding: 1.5px 6px; }
.mb-type.dh { background: rgba(122, 77, 255, .18); color: #B197FF; }
.mb-type.mat { background: rgba(34, 184, 207, .16); color: #5FD3E0; }
.mb-type.img { background: rgba(232, 147, 12, .16); color: #F5B85C; }
.mb-top b { font-size: 11.5px; color: var(--d-text); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mb-top .status-pill { font-size: 9px; padding: 1.5px 7px; justify-self: end; white-space: nowrap; }
.mb-del { width: 18px; height: 18px; border-radius: 5px; display: grid; place-items: center; color: var(--d-faint); flex: none; opacity: 0; transition: all var(--t-fast); }
.mb-row:hover .mb-del { opacity: 1; }
.mb-del:hover { color: #FF8787; background: rgba(224, 49, 49, .15); }
.mb-title { font-size: 11px; color: var(--d-muted); margin: 6px 0 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mb-dots { display: flex; align-items: center; gap: 0; }

.static-agent-row {
  border-left-color: rgba(255, 151, 91, .55);
}

.static-agent-board-status {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
}

.static-agent-board-status > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.static-agent-board-status b,
.static-agent-board-status span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.static-agent-board-status b { color: var(--d-text); font-size: 10.5px; }
.static-agent-board-status span { color: var(--d-muted); font-size: 9.5px; }

.static-agent-board-mark {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 1px;
  color: var(--d-muted);
}
.static-agent-board-mark .static-agent-board-icon {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.static-agent-board-mark b {
  min-width: 0;
  overflow: hidden;
  color: var(--d-muted);
  font-size: 9.5px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.static-agent-board-mark.is-delivered { color: #25815f; }
.static-agent-board-mark.is-delivered b { color: #25815f; }

.static-agent-orb {
  width: 17px;
  height: 17px;
  display: inline-block;
  border-radius: 50%;
  background: radial-gradient(circle at 34% 28%, #fff7d6 0 8%, #ffb36a 30%, #f36f62 58%, #6847d6 100%);
  box-shadow: 0 0 0 4px rgba(255,143,91,.08), 0 0 14px rgba(255,118,82,.35);
  animation: static-agent-breathe 1.8s ease-in-out infinite;
}

.static-agent-board-icon,
.pd-static-agent-bot {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--ag-line-2);
  border-radius: 8px;
  background: var(--surface, #fff);
  color: #3769d6;
}

@keyframes static-agent-breathe {
  50% { transform: scale(1.08); box-shadow: 0 0 0 6px rgba(255,143,91,.05), 0 0 20px rgba(255,118,82,.5); }
}

.static-agent-progress {
  height: 2px;
  margin-top: 8px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(255,255,255,.08);
}

.static-agent-progress span {
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(90deg, #f36f62, #ffba6d);
  transition: width .25s ease;
}

.pd-static-agent {
  display: grid;
  gap: 14px;
}

.pd-static-agent-intro {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(255,139,85,.08), rgba(111,87,210,.05));
}

.pd-static-agent-intro > div {
  display: grid;
  gap: 3px;
}

.pd-static-agent-intro b { font-size: 13px; }
.pd-static-agent-intro span { color: var(--faint); font-size: 11px; line-height: 1.5; }

.pd-static-agent-chat {
  display: grid;
  gap: 12px;
}

.pd-static-agent-message {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  padding: 12px 13px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--surface);
}

.pd-static-agent-message > span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--soft);
  color: #d47448;
}

.pd-static-agent-message > div {
  display: grid;
  gap: 4px;
}

.pd-static-agent-message b { font-size: 12px; }
.pd-static-agent-message p { margin: 0; color: var(--faint); font-size: 11px; line-height: 1.6; }
.pd-static-agent-message.failed { border-color: rgba(190,62,62,.3); }
.pd-static-agent-message.done { border-color: rgba(42,144,85,.25); }
.pd-static-agent-message.is-user {
  grid-template-columns: minmax(0, 1fr);
  width: min(86%, 420px);
  justify-self: end;
  border-color: #cdd8f4;
  border-radius: 14px 14px 4px 14px;
  background: #eef3ff;
}
.pd-static-agent-message.is-user b { color: #315fc1; }

.pd-static-agent-delivery {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #08090b;
}

.pd-static-agent-delivery video {
  width: 100%;
  max-height: 420px;
  display: block;
  background: #000;
}

.pd-static-agent-delivery > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  color: #f3f3ef;
}
.pd-static-agent-composer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  padding-top: 2px;
}
.pd-static-agent-composer .input { min-height: 40px; }
.pd-static-agent-composer .btn { min-width: 104px; justify-content: center; }
.mb-dot { position: relative; width: 14px; height: 14px; display: grid; place-items: center; flex: none; }
.mb-dot i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255, 255, 255, .14); transition: all var(--t-med); }
.mb-dot.done i { background: #36CFA0; }
.mb-dot.cur i { background: #9BB0FF; box-shadow: 0 0 0 3px rgba(132, 152, 255, .2); }
.mb-dot.run i { background: #B197FF; animation: dotRun 1.1s ease-in-out infinite; }
@keyframes dotRun { 50% { box-shadow: 0 0 0 4px rgba(122, 77, 255, .3); transform: scale(1.25); } }
.mb-dot.wait i { background: #F5B85C; box-shadow: 0 0 0 3px rgba(232, 147, 12, .18); }
.mb-dot.fail i { background: #FF6B6B; box-shadow: 0 0 0 3px rgba(224, 49, 49, .2); }
.mb-link { flex: 1; height: 1.5px; background: rgba(255, 255, 255, .1); min-width: 4px; }
.mb-sub { font-size: 9.5px; color: var(--d-faint); margin-left: 8px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.mb-actions { display: flex; justify-content: flex-end; gap: 5px; clear: both; margin-top: 7px; }
.mb-actions button { padding: 3px 7px; border: 1px solid rgba(255,255,255,.11); border-radius: 7px; color: var(--d-muted); font-size: 9.5px; display: inline-flex; align-items: center; gap: 4px; }
.mb-actions button:hover { color: var(--d-text); border-color: rgba(155,176,255,.48); background: rgba(124,154,255,.10); }
.mb-actions > span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 2px;
  color: var(--d-faint);
  font-size: 9.5px;
}

/* ---------- 固定流程模板卡 ---------- */
.agw-ava { display: inline-flex; filter: drop-shadow(0 4px 12px rgba(61, 91, 255, .45)); }
.agw-tpls { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%; margin-top: 6px; }
.agw-tpl {
  position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
  text-align: left; padding: 14px 14px 12px;
  background: rgba(255, 255, 255, .025);
  border: 1px solid var(--ag-line-2);
  border-radius: var(--r-lg);
  transition: all var(--t-med); overflow: hidden;
}
.agw-tpl::after {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px;
  background: linear-gradient(90deg, transparent, rgba(124, 154, 255, .5), transparent);
  opacity: 0; transition: opacity var(--t-fast);
}
.agw-tpl:hover { transform: translateY(-2px); border-color: rgba(150, 170, 255, .4); background: rgba(255, 255, 255, .045); }
.agw-tpl:hover::after { opacity: 1; }
.tpl-ico { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: rgba(124, 154, 255, .12); color: #BFD0FF; }
.agw-tpl b { color: #fff; font-size: 12.5px; }
.agw-tpl em { font-style: normal; font-size: 10.5px; color: var(--d-muted); line-height: 1.6; }
.tpl-go { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 700; color: #9BB0FF; margin-top: 2px; }
.agw-tpl:hover .tpl-go { color: #fff; }

/* 随机灵感行 */
.agw-sugs-head { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 16px; }
.agw-sugs-head > span { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; color: var(--d-muted); }
.agw-sugs-head em { font-style: normal; font-weight: 500; font-size: 10.5px; color: var(--d-faint); }
.agw-sugs-head .link-btn { color: #9BB0FF; font-size: 11px; }
.agw-sugs-head .link-btn:disabled { opacity: .5; }

/* 会话操作（hover 显示） */
.agw-sitem { cursor: pointer; }
.agw-sacts {
  position: absolute; right: 7px; top: 50%; transform: translateY(-50%); display: flex; gap: 4px;
  opacity: 0; transition: opacity var(--t-fast);
}
.agw-sitem:hover .agw-sacts { opacity: 1; }
.agw-sitem:hover .agw-stime { opacity: 0; }
.sact {
  width: 22px; height: 22px; border-radius: 6px;
  display: grid; place-items: center; color: var(--d-muted);
  background: rgba(255, 255, 255, .07); border: 1px solid var(--ag-line);
  transition: all var(--t-fast);
}
.sact:hover { color: #fff; background: rgba(255, 255, 255, .14); }
.sact.danger:hover { color: #FF8787; background: rgba(224, 49, 49, .18); border-color: rgba(224, 49, 49, .4); }

/* 计划卡 · 随机主题模式 */
.agc-random {
  display: flex; align-items: center; gap: 7px;
  background: rgba(80, 110, 255, .12); border: 1px dashed rgba(132, 152, 255, .45);
  border-radius: var(--r-sm); padding: 9px 11px;
  font-size: 12px; color: #BFD0FF; font-weight: 600;
}
.agc-random .link-btn { margin-left: auto; color: #9BB0FF; font-size: 11px; }
.agc-topicrow { display: flex; align-items: center; gap: 8px; }
.agc-topicrow input { flex: 1; }
.agc-topicrow .link-btn { color: #9BB0FF; font-size: 11px; white-space: nowrap; }

@media (max-width: 1180px) { .agw-body { grid-template-columns: 200px minmax(0, 1fr) 320px; } .agres-grid { grid-template-columns: 1fr 1fr; } .agw-tpls { grid-template-columns: 1fr; } }
@media (max-width: 1280px) {
  .agc-override {
    grid-template-columns: minmax(110px, 1fr) minmax(110px, 130px) 68px 76px;
    grid-template-areas:
      "name product itemcount imgcount"
      "content content content content"
      "refhead refstate refstate refstate"
      "refactions refactions refactions refactions";
  }
}
@media (max-width: 960px) {
  .agw-body { grid-template-columns: minmax(0, 1fr); }
  .agw-sessions, .agw-board { display: none; }
  .agc-accs, .agc-grid { grid-template-columns: 1fr; }
  .agc-override {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "name name"
      "product product"
      "itemcount imgcount"
      "content content"
      "refhead refhead"
      "refstate refstate"
      "refactions refactions";
  }
  .agc-account-copy { grid-template-columns: 1fr; }
  .agc-override.is-custom-plan { grid-template-columns: 1fr; grid-template-areas: "name" "content" "imgcount" "refhead" "refstate" "refactions"; }
  .agc-override.is-custom-plan .agc-account-copy { grid-template-columns: minmax(0, 1fr) max-content !important; }
  .agc-override.is-custom-plan .agc-account-copy.has-mode-switch,
  .agc-account-copy.single-image-copy { grid-template-columns: 58px minmax(0, 1fr) max-content !important; }
  .agc-mini-ref .agc-mini-actions { grid-template-columns: 1fr; }
  .agc-ref-body { grid-template-columns: 1fr; }
  .agc-cover-ref { grid-template-columns: 1fr; align-items: stretch; }
  .agc-cover-ref-actions { justify-content: flex-start; }
}

/* ---------- v36 主版本 · 批量生产黑白冷蓝玻璃肤色（不改布局） ---------- */
.agent-shell {
  --ag-bg: #05070D;
  --ag-line: rgba(255, 255, 255, .085);
  --ag-line-2: rgba(255, 255, 255, .14);
  --ag-card: rgba(255, 255, 255, .060);
  color: #EEF3FA;
}
.agw-bg {
  background:
    radial-gradient(940px 420px at 48% -10%, rgba(255, 255, 255, .12), transparent 62%),
    radial-gradient(760px 360px at 86% 4%, rgba(47, 128, 255, .16), transparent 60%),
    radial-gradient(620px 320px at 8% 86%, rgba(255, 255, 255, .07), transparent 64%),
    linear-gradient(180deg, #07090E 0%, #05070D 56%, #030407 100%);
}
.agw-bg::before {
  background-image:
    linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.62), transparent 66%);
}
.agw-bg::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(108deg, transparent 0 38%, rgba(255,255,255,.055) 46%, transparent 56% 100%),
    radial-gradient(620px 280px at 50% 100%, rgba(255,255,255,.055), transparent 70%);
}
.agw-top {
  background: rgba(6, 8, 13, .58);
  border-bottom-color: rgba(255,255,255,.10);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.06), 0 16px 44px rgba(0,0,0,.22);
  backdrop-filter: blur(24px) saturate(1.16);
  -webkit-backdrop-filter: blur(24px) saturate(1.16);
}
.agw-back,
.agw-board-toggle,
.phase-chip {
  background: rgba(255,255,255,.055);
  border-color: rgba(255,255,255,.12);
  color: rgba(238,243,250,.68);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.agw-back:hover,
.agw-board-toggle:hover {
  background: rgba(255,255,255,.095);
  border-color: rgba(109,168,255,.34);
}
.agw-tag {
  background: rgba(255,255,255,.07);
  border-color: rgba(109,168,255,.28);
  color: #BBD7FF;
}
.phase-chip.gen,
.phase-chip.review {
  color: #AFCFFF;
  border-color: rgba(109,168,255,.42);
  background: rgba(47,128,255,.11);
}
@keyframes chipPulse { 50% { box-shadow: 0 0 16px rgba(109,168,255,.24); } }
.agw-auto input:checked + i,
.agc-trend-toggle input:checked {
  background: linear-gradient(135deg, #F8FAFC, #6DA8FF 74%, #2F80FF);
}
.agw-auto input:checked + i::after { background: #07101E; }
.agw-sessions,
.agw-board {
  background: rgba(255,255,255,.018);
}
.agw-new,
.agw-sitem,
.ag-card,
.think-panel,
.agw-sug,
.agw-input-card,
.agw-tpl,
.agc-ref,
.agc-override,
.agc-acc,
.agc-ref-picked,
.agc-cover-ref,
.asset-pick-card,
.agres-item,
.mb-row,
.ag-drop {
  background: rgba(255,255,255,.055);
  border-color: rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 16px 36px rgba(0,0,0,.14);
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
}
.agw-sitem:hover,
.agc-acc:hover,
.agw-sug:hover,
.agw-tpl:hover,
.mb-row:hover {
  background: rgba(255,255,255,.085);
  border-color: rgba(109,168,255,.30);
}
.agw-sitem.is-active,
.agc-acc.on,
.mb-row.drag-over {
  background: rgba(47,128,255,.12);
  border-color: rgba(109,168,255,.42);
}
/* Session list intentionally stays thread-like, not card-like. */
.agw-sitem {
  background: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: rgba(132,152,255,.10);
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.agw-sitem:hover { background: rgba(255,255,255,.035); border-left-color: rgba(109,168,255,.30); border-bottom-color: rgba(132,152,255,.12); }
.agw-sitem.is-active { background: rgba(47,128,255,.10); border-left-color: #7C9AFF; border-bottom-color: rgba(109,168,255,.18); }
.ag-bubble.user,
.agw-send {
  background: linear-gradient(135deg, #0A0F18, #1F2937 58%, #2F80FF);
  box-shadow: 0 14px 30px rgba(0,0,0,.28), 0 0 28px rgba(47,128,255,.16);
}
.ag-bubble.agent {
  background: rgba(255,255,255,.055);
  border-color: rgba(255,255,255,.12);
}
.ag-avatar,
.agw-hero-avatar,
.agw-ava { filter: drop-shadow(0 8px 20px rgba(109, 168, 255, .22)); }
.think-head b {
  color: #DCEAFF;
  background: none;
  -webkit-text-fill-color: currentColor;
  animation: none;
}
.think-orb i:nth-child(1) { border-top-color: #DDE7F5; }
.think-orb i:nth-child(2) { border-right-color: #6DA8FF; }
.think-orb i:nth-child(3) { background: radial-gradient(circle, #6DA8FF, transparent 70%); }
.think-prog b,
.agp-bar i {
  background: linear-gradient(90deg, rgba(255,255,255,.88), #6DA8FF, #2F80FF);
}
.agc-field input,
.agc-field select,
.agc-field textarea,
.agc-product-pill select,
.agc-count-inline input,
.agc-mini-count input,
.agc-override select,
.agc-override input,
.agc-account-copy textarea,
.agc-copy-toggle {
  background: rgba(255,255,255,.065);
  border-color: rgba(255,255,255,.12);
  color: #F4F7FB;
}
.agc-field input:focus,
.agc-field select:focus,
.agc-field textarea:focus {
  border-color: rgba(109,168,255,.48);
  box-shadow: 0 0 0 3px rgba(47,128,255,.16);
}
.agc-tags .chip,
.agc-quick .chip,
.agc-count-inline,
.agc-random-pick,
.agc-trend-toggle,
.agc-mini-ref .agc-mini-actions .btn.sm,
.agc-random {
  background: rgba(255,255,255,.060);
  border-color: rgba(255,255,255,.13);
  color: rgba(238,243,250,.72);
}
.agc-tags .chip.on,
.agc-random-pick:hover,
.agc-mini-ref .agc-mini-actions .btn.sm:hover,
.agc-trend-toggle:hover {
  background: rgba(47,128,255,.13);
  border-color: rgba(109,168,255,.38);
  color: #DCEAFF;
}
.agc-ref-drop,
.agc-ref-library,
.agc-drop-mini {
  background: rgba(255,255,255,.060);
  border-color: rgba(109,168,255,.28);
  color: #BBD7FF;
}
.agc-ref-drop:hover,
.agc-ref-drop.drag-over,
.agc-ref-library:hover,
.agc-drop-mini:hover,
.agc-drop-mini.drag-over {
  background: rgba(47,128,255,.13);
  border-color: rgba(109,168,255,.50);
  box-shadow: 0 0 24px rgba(47,128,255,.16);
}
.mb-type.dh,
.mb-type.mat,
.mb-type.img {
  background: rgba(255,255,255,.08);
  color: #DCEAFF;
}
.mb-dot.cur i,
.mb-dot.run i {
  background: #6DA8FF;
  box-shadow: 0 0 0 3px rgba(109,168,255,.18);
}
@keyframes dotRun { 50% { box-shadow: 0 0 0 4px rgba(109,168,255,.26); transform: scale(1.25); } }
.tpl-ico {
  background: rgba(255,255,255,.08);
  color: #DCEAFF;
}
.tpl-go,
.agw-sugs-head .link-btn,
.agn-row .link-btn,
.agr-row .link-btn,
.agc-ref .link-btn,
.agc-topicrow .link-btn,
.agc-random .link-btn {
  color: #AFCFFF;
}

/* ---------- v120 统一工作区适配 ----------
   全局上下文栏接管会话导航；批量生产只保留沉浸式对话与任务看板。
   选择器限定在 workspace-shell-v2，旧版独立工作台保持原样。 */
body.workspace-shell-v2[data-zone="agent"] .view-root {
  padding: 0;
  overflow: hidden;
  background: #05070D;
}

/* ---------- v124 批量生产浅色任务板 ---------- */
body.workspace-shell-v2[data-zone="agent"] .view-root {
  background: #f5f6f8;
}
body.workspace-shell-v2[data-zone="agent"] .main-col {
  background: #f5f6f8;
}
body.workspace-shell-v2[data-zone="agent"] .ctx-panel,
body.workspace-shell-v2[data-zone="agent"].has-panel .ctx-panel {
  border-right-color: #e1e4e9;
  background: #ffffff;
  color: #20242b;
}
body.workspace-shell-v2[data-zone="agent"] .workspace-switch-button,
body.workspace-shell-v2[data-zone="agent"] .workspace-account-button,
body.workspace-shell-v2[data-zone="agent"] .workspace-switch-copy b,
body.workspace-shell-v2[data-zone="agent"] .workspace-account-copy b,
body.workspace-shell-v2[data-zone="agent"] .wsctx-row {
  color: #2a2e35;
}
body.workspace-shell-v2[data-zone="agent"] .workspace-switch-copy em,
body.workspace-shell-v2[data-zone="agent"] .workspace-account-copy em,
body.workspace-shell-v2[data-zone="agent"] .wsctx-row em,
body.workspace-shell-v2[data-zone="agent"] .wsctx-title,
body.workspace-shell-v2[data-zone="agent"] .wsctx-empty {
  color: #858c96;
}
body.workspace-shell-v2[data-zone="agent"] .workspace-switch-button:hover,
body.workspace-shell-v2[data-zone="agent"] .workspace-switch-button:focus-visible,
body.workspace-shell-v2[data-zone="agent"] .workspace-account-button:hover,
body.workspace-shell-v2[data-zone="agent"] .workspace-account-button:focus-visible,
body.workspace-shell-v2[data-zone="agent"] .workspace-account.is-open .workspace-account-button,
body.workspace-shell-v2[data-zone="agent"] .wsctx-row:hover,
body.workspace-shell-v2[data-zone="agent"] .wsctx-row:focus-visible,
body.workspace-shell-v2[data-zone="agent"] .wsctx-row.is-active {
  background: #f0f2f5;
  color: #20242b;
}
body.workspace-shell-v2[data-zone="agent"] .workspace-account {
  border-top-color: #e1e4e9;
}
body.workspace-shell-v2[data-zone="agent"] .workspace-account-menu,
body.workspace-shell-v2[data-zone="agent"] .workspace-menu {
  border-color: #e0e3e8;
  background: #ffffff;
  color: #20242b;
  box-shadow: 0 18px 50px rgba(31,38,52,.16);
}
body.workspace-shell-v2[data-zone="agent"] .workspace-account-menu button,
body.workspace-shell-v2[data-zone="agent"] .workspace-menu button,
body.workspace-shell-v2[data-zone="agent"] .workspace-account-summary b {
  color: #20242b;
}
body.workspace-shell-v2[data-zone="agent"] .workspace-account-menu button:hover,
body.workspace-shell-v2[data-zone="agent"] .workspace-account-menu button:focus-visible,
body.workspace-shell-v2[data-zone="agent"] .workspace-menu button:hover,
body.workspace-shell-v2[data-zone="agent"] .workspace-menu button:focus-visible,
body.workspace-shell-v2[data-zone="agent"] .workspace-menu button.is-active {
  background: #f0f2f5;
}
body.workspace-shell-v2[data-zone="agent"] .topbar .top-btn {
  border-color: #dde1e7;
  background: #ffffff;
  color: #59616d;
}
body.workspace-shell-v2[data-zone="agent"] .topbar .top-btn:hover {
  border-color: #c9d0db;
  background: #f5f6f8;
  color: #20242b;
}
body.workspace-shell-v2[data-zone="agent"] .agent-shell {
  --ag-bg: #f5f6f8;
  --ag-line: #e6e8ec;
  --ag-line-2: #d9dde4;
  --ag-card: #ffffff;
  --d-text: #20242b;
  --d-muted: #606873;
  --d-faint: #8a919c;
  color: var(--d-text);
  color-scheme: light;
}
body.workspace-shell-v2[data-zone="agent"] .agw-bg {
  background:
    radial-gradient(700px 320px at 48% -12%, rgba(79,124,255,.08), transparent 68%),
    linear-gradient(180deg, #fafbfc 0%, #f5f6f8 100%);
}
body.workspace-shell-v2[data-zone="agent"] .agw-bg::before {
  background-image:
    linear-gradient(rgba(36,42,52,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(36,42,52,.024) 1px, transparent 1px);
}
body.workspace-shell-v2[data-zone="agent"] .agw-bg::after { display: none; }
body.workspace-shell-v2[data-zone="agent"] .agw-conv {
  background: #fafbfc;
}
body.workspace-shell-v2[data-zone="agent"] .agw-board {
  border-left-color: #e2e5ea;
  background: #f4f5f7;
}
body.workspace-shell-v2[data-zone="agent"] .agw-board-head b,
body.workspace-shell-v2[data-zone="agent"] .agw-hero h2,
body.workspace-shell-v2[data-zone="agent"] .agw-tpl b {
  color: #20242b;
}
body.workspace-shell-v2[data-zone="agent"] .ag-card,
body.workspace-shell-v2[data-zone="agent"] .think-panel,
body.workspace-shell-v2[data-zone="agent"] .agw-sug,
body.workspace-shell-v2[data-zone="agent"] .agw-tpl,
body.workspace-shell-v2[data-zone="agent"] .agc-ref,
body.workspace-shell-v2[data-zone="agent"] .agc-override,
body.workspace-shell-v2[data-zone="agent"] .agc-acc,
body.workspace-shell-v2[data-zone="agent"] .agc-ref-picked,
body.workspace-shell-v2[data-zone="agent"] .agc-cover-ref,
body.workspace-shell-v2[data-zone="agent"] .asset-pick-card,
body.workspace-shell-v2[data-zone="agent"] .agres-item,
body.workspace-shell-v2[data-zone="agent"] .mb-row,
body.workspace-shell-v2[data-zone="agent"] .ag-drop {
  border-color: #e1e4e9;
  background: #ffffff;
  color: #20242b;
  box-shadow: 0 8px 24px rgba(28,35,48,.055);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.workspace-shell-v2[data-zone="agent"] .mb-row {
  border-left-color: #9cb3ea;
  border-radius: 10px;
}
body.workspace-shell-v2[data-zone="agent"] .mb-row:hover {
  border-color: #cbd7ef;
  border-left-color: #4f7ee0;
  background: #fbfcff;
}
body.workspace-shell-v2[data-zone="agent"] .static-agent-row {
  border-left-color: #4f7ee0;
}
body.workspace-shell-v2[data-zone="agent"] .static-agent-board-status {
  border-color: #e7e9ed;
  background: #f8f9fb;
}
body.workspace-shell-v2[data-zone="agent"] .static-agent-progress {
  background: #e7e9ee;
}
body.workspace-shell-v2[data-zone="agent"] .static-agent-progress span {
  background: linear-gradient(90deg, #7396e6, #4f7ee0);
}
body.workspace-shell-v2[data-zone="agent"] .mb-type.mat {
  background: #eaf1ff;
  color: #3564c2;
}
body.workspace-shell-v2[data-zone="agent"] .agc-field input,
body.workspace-shell-v2[data-zone="agent"] .agc-field select,
body.workspace-shell-v2[data-zone="agent"] .agc-field textarea,
body.workspace-shell-v2[data-zone="agent"] .agc-product-pill select,
body.workspace-shell-v2[data-zone="agent"] .agc-count-inline input,
body.workspace-shell-v2[data-zone="agent"] .agc-mini-count input,
body.workspace-shell-v2[data-zone="agent"] .agc-override select,
body.workspace-shell-v2[data-zone="agent"] .agc-override input,
body.workspace-shell-v2[data-zone="agent"] .agc-account-copy textarea,
body.workspace-shell-v2[data-zone="agent"] .agc-copy-toggle {
  border-color: #dfe3e9;
  background: #ffffff;
  color: #20242b;
  color-scheme: light;
}
body.workspace-shell-v2[data-zone="agent"] .agc-tags .chip,
body.workspace-shell-v2[data-zone="agent"] .agc-quick .chip,
body.workspace-shell-v2[data-zone="agent"] .agc-count-inline,
body.workspace-shell-v2[data-zone="agent"] .agc-random-pick,
body.workspace-shell-v2[data-zone="agent"] .agc-trend-toggle,
body.workspace-shell-v2[data-zone="agent"] .agc-mini-ref .agc-mini-actions .btn.sm,
body.workspace-shell-v2[data-zone="agent"] .agc-random {
  border-color: #dfe3e9;
  background: #f8f9fb;
  color: #606873;
}
body.workspace-shell-v2[data-zone="agent"] .ag-bubble.agent {
  border-color: #e1e4e9;
  background: #ffffff;
  color: #20242b;
}
body.workspace-shell-v2[data-zone="agent"] .agw-composer {
  display: grid;
  place-items: center;
  max-width: none;
  padding: 12px 26px 18px;
  border-top: 1px solid #e7e9ed;
  background: rgba(250,251,252,.94);
}
.agw-new-board-button {
  min-width: 210px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #cfd6e3;
  border-radius: 12px;
  background: #ffffff;
  color: #2d4f91;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(35,49,75,.08);
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
.agw-new-board-button:hover {
  transform: translateY(-1px);
  border-color: #7e9ee2;
  box-shadow: 0 10px 26px rgba(62,91,150,.13);
}
body.workspace-shell-v2[data-zone="agent"] .agent-shell {
  width: 100%;
  height: 100%;
  min-height: 0;
}
body.workspace-shell-v2[data-zone="agent"] .agw-top,
body.workspace-shell-v2[data-zone="agent"] .agw-sessions {
  display: none;
}
body.workspace-shell-v2[data-zone="agent"] .agw-body {
  grid-template-columns: minmax(0, 1fr) 392px;
}
body.workspace-shell-v2[data-zone="agent"] .agent-shell.board-hidden .agw-body {
  grid-template-columns: minmax(0, 1fr) 0;
}

@media (max-width: 1180px) {
  body.workspace-shell-v2[data-zone="agent"] .agw-body {
    grid-template-columns: minmax(0, 1fr) 320px;
  }
  body.workspace-shell-v2[data-zone="agent"] .agent-shell.board-hidden .agw-body {
    grid-template-columns: minmax(0, 1fr) 0;
  }
  body.workspace-shell-v2[data-zone="agent"] .ag-card.plan > .agc-head {
    min-width: 0;
    flex-wrap: wrap;
  }
  body.workspace-shell-v2[data-zone="agent"] .ag-card.plan > .agc-head > b {
    flex: 1 1 auto;
    white-space: nowrap;
  }
  body.workspace-shell-v2[data-zone="agent"] .ag-card.plan > .agc-head .agc-modebar {
    order: 3;
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
    margin-left: 0;
    padding-left: 23px;
    box-sizing: border-box;
    justify-content: flex-start;
  }
  body.workspace-shell-v2[data-zone="agent"] .ag-card.plan > .agc-head .agc-seg-group {
    max-width: 100%;
    flex-wrap: wrap;
  }
}