:root{--color-primary:#0052d9;--color-primary-hover:#2670e8;--color-primary-active:#0042b3;--color-primary-light:#ecf2ff;--color-primary-bg:#d9e6ff;--color-success:#00a870;--color-warning:#ed7b2f;--color-danger:#d54941;--color-info:#409eff;--bg-page:#f2f3f5;--bg-card:#fff;--bg-secondary:#f7f8fa;--bg-hover:#f0f1f3;--bg-mask:#0006;--text-primary:#1d2129;--text-secondary:#4e5969;--text-tertiary:#86909c;--text-quaternary:#c9cdd4;--text-white:#fff;--text-link:#0052d9;--border-color:#e5e6eb;--border-color-light:#f2f3f5;--border-color-dark:#c9cdd4;--shadow-sm:0 1px 2px 0 #0000000f;--shadow-md:0 4px 8px 0 #00000014;--shadow-lg:0 8px 24px 0 #0000001f;--shadow-message:0 2px 8px 0 #00000014;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-round:20px;--radius-chat:8px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-xs:10px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-xxl:24px;--line-height:1.6;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--header-height:48px;--input-area-height:64px;--sidebar-width:280px;--max-msg-width:480px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{width:100%;height:100%;position:fixed;inset:0;overflow:hidden}html{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}#app{width:100%;height:100%;overflow:hidden}::-webkit-scrollbar{display:none}.chat-app{-ms-overflow-style:none;scrollbar-width:none}:root{--accent:var(--color-primary);--accent-bg:var(--color-primary-light);--accent-border:var(--color-primary-bg);--accent-hover:var(--color-primary-hover)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height);color:var(--text-primary);background-color:var(--bg-page)}#app{width:100%;height:100%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-quaternary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.chat-bubble{max-width:var(--max-msg-width);border-radius:var(--radius-chat);font-size:var(--font-size-md);word-break:break-word;white-space:pre-wrap;box-shadow:var(--shadow-message);padding:10px 14px;line-height:1.6;position:relative}.chat-bubble--user{background:var(--color-primary);color:var(--text-white);border-bottom-right-radius:var(--radius-sm);align-self:flex-end}.chat-bubble--assistant{background:var(--bg-card);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm);border:1px solid var(--border-color);align-self:flex-start}.chat-bubble--system{background:var(--bg-secondary);color:var(--text-tertiary);font-size:var(--font-size-sm);text-align:center;border-radius:var(--radius-round);align-self:center;max-width:80%;padding:4px 12px}.chat-input-wrapper{align-items:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-card);border-top:1px solid var(--border-color);display:flex}.chat-input{min-height:36px;max-height:120px;font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text-primary);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-md);resize:none;transition:border-color var(--transition-fast);outline:none;flex:1;padding:8px 12px;line-height:1.5}.chat-input:focus{border-color:var(--color-primary);background:var(--bg-card)}.chat-input::placeholder{color:var(--text-quaternary)}.chat-input:disabled{background:var(--bg-secondary);cursor:not-allowed}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family);font-size:var(--font-size-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;padding:8px 16px;font-weight:500;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--text-white)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background:var(--color-primary-active)}.btn--secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-color-dark)}.btn--text{color:var(--color-primary);background:0 0;padding:4px 8px}.btn--text:hover:not(:disabled){background:var(--color-primary-light)}.btn--send{border-radius:var(--radius-md);background:var(--color-primary);width:36px;height:36px;color:var(--text-white);flex-shrink:0;padding:0}.btn--send:hover:not(:disabled){background:var(--color-primary-hover)}.btn--send:active:not(:disabled){background:var(--color-primary-active)}.btn--send svg{width:18px;height:18px}.status-bar{height:var(--header-height);padding:0 var(--spacing-lg);background:var(--bg-card);border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.status-bar__left,.status-bar__right{align-items:center;gap:var(--spacing-sm);display:flex}.status-bar__title{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600}.status-bar__subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary)}.status-indicator{border-radius:50%;width:8px;height:8px;display:inline-block}.status-indicator--online{background:var(--color-success)}.status-indicator--offline{background:var(--text-quaternary)}.status-indicator--busy{background:var(--color-warning)}.message-list{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.message-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.message-item__meta{align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-xs);display:flex}.message-item__avatar{object-fit:cover;background:var(--bg-secondary);border-radius:4px;flex-shrink:0;width:32px;height:32px}.message-item__name{font-size:var(--font-size-sm);color:var(--text-tertiary)}.message-item__time{font-size:var(--font-size-xs);color:var(--text-quaternary)}.typing-indicator{align-items:center;gap:3px;padding:4px 0;display:inline-flex}.typing-indicator span{background:var(--text-tertiary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typing-bounce}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-bubble--assistant pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-md);margin:var(--spacing-sm) 0;overflow-x:auto}.chat-bubble--assistant code{background:var(--bg-secondary);border-radius:3px;padding:2px 6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px}.chat-bubble--assistant pre code{background:0 0;padding:0}.chat-bubble--assistant p{margin:4px 0}.chat-bubble--assistant ul,.chat-bubble--assistant ol{margin:4px 0;padding-left:20px}.chat-bubble--assistant a{color:var(--text-link);text-decoration:none}.chat-bubble--assistant a:hover{text-decoration:underline}.chat-bubble--assistant blockquote{border-left:3px solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-sm) 0;color:var(--text-secondary);background:var(--color-primary-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.chat-bubble--assistant table{border-collapse:collapse;width:100%;margin:var(--spacing-sm) 0;font-size:var(--font-size-sm)}.chat-bubble--assistant th,.chat-bubble--assistant td{border:1px solid var(--border-color);text-align:left;padding:6px 12px}.chat-bubble--assistant th{background:var(--bg-secondary);font-weight:600}.full-layout{background:var(--bg-page);flex-direction:column;width:100%;height:100%;display:flex}.empty-state{justify-content:center;align-items:center;gap:var(--spacing-lg);color:var(--text-tertiary);flex-direction:column;flex:1;display:flex}.empty-state__icon{width:64px;height:64px;color:var(--text-quaternary)}.empty-state__text{font-size:var(--font-size-md)}.error-page{justify-content:center;align-items:center;gap:var(--spacing-lg);height:100%;padding:var(--spacing-xxl);flex-direction:column;display:flex}.error-page__code{color:var(--text-quaternary);font-size:72px;font-weight:700;line-height:1}.error-page__message{font-size:var(--font-size-lg);color:var(--text-secondary)}.error-page__action{margin-top:var(--spacing-md)}