*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:system-ui,Microsoft YaHei,sans-serif;font-size:var(--sc-font-body);color:var(--sc-text);background:var(--sc-chat-bg);user-select:none}button{font-family:inherit}.btn{border:none;border-radius:var(--sc-radius-md);padding:8px 16px;font-size:var(--sc-font-body);color:#fff;background:var(--sc-btn-primary);cursor:pointer;transition:background .1s}.btn:hover{background:var(--sc-btn-primary-hover)}.btn:active{background:var(--sc-btn-primary-pressed)}.btn:disabled{background:var(--sc-btn-primary-disabled);cursor:not-allowed}.btn.danger{background:var(--sc-btn-danger)}.btn.danger:hover{background:var(--sc-btn-danger-hover)}.btn.plain{background:var(--sc-surface);color:var(--sc-text);border:1px solid var(--sc-border)}.input{border:1px solid var(--sc-border);border-radius:var(--sc-radius-md);padding:9px 12px;font-size:var(--sc-font-body);outline:none;background:var(--sc-surface);color:var(--sc-text);width:100%}.input:focus{border-color:var(--sc-brand)}.spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sc-spin .8s linear infinite}@keyframes sc-spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--sc-border) 25%,var(--sc-chat-bg) 50%,var(--sc-border) 75%);background-size:200% 100%;animation:sc-skel 1.2s infinite;border-radius:var(--sc-radius-sm)}@keyframes sc-skel{to{background-position:-200% 0}}.avatar{border-radius:var(--sc-radius-avatar);background:var(--sc-avatar-fallback, var(--sc-link));color:#fff;display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.connbar{height:24px;background:#fdebd2;color:#b8860b;font-size:var(--sc-font-aux);display:flex;align-items:center;justify-content:center;gap:8px}.login{height:100%;display:flex;align-items:center;justify-content:center;background:var(--sc-chat-bg)}.login-card{width:360px;background:var(--sc-surface);border-radius:var(--sc-radius-panel);padding:40px 36px;display:flex;flex-direction:column;gap:14px;border:1px solid var(--sc-border)}.login-logo{text-align:center;font-size:22px;font-weight:600;color:var(--sc-brand);margin-bottom:6px}.login-err{color:var(--sc-danger);font-size:var(--sc-font-aux);min-height:16px}.main{height:100%;display:flex;flex-direction:column}.body3{flex:1;display:flex;min-height:0}.navrail{width:var(--sc-nav-width);background:var(--sc-sidebar);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:18px;flex:none}.navrail .me-av{margin-bottom:6px;cursor:pointer}.nav-ico{width:40px;height:40px;border:none;background:transparent;border-radius:var(--sc-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--sc-sidebar-ico);position:relative}.nav-ico:hover{background:#ffffff14}.nav-ico.on{color:#fff;background:#ffffff1f}.nav-ico .nav-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;border-radius:8px;background:var(--sc-danger);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0 4px}.nav-ico svg{width:24px;height:24px}.session-col{width:var(--sc-session-width);background:var(--sc-surface);border-right:1px solid var(--sc-border);display:flex;flex-direction:column;flex:none}.session-search{padding:10px}.session-scroll{flex:1;overflow-y:auto}.session-item{display:flex;gap:10px;padding:0 12px;height:var(--sc-session-item-height);align-items:center;cursor:pointer}.session-item:hover,.session-item.on{background:var(--sc-session-hover)}.session-item .s-meta{flex:1;min-width:0}.session-item .s-row1{display:flex;justify-content:space-between;align-items:baseline}.session-item .s-nick{font-size:var(--sc-font-nickname);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-item .s-time{font-size:var(--sc-font-aux);color:var(--sc-text-2);flex:none;margin-left:6px}.session-item .s-prev{font-size:var(--sc-font-aux);color:var(--sc-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.session-item .s-prev .ai-tag{color:var(--sc-ai-text)}.session-item .s-prev .at-tag{color:var(--sc-danger)}.badge{min-width:18px;height:18px;border-radius:9px;background:var(--sc-danger);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex:none}.empty-hint{text-align:center;color:var(--sc-text-2);padding:48px 16px;font-size:var(--sc-font-body)}.empty-hint .big{font-size:40px;margin-bottom:8px;opacity:.4}.chat{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--sc-chat-bg)}.chat-head{height:var(--sc-chat-head-height);background:var(--sc-surface);border-bottom:1px solid var(--sc-border);display:flex;align-items:center;padding:0 16px;gap:8px;flex:none}.chat-title{font-size:var(--sc-font-title);font-weight:500}.chat-sub{font-size:var(--sc-font-aux);color:var(--sc-text-2)}.chat-more{margin-left:auto;border:none;background:transparent;font-size:18px;color:var(--sc-text-2);cursor:pointer;padding:4px 10px;border-radius:var(--sc-radius-sm)}.chat-more:hover{background:var(--sc-session-hover);color:var(--sc-text)}.msg-flow{flex:1;overflow-y:auto;padding:14px 20px;display:flex;flex-direction:column;gap:14px}.load-older{align-self:center;border:none;background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:var(--sc-radius-full);font-size:var(--sc-font-aux);color:var(--sc-text-2);padding:4px 14px;cursor:pointer}.time-divider{text-align:center;font-size:var(--sc-font-aux);color:var(--sc-text-2)}.msg{display:flex;gap:10px;align-items:flex-start}.msg.self{flex-direction:row-reverse}.bubble-wrap{max-width:60%;min-width:0;display:flex;flex-direction:column;gap:3px}.msg.self .bubble-wrap{align-items:flex-end}.bubble{border-radius:var(--sc-radius-bubble);padding:9px 12px;font-size:var(--sc-font-body);line-height:1.55;user-select:text;word-break:break-word;white-space:pre-wrap;position:relative}.bubble.other{background:var(--sc-bubble-other);color:var(--sc-text);border:1px solid var(--sc-border)}.bubble.self{background:var(--sc-bubble-self);color:var(--sc-text)}.bubble .ai-pill{display:inline-flex;align-items:center;background:var(--sc-ai-bg);color:var(--sc-ai-text);font-size:var(--sc-font-aux);border-radius:var(--sc-radius-sm);padding:0 5px;margin-right:6px;vertical-align:1px;cursor:pointer;border:none}.bubble img.msg-img{max-width:220px;max-height:180px;border-radius:var(--sc-radius-sm);display:block;cursor:zoom-in}.bubble .file-row{display:flex;align-items:center;gap:8px;min-width:160px}.bubble .file-row .f-ico{font-size:22px}.bubble .file-row .f-name{cursor:pointer;color:var(--sc-link)}.bubble .file-row .f-size{font-size:var(--sc-font-aux);color:var(--sc-text-2)}.bubble .recall-hint{color:var(--sc-text-2);font-style:normal}.bubble-progress{height:3px;border-radius:2px;background:var(--sc-border);overflow:hidden;margin-top:6px}.bubble-progress>div{height:100%;background:var(--sc-brand)}.msg-state{font-size:var(--sc-font-aux);color:var(--sc-text-2)}.msg-state.fail{color:var(--sc-danger)}.typing-hint{font-size:var(--sc-font-aux);color:var(--sc-text-2);height:16px;padding:0 20px 6px}.input-area{border-top:1px solid var(--sc-border);background:var(--sc-surface);padding:8px 16px 12px;flex:none}.input-tools{display:flex;gap:14px;margin-bottom:6px;position:relative}.tool-btn{border:none;background:transparent;font-size:17px;cursor:pointer;color:var(--sc-text-2);padding:2px 4px;border-radius:var(--sc-radius-sm)}.tool-btn:hover{color:var(--sc-text);background:var(--sc-session-hover)}.msg-input{width:100%;min-height:56px;max-height:140px;border:none;outline:none;resize:none;font-family:inherit;font-size:var(--sc-font-body);line-height:1.5;background:transparent;color:var(--sc-text)}.input-foot{display:flex;justify-content:flex-end;gap:8px;align-items:center}.menu{position:absolute;z-index:30;background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:var(--sc-radius-panel);box-shadow:var(--sc-shadow-menu);padding:4px;min-width:130px}.menu button{display:block;width:100%;text-align:left;border:none;background:transparent;padding:7px 14px;font-size:var(--sc-font-body);color:var(--sc-text);border-radius:var(--sc-radius-sm);cursor:pointer}.menu button:hover{background:var(--sc-session-hover)}.menu button.danger{color:var(--sc-danger)}.side-panel{position:absolute;z-index:25;top:var(--sc-chat-head-height);right:12px;width:280px;max-height:70%;overflow-y:auto;background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:var(--sc-radius-panel);box-shadow:var(--sc-shadow-panel);padding:14px}.viewer{position:absolute;inset:0;z-index:50;background:#000000bf;display:flex;align-items:center;justify-content:center;user-select:none}.viewer img{max-width:92%;max-height:88%;transform-origin:center}.viewer .v-bar{position:absolute;top:12px;right:14px;display:flex;gap:8px}.viewer .v-bar button{border:none;background:#ffffff26;color:#fff;border-radius:var(--sc-radius-md);padding:6px 12px;cursor:pointer;font-size:var(--sc-font-body)}.page{flex:1;background:var(--sc-chat-bg);overflow-y:auto;padding:24px}.page-inner{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.page h2{font-size:var(--sc-font-title);margin:0 0 4px}.cardbox{background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:var(--sc-radius-panel);padding:16px}.rowlist{display:flex;flex-direction:column}.rowitem{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--sc-border);min-height:52px}.rowitem:last-child{border-bottom:none}.rowitem .grow{flex:1;min-width:0}.rowitem .sub{font-size:var(--sc-font-aux);color:var(--sc-text-2)}.link{color:var(--sc-link);cursor:pointer}.link:hover{text-decoration:underline}.danger-text{color:var(--sc-danger)}.muted{color:var(--sc-text-2);font-size:var(--sc-font-aux)}