:root{--primary-purple:#7014c5;--primary-purple-dark:#7e22ce;--primary-purple-light:#c084fc;--accent-blue:#3b82f6;--accent-pink:#ec4899;--bg-main:linear-gradient(135deg, #581c87 0%, #6b21a8 30%, #7c3aed 60%, #8b5cf6 100%);--bg-secondary:rgba(88, 28, 135, 0.95);--bg-tertiary:rgba(107, 33, 168, 0.6);--bg-card:rgba(124, 58, 237, 0.4);--bg-glass:rgba(255, 255, 255, 0.08);--bg-glass-hover:rgba(255, 255, 255, 0.12);--bg-glass-active:rgba(59, 130, 246, 0.2);--text-primary:#ffffff;--text-secondary:#e0e0ff;--text-muted:#a8a8d0;--text-dimmed:#7070a0;--border-color:rgba(255, 255, 255, 0.1);--border-glass:rgba(255, 255, 255, 0.15);--border-active:#3b82f6;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.2);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.3);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.4);--shadow-glow:0 0 30px rgba(124, 58, 237, 0.4);--shadow-blue-glow:0 0 20px rgba(59, 130, 246, 0.5);--glass-backdrop:blur(20px);--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--online-color:#22c55e;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei','PingFang SC','Helvetica Neue',Arial,sans-serif;background:var(--bg-main);color:var(--text-primary);line-height:1.6;overflow:hidden;height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:1}.page.active{opacity:1;visibility:visible;z-index:10}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;padding:20px;background:linear-gradient(135deg,#581c87 0,#6b21a8 30%,#7c3aed 60%,#8b5cf6 100%);position:relative;overflow:hidden}.login-container::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.3) 0,transparent 70%);top:-200px;left:-200px;animation:float 6s ease-in-out infinite}.login-container::after{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.2) 0,transparent 70%);bottom:-150px;right:-150px;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.login-box{background:rgba(255,255,255,.08);backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:48px;width:100%;max-width:420px;box-shadow:var(--shadow-lg),var(--shadow-glow);position:relative;z-index:1;animation:slideIn .5s ease-out}@keyframes slideIn{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.logo{text-align:center;margin-bottom:32px}.logo i{font-size:3.5rem;color:var(--primary-purple-light);margin-bottom:16px;display:block;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.logo h1{font-size:1.8rem;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,var(--primary-purple-light),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo p{color:var(--text-muted);font-size:.95rem}.login-tabs{display:flex;gap:8px;margin-bottom:24px;background:rgba(255,255,255,.05);padding:4px;border-radius:var(--radius-md)}.tab-btn{flex:1;padding:10px 16px;background:0 0;color:var(--text-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;font-weight:500;transition:all var(--transition-fast)}.tab-btn:hover{background:rgba(255,255,255,.08)}.tab-btn.active{background:var(--primary-purple);color:#fff;box-shadow:0 2px 8px rgba(124,58,237,.4)}.auth-form{display:none}.auth-form.active{display:block;animation:fadeIn .3s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{position:relative;margin-bottom:20px}.form-group i{position:absolute;left:-20px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1.1rem;pointer-events:none;z-index:2}.form-group input{width:100%;padding:14px 16px 14px 48px;background:rgba(255,255,255,.08);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:all var(--transition-fast);position:relative;z-index:1}.form-group input::placeholder{color:var(--text-dimmed)}.form-group input:focus{outline:0;background:rgba(255,255,255,.12);border-color:var(--primary-purple);box-shadow:0 0 0 3px rgba(124,58,237,.2)}.btn-primary{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--primary-purple),var(--primary-purple-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-normal);box-shadow:0 4px 12px rgba(124,58,237,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,58,237,.5)}.btn-primary:active{transform:translateY(0)}.chat-container{display:flex;height:100vh;width:100%;overflow:hidden}.sidebar{width:300px;background:rgba(255,255,255,.06);backdrop-filter:var(--glass-backdrop);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;height:100vh;overflow:hidden}@media (max-width:768px){.sidebar{height:85vh!important;max-height:600px!important;min-height:500px!important}.sidebar .session-list{flex:1;overflow-y:auto;padding:0 16px}}.sidebar-title{padding:20px 20px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.sidebar-title h3{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.model-selector-glass{margin:16px 16px 12px;padding:14px 16px;background:var(--bg-glass);backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.model-selector-glass:hover{background:var(--bg-glass-hover);border-color:rgba(255,255,255,.2);box-shadow:var(--shadow-sm)}.model-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:500}.glass-select{width:100%;padding:8px 12px;background:rgba(255,255,255,.08);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);outline:0}.glass-select:hover{background:rgba(255,255,255,.12);border-color:var(--primary-purple-light)}.glass-select:focus{background:rgba(255,255,255,.15);border-color:var(--primary-purple);box-shadow:0 0 0 3px rgba(124,58,237,.2)}.glass-select option{background:#581c87;color:var(--text-primary)}.search-box-glass{position:relative;margin:0 16px 12px;padding:8px 12px;background:var(--bg-glass);backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-glass);border-radius:var(--radius-md);display:flex;align-items:center;gap:8px;transition:all var(--transition-normal)}.search-box-glass:hover{background:var(--bg-glass-hover);border-color:rgba(255,255,255,.2)}.search-box-glass:focus-within{background:rgba(255,255,255,.12);border-color:var(--accent-blue);box-shadow:var(--shadow-blue-glow)}.search-box-glass i{color:var(--text-muted);font-size:.9rem}.search-box-glass input{flex:1;background:0 0;border:none;color:var(--text-primary);font-size:.9rem;outline:0}.search-box-glass input::placeholder{color:var(--text-dimmed)}.session-list{flex:1;overflow-y:auto;padding:0 16px 16px}.session-item{padding:14px 16px;margin-bottom:8px;background:var(--bg-glass);backdrop-filter:var(--glass-backdrop);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.session-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-blue);transform:scaleY(0);transition:transform var(--transition-fast)}.session-item:hover{background:var(--bg-glass-hover);border-color:rgba(255,255,255,.15);transform:translateX(4px)}.session-item.active{background:var(--bg-glass-active);border-color:var(--accent-blue);box-shadow:0 0 20px rgba(59,130,246,.3)}.session-item.active::before{transform:scaleY(1)}.session-item-title{font-size:.95rem;font-weight:500;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-item.active .session-item-title{color:var(--accent-blue)}.session-item-preview{font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;contain:layout style;isolation:isolate;font-family:inherit;line-height:1.4;max-height:1.4em;all:revert;font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-item-actions{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.session-item:hover .session-item-actions{opacity:1}.session-delete-btn{padding:4px 8px;background:rgba(239,68,68,.2);color:var(--error-color);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;transition:all var(--transition-fast)}.session-delete-btn:hover{background:var(--error-color);color:#fff}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.2)}.user-info-footer{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:.9rem}.user-info-footer i{font-size:1.3rem;color:var(--primary-purple-light)}.footer-actions{display:flex;gap:8px}.btn-icon-small{width:32px;height:32px;background:rgba(255,255,255,.08);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-icon-small:hover{background:var(--primary-purple);color:#fff;border-color:var(--primary-purple);transform:translateY(-2px);box-shadow:0 4px 12px rgba(124,58,237,.4)}.main-chat{flex:1;display:flex;flex-direction:column;height:100vh;background:rgba(0,0,0,.15)}.chat-header-new{padding:20px 32px;background:rgba(255,255,255,.06);backdrop-filter:var(--glass-backdrop);border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between}.chat-header-left{flex:1}.chat-title-new{display:flex;align-items:center;gap:12px;margin-bottom:6px}.chat-title-new h2{font-size:1.3rem;font-weight:600;color:var(--text-primary)}.btn-edit-title{padding:6px 10px;background:0 0;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-edit-title:hover{background:rgba(255,255,255,.08);color:var(--primary-purple-light);border-color:var(--primary-purple-light)}.chat-model-info{font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}.chat-model-info::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--online-color);box-shadow:0 0 8px var(--online-color);animation:blink 2s ease-in-out infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.5}}.chat-model-info span{color:var(--text-secondary);font-weight:500}.chat-header-right{display:flex;gap:12px}.btn-header-action{width:44px;height:44px;background:rgba(255,255,255,.08);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all var(--transition-fast)}.btn-header-action:hover{background:var(--primary-purple);color:#fff;border-color:var(--primary-purple);transform:translateY(-2px);box-shadow:0 4px 12px rgba(124,58,237,.4)}.chat-messages{flex:1;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column;gap:20px}.welcome-message{text-align:center;padding:60px 20px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.welcome-icon{font-size:4rem;color:var(--primary-purple-light);margin-bottom:24px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-message h3{font-size:1.8rem;margin-bottom:12px;background:linear-gradient(135deg,var(--text-primary),var(--primary-purple-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-message p{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin-bottom:8px}.welcome-message p:last-of-type{margin-bottom:32px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:400px;margin:0 auto}.feature-item{padding:20px;background:var(--bg-glass);backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-glass);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:12px;transition:all var(--transition-normal)}.feature-item:hover{background:var(--bg-glass-hover);border-color:var(--primary-purple);transform:translateY(-4px);box-shadow:0 8px 24px rgba(124,58,237,.3)}.feature-item i{font-size:2rem;color:var(--primary-purple-light)}.feature-item span{font-size:.9rem;color:var(--text-secondary);font-weight:500}.message{display:flex;gap:16px;max-width:80%;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message.user{margin-left:auto;flex-direction:row-reverse}.message-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-purple),var(--accent-blue));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0;box-shadow:0 4px 12px rgba(124,58,237,.4)}.message.user .message-avatar{background:linear-gradient(135deg,var(--accent-blue),var(--accent-pink))}.message-content{flex:1}.message-bubble{padding:14px 18px;background:rgba(255,255,255,.06);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);color:var(--text-primary);line-height:1.6;word-wrap:break-word;box-shadow:0 2px 12px rgba(0,0,0,.2);margin-top:8px}.message.user .message-bubble{background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(37,99,235,.4));backdrop-filter:blur(20px);border:2px solid rgba(59,130,246,.6);color:#fff;box-shadow:0 4px 16px rgba(59,130,246,.3)}.message-text{font-size:.95rem;contain:layout style;isolation:isolate}.message-text .code-block-container{max-width:100%;overflow:hidden;margin:16px 0;word-break:break-all;contain:layout style}.message-text .code-block{max-width:100%;overflow-x:auto;font-size:13px;box-sizing:border-box}.message-attachments{margin-bottom:12px;display:flex;flex-wrap:wrap;gap:8px}.attachment-item{padding:6px 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);font-size:.85rem;display:flex;align-items:center;gap:8px;position:relative;transition:all var(--transition-fast)}.attachment-item:hover{background:rgba(255,255,255,.15)}.attachment-remove{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:1;cursor:pointer;transition:all var(--transition-fast);opacity:.85}.attachment-item:hover .attachment-remove{opacity:1}.attachment-remove:hover{background:rgba(239,68,68,.15);border-color:var(--error-color);color:var(--error-color);box-shadow:0 0 0 3px rgba(239,68,68,.15);transform:scale(1.05)}.attachment-remove:active{transform:scale(.98)}.message-time{font-size:.75rem;color:var(--text-muted);margin-top:8px;opacity:.8}.chat-input-container{padding:20px 32px 24px;background:rgba(255,255,255,.06);backdrop-filter:var(--glass-backdrop);border-top:1px solid var(--border-glass)}.attachment-preview{margin-bottom:12px;display:flex;flex-wrap:wrap;gap:8px}.attachment-preview .attachment-item{padding-right:56px}.attachment-preview .preview-icon-small{position:absolute;right:34px;font-size:.85rem;opacity:.85;transition:all var(--transition-fast)}.attachment-preview .preview-icon-small:hover{opacity:1;color:var(--accent-blue)}.chat-input{display:flex;gap:12px;align-items:flex-end}.action-buttons{display:flex;flex-direction:column;gap:28px;align-items:center;flex-shrink:0;align-self:flex-end;padding-bottom:0}.btn-icon,.search-toggle-label{width:44px;height:44px;background:rgba(255,255,255,.08);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all var(--transition-fast);flex-shrink:0;margin:0;padding:0;box-sizing:border-box;vertical-align:top}.btn-icon:hover{background:var(--primary-purple);color:#fff;border-color:var(--primary-purple);transform:translateY(-2px);box-shadow:0 4px 12px rgba(124,58,237,.4)}.search-toggle-label{position:relative}.search-toggle-label input[type=checkbox]{display:none}.search-toggle-label i{transition:all var(--transition-fast)}.search-toggle-label:hover{background:rgba(255,255,255,.12);border-color:#10b981;transform:translateY(-2px)}.search-toggle-label input[type=checkbox]:checked+i{color:#10b981}.search-toggle-label.checked{background:rgba(16,185,129,.2)!important;border-color:#10b981!important;box-shadow:0 0 20px rgba(16,185,129,.3)}.search-toggle-label.checked:hover{background:rgba(16,185,129,.3)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.5)}.search-toggle-label.checked i{color:#10b981}.search-toggle-label:has(input[type=checkbox]:checked){background:rgba(16,185,129,.2);border-color:#10b981;box-shadow:0 0 20px rgba(16,185,129,.3)}.search-toggle-label:has(input[type=checkbox]:checked):hover{background:rgba(16,185,129,.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.5)}.input-wrapper{flex:1;display:flex;align-items:flex-end;gap:12px;background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:8px 12px;transition:all var(--transition-fast)}.input-wrapper:focus-within{border-color:var(--accent-blue);box-shadow:var(--shadow-blue-glow)}#messageInput{flex:1;background:rgba(0,0,0,.3);border:none;color:var(--text-primary);font-size:1rem;resize:none;outline:0;max-height:120px;overflow-y:auto;font-family:inherit;line-height:1.5;border-radius:var(--radius-md);padding:12px 16px;backdrop-filter:blur(10px)}#messageInput::placeholder{color:rgba(255,255,255,.7);font-size:1.3rem;font-weight:500}.btn-send{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-purple),var(--primary-purple-dark));border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all var(--transition-fast);flex-shrink:0}.btn-send:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px rgba(124,58,237,.5)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.chat-messages::-webkit-scrollbar,.session-list::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track,.session-list::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb,.session-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover,.session-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.notification{position:fixed;top:24px;right:-400px;min-width:320px;max-width:420px;background:var(--bg-glass);backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:.95rem;z-index:9999;opacity:0;transform:translateX(0);transition:all var(--transition-normal);pointer-events:none}.notification.show{right:24px;opacity:1;pointer-events:auto}.notification-content{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;position:relative}#notificationText{flex:1;line-height:1.5;white-space:pre-wrap;word-break:break-word}#notificationClose{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:var(--text-secondary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;line-height:1;transition:all var(--transition-fast);flex-shrink:0;padding:0}#notificationClose:hover{background:var(--error-color);border-color:var(--error-color);color:#fff;transform:rotate(90deg)}.notification.success{border-color:var(--success-color);box-shadow:0 0 20px rgba(16,185,129,.3)}.notification.success #notificationText::before{content:' '}.notification.error{border-color:var(--error-color);box-shadow:0 0 20px rgba(239,68,68,.3)}.notification.error #notificationText::before{content:' '}.notification.warning{border-color:var(--warning-color);box-shadow:0 0 20px rgba(245,158,11,.3)}.notification.warning #notificationText::before{content:' '}.notification.info{border-color:var(--accent-blue);box-shadow:0 0 20px rgba(59,130,246,.3)}.notification.info #notificationText::before{content:' '}.loading-indicator{display:inline-flex;gap:6px;align-items:center}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-purple-light);animation:loadingBounce 1.4s infinite ease-in-out}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes loadingBounce{0%,100%,80%{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.sidebar-overlay.active{opacity:1;visibility:visible}@media (max-width:768px){.sidebar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;height:85vh!important;max-height:600px!important;min-height:500px!important;width:100%!important;transform:translateY(100%)!important;transition:transform var(--transition-normal)!important;opacity:1!important;visibility:visible!important;z-index:1000!important;border-right:none!important;border-top:2px solid var(--border-glass)!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;box-shadow:0 -8px 32px rgba(0,0,0,.5)!important;display:flex!important;flex-direction:column!important;overflow:visible!important}.sidebar.mobile-open{transform:translateY(0)!important}.sidebar .session-item-actions{opacity:1!important;position:static!important;transform:none!important;display:flex!important;align-items:center!important;gap:8px!important;margin-left:auto!important}.sidebar .session-delete-btn{padding:6px 10px!important;font-size:.9rem!important;background:rgba(239,68,68,.3)!important;border:1px solid rgba(239,68,68,.5)!important;border-radius:var(--radius-md)!important}.sidebar .session-delete-btn:hover{background:var(--error-color)!important;color:#fff!important;transform:scale(1.05)!important}.chat-header-new{padding:16px 20px;flex-wrap:wrap}.chat-title-new h2{font-size:1.1rem}.btn-header-action{width:40px;height:40px;font-size:1rem}.chat-messages{padding:16px 20px}.chat-input-container{padding:16px 20px;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:100!important;padding-bottom:calc(16px + env(safe-area-inset-bottom))!important;margin-bottom:0!important}.chat-messages{padding:16px 20px;padding-bottom:calc(190px + env(safe-area-inset-bottom))!important;margin-bottom:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;overscroll-behavior:contain!important}.main-chat{padding-bottom:0!important;height:100vh!important;max-height:100vh!important;overflow:hidden!important;overscroll-behavior:contain!important}.chat-header-new{position:sticky!important;top:0!important;z-index:10!important;background:rgba(255,255,255,.1)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid var(--border-glass)!important;flex-shrink:0!important}.message{max-width:90%}.feature-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.chat-input-container{padding:12px 16px!important;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}.chat-messages{padding:12px 16px!important;padding-bottom:calc(170px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;overscroll-behavior:contain!important}.chat-messages{height:calc(100vh - 120px - env(safe-area-inset-bottom))!important;max-height:calc(100vh - 120px - env(safe-area-inset-bottom))!important}.chat-header-new{padding:12px 16px!important}.input-wrapper{padding:6px 10px!important}#messageInput{font-size:.9rem!important;padding:10px 12px!important}#messageInput::placeholder{font-size:.9rem!important}.btn-send{width:36px!important;height:36px!important;font-size:.9rem!important}}@media (max-width:768px){.login-container{height:100vh!important;max-height:100vh!important;overflow:hidden!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;overscroll-behavior:contain!important}.login-box{max-height:calc(100vh - 40px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:32px 24px!important}.form-group input{font-size:16px!important;padding:16px 16px 16px 48px!important}.btn-primary{padding:16px 24px!important;font-size:1rem!important}}@media (max-width:480px){.login-container{padding:16px!important}.login-box{padding:24px 20px!important;max-height:calc(100vh - 32px)!important}.form-group input{padding:14px 16px 14px 44px!important;font-size:16px!important}.btn-primary{padding:14px 20px!important;font-size:.95rem!important}}@media print{.chat-header-new,.chat-input-container,.sidebar{display:none!important}.main-chat{width:100%}body{background:#fff;color:#000}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (prefers-contrast:high){:root{--border-color:rgba(255, 255, 255, 0.3);--border-glass:rgba(255, 255, 255, 0.4)}}.image-preview-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000}.image-preview-modal.active{display:flex;align-items:center;justify-content:center}.image-preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);backdrop-filter:blur(20px);opacity:0;transition:opacity var(--transition-normal)}.image-preview-modal.loaded .image-preview-overlay{opacity:1}.image-preview-container{position:relative;max-width:90vw;max-height:90vh;z-index:2001;display:flex;flex-direction:column;align-items:center;gap:16px;opacity:0;transform:scale(.9);transition:all var(--transition-normal)}.image-preview-modal.loaded .image-preview-container{opacity:1;transform:scale(1)}.image-preview-close{position:absolute;top:-50px;right:0;width:44px;height:44px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:50%;color:var(--text-primary);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:2002}.image-preview-close:hover{background:var(--error-color);border-color:var(--error-color);color:#fff;transform:rotate(90deg)}.image-preview-content{background:var(--bg-glass);backdrop-filter:var(--glass-backdrop);border:2px solid var(--border-glass);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-lg);max-width:90vw;max-height:80vh;display:flex;flex-direction:column;gap:12px}.image-preview-content img{max-width:100%;max-height:calc(80vh - 80px);width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.image-preview-info{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem}.image-preview-info i{color:var(--primary-purple);font-size:1rem}.image-preview-info span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-preview-actions{display:flex;gap:8px;justify-content:center}.image-preview-actions .btn-icon{width:44px;height:44px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all var(--transition-fast);font-size:1.1rem}.image-preview-actions .btn-icon:hover{background:var(--primary-purple);border-color:var(--primary-purple);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(108,71,255,.4)}.chat-input-container.drag-over,.chat-messages.drag-over,.input-wrapper.drag-over{background:rgba(59,130,246,.1)!important;outline:2px dashed var(--accent-blue);outline-offset:-4px}.chat-input-container.drag-over::after,.chat-messages.drag-over::after{content:' 拖放文件到这里上传';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;font-weight:600;color:var(--accent-blue);background:var(--bg-glass);backdrop-filter:var(--glass-backdrop);padding:20px 40px;border-radius:var(--radius-lg);border:2px solid var(--accent-blue);box-shadow:var(--shadow-blue-glow);pointer-events:none;z-index:1000;white-space:nowrap}.message-attachments .image-attachment{cursor:pointer;padding-right:56px;border:1px solid rgba(59,130,246,.3)}.message-attachments .image-attachment:hover{background:rgba(59,130,246,.2);transform:translateY(-2px);box-shadow:0 2px 8px rgba(59,130,246,.4);border-color:var(--accent-blue)}.message-attachments .image-attachment .preview-icon{position:absolute;right:34px;font-size:.75rem;opacity:.85;transition:all var(--transition-fast)}.message-attachments .image-attachment:hover .preview-icon{opacity:1;color:var(--accent-blue)}.message-attachments .attachment-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-thumbnail{max-width:200px;max-height:150px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);margin:8px 0;border:2px solid rgba(255,255,255,.1);box-shadow:0 2px 8px rgba(0,0,0,.2)}.image-thumbnail:hover{transform:scale(1.05);border-color:var(--accent-blue);box-shadow:0 4px 16px rgba(59,130,246,.3)}.image-attachment-container{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.math-formula{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);padding:12px 16px;margin:8px 0;font-family:KaTeX_Main,'Times New Roman',serif;line-height:1.5;overflow-x:auto;contain:layout style;isolation:isolate}.math-formula.display{text-align:center;padding:16px 20px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.math-formula.inline{display:inline-block;padding:4px 8px;margin:0 2px;vertical-align:middle}.katex{color:var(--text-primary)!important}.katex .base{color:inherit!important}.admin-container{padding:24px 32px;max-width:1400px;margin:0 auto;height:100vh;overflow-y:auto}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--border-glass)}.admin-header h1{font-size:1.8rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:12px}.admin-header h1 i{color:var(--primary-purple-light)}.btn-secondary{padding:12px 24px;background:rgba(255,255,255,.08);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--primary-purple);border-color:var(--primary-purple);transform:translateY(-2px);box-shadow:0 4px 12px rgba(124,58,237,.4)}.admin-tabs{display:flex;gap:8px;margin-bottom:32px;background:var(--bg-glass);backdrop-filter:var(--glass-backdrop);padding:8px;border-radius:var(--radius-lg);border:1px solid var(--border-glass);flex-wrap:wrap}.admin-tab-btn{flex:1;min-width:120px;padding:12px 20px;background:0 0;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;transition:all var(--transition-fast);white-space:nowrap}.admin-tab-btn:hover{background:rgba(255,255,255,.08);color:var(--text-primary)}.admin-tab-btn.active{background:linear-gradient(135deg,var(--primary-purple),var(--primary-purple-dark));border-color:var(--primary-purple);color:#fff;box-shadow:0 4px 12px rgba(124,58,237,.4)}.admin-content{min-height:500px}.admin-tab-content{display:none;animation:fadeIn .3s ease-in}.admin-tab-content.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--bg-glass);backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:16px;transition:all var(--transition-normal)}.stat-card:hover{background:var(--bg-glass-hover);transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary-purple),var(--primary-purple-dark));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;box-shadow:0 4px 12px rgba(124,58,237,.4)}.stat-info h3{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-info p{font-size:.9rem;color:var(--text-muted)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h2{font-size:1.4rem;font-weight:600;color:var(--text-primary)}.btn{padding:10px 20px;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:8px;border:none}.btn-primary{background:linear-gradient(135deg,var(--primary-purple),var(--primary-purple-dark));color:#fff;box-shadow:0 4px 12px rgba(124,58,237,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,58,237,.5)}.btn-danger{background:var(--error-color);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.table-container{background:var(--bg-glass);backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-glass);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:20px}table{width:100%;border-collapse:collapse}thead{background:rgba(255,255,255,.05)}thead th{padding:16px 20px;text-align:left;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}tbody tr{border-bottom:1px solid var(--border-color);transition:all var(--transition-fast)}tbody tr:hover{background:rgba(255,255,255,.05)}tbody td{padding:16px 20px;color:var(--text-primary);font-size:.95rem}.table-actions{display:flex;gap:8px}.table-actions button{padding:6px 12px;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-color)}.btn-edit{background:rgba(59,130,246,.2);color:var(--accent-blue);border-color:var(--accent-blue)}.btn-edit:hover{background:var(--accent-blue);color:#fff}.btn-delete{background:rgba(239,68,68,.2);color:var(--error-color);border-color:var(--error-color)}.btn-delete:hover{background:var(--error-color);color:#fff}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.badge.success{background:rgba(16,185,129,.2);color:var(--success-color);border:1px solid var(--success-color)}.badge.error{background:rgba(239,68,68,.2);color:var(--error-color);border:1px solid var(--error-color)}.badge.warning{background:rgba(245,158,11,.2);color:var(--warning-color);border:1px solid var(--warning-color)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);z-index:10000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:var(--bg-glass);backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:32px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-header h2{font-size:1.4rem;font-weight:600;color:var(--text-primary)}.close{width:32px;height:32px;background:rgba(255,255,255,.1);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:all var(--transition-fast)}.close:hover{background:var(--error-color);border-color:var(--error-color);color:#fff;transform:rotate(90deg)}.modal-body{margin-bottom:24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end}label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:500;color:var(--text-secondary)}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;padding:12px 16px;background:rgba(255,255,255,.08);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:0;background:rgba(255,255,255,.12);border-color:var(--primary-purple);box-shadow:0 0 0 3px rgba(124,58,237,.2)}textarea{min-height:100px;resize:vertical}@media (max-width:768px){.admin-container{padding:16px 20px}.admin-header{flex-direction:column;align-items:flex-start;gap:16px}.admin-tabs{flex-direction:column}.admin-tab-btn{width:100%}.stats-grid{grid-template-columns:1fr}.table-container{overflow-x:auto}table{min-width:600px}.modal-content{padding:24px 20px}.sidebar{height:85vh!important;max-height:600px!important}}.thinking-message{opacity:1;transition:opacity .3s ease}.thinking-animation{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-style:italic}.thinking-text{color:var(--primary-purple-light);font-weight:500}.thinking-dots{display:flex;gap:2px}.thinking-dots .dot{width:4px;height:4px;background-color:var(--primary-purple-light);border-radius:50%;animation:thinking-bounce 1.5s infinite ease-in-out}.thinking-dots .dot:first-child{animation-delay:0s}.thinking-dots .dot:nth-child(2){animation-delay:.2s}.thinking-dots .dot:nth-child(3){animation-delay:.4s}@keyframes thinking-bounce{0%,100%,60%{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}.chat-input textarea:disabled{background:rgba(255,255,255,.04);color:var(--text-muted);cursor:not-allowed;opacity:.6}.chat-input .btn-send:disabled{opacity:.5;cursor:not-allowed;background:rgba(255,255,255,.05)}.chat-input .btn-icon:disabled{opacity:.5;cursor:not-allowed;background:rgba(255,255,255,.05)}.session-loading{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.session-loading i{color:var(--primary-purple-light);font-size:12px;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.session-item{transition:transform .3s ease,opacity .3s ease}.session-item.deleting{opacity:.5;pointer-events:none}.session-item[data-is-temp=true]{border-left:3px solid var(--warning-color);background:rgba(245,158,11,.1)}.session-item[data-is-temp=true] .session-item-preview{color:var(--warning-color);font-style:italic}.code-block-container{margin:16px 0;border-radius:var(--radius-md);overflow:hidden;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-sm);max-width:100%;box-sizing:border-box;display:block;contain:layout style}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:rgba(0,0,0,.4);border-bottom:1px solid rgba(255,255,255,.1)}.code-language{font-size:12px;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.code-actions{display:flex;gap:4px}.code-action-btn{background:0 0;border:none;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;transition:all var(--transition-fast);display:flex;align-items:center;gap:4px}.code-action-btn:hover{color:var(--text-primary);background:rgba(255,255,255,.1)}.code-action-btn:active{transform:scale(.95)}.code-block{margin:0;padding:16px;background:rgba(0,0,0,.2);color:var(--text-primary);font-family:Consolas,Monaco,'Courier New',monospace;font-size:14px;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.code-block code{background:0 0;padding:0;border-radius:0;color:inherit;font-family:inherit;font-size:inherit}.code-editor-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.code-editor-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(8px)}.code-editor-container{position:relative;width:90%;max-width:900px;max-height:80%;background:var(--bg-glass);backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:slideUp .3s ease}.code-editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:rgba(0,0,0,.2);border-bottom:1px solid var(--border-color)}.code-editor-header h3{margin:0;color:var(--text-primary);font-size:18px;font-weight:600}.close-btn{background:0 0;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:var(--radius-sm);font-size:16px;transition:all var(--transition-fast)}.close-btn:hover{color:var(--text-primary);background:rgba(255,255,255,.1)}.code-editor-body{padding:20px;height:400px}.code-editor-textarea{width:100%;height:100%;background:rgba(0,0,0,.3);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;color:var(--text-primary);font-family:Consolas,Monaco,'Courier New',monospace;font-size:14px;line-height:1.5;resize:none;outline:0;transition:border-color var(--transition-fast)}.code-editor-textarea:focus{border-color:var(--border-active);box-shadow:0 0 0 2px rgba(59,130,246,.2)}.code-editor-textarea::placeholder{color:var(--text-dimmed)}.code-editor-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;background:rgba(0,0,0,.1);border-top:1px solid var(--border-color)}.btn{padding:8px 16px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:6px}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:rgba(255,255,255,.1);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:rgba(255,255,255,.15)}.btn-success{background:var(--success-color);color:#fff}.btn-success:hover{background:#059669;transform:translateY(-1px)}.code-fullscreen-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;animation:fadeIn .3s ease}.code-fullscreen-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);backdrop-filter:blur(8px)}.code-fullscreen-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;padding:20px}.code-fullscreen-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 16px 0;border-bottom:1px solid var(--border-color);margin-bottom:16px}.code-fullscreen-header h3{margin:0;color:var(--text-primary);font-size:24px;font-weight:600}.code-fullscreen-actions{display:flex;gap:12px;align-items:center}.code-fullscreen-body{flex:1;overflow:auto;background:rgba(0,0,0,.3);border-radius:var(--radius-md);border:1px solid var(--border-color)}.code-fullscreen-block{margin:0;padding:20px;color:var(--text-primary);font-family:Consolas,Monaco,'Courier New',monospace;font-size:16px;line-height:1.6;white-space:pre-wrap;word-break:break-all;background:0 0;overflow:visible}.code-fullscreen-block code{background:0 0;padding:0;color:inherit;font-family:inherit;font-size:inherit}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.code-editor-container{width:95%;max-height:90%}.code-editor-body{height:300px;padding:16px}.code-fullscreen-container{padding:10px}.code-fullscreen-header h3{font-size:20px}.code-fullscreen-block{font-size:14px;padding:16px}.code-actions{flex-wrap:wrap}.code-action-btn{font-size:11px;padding:3px 6px}}.generated-image{margin:15px 0;padding:15px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);backdrop-filter:var(--glass-backdrop);text-align:center}.generated-image img{max-width:100%;max-height:400px;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);margin-bottom:10px;transition:transform .3s ease,box-shadow .3s ease;cursor:zoom-in}.generated-image img:hover{transform:scale(1.02);box-shadow:0 8px 30px rgba(0,0,0,.4)}.image-prompt{font-size:14px;color:var(--text-secondary);margin:8px 0 4px 0;font-weight:500}.image-time{font-size:12px;color:var(--text-muted);margin:0;opacity:.8}@media (max-width:768px){.generated-image{margin:10px 0;padding:12px}.generated-image img{max-height:300px}.image-prompt{font-size:13px}.image-time{font-size:11px}.image-preview-close{top:10px;right:10px}.image-preview-container img{max-width:95vw;max-height:80vh}.image-preview-actions{flex-wrap:wrap;justify-content:center}}.session-controls{display:flex;align-items:center;gap:12px}.search-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:rgba(255,255,255,.05);color:var(--text-primary);font-size:14px;min-width:200px}.search-input:focus{outline:0;border-color:var(--primary-purple-light);box-shadow:0 0 0 2px rgba(138,43,226,.2)}.btn-small{padding:6px 12px;font-size:12px;border-radius:var(--radius-sm);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.btn-small.btn-primary{background:var(--primary-purple-light);color:#fff}.btn-small.btn-primary:hover{background:var(--primary-purple)}.btn-small.btn-danger{background:#e74c3c;color:#fff}.btn-small.btn-danger:hover{background:#c0392b}.pagination-container{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding:16px}.pagination-container button:disabled{opacity:.5;cursor:not-allowed}.session-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding:16px;background:rgba(255,255,255,.05);border-radius:var(--radius-md)}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-size:12px;color:var(--text-secondary);font-weight:500}.info-item span{font-size:14px;color:var(--text-primary)}.messages-container{margin-top:24px}.messages-container h3{font-size:16px;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.messages-list{max-height:400px;overflow-y:auto;padding:16px;background:rgba(255,255,255,.03);border-radius:var(--radius-md);border:1px solid var(--border-color)}.message-item{margin-bottom:16px;padding:12px;border-radius:var(--radius-sm);background:rgba(255,255,255,.05)}.message-item.user{background:rgba(138,43,226,.1);border-left:3px solid var(--primary-purple-light)}.message-item.model{background:rgba(52,152,219,.1);border-left:3px solid #3498db}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.message-role{font-size:12px;font-weight:600;color:var(--text-secondary)}.message-time{font-size:11px;color:var(--text-tertiary)}.message-content{font-size:14px;line-height:1.5;color:var(--text-primary);word-wrap:break-word}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color)}@media (max-width:768px){.session-controls{flex-direction:column;align-items:stretch}.search-input{min-width:auto}.session-info{grid-template-columns:1fr}.messages-list{max-height:300px}.modal-footer{flex-direction:column}}.thinking-section{margin-bottom:12px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.25);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-normal)}.thinking-section:hover{border-color:rgba(168,85,247,.4);box-shadow:0 0 15px rgba(168,85,247,.15)}.thinking-section.expanded{background:rgba(168,85,247,.15)}.thinking-header{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;user-select:none;transition:all var(--transition-fast)}.thinking-header:hover{background:rgba(168,85,247,.15)}.thinking-icon{color:#a855f7;font-size:.9rem;animation:thinkingPulse 2s ease-in-out infinite}@keyframes thinkingPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.thinking-label{font-size:.8rem;color:#a855f7;font-weight:500;flex:1}.thinking-toggle{color:#a855f7;font-size:.75rem;transition:transform var(--transition-fast)}.thinking-section.expanded .thinking-toggle{transform:rotate(180deg)}.thinking-body{padding:0 14px 14px;animation:fadeInSlide .3s ease-out}@keyframes fadeInSlide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.thinking-body .thinking-text{font-size:.85rem;color:var(--text-muted);line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;padding:12px;background:rgba(0,0,0,.2);border-radius:var(--radius-sm);border-left:3px solid #a855f7}.thinking-body .thinking-text::-webkit-scrollbar{width:4px}.thinking-body .thinking-text::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:2px}.thinking-body .thinking-text::-webkit-scrollbar-thumb{background:rgba(168,85,247,.4);border-radius:2px}.proxy-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:2px 6px;background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);border-radius:4px;font-size:.7rem;color:#60a5fa;cursor:help;transition:all var(--transition-fast)}.proxy-badge:hover{background:rgba(59,130,246,.3);border-color:rgba(59,130,246,.5);box-shadow:0 0 10px rgba(59,130,246,.3)}.proxy-badge i{font-size:.65rem}@media (max-width:768px){.thinking-section{margin-bottom:8px}.thinking-header{padding:8px 12px}.thinking-body{padding:0 12px 12px}.thinking-body .thinking-text{max-height:200px;font-size:.8rem}.thinking-label{font-size:.75rem}}