/* 聊天、订单与公司故事共用清晰的窗口语言，场景动作留在沙盘中。 */
.ai-workbench,.order-workbench,.company-intro{--panel:#f9fcfa;--soft:#eef4f1;--stroke:#cbdad6;--body:#2a464d;--secondary:#617b7b;--primary:#34756b;position:absolute;top:88px;border:1px solid var(--stroke);border-radius:12px;background:var(--panel);color:var(--body);box-shadow:0 12px 38px #284b4b20;overflow:hidden;display:flex;flex-direction:column}
.ai-workbench{left:50%;transform:translateX(-50%);width:min(790px,calc(100% - 40px));height:min(570px,calc(100% - var(--story-height,210px) - 124px));min-height:260px}
.order-workbench,.company-intro{right:28px;width:min(475px,39%);height:min(480px,calc(100% - var(--story-height,210px) - 124px));min-height:300px;--primary:#3e6b84}
.company-intro{width:min(570px,42%);height:min(520px,calc(100% - var(--story-height,210px) - 124px))}
.conversation-head{display:flex;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid var(--stroke);flex-shrink:0;background:var(--soft)}
.conversation-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;background:var(--primary);color:#fff;font:600 14px Georgia,serif;flex-shrink:0}
.conversation-head h2{font-size:15px;font-weight:600;margin:0}.conversation-head p{font-size:11px;color:var(--secondary);margin:4px 0 0}.conversation-badge{margin-left:auto;font-size:10px;border:1px solid var(--stroke);padding:4px 6px;border-radius:4px;white-space:nowrap;color:var(--secondary)}
.chat-history{flex:1;min-height:0;overflow-y:auto;padding:16px 20px;scrollbar-width:thin;overscroll-behavior:contain}.chat-date{text-align:center;color:var(--secondary);font-size:11px;margin:0 0 18px}.chat-message{display:flex;align-items:flex-start;gap:9px;margin-bottom:17px}.chat-avatar{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#d7e8e2;border-radius:8px;font-size:12px;color:#376d62}.chat-content{max-width:83%;min-width:0}.chat-speaker{display:block;font-size:11px;color:var(--secondary);margin:0 0 5px}.chat-bubble{background:#edf4f0;border:1px solid #dce8e1;border-radius:2px 12px 12px 12px;padding:11px 14px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.chat-bubble p{margin:0}.chat-bubble>small{display:block;color:var(--secondary);font-size:10px;margin-top:8px}.chat-bubble strong{font-weight:600}.chat-message.from-user{flex-direction:row-reverse}.from-user .chat-avatar{background:#dde8ef;color:#46677c}.from-user .chat-content{display:flex;flex-direction:column;align-items:flex-end}.from-user .chat-bubble{background:#dfeee9;border-color:#c6dfd3;border-radius:12px 2px 12px 12px}.chat-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.chat-files span{font-size:10px;background:#f6faf8;border:1px solid #cbded5;padding:5px 7px;border-radius:4px}.chat-files i{font-style:normal;color:#6d9687;font-size:9px;margin-right:5px}
.chat-evidence{margin-top:9px;background:var(--panel);border:1px solid var(--stroke);border-radius:6px;overflow:hidden;max-width:340px}.evidence-heading{display:flex;justify-content:space-between;gap:14px;font-size:11px;padding:6px 9px}.evidence-heading strong{font-weight:500}.evidence-heading span{color:var(--secondary);font-size:10px}.chat-evidence svg{display:block;width:100%;height:126px;background:#dde7e0}.evidence-progress{height:3px;background:#d2e4d9}.evidence-progress i{display:block;width:100%;height:100%;background:#538d77;transform-origin:left}.chat-evidence>p{font-size:11px;padding:7px 9px;color:var(--secondary)}.chat-evidence .has-event{background:#fbf2de;color:#865c29}.chat-checks{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.chat-checks span{font-size:10px;border:1px solid var(--stroke);padding:4px 7px;border-radius:4px;color:var(--secondary)}.chat-checks b{display:block;font-size:10px;font-weight:400}.chat-checks [data-done=true]{color:#38715b;background:#f5faf6}
.chat-report{margin-top:8px;background:var(--panel);border:1px solid var(--stroke);padding:12px 15px;min-width:260px;max-width:420px;border-radius:5px}.chat-report>span{font-size:10px;color:#8c7343}.chat-report h3{margin:2px 0 9px;font-size:17px;border-bottom:1px solid var(--stroke);padding-bottom:6px}.chat-report p{font-size:12px;margin:4px 0;line-height:1.7}.chat-report b{display:block;font-weight:500;color:var(--secondary);font-size:10px}.chat-report button{border:0;background:transparent;color:var(--primary);padding:8px 0;font-size:12px;min-height:40px;text-decoration:underline;text-underline-offset:4px}.chat-inline-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chat-inline-actions button{border:1px solid #b7d3c6;border-radius:5px;padding:8px 11px;background:#fff;color:var(--primary);font-size:12px;min-height:40px}.chat-inline-actions button:first-child{background:var(--primary);color:#fff;border-color:var(--primary)}.chat-typing{display:flex;gap:10px;align-items:center;margin:8px 0}.chat-typing>span:last-child{display:flex;align-items:center;gap:4px}.chat-typing i{width:4px;height:4px;border-radius:50%;background:#78a08e;animation:chat-typing 1s ease-in-out infinite}.chat-typing i:nth-child(2){animation-delay:.2s}.chat-typing i:nth-child(3){animation-delay:.4s}.chat-typing b{font-size:11px;font-weight:400;color:var(--secondary);margin-left:6px}.is-paused .chat-typing i{animation-play-state:paused}@keyframes chat-typing{50%{opacity:.3;transform:translateY(-3px)}}
.chat-composer{padding:10px 16px 12px;border-top:1px solid var(--stroke);background:var(--panel);flex-shrink:0}.chat-composer label{display:block;font-size:10px;color:var(--secondary);margin-bottom:6px}.chat-composer>div{display:flex;gap:8px}.chat-composer input{flex:1;min-width:0;border:1px solid var(--stroke);border-radius:6px;background:var(--soft);font:12px "Microsoft YaHei",sans-serif;padding:10px 12px;color:var(--body)}.chat-composer button{border:0;background:var(--primary);color:#fff;border-radius:6px;min-width:66px;min-height:40px;padding:9px;font-size:12px}.chat-jump{position:absolute;right:20px;bottom:91px;background:#fff;border:1px solid var(--stroke);border-radius:16px;padding:7px 12px;color:var(--primary);font-size:11px;box-shadow:0 3px 10px #183c331a}
.order-summary{padding:10px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.order-summary strong{font:600 13px Consolas,monospace}.order-summary span{display:block;font-size:11px;margin-top:4px;color:var(--secondary)}.order-summary>b{font-size:11px;white-space:nowrap;background:#e6eef2;color:#416c80;border:1px solid #c6d8e0;border-radius:12px;padding:5px 9px;font-weight:500}.order-summary>b[data-done=true]{background:#e1efe6;color:#3c765c;border-color:#b5d4c0}
.order-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 14px 10px}.order-roles button{position:relative;border:1px solid var(--stroke);background:var(--panel);border-radius:6px;padding:8px 7px;text-align:left;min-width:0;transition:background .2s,border-color .2s}.order-roles button[aria-pressed=true]{border-color:#7eacbd;background:#eaf2f6}.role-symbol{display:inline-grid;place-items:center;background:#dce8ec;width:22px;height:22px;border-radius:5px;font-size:10px;color:#467184;margin-right:5px}.order-roles strong{font-size:12px;font-weight:500}.order-roles small{display:block;font-size:10px;line-height:1.5;color:var(--secondary);margin-top:5px}.order-roles i{position:absolute;top:7px;right:7px;color:#54886b;font-size:10px;font-style:normal}.order-roles i[data-unread=true]{background:#b37c3f;color:white;border-radius:50%;width:15px;height:15px;display:grid;place-items:center}
.order-messages-head{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:7px 15px;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);background:var(--soft)}.order-messages-head strong{font-weight:500}.order-messages-head span{color:var(--secondary);font-size:10px}.order-messages{flex:1;min-height:60px;overflow-y:auto;padding:10px 14px;scrollbar-width:thin;overscroll-behavior:contain}.order-message{display:flex;gap:8px;margin:0 0 10px}.order-message:last-child{margin-bottom:0}.order-message-avatar{width:25px;height:25px;border-radius:7px;background:#e0ebef;display:grid;place-items:center;flex-shrink:0;color:#557689;font-size:10px}.order-message>div{flex:1;min-width:0}.order-message header{font-size:10px;color:var(--secondary);margin-bottom:4px}.order-message header>span{margin-left:4px}.order-message header small{float:right;font-size:9px;color:#64947f}.order-message p{font-size:12px;line-height:1.7;padding:8px 10px;margin:0;background:#edf3f5;border-radius:2px 8px 8px 8px}.order-message.outgoing p{background:#e5efea}.order-empty{font-size:12px;line-height:1.8;color:var(--secondary);margin:7px 0}.order-action{border-top:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;flex-shrink:0}.order-action>span{font-size:10px;line-height:1.6;color:var(--secondary)}.order-action button{flex-shrink:0;font-size:11px;background:var(--primary);border:0;border-radius:5px;color:white;padding:10px 11px;min-height:40px}
.intro-visual{flex:1;min-height:100px;background:#edf4ef;display:flex;align-items:center}.intro-visual svg{display:block;width:100%;max-height:245px;font:14px "Microsoft YaHei",sans-serif;fill:#385967}.intro-window-title{font-size:12px}.intro-speech{font-size:15px}.intro-caption{font-size:11px;fill:#728a8d}.intro-icon{font:22px Georgia,serif;fill:#688e94}.intro-outcome{padding:12px 20px;flex-shrink:0}.intro-outcome>span{font-size:11px;color:#638d9a;letter-spacing:1px}.intro-outcome h3{font-size:18px;margin:6px 0 7px;line-height:1.5}.intro-outcome p{font-size:12px;line-height:1.8;color:var(--secondary);margin:0}.intro-outcome button{border:1px solid #bfd5ce;background:#e5f0e9;color:#3d725c;padding:8px 12px;border-radius:5px;font-size:11px;min-height:38px;margin-top:9px}.intro-capabilities{display:flex;gap:7px;justify-content:center;padding:8px 12px;border-top:1px solid var(--stroke);font-size:10px;color:var(--secondary);flex-shrink:0}.intro-capabilities span+span:before{content:"·";margin-right:7px}
.scenario[data-kind=agent] .story-layout,.scenario[data-kind=platform] .story-layout,.scenario[data-kind=company] .story-layout{grid-template-columns:1fr;padding-top:2px}.scenario[data-kind=agent] .demo-proof,.scenario[data-kind=platform] .demo-proof,.scenario[data-kind=company] .demo-proof{display:none}.scenario:is([data-kind=agent],[data-kind=platform],[data-kind=company]) .story-copy h3{font-size:18px;margin:4px 0}.scenario:is([data-kind=agent],[data-kind=platform],[data-kind=company]) .story-copy p{max-width:none;font-size:12px}
body[data-theme=night] :is(.ai-workbench,.order-workbench,.company-intro){--panel:#193544;--soft:#234451;--stroke:#41636b;--body:#e0ece8;--secondary:#acc3c4;--primary:#4b857c}body[data-theme=night] .chat-bubble,body[data-theme=night] .order-message p{background:#254650;border-color:#42616a}body[data-theme=night] .from-user .chat-bubble,body[data-theme=night] .order-message.outgoing p{background:#34584f;border-color:#527767}body[data-theme=night] .chat-files span,body[data-theme=night] .chat-checks [data-done=true]{background:#254936;color:#c5dfd1}body[data-theme=night] .order-roles button[aria-pressed=true]{background:#2a5060}body[data-theme=night] .chat-report>span{color:#dcc496}
@media(max-width:1100px){.order-workbench,.company-intro{right:20px;width:42%}.conversation-head{padding:10px 12px}.conversation-head h2{font-size:14px}.conversation-badge{display:none}.intro-outcome{padding:10px 15px}.intro-outcome h3{font-size:16px}}
@media(max-width:999px){.order-workbench,.company-intro{top:80px;right:14px;width:calc(100% - 28px);height:286px;min-height:0}.company-intro{height:310px}.order-roles{padding-bottom:7px}.order-roles button{padding:6px 8px}.order-roles small{margin-top:2px}.order-summary{padding:7px 14px}.conversation-head{padding:8px 12px}.conversation-head h2{font-size:13px}.conversation-head p{font-size:10px}.conversation-icon{width:28px;height:28px;font-size:12px}.order-action{padding:6px 12px}.order-messages-head{padding:5px 14px}.company-intro .intro-visual{min-height:92px}.intro-outcome{padding:8px 15px}.intro-outcome p{font-size:11px;line-height:1.65}.intro-outcome h3{font-size:16px;margin:3px 0}.intro-capabilities{font-size:9px;padding:6px}.intro-outcome button{position:absolute;right:14px;bottom:31px;margin-top:0;min-height:33px;padding:7px;font-size:10px}.company-intro:has(#intro-expand:not([hidden])) .intro-outcome p{padding-right:128px}}
@media(max-width:900px){.ai-workbench{top:80px;width:calc(100% - 28px);height:calc(100% - var(--story-height,210px) - 112px)}.chat-history{padding:13px 14px}.chat-content{max-width:85%}.chat-bubble{padding:9px 11px;font-size:12px}.chat-report{min-width:0}.chat-composer{padding:8px 12px}.chat-composer input{font-size:11px}.scenario:is([data-kind=agent],[data-kind=platform],[data-kind=company]) .story-copy h3{font-size:16px}.scenario:is([data-kind=agent],[data-kind=platform],[data-kind=company]) .story-copy p{font-size:11px}}
@media(max-width:480px){.chat-message{gap:6px}.chat-avatar{width:25px;height:25px;font-size:10px}.chat-content{max-width:87%}.chat-history{padding:11px}.chat-bubble{padding:8px 10px}.chat-files span{font-size:9px}.chat-evidence svg{height:105px}.chat-report{padding:9px 11px}.chat-report h3{font-size:15px}.chat-report p{font-size:11px}.chat-composer input{padding:9px 7px;font-size:10px}.chat-composer button{min-width:50px}.order-workbench{height:283px}.order-roles{gap:5px;padding-left:10px;padding-right:10px}.order-roles button{padding:6px}.order-roles small{font-size:9px}.order-roles i{right:4px;top:4px}.order-action>span{font-size:9px}.order-action button{font-size:10px;padding:8px}.order-message p{font-size:11px}.company-intro{height:300px}.intro-outcome h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){.chat-typing i{animation:none}}
/* 宽屏把说明和三维动作留在左侧，右侧完整展示操作窗口，互不覆盖。 */
@media(min-width:1000px){.order-workbench,.company-intro{height:calc(100% - 112px);min-height:0}.scenario[data-kind=platform]{left:28px;transform:none;width:calc(61% - 70px)}.scenario[data-kind=company]{left:28px;transform:none;width:calc(58% - 70px)}.scenario:is([data-kind=platform],[data-kind=company]) .scenario-head{flex-wrap:wrap;gap:3px 8px}.scenario:is([data-kind=platform],[data-kind=company]) .close{position:absolute;right:12px;top:12px}.scenario:is([data-kind=platform],[data-kind=company]) .scenario-head h2{padding-right:25px}.scenario:is([data-kind=platform],[data-kind=company]) .scenario-note{max-width:110px;line-height:1.6}}
.intro-visual{overflow:hidden;min-height:0;justify-content:center}.intro-visual svg{height:100%;max-height:260px;width:100%}