/*
 * [INPUT]: index 的产品工作台结构与 motion.js 的执行状态；复用 styles.css 品牌字体。
 * [OUTPUT]: 与桌面产品设计图一致的浅色三栏界面、进度状态、可访问的官方来源链接和移动端来源面板。
 * [POS]: public 产品预览样式边界；不影响首屏舞台、图片和真实报名表单。
 * [PROTOCOL]: 变更时更新此头部，然后检查 CLAUDE.md
 */
.ui-icon{width:18px;height:18px;flex-shrink:0}
.handoff-link{gap:11px;min-height:44px;position:relative;font-weight:600}
.handoff-link:after{content:"";height:1px;position:absolute;left:0;right:29px;bottom:9px;background:currentColor;opacity:.25;transform-origin:left;transition:transform .3s,opacity .3s}
.handoff-link .ui-icon{width:18px;height:18px;transition:transform .3s var(--ease)}
.handoff-link:hover .ui-icon{transform:translateX(4px)}
.handoff-link:hover:after{opacity:.7;transform:scaleX(.88)}
.scenario-tab>.ui-icon{width:19px;height:19px}
.scenario-tab[aria-selected=true]>.ui-icon{color:var(--orange)}
/* ---- 桌面骨架：导航与应用顶栏固定，内容和来源随任务一起切换 ---- */
.workspace{--ui-paper:#fffefd;--ui-panel:#f9f8f5;--ui-line:#e9e7e2;--ui-ink:#252724;--ui-muted:#898a84;--ui-orange:#df713f;--ui-green:#648b65;display:grid;grid-template-columns:210px minmax(0,1fr);border:1px solid #e3e0d9;border-radius:17px;overflow:hidden;background:var(--ui-paper);color:var(--ui-ink);box-shadow:0 24px 60px -28px #3f3c322e,0 2px 6px #3f3c3205;text-align:left}
.workspace .ui-icon{width:17px;height:17px}
.workspace-sidebar{background:var(--ui-panel);border-right:1px solid var(--ui-line);padding:21px 15px;display:flex;flex-direction:column}
.window-controls{display:flex;gap:6px;margin:0 0 25px 4px}
.window-controls i{width:9px;height:9px;border-radius:50%;background:#ec6a59}
.window-controls i:nth-child(2){background:#eac05d}.window-controls i:nth-child(3){background:#7fb67c}
.tiny-brand{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:750;letter-spacing:-.7px;padding:0 4px}
.tiny-brand img{width:26px;height:20px}
.workspace-nav,.workspace-spaces{display:grid;gap:5px;font-size:13px;font-weight:500}
.workspace-nav{margin-top:24px;margin-bottom:31px}
.workspace-nav>span,.workspace-spaces>span{display:flex;align-items:center;gap:11px;padding:10px 9px;border-radius:7px}
.workspace-nav>span>b{margin-left:auto;font-size:8px;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;background:var(--ui-orange);color:white;font-weight:500}
.workspace-sidebar .active{background:#fae9df;color:#b55630}
.workspace-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.04em;color:#777a72;margin:0 9px 13px}
.workspace-label .ui-icon{width:13px;height:13px}
.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:12px;font-size:12px;padding:45px 9px 3px;color:#70736c}
.workspace-main{min-width:0}
.workspace-top{height:58px;border-bottom:1px solid var(--ui-line);display:flex;align-items:center;gap:30px;padding:0 22px;background:#faf9f7}
.sample-person{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}
.sample-person i{font-style:normal;background:#e5e9df;color:#67765f;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:8px}
.sample-person .ui-icon{width:12px;height:12px;color:#84867e}
.workspace-search{display:flex;align-items:center;gap:9px;background:#f1f0ed;border:1px solid #e8e6e1;border-radius:7px;padding:7px 10px;max-width:510px;flex:1;color:#96978f;font-size:11px}
.workspace-search .ui-icon{width:13px;height:13px}
.workspace-search kbd{margin-left:auto;font:8px Manrope,sans-serif;color:#a8aaa1}
.task-avatar{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border:1px solid #e8e6e1;background:#f0efec;border-radius:50%;font-size:9px;color:#4c5048}
.workspace-top>.task-avatar{margin-left:auto}
.scenario-panel{display:grid;grid-template-columns:minmax(0,1fr) 285px;min-height:735px;outline-offset:-3px!important}
.task-conversation{padding:26px 28px 20px;min-width:0}
.task-heading h3{font-size:28px;font-weight:750;line-height:1.3;letter-spacing:-.045em}
.task-heading p{display:flex;align-items:center;gap:7px;font-size:11px;color:#92928b;margin-top:6px;line-height:1.5}
.task-heading .ui-icon{width:13px;height:13px}
/* ---- 上下文、工作进度、结果：与设计稿保持同一内容层级 ---- */
.message-user{display:flex;align-items:flex-start;gap:10px;margin:23px 0 19px}
.message-user>.task-avatar{margin-top:3px}
.message-body{border:1px solid var(--ui-line);background:#fbfaf8;border-radius:9px;padding:10px 12px;flex:1;min-width:0}
.message-body>p{font-size:12px;line-height:1.65;color:#5f635a}
.message-attachment{max-width:390px;margin-top:8px;border:1px solid #e5e4de;border-radius:5px;overflow:hidden}
.capture-quote{background:linear-gradient(125deg,#282c2b,#1e2120);padding:14px 16px;color:#f8f8f4}
.capture-quote>span{font-size:10px;color:#a9ada6;line-height:1.4;display:block}
.capture-quote p{font-size:14px;line-height:1.65;margin-top:8px;letter-spacing:-.02em}
.attachment-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8f9188;background:#fdfcf9;padding:7px 9px;gap:5px}
.attachment-footer .ui-icon{width:10px;height:10px}
.task-progress{border:1px solid #dbe5d8;border-radius:8px;background:#fdfefd;overflow:hidden}
.assistant-row{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#f2f6ef;border-bottom:1px solid #e3ebe0}
.progress-check{width:16px;height:16px;display:grid;place-items:center;background:var(--ui-green);border-radius:50%;color:white;flex-shrink:0}
.progress-check .ui-icon{width:12px;height:12px;stroke-width:2}
.task-progress-label{font-size:14px;font-weight:650;color:#3f5e44}
.play-task{display:inline-flex;align-items:center;gap:5px;margin-left:auto;border:0;background:transparent;font-size:10px;color:#6e8467;padding:4px 0 4px 7px;min-height:25px;white-space:nowrap}
.play-task .ui-icon{width:12px;height:12px}.play-task:hover{color:#274d2f}.play-task:hover .ui-icon{transform:rotate(-30deg);transition:transform .3s}
.task-steps{list-style:none;margin:0;padding:4px 13px 6px}
.task-steps li{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #eef1ea;transition:opacity .4s}
.task-steps li:last-child{border-bottom:0}
.task-step-icon{display:grid;place-items:center;flex-shrink:0;width:13px;height:13px;border:1px solid var(--ui-green);background:var(--ui-green);border-radius:50%;color:white}
.task-step-icon .ui-icon{width:10px;height:10px;stroke-width:2}
.step-copy{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;flex:1;min-width:0}
.step-copy b{font-size:11px;font-weight:500;color:#55614f}.step-copy small{font-size:9px;color:#9b9f94}
.step-state{font-size:9px;color:#8b9483;min-width:41px;text-align:right}
.task-steps li[data-status=pending]{opacity:.36}
.task-steps li[data-status=working] .task-step-icon{background:transparent;border:1.5px solid #d9e4d5;border-top-color:var(--ui-green);animation:spin 1s linear infinite}
.task-steps li[data-status=working] .task-step-icon .ui-icon{visibility:hidden}
.task-steps li[data-status=working] .step-state{color:#4c774c}
.demo-answer{border:1px solid var(--ui-line);border-radius:9px;padding:16px;margin-top:15px;background:#fffefd;transition:opacity .45s,transform .6s var(--ease)}
.answer-heading{display:flex;align-items:center;gap:10px}.answer-heading>.ui-icon{color:var(--ui-orange);width:19px;height:19px}
.demo-answer h4{font-size:21px;line-height:1.35;font-weight:750;letter-spacing:-.04em}
.demo-answer>p{font-size:12px;color:#8b8d85;line-height:1.75;margin-top:9px}
.result-insights{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}
.result-insight{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--ui-line);background:#fdfcfb;border-radius:7px}
.insight-icon{background:#eaf0f6;color:#6f8fae;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}
.result-insight:nth-child(2) .insight-icon{background:#faede4;color:var(--ui-orange)}
.result-insight b,.result-insight div>span{display:block}.result-insight b{font-size:11px;font-weight:600;line-height:1.4}.result-insight div>span{font-size:10px;color:#97998f;margin-top:4px;line-height:1.5}
.evidence{border-top:1px solid #f0eee8;margin-top:13px;padding-top:11px}.evidence>span{font-size:11px;color:#555d4e;font-weight:500}
.source-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.source-chips>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#8b8d84;background:#faf9f7;border:1px solid var(--ui-line);border-radius:5px;padding:6px 7px;line-height:1.5}
.source-chips>span:first-child{color:#b96640;border-color:#efcbb8;background:#fff8f3}.source-chips .ui-icon{width:12px;height:12px}
.answer-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#9b9e93;margin-top:12px;line-height:1.5;gap:9px}.answer-footer .ui-icon{color:#8da083;width:13px;height:13px}
.scenario-panel.is-running .demo-answer{opacity:.18;transform:translateY(5px)}
.scenario-panel.is-running .progress-check{background:transparent;border:1.5px solid #ceddca;border-top-color:var(--ui-green);animation:spin 1s linear infinite}.scenario-panel.is-running .progress-check .ui-icon{visibility:hidden}
.preview-composer{display:flex;align-items:center;gap:10px;border:1px solid #e8e6e0;border-radius:40px;background:#fffefd;padding:7px 9px;margin-top:14px;box-shadow:0 3px 12px #3d392b03;color:#a4a69b;font-size:11px}
.preview-composer>.ui-icon{margin-left:3px;color:#898e81}.composer-send{display:grid;place-items:center;width:27px;height:27px;background:var(--ui-orange);color:white;border-radius:50%;margin-left:auto;flex-shrink:0}.composer-send .ui-icon{width:14px;height:14px}
/* ---- 来源是独立审阅区域；小屏收纳为可展开的同一内容 ---- */
.sources-rail{border-left:1px solid var(--ui-line);background:#fcfbf9;padding:18px 14px}
.sources-rail>summary{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:700;list-style:none;cursor:pointer;letter-spacing:-.03em}
.sources-rail>summary::-webkit-details-marker{display:none}.sources-count{margin-left:auto;font-size:8px;border:1px solid #e3e4dc;border-radius:4px;padding:2px 5px;color:#969c8a;font-weight:500}
.sources-rail>summary>.ui-icon:last-child{width:12px;height:12px;color:#a7ac9c;transition:transform .25s}.sources-rail[open]>summary>.ui-icon:last-child{transform:rotate(180deg)}
.sources-content{padding-top:21px}.source-capture{border:1px solid #efc8b3;border-radius:8px;overflow:hidden;background:#fffdfa}
.source-title{display:flex;align-items:center;gap:7px;padding:10px;border-bottom:1px solid var(--ui-line);font-size:11px;font-weight:500;line-height:1.4}
.source-title .ui-icon{width:13px;height:13px}.source-capture>.source-title{background:#fff7f0;color:#b95b31;border-color:#f4e4d7}
.source-capture-body{padding:10px}.capture-quote.compact{padding:14px 12px;border-radius:5px;min-height:132px}.compact>span{font-size:9px}.compact p{font-size:14px;line-height:1.6;margin-top:9px}
.source-added{display:block;font-size:9px;color:#a2a498;margin-top:9px}.original-link{border-top:1px solid #efede7;margin-top:10px;padding-top:11px;display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#73796b}.original-link .ui-icon{width:13px;height:13px}.original-link small{display:block;margin-top:4px;color:#a2a697;font-size:10px}
.source-document{border:1px solid var(--ui-line);border-radius:7px;margin-top:11px;overflow:hidden;background:#fffefa}.source-document .source-title{color:#74796b}
.source-detail{display:flex;align-items:flex-start;gap:9px;padding:12px 10px}.source-monogram{display:grid;place-items:center;flex-shrink:0;background:#eeefea;color:#666d5d;width:29px;height:29px;border-radius:6px;font-size:14px;font-weight:700}.source-detail b{font-size:12px;font-weight:600}.source-detail p{font-size:11px;line-height:1.6;color:#9a9f90;margin-top:4px}
.source-control{display:flex;gap:9px;align-items:flex-start;background:#f1f5ed;border:1px solid #dfe7d7;border-radius:7px;padding:12px 10px;margin-top:20px;color:#668255}.source-control>.ui-icon{width:17px;height:17px}.source-control b{font-size:12px;font-weight:600;color:#567044}.source-control p{font-size:10px;line-height:1.7;color:#8f9b81;margin-top:4px}
.workspace-caption{display:flex;justify-content:space-between;gap:15px;margin-top:18px;font-size:9px;color:#8a9280}.workspace-caption>span:first-child{display:flex;align-items:center;gap:8px}.workspace-caption .status-dot{width:4px;height:4px}
@media(max-width:1200px){.workspace{grid-template-columns:155px minmax(0,1fr)}.workspace-sidebar{padding:19px 11px}.scenario-panel{grid-template-columns:minmax(0,1fr) 205px}.task-conversation{padding:22px 20px 17px}.step-copy{display:block}.step-copy small{display:block;margin-top:3px}.sources-rail{padding-inline:11px}.result-insight{padding:8px}.result-insight .insight-icon{width:24px;height:24px}}
@media(max-width:1000px){.scenario-panel{grid-template-columns:minmax(0,1fr);min-height:0}.sources-rail{border-left:0;border-top:1px solid var(--ui-line);padding:17px 20px}.sources-content{display:grid;grid-template-columns:1.25fr 1fr;gap:11px;padding-top:16px}.source-capture{grid-row:span 2}.source-document{margin-top:0}.source-control{margin-top:0;grid-column:1/-1}.sources-rail>summary{font-size:13px}.workspace-top{gap:20px}.step-copy{display:flex}.step-copy small{margin-top:0}}
@media(max-width:600px){.handoff-link{gap:7px}.handoff-link>.ui-icon{width:15px;height:15px}.handoff-link:after{right:22px}.scenario-tab>.ui-icon{width:15px;height:15px}.workspace{grid-template-columns:minmax(0,1fr);border-radius:12px}.workspace-sidebar{display:none}.workspace-top{height:48px;padding:0 14px;gap:16px}.workspace-search{font-size:8px;padding:6px 8px}.workspace-search kbd{display:none}.sample-person{font-size:9px;gap:5px}.sample-person i{width:18px;height:18px}.workspace-top>.task-avatar{width:23px;height:23px;font-size:8px}.task-conversation{padding:21px 15px 16px}.task-heading h3{font-size:24px}.task-heading p{font-size:9px}.message-user{gap:7px;margin-top:20px}.message-user>.task-avatar{width:23px;height:23px;font-size:8px}.message-body{padding:9px}.message-body>p{font-size:10px}.capture-quote{padding:12px}.capture-quote p{font-size:11px}.attachment-footer{font-size:6px}.assistant-row{padding:9px 10px;gap:7px}.task-progress-label{font-size:11px}.play-task{font-size:8px;min-height:30px}.task-steps{padding:3px 10px}.step-copy{display:block}.step-copy b{font-size:9px}.step-copy small{margin-top:3px;font-size:8px}.task-steps li{gap:7px;padding:9px 0}.step-state{font-size:7px}.demo-answer{padding:13px;margin-top:13px}.demo-answer h4{font-size:18px}.demo-answer>p{font-size:10px}.result-insights{gap:7px}.result-insight{padding:9px;align-items:flex-start;flex-direction:column;gap:7px}.result-insight b{font-size:9px}.result-insight div>span{font-size:8px}.result-insight .insight-icon{width:25px;height:25px}.source-chips{gap:6px}.source-chips>span{font-size:7px;padding:6px}.source-chips .ui-icon{width:10px;height:10px}.answer-footer{font-size:7px}.preview-composer{font-size:9px;padding:7px 8px;gap:8px}.sources-rail{padding:15px}.sources-content{grid-template-columns:1fr}.source-capture{grid-row:auto}.source-control{grid-column:auto}.capture-quote.compact{min-height:0}.sources-count{font-size:8px}.sources-rail>summary{min-height:24px}.workspace-caption{font-size:8px}.workspace-caption>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.handoff-link .ui-icon,.handoff-link:after{transition:none}}

/* ---- 官方来源保持整卡可点击，键盘焦点沿用全站规则 ---- */
a.source-document{display:block;transition:border-color .2s,background .2s}a.source-document:hover{border-color:#cda58b;background:#fff9f3}a.source-document .source-title:after{content:"↗";margin-left:auto;color:#8c8f82}