/* 采用系统字体，项目样式由同源静态服务提供；Vue 通过 CDN 加载。 */
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#242424;background:#fff;font-synthesis:none;--muted:#8b8b88;--border:#e9e9e7;--green:#17765e}*{box-sizing:border-box}body{margin:0;display:flex;height:100dvh;overflow:hidden}button,textarea,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}.sidebar{width:260px;flex-shrink:0;background:#f7f7f5;border-right:1px solid #eeeee9;display:flex;flex-direction:column;padding:25px 16px 16px;transition:margin .2s}.side-top{display:flex;align-items:center;justify-content:space-between;padding:0 8px 25px}.brand{font-size:21px;font-weight:650;display:flex;gap:10px;align-items:center;letter-spacing:1px}.brand-mark{font-size:29px;color:var(--green)}.icon-button{border:0;background:transparent;border-radius:8px;font-size:20px;width:33px;height:33px;color:#777}.icon-button:hover{background:#eaeae7}.new-chat{background:white;border:1px solid #e5e5e0;border-radius:10px;padding:12px;display:flex;align-items:center;gap:8px;font-size:13px;text-align:left;box-shadow:0 2px 3px #00000003}.new-chat span{font-size:20px;line-height:16px}.new-chat kbd{margin-left:auto;color:#aaa;font-size:11px;font-family:inherit}.history-label{font-size:11px;color:#92928c;margin:30px 12px 12px;letter-spacing:1px}#history{flex:1;overflow:auto}.history-item{display:block;width:100%;background:none;border:0;text-align:left;border-radius:8px;padding:12px;color:#666;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.history-item:hover,.history-item.active{background:#eaeae6;color:#222}.empty-history{font-size:12px;color:#aaa;margin:10px 12px;line-height:1.8}.sidebar-bottom{border-top:1px solid #e6e6e1;display:flex;align-items:center;gap:10px;padding:20px 6px 2px}.profile-avatar{width:33px;height:33px;border-radius:50%;background:#e4e8de;display:grid;place-items:center;font-size:12px;color:#5c6650}.sidebar-bottom strong{display:block;font-size:12px;font-weight:500}.sidebar-bottom small{display:block;font-size:10px;margin-top:5px;color:#92928c}.local-badge{margin-left:auto;font-size:10px;border:1px solid #deded7;border-radius:5px;padding:3px 6px;color:#888}main{flex:1;min-width:0;display:flex;flex-direction:column}header{height:78px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.header-left{display:flex;align-items:center;gap:12px}#toggle-sidebar{display:none}.model-name{font-size:18px;font-weight:550}.chevron{font-size:16px;color:#aaa;padding-left:5px}.model-pill{font-size:10px;background:#f6f6f3;color:#888;padding:5px 8px;border-radius:5px}.connection{display:flex;align-items:center;gap:7px;font-size:11px;color:#8a8a85}.connection i{height:6px;width:6px;background:#bbb;border-radius:50%}.connection i.online{background:#46a783}.scroll-area{flex:1;overflow-y:auto;scroll-behavior:smooth;padding:10px 28px 28px}.welcome{max-width:740px;margin:clamp(35px,10vh,130px) auto 0;text-align:center}.welcome-mark{color:var(--green);font-size:52px;line-height:1.3}.eyebrow{font-size:11px;letter-spacing:3px;color:#9b9b93;margin:22px 0 16px}h1{font-size:32px;font-weight:550;letter-spacing:-.8px;margin:0 0 17px}.welcome-subtitle{font-size:13px;color:#999;line-height:1.7}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:43px}.suggestions button{border:1px solid #e8e8e3;background:white;border-radius:13px;padding:20px;text-align:left;transition:background .2s,transform .2s}.suggestions button:hover{background:#f8faf7;transform:translateY(-2px)}.suggestions span{color:#5f7f70;display:block;font-size:22px;height:35px}.suggestions strong{font-size:12px;display:block;font-weight:500}.suggestions small{font-size:11px;color:#a0a09b;display:block;margin-top:9px}.messages{max-width:760px;margin:0 auto}.message{margin:24px 0 30px;line-height:1.85;font-size:14px;overflow-wrap:anywhere}.message.user{display:flex;justify-content:flex-end}.bubble{max-width:85%;padding:11px 19px;background:#f3f3f1;border-radius:22px;white-space:pre-wrap}.assistant-head{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;margin-bottom:10px}.assistant-head .mark{color:var(--green);font-size:24px}.answer{white-space:pre-wrap;padding-left:32px}.progress{margin:5px 0 15px 32px;color:#777;font-size:12px}.progress summary{cursor:pointer;list-style:none}.progress summary::before{content:'✧';display:inline-block;margin-right:8px;color:#789a88}.progress ol{padding-left:24px;margin-top:9px}.progress li{padding:3px 0}.progress li.active{color:var(--green)}.progress li.done::marker{color:var(--green)}.progress li.failed{color:#b75845}.typing{color:#999;font-size:12px;padding-left:32px}.typing::after{content:' ···';animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.3}}.composer-area{width:100%;max-width:816px;margin:0 auto;padding:0 28px 14px}.composer{background:#f7f7f5;border:1px solid #e8e8e4;border-radius:23px;padding:16px 17px 11px;box-shadow:0 4px 15px #00000003}.composer:focus-within{border-color:#c8d8ce}.composer textarea{width:100%;resize:none;border:0;outline:none;background:none;font-size:14px;line-height:1.65;max-height:180px;color:#333;padding:0 3px;min-height:30px}.composer textarea::placeholder{color:#aaa}.composer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.composer-hint{font-size:10px;color:#aaa;margin-left:4px}#send{border:0;border-radius:50%;background:#242b27;color:white;font-size:23px;width:33px;height:33px;line-height:30px}.footnote{text-align:center;font-size:10px;color:#aaa;margin:11px 0 0}.notice{color:#aa5947;font-size:12px;line-height:1.7;margin:8px 4px}.human-card{margin:15px 0 12px 32px;padding:19px;border:1px solid #dedfd8;border-radius:13px;background:#fafbf8}.human-card h3{font-size:13px;font-weight:550;margin:0 0 14px}.human-card label{display:block;font-size:12px;color:#666;margin:12px 0 6px}.human-card input:not([type=checkbox]),.human-card select,.human-card textarea{display:block;width:100%;border:1px solid #ddd;border-radius:7px;padding:9px;background:white;outline:none;font-size:13px}.human-card textarea{min-height:70px;resize:vertical}.human-card input:focus,.human-card textarea:focus{border-color:#8fb5a1}.human-card button,.retry-button{border:0;border-radius:7px;background:var(--green);color:white;padding:9px 15px;font-size:12px;margin-top:14px}.human-card .decline{background:#eee;color:#666;margin-left:8px}.human-card fieldset{border:0;padding:0;margin:0}.human-card details{font-size:12px;color:#888;margin-top:12px}.human-card pre{white-space:pre-wrap;max-height:200px;overflow:auto}.scrim{display:none}.app-shell.sidebar-hidden .sidebar{margin-left:-260px}.app-shell.sidebar-hidden #toggle-sidebar{display:block}.error-text{color:#b75845}.human-error{font-size:12px;color:#b75845}.muted{color:#888;font-size:12px}@media(min-width:1450px){.welcome{margin-top:15vh}}@media(max-width:900px){.sidebar{width:230px}.suggestions{gap:8px}.suggestions button{padding:16px}.app-shell.sidebar-hidden .sidebar{margin-left:-230px}h1{font-size:27px}}@media(max-width:700px){.sidebar{position:fixed;z-index:20;height:100dvh;width:260px;transform:translateX(-100%);transition:transform .2s;margin:0!important}.app-shell.mobile-open .sidebar{transform:translateX(0)}.app-shell.mobile-open .scrim{display:block;position:fixed;inset:0;background:#0005;z-index:19}#toggle-sidebar{display:block}header{height:65px;padding:0 17px}.model-pill{display:none}.scroll-area{padding:10px 18px 20px}.welcome{margin-top:8vh}h1{font-size:25px}.welcome-subtitle{font-size:12px}.suggestions{grid-template-columns:1fr;margin-top:25px;text-align:left}.suggestions button{padding:14px 16px;display:grid;grid-template-columns:30px 1fr;gap:4px}.suggestions span{grid-row:span 2;height:auto;font-size:20px}.suggestions small{margin:2px 0 0}.composer-area{padding:0 14px 12px}.composer-hint{font-size:9px}.human-card{margin-left:0}.answer{padding-left:0}.progress{margin-left:0}.connection{font-size:10px}.bubble{max-width:92%}}

/* Vue 挂载前隐藏未编译的模板，避免插值闪现。 */
[v-cloak]{display:none!important}#app,.app-shell{width:100%;height:100dvh;min-width:0}.app-shell{display:flex}.boot-status{margin:auto;color:#888;font-size:14px}

/* 正文实际播放期间显示光标，队列清空后移除。 */
.answer.streaming::after{content:"";display:inline-block;width:5px;height:1em;background:#527a65;margin-left:3px;vertical-align:-.12em;animation:pulse 1s infinite}

.progress li.cancelled{color:#888;text-decoration:line-through}
