/* * 议小豆 layout v2 样式（redesign/multi-theme-v2 · Phase 2） * * 结构反转的视觉层：决策建议为主角，转写为证据层，Clare 形象进头部。 * 由 src/layout-v2.js 在 上设置 data-yxd-layout="v2" 后生效。 * 所有颜色引用 theme-palettes-v2.css 令牌；无调色板时回落经典紫， * 与 skin-v2.css 叠加工作（调色板优先，结构样式恒在）。 */ /* ── 会议屏画布 ─────────────────────────────── */ html[data-yxd-layout="v2"] #meeting-screen { background: var(--yxd-v2-bg, #f7f6fa); } /* ── 形象区（注入 #meeting-header-bar 左组）──── */ #yxd-persona { display: flex; align-items: center; gap: 12px; flex: none; } .yxd-persona-avatar { position: relative; width: 44px; height: 44px; flex: none; } .yxd-persona-avatar img { width: 44px; height: 44px; border-radius: 50%; display: block; object-fit: cover; background: var(--yxd-v2-tint-soft, #f2effa); } .yxd-persona-avatar .ring { position: absolute; inset: -3px; border-radius: 50%; border: 1.5px solid var(--yxd-v2-tint, #e6e0f8); transition: border-color .4s; } #meeting-screen.yxd-listening .yxd-persona-avatar .ring { border-color: var(--yxd-v2-primary, #573dbb); animation: yxdBreathe 3.2s ease-in-out infinite; } @keyframes yxdBreathe { 50% { transform: scale(1.05); } } .yxd-persona-name { font-size: 15px; font-weight: 700; color: var(--yxd-v2-ink, #26232e); line-height: 1.25; } .yxd-persona-name small { font-size: 10px; color: var(--yxd-v2-faint, #aaa6bb); font-weight: 600; letter-spacing: .12em; margin-left: 7px; } .yxd-persona-status { font-size: 12px; color: var(--yxd-v2-muted, #76728a); margin-top: 2px; max-width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 专注决策开关 */ #yxd-focus-toggle { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--yxd-v2-muted, #76728a); background: none; border: none; cursor: pointer; padding: 4px 2px; flex: none; } #yxd-focus-toggle .sw { width: 30px; height: 17px; border-radius: 9px; background: var(--yxd-v2-hairline, #e8e5f0); position: relative; transition: background .3s; flex: none; } #yxd-focus-toggle .sw::after { content: ''; position: absolute; top: 2px; left: 2px; width: 13px; height: 13px; border-radius: 50%; background: #fff; transition: left .3s cubic-bezier(.22, 1, .36, 1); box-shadow: 0 1px 3px rgba(0, 0, 0, .18); } #yxd-focus-toggle[aria-pressed="true"] { color: var(--yxd-v2-primary, #573dbb); } #yxd-focus-toggle[aria-pressed="true"] .sw { background: var(--yxd-v2-primary, #573dbb); } #yxd-focus-toggle[aria-pressed="true"] .sw::after { left: 15px; } /* ── 头部栏改为扁平形象栏（无卡片外壳）───────── */ html[data-yxd-layout="v2"] #meeting-header-bar { margin: 0 !important; padding: 10px 24px !important; background: transparent !important; border: none !important; border-bottom: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; border-radius: 0 !important; gap: 14px; } html[data-yxd-layout="v2"] #meeting-topic-display { font-size: 15px !important; color: var(--yxd-v2-ink, #26232e) !important; } html[data-yxd-layout="v2"] #meeting-time-display { font-variant-numeric: tabular-nums; color: var(--yxd-v2-faint, #aaa6bb) !important; } /* ── 主区 / 证据列布局（桌面）────────────────── */ html[data-yxd-layout="v2"] #meeting-scene-content { gap: 16px !important; padding: 14px 20px 20px !important; } /* AI 面板 → 决策台画布：去掉卡片外壳 */ html[data-yxd-layout="v2"] #ai-panel { border: none !important; border-radius: 0 !important; background: transparent !important; } /* AI 面板头部：透明底 + 细线 */ html[data-yxd-layout="v2"] #ai-panel > div:first-child { background: transparent !important; border-bottom: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; padding: 6px 8px 12px !important; } html[data-yxd-layout="v2"] #ai-panel .clare-inline-icon { border-radius: 50%; } /* 聊天/分析区：纸面底，议题流铺满整个分析块（不限宽） */ html[data-yxd-layout="v2"] #ai-chat-area { background: transparent !important; padding: 18px 32px !important; } html[data-yxd-layout="v2"] #ai-analysis-area { max-width: none; margin: 0; } html[data-yxd-layout="v2"] #ai-cold-start { max-width: none; margin: 0; } /* 转写列 → 证据层：右移（由 JS 重排），无卡片、只留左侧细线 */ html[data-yxd-layout="v2"] #transcript-panel { width: 330px !important; background: transparent !important; border: none !important; border-left: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; border-radius: 0 !important; box-shadow: none !important; } html[data-yxd-layout="v2"] #transcript-panel > div:first-child { background: transparent !important; } #yxd-tc-count { font-size: 11px; font-weight: 500; letter-spacing: 0; color: var(--yxd-v2-faint, #aaa6bb); margin-left: 8px; } html[data-yxd-layout="v2"] #transcript-panel > div:first-child { padding: 13px 18px 9px !important; border-bottom: none !important; } html[data-yxd-layout="v2"] #transcript-panel > div:first-child svg { color: var(--yxd-v2-primary, #6a4fd8) !important; width: 15px !important; height: 15px !important; } html[data-yxd-layout="v2"] #transcript-panel h3 { font-size: 12px !important; font-weight: 700 !important; letter-spacing: .12em; color: var(--yxd-v2-muted, #76728a) !important; } /* 转写正文：更小、更灰，做配角 */ html[data-yxd-layout="v2"] #transcript { padding: 10px 18px 20px !important; } /* 专注决策：隐藏证据列（仅桌面；移动端本来就用 tab 切换） */ @media (min-width: 768px) { html[data-yxd-layout="v2"] #meeting-screen.yxd-focus #transcript-panel { display: none !important; } } /* ── 问答区（Clare 控制面）───────────────────── */ html[data-yxd-layout="v2"] #clare-input-bar { background: var(--yxd-v2-surface, #fff) !important; border-top: 1px solid var(--yxd-v2-hairline, #e6e0f8) !important; border-radius: 0 0 0 0 !important; } html[data-yxd-layout="v2"] #clare-chat-input { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transition: color .2s; } html[data-yxd-layout="v2"] #clare-chat-input:focus { border: 0 !important; box-shadow: none !important; } html[data-yxd-layout="v2"] #clare-composer-row button[aria-label="发送给 Clare"] { background: var(--yxd-v2-primary, #573dbb) !important; } html[data-yxd-layout="v2"] #clare-composer-row button[aria-label="发送给 Clare"]:hover { background: var(--yxd-v2-primary-deep, #573dbb) !important; } html[data-yxd-layout="v2"] #clare-voice-btn { border-color: var(--yxd-v2-hairline, #ddd6e8) !important; color: var(--yxd-v2-muted, #7c6f8f) !important; } html[data-yxd-layout="v2"] #clare-voice-btn:hover { color: var(--yxd-v2-primary, #573dbb) !important; border-color: var(--yxd-v2-primary, #573dbb) !important; } html[data-yxd-layout="v2"] #clare-conversation-section { border-top: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; } /* 快捷提问 chips：更轻 */ html[data-yxd-layout="v2"] #clare-quick-actions button { border-color: var(--yxd-v2-hairline, #e9e5f0) !important; color: var(--yxd-v2-muted, #665876) !important; } html[data-yxd-layout="v2"] #clare-quick-actions button:hover { color: var(--yxd-v2-primary, #573dbb) !important; border-color: var(--yxd-v2-primary, #573dbb) !important; } /* ── 移动端适配 ─────────────────────────────── */ @media (max-width: 767px) { .yxd-persona-avatar, .yxd-persona-avatar img { width: 34px; height: 34px; } .yxd-persona-name { font-size: 13px; } .yxd-persona-name small { display: none; } .yxd-persona-status { font-size: 11px; max-width: 180px; } #yxd-focus-toggle { display: none; } html[data-yxd-layout="v2"] #meeting-header-bar { margin: 0 !important; padding: 8px 14px !important; } html[data-yxd-layout="v2"] #meeting-scene-content { padding: 10px 12px 14px !important; } } /* ══════════════════════════════════════════════════════════════ * Phase 3 · 扁平工作台（与设计稿 d-celadon-v2 对齐） * 设计语言：无卡片、无阴影、细线分隔、内容即界面。 * body.yxd-v2 提权钩子确保稳赢 waic-experience.css（加载更晚）。 * ══════════════════════════════════════════════════════════════ */ /* ── 应用外壳：左侧导航轨 + 主列 ─────────────── */ html[data-yxd-layout="v2"] #yxd-shell { flex: 1; display: flex; min-height: 0; } html[data-yxd-layout="v2"] #yxd-main { flex: 1; display: flex; flex-direction: column; min-width: 0; min-height: 0; } html[data-yxd-layout="v2"] #yxd-rail { width: 64px; flex: none; display: flex; flex-direction: column; align-items: center; padding: 10px 0 14px; border-right: 1px solid var(--yxd-v2-hairline, #e8e5f0); } html[data-yxd-layout="v2"] #yxd-rail #scene-tabs { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 4px !important; width: 100%; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; } html[data-yxd-layout="v2"] #yxd-rail #scene-tabs button { flex-direction: column; justify-content: center; gap: 3px !important; width: 52px; padding: 9px 0 !important; font-size: 10.5px !important; font-weight: 600 !important; color: var(--yxd-v2-muted, #76728a) !important; background: transparent !important; border-radius: 12px !important; box-shadow: none !important; } html[data-yxd-layout="v2"] #yxd-rail #scene-tabs button svg { width: 18px !important; height: 18px !important; } html[data-yxd-layout="v2"] body.yxd-v2 #yxd-rail #scene-tabs button.scene-tab-active { background: var(--yxd-v2-tint-soft, #f0ede6) !important; color: var(--yxd-v2-primary, #573dbb) !important; } /* 移动端：导航轨隐藏，底部沿用既有 #scene-tabs-mobile */ @media (max-width: 767px) { html[data-yxd-layout="v2"] #yxd-rail { display: none !important; } } /* ── 顶栏：安静通栏，serif 字标 ──────────────── */ html[data-yxd-layout="v2"] body.yxd-v2 > header { min-height: 54px; padding: 0 20px !important; background: var(--yxd-v2-surface, #fff) !important; border-bottom: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; box-shadow: none !important; backdrop-filter: none !important; } html[data-yxd-layout="v2"] body.yxd-v2 { font-family: var(--yxd-font-body, "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif) !important; font-kerning: normal; text-rendering: optimizeLegibility; } html[data-yxd-layout="v2"] .product-brand-name { font-family: var(--yxd-font-heading, "Songti SC", "STSong", "Noto Serif CJK SC", serif) !important; font-weight: 700 !important; letter-spacing: .01em !important; } html[data-yxd-layout="v2"] .product-brand-icon { transform: none !important; box-shadow: none !important; border-radius: 9px !important; } /* ── 录制 / 结束按钮：去盒子的安静动作 ───────── */ html[data-yxd-layout="v2"] body.yxd-v2 #meeting-header-bar .meeting-session-actions > button { background: transparent !important; border: none !important; border-radius: 8px !important; box-shadow: none !important; padding: 6px 10px !important; } html[data-yxd-layout="v2"] body.yxd-v2 #meeting-header-bar .meeting-session-actions > button:hover { background: var(--yxd-v2-tint-soft, #f0ede6) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #meeting-header-bar .meeting-session-actions > select { background: transparent !important; border-color: var(--yxd-v2-hairline, #e8e5f0) !important; } /* ── AI 面板头：隐藏旧标题组，重分析变文字链 ─── */ html[data-yxd-layout="v2"] body.yxd-v2 #ai-panel > div:first-child { background: transparent !important; border-bottom: none !important; padding: 10px 18px 0 !important; } html[data-yxd-layout="v2"] body.yxd-v2 #ai-panel > div:first-child > div:first-child { display: none !important; /* 「AI 实时分析」标题组；ai-status-text 隐藏仍可读，状态镜像不受影响 */ } html[data-yxd-layout="v2"] body.yxd-v2 #btn-reanalyze { background: transparent !important; border: none !important; box-shadow: none !important; color: var(--yxd-v2-muted, #76728a) !important; font-size: 11.5px !important; padding: 4px 6px !important; } html[data-yxd-layout="v2"] body.yxd-v2 #btn-reanalyze:hover { color: var(--yxd-v2-primary, #573dbb) !important; } /* 分区标签（议题 · 实时收敛） */ html[data-yxd-layout="v2"] .yxd-sec-label { width: 100%; margin: 0; padding: 2px 0 12px; font-size: 10.5px; font-weight: 700; letter-spacing: .22em; color: var(--yxd-v2-faint, #aaa6bb); } /* 决策台画布：洗掉 waic 的渐变色块底 */ html[data-yxd-layout="v2"] body.yxd-v2 #ai-chat-area { background: transparent !important; } /* ── 议题流：去卡片化，hairline 内联分隔 ─────── */ html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area [data-topic-id] { background: transparent !important; border: none !important; border-top: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; } html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area [data-topic-id]::before { display: none !important; /* 便签胶带 */ } html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area .topic-header { background: transparent !important; border-bottom: none !important; border-radius: 0 !important; } html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area .topic-header > .topic-title { font-size: 16px !important; font-weight: 700 !important; color: var(--yxd-v2-ink, #26232e) !important; } /* 正文便签全部洗白（section/aside/div 一起洗） */ html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area .topic-body > * { background: transparent !important; border-radius: 0 !important; box-shadow: none !important; } /* 议题体内容按设计稿对齐标题缩进（kicker gutter） */ html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area .topic-body { padding: 4px 4px 16px 78px !important; } @media (max-width: 1100px) { html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area .topic-body { padding-left: 4px !important; } } /* Clare 建议 aside：无盒，上虚线分隔 */ html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area .topic-body > aside[data-analysis-section="guidance"], html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area [data-analysis-section="guidance"] { background: transparent !important; border: none !important; border-top: 1px dashed var(--yxd-v2-hairline, #e8e5f0) !important; border-radius: 0 !important; box-shadow: none !important; margin-top: 10px !important; padding: 12px 0 2px !important; } /* 方案对比格子：去底去框，只留 2px tint 左边线 */ html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area section[data-analysis-section="comparison"] [style*="border-left:2px solid"], html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area section[data-analysis-section="advisor-comparison"] [style*="border-left"]:not([data-advisor-recommended="true"]) { background: transparent !important; border: none !important; border-left: 2px solid var(--yxd-v2-tint, #e6e0f8) !important; border-radius: 0 !important; box-shadow: none !important; } /* Clare 倾向方案：保留推荐态，不被上面的扁平化规则抹掉 */ html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area section[data-analysis-section="advisor-comparison"] [data-advisor-recommended="true"] { background: color-mix(in srgb, var(--yxd-v2-primary, #6a4fd8) 9%, var(--yxd-v2-surface, #fdfcff)) !important; border: 1px solid color-mix(in srgb, var(--yxd-v2-primary, #6a4fd8) 34%, transparent) !important; border-left: 4px solid var(--yxd-v2-primary, #6a4fd8) !important; border-radius: 8px !important; box-shadow: 0 4px 16px color-mix(in srgb, var(--yxd-v2-primary, #6a4fd8) 11%, transparent) !important; } /* 方案对比里的小徽章（会议提出 / Clare 补充）：安静描边 */ html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area section[data-analysis-section] span[style*="border-radius:999px"] { background: transparent !important; border: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; color: var(--yxd-v2-muted, #76728a) !important; } /* Clare 建议块：无盒，上虚线分隔 */ html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area .topic-body > div[style*="background:linear-gradient"] { background: transparent !important; border: none !important; border-top: 1px dashed var(--yxd-v2-hairline, #e8e5f0) !important; border-radius: 0 !important; box-shadow: none !important; margin-top: 10px !important; padding-top: 12px !important; } /* 证据引用：保留一条 2px tint 左边线 */ html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area .topic-body > div[style*="border-left:2px solid"] { background: transparent !important; border-left: 2px solid var(--yxd-v2-tint, #e6e0f8) !important; border-radius: 0 !important; } /* 收敛小结：从便签纸变回一行 muted 文字 */ html[data-yxd-layout="v2"] body.yxd-v2 .clare-analysis-summary { background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; color: var(--yxd-v2-muted, #76728a) !important; padding: 4px 2px !important; } html[data-yxd-layout="v2"] body.yxd-v2 .clare-analysis-summary > span:first-child { color: var(--yxd-v2-primary, #573dbb) !important; } /* 议题动作（问 Clare / 纠正）：无边框文字链 */ html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area .topic-action-button { background: transparent !important; border: none !important; box-shadow: none !important; color: var(--yxd-v2-primary, #573dbb) !important; font-weight: 600 !important; min-height: 24px; padding: 0 4px !important; } html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area .topic-action-button:hover, html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area .topic-action-button:focus-visible { background: transparent !important; text-decoration: underline; outline: none; } html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area .topic-action-group { border-left: none !important; padding-left: 0 !important; } /* ── 冷启动引导气泡：虚线描边，去旋转 ────────── */ html[data-yxd-layout="v2"] body.yxd-v2 #ai-cold-start > div:not(.clare-analysis-state):last-child > div:last-child { background: transparent !important; border: 1px dashed var(--yxd-v2-hairline, #d8d3c8) !important; border-radius: 12px !important; box-shadow: none !important; transform: none !important; } /* ── 输入栏：透明底，融入画布 ────────────────── */ html[data-yxd-layout="v2"] body.yxd-v2 #clare-input-bar { background: transparent !important; border-top: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; box-shadow: none !important; } html[data-yxd-layout="v2"] body.yxd-v2 #clare-chat-input { background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ══════════════════════════════════════════════════════════════ * Phase 3b · 执行/助手场景扁平化 + 证据联动高亮 * ══════════════════════════════════════════════════════════════ */ /* 非会议场景：隐藏的会议屏空壳（flex-1）不再分走一半高度 */ html[data-yxd-layout="v2"] #meeting-screen.yxd-bypass { display: none !important; } /* ── 场景容器三栏：去灰底卡片，hairline 分隔 ─── */ html[data-yxd-layout="v2"] body.yxd-v2 #scene-container { background: var(--yxd-v2-bg, #f7f6fa) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-kb-panel, html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-wrapper, html[data-yxd-layout="v2"] body.yxd-v2 #scene-result-wrapper { background: transparent !important; border-color: var(--yxd-v2-hairline, #e8e5f0) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-kb-panel > div:first-child, html[data-yxd-layout="v2"] body.yxd-v2 #kb-selection-bar-scene, html[data-yxd-layout="v2"] body.yxd-v2 #scene-kb-info-bar { background: transparent !important; border-color: var(--yxd-v2-hairline, #e8e5f0) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-kb-info-bar { color: var(--yxd-v2-faint, #aaa6bb) !important; } /* ── 执行场景：步骤卡去盒子化 ────────────────── */ html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-execute > div:first-child { background: transparent !important; border-bottom: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; } /* 产出/执行子页签：激活态用 tint，不用渐变 */ html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-execute > div:first-child button[style*="linear-gradient"] { background: var(--yxd-v2-tint-soft, #f0ede6) !important; color: var(--yxd-v2-primary, #573dbb) !important; } /* 三个步骤白卡 → 透明 + 上细线 */ html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-execute div[style*="border-radius:10px"][style*="border:1px solid #e5e7eb"] { background: transparent !important; border: none !important; border-top: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; border-radius: 0 !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-execute div[style*="border-radius:12px"][style*="border:1px solid #e5e7eb"] { background: transparent !important; border: none !important; border-top: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; border-radius: 0 !important; } /* 选中来源/任务：蓝色 → 调色板主色 */ html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-execute button[style*="#eff6ff"] { background: var(--yxd-v2-tint-soft, #f0ede6) !important; border-color: var(--yxd-v2-tint, #e6e0f8) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-execute button[style*="#eff6ff"] div[style*="color:#2563eb"], html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-execute div[style*="color:#2563eb"] { color: var(--yxd-v2-primary, #573dbb) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-execute span[style*="background:#3b82f6"], html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-execute span[style*="border:1.5px solid #3b82f6"] { background: var(--yxd-v2-primary, #573dbb) !important; border-color: var(--yxd-v2-primary, #573dbb) !important; } /* 推荐任务 chips：琥珀色块 → 安静描边 */ html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-execute button[style*="#fde68a"] { background: transparent !important; border-color: var(--yxd-v2-hairline, #e8e5f0) !important; color: var(--yxd-v2-muted, #76728a) !important; } /* 已上传文件绿色块 → tint */ html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-execute div[style*="#f0fdf4"] { background: var(--yxd-v2-tint-soft, #f0ede6) !important; border-color: var(--yxd-v2-tint, #e6e0f8) !important; } /* 主 CTA：蓝紫渐变 → 主色实心；禁用态保持灰 */ html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-execute button[style*="linear-gradient(to right"] { background: var(--yxd-v2-primary, #573dbb) !important; border-radius: 10px !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-execute button[disabled][style*="#e5e7eb"] { background: var(--yxd-v2-hairline, #eee) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #exec-notes { border-color: var(--yxd-v2-hairline, #e8e5f0) !important; border-radius: 10px !important; background: var(--yxd-v2-surface, #fff) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #exec-notes:focus { border-color: var(--yxd-v2-primary, #573dbb) !important; } /* ── 执行结果区：蓝色徽章/按钮 → 调色板 ──────── */ html[data-yxd-layout="v2"] body.yxd-v2 #scene-result-execute span[style*="#eff6ff"], html[data-yxd-layout="v2"] body.yxd-v2 #scene-result-execute [style*="#eff6ff"] span { background: var(--yxd-v2-tint-soft, #f0ede6) !important; color: var(--yxd-v2-primary, #573dbb) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-result-execute button[style*="#f3f4f6"] { background: transparent !important; border: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; color: var(--yxd-v2-muted, #76728a) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-result-execute button[style*="#bfdbfe"] { border-color: var(--yxd-v2-tint, #e6e0f8) !important; color: var(--yxd-v2-primary, #573dbb) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-result-execute button[style*="background:#111827"] { background: var(--yxd-v2-primary, #573dbb) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #exec-followup-input { border-color: var(--yxd-v2-hairline, #e8e5f0) !important; } /* ── 证据联动：点击原话 → 转写行高亮 ─────────── */ html[data-yxd-layout="v2"] body.yxd-v2 .yxd-evidence-quote { transition: background .2s ease; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-evidence-quote:hover { background: var(--yxd-v2-tint-soft, #f0ede6) !important; } html[data-yxd-layout="v2"] .transcript-line { border-radius: 8px; padding: 2px 6px; margin-left: -6px; transition: background .9s ease, box-shadow .9s ease; } html[data-yxd-layout="v2"] .transcript-line.yxd-evidence-hit { background: var(--yxd-v2-tint-soft, #f0ede6); box-shadow: inset 2px 0 0 var(--yxd-v2-primary, #573dbb); animation: yxdEvidencePulse 1.4s ease-out; } @keyframes yxdEvidencePulse { 0% { background: var(--yxd-v2-tint, #e6e0f8); } 100% { background: var(--yxd-v2-tint-soft, #f0ede6); } } /* ══════════════════════════════════════════════════════════════ * Phase 3c · 设计稿交互补全 + 其余功能页同语言 * ══════════════════════════════════════════════════════════════ */ /* ── 录音中：头像右下角声波条（设计稿 voice-bars）─ */ .yxd-persona-avatar .vbars { position: absolute; right: -7px; bottom: -3px; display: none; gap: 2px; align-items: flex-end; background: var(--yxd-v2-surface, #fff); border: 1px solid var(--yxd-v2-hairline, #e8e5f0); border-radius: 8px; padding: 3px 4px; } #meeting-screen.yxd-listening .yxd-persona-avatar .vbars { display: flex; } .yxd-persona-avatar .vbars i { width: 2.5px; background: var(--yxd-v2-primary, #573dbb); border-radius: 2px; animation: yxdVb 1s ease-in-out infinite; } .yxd-persona-avatar .vbars i:nth-child(1) { height: 6px; } .yxd-persona-avatar .vbars i:nth-child(2) { height: 10px; animation-delay: .2s; } .yxd-persona-avatar .vbars i:nth-child(3) { height: 7px; animation-delay: .4s; } @keyframes yxdVb { 50% { transform: scaleY(.4); } } /* ── 议题状态：讨论中呼吸点 + 主色顶线提示 ────── */ html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area [data-topic-id][data-topic-status="open"] { border-top-color: var(--yxd-v2-tint, #e6e0f8) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area [data-topic-id][data-topic-status="open"] .topic-state-dot { animation: yxdStatePulse 1.6s ease-in-out infinite; } @keyframes yxdStatePulse { 50% { opacity: .3; } } /* ── 正在说话：当前转写行说话人染主色 ────────── */ html[data-yxd-layout="v2"] .transcript-line.opacity-60 [data-role="speaker"] { color: var(--yxd-v2-primary, #573dbb) !important; } /* ── 首页：纸面底 + 卡片去阴影 ───────────────── */ html[data-yxd-layout="v2"] body.yxd-v2 #waic-home-main { background: var(--yxd-v2-bg, #f7f6fa) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #waic-home-main::before, html[data-yxd-layout="v2"] body.yxd-v2 #waic-home-main::after { opacity: .35; } html[data-yxd-layout="v2"] body.yxd-v2 #waic-home-card { border-color: var(--yxd-v2-hairline, #e8e5f0) !important; box-shadow: none !important; border-radius: 16px !important; } html[data-yxd-layout="v2"] body.yxd-v2 #waic-home-card .waic-form-title { font-family: var(--yxd-font-heading, "Songti SC", "STSong", "Noto Serif CJK SC", serif) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #history-preview > div, html[data-yxd-layout="v2"] body.yxd-v2 #history-preview [style*="box-shadow"] { box-shadow: none !important; border-color: var(--yxd-v2-hairline, #e8e5f0) !important; } /* ── 评审场景：三栏去渐变底，hairline 分隔 ────── */ html[data-yxd-layout="v2"] body.yxd-v2 #review-project-list-panel, html[data-yxd-layout="v2"] body.yxd-v2 #review-ai-panel { background: transparent !important; border-color: var(--yxd-v2-hairline, #e8e5f0) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #review-workspace-panel { background: transparent !important; } /* ── 助手场景：与执行同语言（外壳已扁平，内容白卡收边）─ */ html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-custom div[style*="border-radius:10px"][style*="border:1px solid #e5e7eb"], html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-custom div[style*="border-radius:12px"][style*="border:1px solid #e5e7eb"] { background: transparent !important; border: none !important; border-top: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; border-radius: 0 !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-custom button[style*="linear-gradient"], html[data-yxd-layout="v2"] body.yxd-v2 #scene-result-custom button[style*="linear-gradient"] { background: var(--yxd-v2-primary, #573dbb) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-custom button[style*="#eff6ff"], html[data-yxd-layout="v2"] body.yxd-v2 #scene-result-custom span[style*="#eff6ff"] { background: var(--yxd-v2-tint-soft, #f0ede6) !important; border-color: var(--yxd-v2-tint, #e6e0f8) !important; } /* ── 会前材料底栏：安静化 ────────────────────── */ html[data-yxd-layout="v2"] body.yxd-v2 #meeting-bottom-bar { background: transparent !important; border-top: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; } /* ── 评审场景：硬编码靛蓝/彩块 → 调色板（作用域限于评审布局）─ */ html[data-yxd-layout="v2"] body.yxd-v2 #scene-container[data-layout="review"] [style*="#f2effa"], html[data-yxd-layout="v2"] body.yxd-v2 #scene-container[data-layout="review"] [style*="#e6e0f8"] { background: var(--yxd-v2-tint-soft, #f0ede6) !important; color: var(--yxd-v2-primary, #573dbb) !important; border-color: var(--yxd-v2-tint, #e6e0f8) !important; box-shadow: none !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-container[data-layout="review"] [style*="color:#6a4fd8"], html[data-yxd-layout="v2"] body.yxd-v2 #scene-container[data-layout="review"] [style*="color:#573dbb"] { color: var(--yxd-v2-primary, #573dbb) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-container[data-layout="review"] button[style*="linear-gradient(135deg, #6a4fd8"] { background: var(--yxd-v2-primary, #573dbb) !important; box-shadow: none !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-container[data-layout="review"] [style*="linear-gradient(90deg, #6a4fd8"] { background: var(--yxd-v2-primary, #573dbb) !important; animation: none !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-container[data-layout="review"] button[style*="#fde68a"], html[data-yxd-layout="v2"] body.yxd-v2 #scene-container[data-layout="review"] button[style*="#fecaca"] { background: transparent !important; color: var(--yxd-v2-muted, #76728a) !important; border: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; box-shadow: none !important; } /* ── 首页：便签彩块 → 白纸细线（设计语言的「少色块」）─ */ html[data-yxd-layout="v2"] body.yxd-v2 .waic-sticky, html[data-yxd-layout="v2"] body.yxd-v2 .waic-sticky-yellow, html[data-yxd-layout="v2"] body.yxd-v2 .waic-sticky-mint, html[data-yxd-layout="v2"] body.yxd-v2 .waic-sticky-pink { background: var(--yxd-v2-surface, #fff) !important; border: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; box-shadow: none !important; transform: none !important; margin-left: 0 !important; margin-right: 0 !important; } html[data-yxd-layout="v2"] body.yxd-v2 .waic-sticky:hover { transform: none !important; box-shadow: none !important; border-color: var(--yxd-v2-tint, #e6e0f8) !important; } html[data-yxd-layout="v2"] body.yxd-v2 .waic-sticky small { color: var(--yxd-v2-primary, #573dbb) !important; } html[data-yxd-layout="v2"] body.yxd-v2 .waic-board-title i { background: var(--yxd-v2-tint-soft, #f0ede6) !important; color: var(--yxd-v2-primary, #573dbb) !important; box-shadow: none !important; } /* 能力 chips：彩底 → 安静描边 */ html[data-yxd-layout="v2"] body.yxd-v2 .waic-note-ribbon span { background: transparent !important; border: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; color: var(--yxd-v2-muted, #76728a) !important; box-shadow: none !important; } /* 会前材料按钮：蓝/粉底 → 透明描边 */ html[data-yxd-layout="v2"] body.yxd-v2 .pre-meeting-action, html[data-yxd-layout="v2"] body.yxd-v2 .pre-meeting-action:first-child, html[data-yxd-layout="v2"] body.yxd-v2 .pre-meeting-action:last-child { background: transparent !important; border: 1px solid var(--yxd-v2-hairline, #e8e5f0) !important; box-shadow: none !important; } html[data-yxd-layout="v2"] body.yxd-v2 .pre-meeting-action:hover { border-color: var(--yxd-v2-primary, #573dbb) !important; color: var(--yxd-v2-primary, #573dbb) !important; } /* 提示横幅：waic 的黄色洗色 → 虚线安静条 */ html[data-yxd-layout="v2"] body.yxd-v2 #waic-home-card > div[style*="background:var(--yxd-v2-tint-soft"] { background: transparent !important; border: 1px dashed var(--yxd-v2-hairline, #e8e5f0) !important; box-shadow: none !important; transform: none !important; } html[data-yxd-layout="v2"] body.yxd-v2 #waic-home-card > div[style*="background:var(--yxd-v2-tint-soft"] span { color: var(--yxd-v2-muted, #76728a) !important; } /* ══════════════════════════════════════════════════════════════ * Phase 3d · 议题流结构对齐交互稿（kicker gutter / 转写排版） * ══════════════════════════════════════════════════════════════ */ /* 议题头：左侧「议题」 gutter（设计稿 kicker 列），与正文缩进对齐 */ html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area .topic-header { padding: 13px 4px !important; gap: 12px !important; } html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area .topic-header::before { content: "议题"; flex: none; width: 64px; font-size: 10px; letter-spacing: .22em; color: var(--yxd-v2-faint, #aaa6bb); padding-top: 3px; align-self: flex-start; } @media (max-width: 1100px) { html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area .topic-header::before { display: none; } } /* 议题头右侧元信息更轻 */ html[data-yxd-layout="v2"] body.yxd-v2 #ai-analysis-area .topic-header > span[style*="更新"] { color: var(--yxd-v2-faint, #aaa6bb) !important; } /* ── 转写列排版对齐设计稿：小字 mono 时间 + 小说话人 + 正文 ── */ html[data-yxd-layout="v2"] body.yxd-v2 #transcript .transcript-line [data-role="time"] { font-size: 10.5px !important; font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important; color: var(--yxd-v2-faint, #aaa6bb) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #transcript .transcript-line [data-role="speaker"] { font-size: 11.5px !important; font-weight: 650 !important; } html[data-yxd-layout="v2"] body.yxd-v2 #transcript .transcript-line [data-role="content"] { font-size: 12.5px !important; line-height: 1.7 !important; color: var(--yxd-v2-ink, #33453f) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #transcript .transcript-line { margin-bottom: 14px !important; } /* ══════════════════════════════════════════════════════════════ * Phase 3e · 执行场景重写：压平 waic 紫色面板 + 任务清单新结构 * ══════════════════════════════════════════════════════════════ */ /* waic 给执行面板/结果区上的紫底与三色步骤卡 → 调色板底色 */ html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-execute, html[data-yxd-layout="v2"] body.yxd-v2 #scene-result-execute { background: var(--yxd-v2-bg, #faf9fc) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-execute > div:nth-child(2) > div:nth-child(1), html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-execute > div:nth-child(2) > div:nth-child(2), html[data-yxd-layout="v2"] body.yxd-v2 #scene-main-execute > div:nth-child(2) > div:nth-child(3) { background: transparent !important; border-color: var(--yxd-v2-hairline, #e8e5f0) !important; border-radius: 0 !important; box-shadow: none !important; } /* 分区：kicker 标签 + 顶细线（与会议视图议题流同语言） */ html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-sec { padding: 18px 2px 16px; border-top: 1px solid var(--yxd-v2-hairline, #e8e5f0); } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-sec:first-child { border-top: 0; padding-top: 6px; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-label { font-size: 11px; font-weight: 650; letter-spacing: .16em; color: var(--yxd-v2-faint, #aaa6bb); margin-bottom: 6px; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-label em { font-style: normal; letter-spacing: .05em; opacity: .75; margin-left: 6px; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-hint { font-size: 11.5px; color: var(--yxd-v2-muted, #76728a); margin-bottom: 10px; } /* 任务清单：行式、无线框，选中 = tint 底 + 左侧主色条 */ html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-tasks { display: flex; flex-direction: column; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-task { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; padding: 11px 10px; background: transparent; border: 0; border-top: 1px solid var(--yxd-v2-hairline, #e8e5f0); cursor: pointer; transition: background .15s ease; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-task:first-child { border-top: 0; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-task:hover { background: var(--yxd-v2-tint-soft, #f2effa); } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-task.sel { background: var(--yxd-v2-tint-soft, #f2effa); box-shadow: inset 2px 0 0 var(--yxd-v2-primary, #573dbb); } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-task-icon { width: 30px; height: 30px; border-radius: 9px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--yxd-v2-muted, #76728a); background: var(--yxd-v2-bg, #faf9fc); border: 1px solid var(--yxd-v2-hairline, #e8e5f0); } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-task.sel .yxd-exec-task-icon { color: var(--yxd-v2-primary, #573dbb); border-color: var(--yxd-v2-tint, #e6e0f8); background: var(--yxd-v2-surface, #fff); } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-task-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-task-name { font-size: 13px; font-weight: 600; color: var(--yxd-v2-ink, #26232e); } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-task.sel .yxd-exec-task-name { color: var(--yxd-v2-primary-deep, #573dbb); } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-task-desc { font-size: 11px; color: var(--yxd-v2-faint, #aaa6bb); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-task-check { width: 16px; flex-shrink: 0; color: var(--yxd-v2-primary, #573dbb); display: flex; align-items: center; justify-content: center; } /* 补充说明 */ html[data-yxd-layout="v2"] body.yxd-v2 #exec-notes { width: 100%; margin-top: 4px; padding: 10px 12px; border: 1px solid var(--yxd-v2-hairline, #e5e7eb); border-radius: 10px; font-size: 13px; resize: none; height: 64px; outline: none; box-sizing: border-box; background: var(--yxd-v2-surface, #fff); color: var(--yxd-v2-ink, #26232e); } /* 主操作：实心主色胶囊，禁用态回落灰 */ html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-actions { display: flex; align-items: center; gap: 10px; padding: 4px 2px 0; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-start { flex: 1; padding: 12px; border: 0; border-radius: 999px; background: var(--yxd-v2-primary, #573dbb); color: #fff; font-size: 13.5px; font-weight: 650; letter-spacing: .02em; cursor: pointer; transition: filter .15s ease; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-start:hover:not([disabled]) { filter: brightness(1.06); } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-start[disabled] { background: var(--yxd-v2-hairline, #e8e5f0); color: var(--yxd-v2-faint, #aaa6bb); cursor: not-allowed; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-exec-clear { background: transparent; border: 0; color: var(--yxd-v2-muted, #76728a); font-size: 12.5px; cursor: pointer; padding: 8px 10px; } /* ══════════════════════════════════════════════════════════════ * Phase 3f · 冷启动卡 + 会中问答 composer 对齐交互稿 * ══════════════════════════════════════════════════════════════ */ html[data-yxd-layout="v2"] body.yxd-v2 .yxd-cold-card { border: 1px dashed var(--yxd-v2-hairline, #dfe8e5); border-radius: 14px; padding: 22px 24px; color: var(--yxd-v2-muted, #6f807c); font-size: 13.5px; line-height: 2; background: transparent; text-align: left; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-cold-card b { color: var(--yxd-v2-ink, #1c2b28); font-weight: 650; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-qa-kicker { font-size: 11px; font-weight: 650; letter-spacing: .16em; color: var(--yxd-v2-faint, #a8b5b1); white-space: nowrap; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-qa-composer:focus-within { border-color: var(--yxd-v2-primary, #0e7569) !important; box-shadow: 0 0 0 3px var(--yxd-v2-tint-soft, #ecf3f0); } /* ══════════════════════════════════════════════════════════════ * Phase 3g · 首页防顶部裁切 + 知识库工作台对齐交互稿 * ══════════════════════════════════════════════════════════════ */ /* 首页网格垂直居中在内容高于视口时会裁掉顶部（滚动容器无法向上回退）， safe center：放得下一屏时仍居中，放不下时回落到顶部对齐、可滚动。 */ html[data-yxd-layout="v2"] body.yxd-v2 #waic-home-main { align-items: safe center !important; align-content: safe center !important; } /* ── 知识库场景：工作台整页（serif 标题 / 搜索 / 文档卡 / 上传行） ── */ html[data-yxd-layout="v2"] body.yxd-v2 #scene-kb-panel.yxd-kb-workbench-mode { background: var(--yxd-v2-bg, #f6f8f7) !important; border-right: none !important; overflow-y: auto !important; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-inner { max-width: 760px; margin: 0 auto; padding: 36px 32px 60px; width: 100%; box-sizing: border-box; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-inner h1 { font-family: "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", Georgia, serif; font-size: 22px; font-weight: 700; color: var(--yxd-v2-ink, #1c2b28); margin: 0; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-sub { color: var(--yxd-v2-muted, #6f807c); font-size: 13px; margin: 6px 0 0; line-height: 1.7; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-actions { display: flex; gap: 4px; flex: none; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-iconbtn { width: 30px; height: 30px; border-radius: 8px; border: 1px solid transparent; background: none; cursor: pointer; display: grid; place-items: center; color: var(--yxd-v2-faint, #a8b5b1); transition: all .25s; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-iconbtn:hover { color: var(--yxd-v2-primary, #0e7569); background: var(--yxd-v2-tint-soft, #ecf3f0); } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-search { display: flex; align-items: center; gap: 10px; background: var(--yxd-v2-surface, #fff); border: 1px solid var(--yxd-v2-hairline, #dfe8e5); border-radius: 10px; padding: 10px 16px; margin: 22px 0 18px; transition: border-color .3s; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-search:focus-within { border-color: var(--yxd-v2-primary, #0e7569); } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-search svg { flex: none; color: var(--yxd-v2-faint, #a8b5b1); } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-search input { flex: 1; border: none; outline: none; font: inherit; font-size: 13.5px; background: none; color: var(--yxd-v2-ink, #1c2b28); } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-search input::placeholder { color: var(--yxd-v2-faint, #a8b5b1); } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-doc { background: var(--yxd-v2-surface, #fff); border: 1px solid var(--yxd-v2-hairline, #dfe8e5); border-radius: 12px; margin-bottom: 10px; overflow: hidden; transition: border-color .3s; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-doc:hover { border-color: var(--yxd-v2-faint, #a8b5b1); } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-doc.selected { border-color: var(--yxd-v2-primary, #0e7569); } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-doc > .yxd-kb-row { width: 100%; background: none; border: none; cursor: pointer; text-align: left; display: flex; align-items: center; gap: 14px; padding: 15px 18px; font: inherit; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-ext { width: 34px; height: 40px; border-radius: 6px; flex: none; background: var(--yxd-v2-tint-soft, #ecf3f0); border: 1px solid var(--yxd-v2-tint, #d3e3de); display: grid; place-items: center; font-size: 9px; font-weight: 700; color: var(--yxd-v2-primary, #0e7569); } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-name { font-size: 14px; font-weight: 600; color: var(--yxd-v2-ink, #1c2b28); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-meta { font-size: 11.5px; color: var(--yxd-v2-faint, #a8b5b1); margin-top: 2px; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-tag { font-size: 11px; color: var(--yxd-v2-muted, #6f807c); flex: none; border: 1px solid var(--yxd-v2-hairline, #dfe8e5); border-radius: 999px; padding: 3px 10px; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-chip { font-size: 11px; color: var(--yxd-v2-faint, #a8b5b1); flex: none; padding: 3px 4px; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-chip.on { color: var(--yxd-v2-primary, #0e7569); font-weight: 600; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-check { width: 16px; height: 16px; accent-color: var(--yxd-v2-primary, #0e7569); cursor: pointer; flex: none; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-detail { padding: 0 18px 16px 66px; font-size: 12.5px; color: var(--yxd-v2-muted, #44574f); line-height: 1.8; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-detail .cite { padding: 8px 12px; background: var(--yxd-v2-tint-soft, #ecf3f0); border-left: 2px solid var(--yxd-v2-primary, #0e7569); border-radius: 0 8px 8px 0; margin-top: 6px; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-detail .yxd-kb-preview-link { display: inline-block; margin-top: 8px; color: var(--yxd-v2-primary, #0e7569); font-size: 12px; font-weight: 600; cursor: pointer; background: none; border: none; padding: 0; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-children { padding: 0 10px 10px 34px; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-upload { border: 1px dashed var(--yxd-v2-hairline, #dfe8e5); border-radius: 12px; padding: 22px; text-align: center; color: var(--yxd-v2-faint, #a8b5b1); font-size: 13px; cursor: pointer; transition: all .3s; margin-top: 6px; background: none; width: 100%; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-upload:hover { border-color: var(--yxd-v2-primary, #0e7569); color: var(--yxd-v2-primary, #0e7569); } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-empty { color: var(--yxd-v2-faint, #a8b5b1); font-size: 12.5px; text-align: center; border: 1px dashed var(--yxd-v2-hairline, #dfe8e5); border-radius: 12px; padding: 26px 20px; line-height: 1.9; margin-bottom: 10px; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-selbar { font-size: 11.5px; color: var(--yxd-v2-faint, #a8b5b1); margin-top: 14px; text-align: right; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-selbar button { background: none; border: none; cursor: pointer; font: inherit; color: var(--yxd-v2-muted, #6f807c); margin-left: 8px; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-selbar button:hover { color: #c0574f; } /* ══════════════════════════════════════════════════════════════ * Phase 3h · 移动端适配：知识库整页 / 会议头部溢出 / 色块主题化 * ══════════════════════════════════════════════════════════════ */ @media (max-width: 768px) { /* ── 全局底色：紫灰换主题纸面 ── */ html[data-yxd-layout="v2"] body.yxd-v2 { background: var(--yxd-v2-bg, #f6f8f7) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #home-screen > main { background: var(--yxd-v2-bg, #f6f8f7) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #meeting-screen > .flex-1, html[data-yxd-layout="v2"] body.yxd-v2 #meeting-screen > div > .flex-1 { background: var(--yxd-v2-bg, #f6f8f7) !important; } html[data-yxd-layout="v2"] body.yxd-v2 body > header, html[data-yxd-layout="v2"] body.yxd-v2 > header { box-shadow: 0 1px 0 var(--yxd-v2-hairline, #dfe8e5) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-tabs-mobile { border-color: var(--yxd-v2-hairline, #dfe8e5) !important; box-shadow: 0 -8px 24px rgba(28, 43, 40, .05) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-tabs-mobile button.mobile-tab-active .mobile-tab-icon { box-shadow: 0 4px 10px var(--yxd-v2-tint, #d3e3de) !important; } /* ── 知识库场景：抽屉定位改整页工作台，隐藏「配置/结果」内 tab ── */ html[data-yxd-layout="v2"] body.yxd-v2 #scene-container.kb-mode { overflow-y: auto !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-container.kb-mode #scene-kb-panel { position: static !important; transform: none !important; transition: none; width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-shadow: none !important; border-right: none !important; z-index: auto; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-container.kb-mode #scene-inner-tabs { display: none !important; } html[data-yxd-layout="v2"] body.yxd-v2 .yxd-kb-inner { padding: 24px 18px 40px; } /* ── 会议头部：右列 3 控件收敛为一排图标，音频源收窄 ── */ html[data-yxd-layout="v2"] body.yxd-v2 #meeting-header-bar { background: var(--yxd-v2-surface, #fff) !important; border-bottom: 1px solid var(--yxd-v2-hairline, #dfe8e5) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #meeting-header-bar #meeting-topic-display { color: var(--yxd-v2-ink, #1c2b28) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #meeting-header-bar #meeting-resource-actions > #materials-toggle { border-color: var(--yxd-v2-hairline, #dfe8e5) !important; color: var(--yxd-v2-muted, #6f807c) !important; background: var(--yxd-v2-surface, #fff) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #meeting-header-bar #materials-count-text { color: var(--yxd-v2-faint, #a8b5b1) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #meeting-header-bar .meeting-session-actions { justify-self: end !important; gap: 6px !important; } html[data-yxd-layout="v2"] body.yxd-v2 #meeting-header-bar .meeting-session-actions > select[data-audio-source-select] { max-width: 38px !important; width: 38px !important; min-height: 44px; padding: 0 !important; font-size: 0 !important; color: transparent !important; -webkit-appearance: none !important; appearance: none !important; border: 1px solid var(--yxd-v2-hairline, #dfe8e5) !important; border-radius: 10px !important; background-color: var(--yxd-v2-surface, #fff) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f807c' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0'/%3E%3Cpath d='M12 18v3'/%3E%3C/svg%3E") !important; background-position: center !important; background-size: 17px 17px !important; background-repeat: no-repeat !important; } html[data-yxd-layout="v2"] body.yxd-v2 #meeting-header-bar #record-btn { width: 44px !important; min-width: 44px !important; padding: 0 !important; gap: 0 !important; } html[data-yxd-layout="v2"] body.yxd-v2 #meeting-header-bar #record-btn .mobile-hide-label { display: none !important; } html[data-yxd-layout="v2"] body.yxd-v2 #meeting-header-bar #end-meeting-btn { width: 44px !important; min-width: 44px !important; padding: 0 !important; gap: 0 !important; border-color: var(--yxd-v2-hairline, #dfe8e5) !important; color: var(--yxd-v2-muted, #6f807c) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #meeting-header-bar #end-meeting-btn > span:last-child { display: none !important; } /* ── 会议内 tab：紫色下划线 → 主题色分段控件 ── */ html[data-yxd-layout="v2"] body.yxd-v2 #meeting-inner-tabs { background: var(--yxd-v2-surface, #fff) !important; border: 0 !important; border-bottom: 1px solid var(--yxd-v2-hairline, #dfe8e5) !important; border-radius: 0 !important; padding: 6px 12px !important; gap: 8px !important; min-height: 48px !important; } html[data-yxd-layout="v2"] body.yxd-v2 #meeting-inner-tabs button { flex: 1 !important; border: none !important; border-radius: 9px !important; min-height: 34px !important; color: var(--yxd-v2-faint, #a8b5b1) !important; background: transparent !important; box-shadow: none !important; font-size: 12.5px !important; font-weight: 650 !important; } html[data-yxd-layout="v2"] body.yxd-v2 #meeting-inner-tabs button.active { color: var(--yxd-v2-primary, #0e7569) !important; background: var(--yxd-v2-tint-soft, #ecf3f0) !important; box-shadow: none !important; } /* ── 会议面板：白卡换纸面，冷启动卡上间距收敛 ── */ html[data-yxd-layout="v2"] body.yxd-v2 #ai-panel, html[data-yxd-layout="v2"] body.yxd-v2 #transcript-panel { background: var(--yxd-v2-bg, #f6f8f7) !important; border-top-color: var(--yxd-v2-hairline, #dfe8e5) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #ai-panel > div:first-child, html[data-yxd-layout="v2"] body.yxd-v2 #transcript-panel > div:first-child { background: var(--yxd-v2-surface, #fff) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #ai-cold-start { padding: 20px 14px !important; } html[data-yxd-layout="v2"] body.yxd-v2 #clare-mobile-toggle { background: var(--yxd-v2-surface, #fff) !important; border-top-color: var(--yxd-v2-hairline, #dfe8e5) !important; color: var(--yxd-v2-primary, #0e7569) !important; } } /* ══════════════════════════════════════════════════════════════ * Phase 3i · 知识库导入弹窗主题化（indigo/violet 死色 → 主题变量） * ══════════════════════════════════════════════════════════════ */ html[data-yxd-layout="v2"] body.yxd-v2 #kb-import-modal .border-indigo-500 { border-color: var(--yxd-v2-primary, #0e7569) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #kb-import-modal .text-indigo-600 { color: var(--yxd-v2-primary, #0e7569) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #kb-import-modal .hover\:text-indigo-600:hover { color: var(--yxd-v2-primary, #0e7569) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #kb-import-modal .hover\:border-indigo-400:hover { border-color: var(--yxd-v2-primary, #0e7569) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #kb-import-modal .focus\:border-indigo-400:focus { border-color: var(--yxd-v2-primary, #0e7569) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #kb-import-modal .hover\:bg-indigo-50\/30:hover { background-color: var(--yxd-v2-tint-soft, #ecf3f0) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #kb-import-modal .bg-violet-600 { background-color: var(--yxd-v2-primary, #0e7569) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #kb-import-modal .hover\:bg-violet-700:hover { background-color: var(--yxd-v2-primary-deep, #0a5a50) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #kb-import-modal .bg-violet-50 { background-color: var(--yxd-v2-tint-soft, #ecf3f0) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #kb-import-modal .hover\:bg-violet-50:hover { background-color: var(--yxd-v2-tint-soft, #ecf3f0) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #kb-import-modal .hover\:bg-violet-100:hover { background-color: var(--yxd-v2-tint, #d3e3de) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #kb-import-modal .text-violet-900 { color: var(--yxd-v2-ink, #1c2b28) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #kb-import-modal .text-violet-700 { color: var(--yxd-v2-primary-deep, #0a5a50) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #kb-import-modal .text-violet-600 { color: var(--yxd-v2-primary, #0e7569) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #kb-import-modal .border-violet-200 { border-color: var(--yxd-v2-tint, #d3e3de) !important; } html[data-yxd-layout="v2"] body.yxd-v2 #kb-import-modal .border-violet-100 { border-color: var(--yxd-v2-tint-soft, #ecf3f0) !important; } /* ══════════════════════════════════════════════════════════════ * Phase 3j · 旧知识库侧栏退场：知识库已由独立 tab 承载（仅桌面端； * 移动端抽屉入口保留原行为，由底部 tab 进入工作台） * ══════════════════════════════════════════════════════════════ */ @media (min-width: 769px) { html[data-yxd-layout="v2"] body.yxd-v2 #kb-panel-meeting, html[data-yxd-layout="v2"] body.yxd-v2 #kb-resize-handle, html[data-yxd-layout="v2"] body.yxd-v2 #scene-kb-info-bar { display: none !important; } html[data-yxd-layout="v2"] body.yxd-v2 #scene-container:not(.kb-mode) #scene-kb-panel, html[data-yxd-layout="v2"] body.yxd-v2 #scene-container:not(.kb-mode) #scene-kb-resize-handle { display: none !important; } } /* ══════════════════════════════════════════════════════════════ * Phase 3k · 品牌合并：全局唯一头像进顶栏（议小豆 + CLARE · 会议顾问） * 会议头部不再重复头像，仅保留状态行；「正在听」动效跟到顶栏头像 * ══════════════════════════════════════════════════════════════ */ html[data-yxd-layout="v2"] #yxd-brand-persona { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; } html[data-yxd-layout="v2"] .yxd-brand-avatar, html[data-yxd-layout="v2"] .yxd-brand-avatar img { width: 36px; height: 36px; } html[data-yxd-layout="v2"] .yxd-brand-text { display: flex; flex-direction: column; justify-content: center; } html[data-yxd-layout="v2"] .yxd-brand-text .yxd-persona-name { font-size: 16px; } html[data-yxd-layout="v2"] .yxd-brand-text .yxd-persona-name small { font-size: 10px; } /* 「正在听」呼吸环 + 声波条：从会议头部迁到顶栏唯一头像 */ html[data-yxd-layout="v2"] #yxd-brand-persona.yxd-listening .yxd-persona-avatar .ring { border-color: var(--yxd-v2-primary, #573dbb); animation: yxdBreathe 3.2s ease-in-out infinite; } html[data-yxd-layout="v2"] #yxd-brand-persona.yxd-listening .yxd-persona-avatar .vbars { display: flex; } /* 会议头部状态行：无头像后去掉多余留白 */ html[data-yxd-layout="v2"] #yxd-persona .yxd-persona-status { margin-top: 0; max-width: 420px; } @media (max-width: 767px) { html[data-yxd-layout="v2"] .yxd-brand-avatar, html[data-yxd-layout="v2"] .yxd-brand-avatar img { width: 30px; height: 30px; } html[data-yxd-layout="v2"] .yxd-brand-text .yxd-persona-name { font-size: 14px; } html[data-yxd-layout="v2"] .yxd-brand-text .yxd-persona-name small { display: none; } } /* ══════════════════════════════════════════════════════════════ * Phase 3l · P0/P1 修复：移动端工作台 display 兜底 + 执行回跳引导条 * ══════════════════════════════════════════════════════════════ */ /* P0-1 兜底：即使内联 display:none 残留，kb 工作台在移动端也必须可见 */ @media (max-width: 768px) { html[data-yxd-layout="v2"] #scene-container.kb-mode #scene-kb-panel { display: flex !important; } } /* ══════════════════════════════════════════════════════════════ * Phase 3m · Picker/Manager 分离：会议/执行内的知识库 = 目录树选择器 * ══════════════════════════════════════════════════════════════ */ html[data-yxd-layout="v2"] #kb-picker-panel { position: fixed; top: 0; bottom: 0; left: 64px; /* 桌面端让开导航轨 */ width: 300px; max-width: 84vw; z-index: 120; display: flex; flex-direction: column; background: var(--yxd-v2-surface, #fff); border-right: 1px solid var(--yxd-v2-hairline, #e8e5f0); box-shadow: 16px 0 40px rgba(28, 43, 40, .10); transform: translateX(calc(-100% - 64px)); transition: transform .28s cubic-bezier(.32, .72, .28, 1); } html[data-yxd-layout="v2"] #kb-picker-panel.open { transform: none; } html[data-yxd-layout="v2"] #kb-picker-backdrop { position: fixed; inset: 0; z-index: 110; background: rgba(23, 32, 30, .24); opacity: 0; pointer-events: none; transition: opacity .25s; } html[data-yxd-layout="v2"] #kb-picker-backdrop.open { opacity: 1; pointer-events: auto; } html[data-yxd-layout="v2"] .kb-picker-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding: 16px 14px 10px; border-bottom: 1px solid var(--yxd-v2-hairline, #e8e5f0); } html[data-yxd-layout="v2"] .kb-picker-title { font-size: 14px; font-weight: 700; color: var(--yxd-v2-ink, #1c2b28); } html[data-yxd-layout="v2"] .kb-picker-sub { font-size: 11px; color: var(--yxd-v2-muted, #5b6b66); margin-top: 2px; } html[data-yxd-layout="v2"] .kb-picker-close { flex: none; display: grid; place-items: center; width: 26px; height: 26px; border: none; border-radius: 8px; background: transparent; color: var(--yxd-v2-faint, #93a39e); cursor: pointer; } html[data-yxd-layout="v2"] .kb-picker-close:hover { background: var(--yxd-v2-tint-soft, #ecf3f0); color: var(--yxd-v2-ink, #1c2b28); } html[data-yxd-layout="v2"] .kb-picker-tree { flex: 1; overflow-y: auto; padding: 8px; } html[data-yxd-layout="v2"] #kb-picker-panel .kb-checkbox { accent-color: var(--yxd-v2-primary, #0e7569); } html[data-yxd-layout="v2"] .kb-picker-foot { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-top: 1px solid var(--yxd-v2-hairline, #e8e5f0); font-size: 12px; color: var(--yxd-v2-muted, #5b6b66); } html[data-yxd-layout="v2"] .kb-picker-foot b { color: var(--yxd-v2-primary-deep, #0a5a50); } html[data-yxd-layout="v2"] .kb-picker-clear { background: none; border: none; cursor: pointer; font-size: 12px; color: var(--yxd-v2-faint, #93a39e); padding: 4px; } html[data-yxd-layout="v2"] .kb-picker-clear:hover { color: #c0473f; } html[data-yxd-layout="v2"] .kb-picker-manage { margin-left: auto; border: 1px solid var(--yxd-v2-tint, #d3e3de); border-radius: 8px; padding: 6px 10px; font-size: 12px; font-weight: 600; cursor: pointer; color: var(--yxd-v2-primary-deep, #0a5a50); background: var(--yxd-v2-tint-soft, #ecf3f0); } html[data-yxd-layout="v2"] .kb-picker-manage:hover { filter: brightness(.98); } /* 知识库 tab 是管理台：移动端汉堡抽屉钮在这里没有意义 */ html[data-yxd-layout="v2"] body.yxd-scene-kb #kb-toggle-btn { display: none !important; } /* 执行场景的旧 info-bar 入口被 Picker 取代（含移动端，补 Phase 3j 只盖桌面的缺口） */ html[data-yxd-layout="v2"] body.yxd-v2 #scene-kb-info-bar { display: none !important; } @media (max-width: 768px) { html[data-yxd-layout="v2"] #kb-picker-panel { left: 0; width: min(84vw, 340px); transform: translateX(-100%); } } /* ══════════════════════════════════════════════════════════════ * Phase 3n · 历史会议迁移：首页右侧卡片 → 导航轨「历史」slide-over * ══════════════════════════════════════════════════════════════ */ /* 首页右侧历史卡退场（调试导入入口在历史面板内保留） */ html[data-yxd-layout="v2"] #history-preview { display: none !important; } @media (min-width: 1181px) { html[data-yxd-layout="v2"] .waic-experience #waic-home-main.waic-home-has-history { grid-template-columns: minmax(500px, 660px) minmax(330px, 430px) !important; } } /* 导航轨「历史」按钮：与场景 tab 同一语言 */ html[data-yxd-layout="v2"] #yxd-rail-history { margin-top: 10px; padding: 8px 0 0; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 4px; border: none; border-top: 1px solid var(--yxd-v2-hairline, #e8e5f0); background: transparent; color: var(--yxd-v2-muted, #5b6b66); font-size: 11px; cursor: pointer; transition: color .15s; } html[data-yxd-layout="v2"] #yxd-rail-history svg { width: 18px; height: 18px; } html[data-yxd-layout="v2"] #yxd-rail-history:hover { color: var(--yxd-v2-primary-deep, #0a5a50); } /* 历史面板：与选择器同款 slide-over 几何 */ html[data-yxd-layout="v2"] #history-panel { position: fixed; top: 0; bottom: 0; left: 64px; width: 320px; max-width: 86vw; z-index: 120; display: flex; flex-direction: column; background: var(--yxd-v2-surface, #fff); border-right: 1px solid var(--yxd-v2-hairline, #e8e5f0); box-shadow: 16px 0 40px rgba(28, 43, 40, .10); transform: translateX(calc(-100% - 64px)); transition: transform .28s cubic-bezier(.32, .72, .28, 1); } html[data-yxd-layout="v2"] #history-panel.open { transform: none; } html[data-yxd-layout="v2"] #history-panel-backdrop { position: fixed; inset: 0; z-index: 110; background: rgba(23, 32, 30, .24); opacity: 0; pointer-events: none; transition: opacity .25s; } html[data-yxd-layout="v2"] #history-panel-backdrop.open { opacity: 1; pointer-events: auto; } /* 历史列表条目 */ html[data-yxd-layout="v2"] .history-panel-list { flex: 1; overflow-y: auto; padding: 10px; display: flex; flex-direction: column; gap: 8px; } html[data-yxd-layout="v2"] .history-panel-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--yxd-v2-hairline, #e8e5f0); border-radius: 12px; background: var(--yxd-v2-surface, #fff); cursor: pointer; transition: border-color .15s, background .15s; } html[data-yxd-layout="v2"] .history-panel-item:hover { border-color: var(--yxd-v2-tint, #d3e3de); background: var(--yxd-v2-tint-soft, #ecf3f0); } html[data-yxd-layout="v2"] .history-panel-item-main { flex: 1; min-width: 0; } html[data-yxd-layout="v2"] .history-panel-item-main p { margin: 0; font-size: 13px; font-weight: 600; color: var(--yxd-v2-ink, #1c2b28); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html[data-yxd-layout="v2"] .history-panel-item-meta { display: flex; align-items: center; gap: 6px; margin-top: 3px; font-size: 11px; color: var(--yxd-v2-faint, #93a39e); } html[data-yxd-layout="v2"] .history-panel-item-tags { margin-top: 6px; } html[data-yxd-layout="v2"] .history-tag { font-size: 10px; color: var(--yxd-v2-faint, #93a39e); background: var(--yxd-v2-bg, #f4f7f6); border-radius: 999px; padding: 1px 7px; } html[data-yxd-layout="v2"] .history-tag-project { color: var(--yxd-v2-primary-deep, #0a5a50); background: var(--yxd-v2-tint-soft, #ecf3f0); } html[data-yxd-layout="v2"] .history-panel-del { flex: none; border: none; background: transparent; color: var(--yxd-v2-faint, #93a39e); cursor: pointer; padding: 6px; border-radius: 8px; opacity: 0; transition: opacity .15s; } html[data-yxd-layout="v2"] .history-panel-item:hover .history-panel-del { opacity: 1; } html[data-yxd-layout="v2"] .history-panel-del:hover { color: #c0473f; } html[data-yxd-layout="v2"] .history-panel-empty { padding: 40px 12px; text-align: center; font-size: 12px; line-height: 1.8; color: var(--yxd-v2-faint, #93a39e); } html[data-yxd-layout="v2"] .history-panel-import { border: 1px dashed var(--yxd-v2-tint, #d3e3de); border-radius: 12px; background: var(--yxd-v2-tint-soft, #ecf3f0); color: var(--yxd-v2-primary-deep, #0a5a50); font-size: 12px; font-weight: 600; padding: 10px; cursor: pointer; } @media (max-width: 768px) { html[data-yxd-layout="v2"] #history-panel { left: 0; width: min(86vw, 360px); transform: translateX(-100%); } /* 触屏无 hover，删除按钮常显 */ html[data-yxd-layout="v2"] .history-panel-del { opacity: 1; } }