:root{--font-ui: "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--app-bg: #f2f5f3;--surface: #ffffff;--surface-raised: #ffffff;--surface-muted: #edf2ef;--sidebar-bg: #17231f;--sidebar-hover: #24342f;--sidebar-text: #eef4f1;--sidebar-muted: #a1b0aa;--text: #18211e;--text-muted: #66736e;--border: #d9e2dd;--accent: #07c160;--accent-hover: #06aa55;--accent-soft: rgba(7, 193, 96, .16);--danger: #d74444;--bubble-user: #07c160;--code-bg: #182220;--code-text: #f1f5f3;--shadow: 0 14px 42px rgba(15, 32, 25, .08);color-scheme:light}:root[data-theme=dark]{--app-bg: #101714;--surface: #17201d;--surface-raised: #1c2723;--surface-muted: #24302c;--sidebar-bg: #0e1513;--sidebar-hover: #1c2824;--sidebar-text: #ecf3ef;--sidebar-muted: #91a39c;--text: #edf3f0;--text-muted: #97a8a2;--border: #303d38;--accent-soft: rgba(7, 193, 96, .2);--bubble-user: #078f4b;--shadow: 0 16px 42px rgba(0, 0, 0, .25);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:var(--app-bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand-mark{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;background:var(--accent);color:#fff}.spinner{display:inline-block;width:19px;height:19px;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);color:var(--text-muted);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.icon-button:hover:not(:disabled){border-color:#b8c7c0;background:var(--surface-muted);color:var(--text)}.icon-button:disabled{cursor:not-allowed;opacity:.45}.chat-shell{height:100dvh;width:100%;display:flex;overflow:hidden;background:var(--app-bg)}.sidebar{width:280px;height:100%;display:flex;flex-direction:column;flex-shrink:0;background:var(--sidebar-bg);color:var(--sidebar-text)}.sidebar-top{padding:20px 14px 14px}.sidebar-brand{display:flex;align-items:center;gap:11px;margin-bottom:22px;font-size:17px;font-weight:600}.sidebar-close{display:none;margin-left:auto;border-color:transparent;background:transparent;color:var(--sidebar-muted)}.new-chat-button{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;transition:background-color .15s ease}.new-chat-button:hover{background:var(--accent-hover)}.conversation-nav{min-height:0;flex:1;overflow-y:auto;padding:4px 9px}.empty-history{margin:16px 10px;padding:24px 0;border-top:1px solid rgba(255,255,255,.09);color:var(--sidebar-muted);font-size:13px;text-align:center}.conversation-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.conversation-item{position:relative;min-height:58px;border-radius:8px;transition:background-color .15s ease}.conversation-item:hover,.conversation-item:focus-within{background:var(--sidebar-hover)}.conversation-item.is-active{background:var(--accent-soft)}.conversation-select{width:100%;min-height:58px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:9px 42px 9px 13px;border:0;border-left:3px solid transparent;border-radius:8px;background:transparent;color:var(--sidebar-text);cursor:pointer;text-align:left}.conversation-item.is-active .conversation-select{border-left-color:var(--accent)}.conversation-title{max-width:100%;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.conversation-select time{color:var(--sidebar-muted);font-size:12px}.delete-chat-button{position:absolute;top:17px;right:10px;width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:transparent;cursor:pointer;transition:color .15s ease,background-color .15s ease}.conversation-item:hover .delete-chat-button,.delete-chat-button:focus-visible{color:var(--sidebar-muted)}.delete-chat-button:hover{background:#d744442e;color:#f26f6f}.sidebar-footer{display:flex;flex-direction:column;gap:5px;margin:8px 14px 0;padding:14px 4px 18px;border-top:1px solid rgba(255,255,255,.12);color:var(--sidebar-muted);font-size:12px}.sidebar-footer strong{overflow:hidden;color:var(--sidebar-text);font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.chat-main{min-width:0;flex:1;display:flex;flex-direction:column}.chat-header{height:64px;display:flex;align-items:center;gap:12px;flex-shrink:0;padding:0 24px;border-bottom:1px solid var(--border);background:var(--surface)}.menu-button{display:none}.model-picker{display:inline-flex;align-items:center;gap:10px;color:var(--text-muted);font-size:13px}.model-picker select{width:178px;height:40px;padding:0 34px 0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);color:var(--text);cursor:pointer}.header-actions{display:flex;gap:8px;margin-left:auto}.message-scroll{min-height:0;flex:1;overflow-y:auto}.message-list{width:min(900px,100%);min-height:100%;margin:0 auto;padding:28px 28px 18px}.message-row{display:flex;margin-bottom:18px}.message-row.from-user{justify-content:flex-end}.message-bubble{max-width:min(74%,700px);padding:11px 15px;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);color:var(--text);box-shadow:0 1px 3px #0f20190a}.from-user .message-bubble{border-color:var(--bubble-user);background:var(--bubble-user);color:#fff;box-shadow:none}.user-content{margin:0;font-size:15px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.message-image{display:block;max-width:min(360px,100%);max-height:280px;margin-bottom:8px;border-radius:6px;object-fit:contain}.markdown-body{overflow-wrap:anywhere;font-size:15px;line-height:1.68}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote{margin:0 0 9px}.markdown-body>:last-child{margin-bottom:0}.markdown-body ul,.markdown-body ol{padding-left:22px}.markdown-body a{color:var(--accent-hover)}.markdown-body pre{position:relative;overflow-x:auto;margin:10px 0;padding:41px 14px 13px;border-radius:8px;background:var(--code-bg);color:var(--code-text);font-size:13px;line-height:1.55}.markdown-body code{font-family:Consolas,SFMono-Regular,Liberation Mono,monospace}.markdown-body :not(pre)>code{padding:2px 5px;border-radius:5px;background:var(--surface-muted);font-size:.92em}.copy-code-button{position:absolute;top:8px;right:8px;height:25px;padding:0 9px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:transparent;color:#bfcac5;cursor:pointer;font-size:12px}.copy-code-button:hover{background:#ffffff1a;color:#fff}.loading-dots{height:24px;display:inline-flex;align-items:center;gap:5px}.loading-dots span{width:7px;height:7px;border-radius:50%;background:var(--text-muted);animation:bounce 1.35s infinite ease-in-out both}.loading-dots span:nth-child(2){animation-delay:.16s}.loading-dots span:nth-child(3){animation-delay:.32s}.composer-footer{flex-shrink:0;padding:15px 24px max(15px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface)}.composer{width:min(820px,100%);margin:0 auto}.composer-controls{display:flex;align-items:flex-end;gap:10px}.attach-button{height:46px;width:46px}.chat-input{min-width:0;min-height:46px;max-height:160px;flex:1;resize:none;overflow-y:auto;padding:12px 15px;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);color:var(--text);font-size:15px;line-height:1.45}.chat-input::placeholder{color:var(--text-muted)}.send-button{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.send-button:hover:not(:disabled){background:var(--accent-hover)}.send-button:disabled{cursor:not-allowed;opacity:.42}.image-preview{position:relative;display:inline-flex;margin-bottom:10px}.image-preview img{width:92px;height:72px;border:1px solid var(--border);border-radius:8px;object-fit:cover}.image-preview button{position:absolute;top:-7px;right:-7px;width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--danger);color:#fff;cursor:pointer}.composer-notice{margin:0 0 9px;color:var(--danger);font-size:13px}.sidebar-overlay{display:none}.login-screen{height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--app-bg)}.login-panel{width:min(420px,100%);padding:34px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:30px}.login-brand h1{margin:0 0 4px;color:var(--text);font-size:23px;font-weight:650}.login-brand p{margin:0;color:var(--text-muted);font-size:14px}.login-form{display:flex;flex-direction:column;gap:9px}.login-form label{margin-top:7px;color:var(--text-muted);font-size:13px;font-weight:500}.field-wrap{height:48px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);color:var(--text-muted)}.field-wrap:focus-within{border-color:var(--accent)}.field-wrap input{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--text)}.form-error{margin:10px 0 0;color:var(--danger);font-size:13px}.login-submit{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:19px;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;font-weight:500;transition:background-color .15s ease}.login-submit:hover:not(:disabled){background:var(--accent-hover)}.login-submit:disabled{cursor:wait;opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.48}40%{transform:scale(1);opacity:1}}@media(max-width:760px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:20;width:min(84vw,296px);transform:translate(-100%);transition:transform .2s ease}.sidebar.is-open{transform:translate(0)}.sidebar-close,.menu-button{display:inline-flex}.sidebar-overlay.is-visible{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;display:block;background:#09110e7a}.chat-header{height:58px;gap:8px;padding:0 12px}.model-picker span{display:none}.model-picker select{width:min(36vw,150px);padding-left:9px;font-size:14px}.header-actions{gap:5px}.header-actions .icon-button,.menu-button{width:38px;height:38px}.message-list{padding:18px 12px 10px}.message-row{margin-bottom:13px}.message-bubble{max-width:88%;padding:10px 13px}.composer-footer{padding:10px 12px max(10px,env(safe-area-inset-bottom))}.composer-controls{gap:7px}.attach-button,.send-button{width:43px;height:43px}.chat-input{min-height:43px;padding:10px 12px}.login-panel{padding:28px 22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;transition-duration:1ms!important}}