*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary:#10b981;--accent:#f59e0b;--dark:#0f172a;--light:#f8fafc;--gray:#64748b;--gray-light:#e2e8f0;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--card-bg:rgba(255,255,255,0.98);--sidebar-bg:#1e293b;--message-user:#3b82f6;--message-ai:#f1f5f9;--border-radius:16px;--shadow:0 10px 25px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);}body{background:linear-gradient(135deg,#1e3a8a 0%,#0f172a 100%);color:var(--dark);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;overflow-x:hidden;}.container{width:100%;max-width:1400px;background-color:var(--card-bg);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);overflow:hidden;display:flex;flex-direction:row;height:90vh;position:relative;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);}.sidebar{width:320px;background:var(--sidebar-bg);color:white;padding:20px;display:flex;flex-direction:column;transition:all 0.3s ease;overflow-y:auto;border-right:1px solid rgba(255,255,255,0.1);}.sidebar-header{display:flex;align-items:center;gap:12px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.2);}.sidebar-header i{font-size:1.8rem;background:rgba(255,255,255,0.1);padding:10px;border-radius:12px;}.sidebar-header h2{font-size:1.2rem;font-weight:600;}.conversation-list{flex:1;overflow-y:auto;margin-bottom:20px;}.conversation-item{padding:12px 15px;margin-bottom:10px;background:rgba(255,255,255,0.05);border-radius:12px;cursor:pointer;transition:all 0.2s;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,0.05);}.conversation-item:hover{background:rgba(255,255,255,0.1);}.conversation-item.active{background:rgba(255,255,255,0.15);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);border-color:rgba(255,255,255,0.2);}.conversation-title{font-size:0.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;}.conversation-date{font-size:0.7rem;opacity:0.7;}.delete-conversation{background:none;border:none;color:white;cursor:pointer;opacity:0.7;padding:5px;border-radius:5px;transition:all 0.2s;margin-left:10px;}.delete-conversation:hover{opacity:1;background:rgba(255,255,255,0.2);}.sidebar-actions{display:flex;flex-direction:column;gap:10px;}.sidebar-btn{display:flex;align-items:center;gap:10px;padding:12px 15px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:white;cursor:pointer;transition:all 0.2s;font-size:0.9rem;}.sidebar-btn:hover{background:rgba(255,255,255,0.1);transform:translateY(-2px);}.sidebar-btn.delete-all{background:rgba(239,68,68,0.2);color:#fecaca;}.sidebar-btn.delete-all:hover{background:rgba(239,68,68,0.3);}.main-content{flex:1;display:flex;flex-direction:column;height:100%;position:relative;background:var(--light);}.header{background:white;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05);z-index:10;border-bottom:1px solid var(--gray-light);}.logo-container{display:flex;align-items:center;gap:10px;}.logo{height:40px;width:auto;border-radius:8px;}.header h1{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,var(--primary),var(--primary-light));-webkit-background-clip:text;background-clip:text;color:transparent;}.controls{display:flex;gap:20px;align-items:center;}.toggle-container{display:flex;align-items:center;gap:8px;font-size:0.9rem;font-weight:500;background:rgba(37,99,235,0.1);padding:8px 15px;border-radius:20px;color:var(--primary);}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;}.toggle-switch input{opacity:0;width:0;height:0;}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-light);transition:.4s;border-radius:24px;}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:white;transition:.4s;border-radius:50%;}input:checked + .slider{background-color:var(--success);}input:checked + .slider:before{transform:translateX(26px);}.chat-container{flex:1;padding:25px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;background:var(--light);position:relative;}.message{max-width:75%;padding:18px;border-radius:var(--border-radius);line-height:1.5;position:relative;animation:fadeIn 0.4s ease;box-shadow:var(--shadow);}@keyframes fadeIn{from{opacity:0;transform:translateY(15px);}to{opacity:1;transform:translateY(0);}}.user-message{align-self:flex-end;background:linear-gradient(135deg,var(--message-user),var(--primary-light));color:white;border-bottom-right-radius:5px;}.ai-message{align-self:flex-start;background-color:var(--message-ai);color:var(--dark);border-bottom-left-radius:5px;border:1px solid var(--gray-light);}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:0.8rem;font-weight:600;}.ai-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;}.image-message{max-width:300px;padding:15px;border-radius:12px;background-color:white;border:1px solid var(--gray-light);align-self:flex-end;}.image-preview{max-width:100%;border-radius:8px;margin-bottom:10px;}.image-actions{display:flex;gap:10px;}.image-btn{flex:1;padding:8px 12px;border:none;border-radius:8px;cursor:pointer;font-size:0.8rem;font-weight:500;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:5px;}.ai-recognize-btn{background:var(--secondary);color:white;}.image-btn:hover{opacity:0.9;transform:translateY(-2px);}.search-indicator{align-self:center;background-color:#e0f2fe;color:var(--primary);padding:12px 20px;border-radius:20px;font-size:0.9rem;display:flex;align-items:center;gap:10px;max-width:70%;text-align:center;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05);}.input-container{padding:25px 30px;background:white;border-top:1px solid var(--gray-light);display:flex;gap:15px;box-shadow:0 -4px 6px -1px rgba(0,0,0,0.05);position:relative;}.search-toggle-bottom{position:absolute;top:-25px;right:30px;display:flex;align-items:center;gap:8px;font-size:0.9rem;font-weight:500;background:white;padding:6px 12px;border-radius:20px;color:var(--primary);box-shadow:0 -4px 6px -1px rgba(0,0,0,0.1);border:1px solid var(--gray-light);z-index:5;}.message-input{flex:1;padding:16px 22px;border:2px solid var(--gray-light);border-radius:30px;font-size:1rem;outline:none;transition:all 0.3s;background:var(--light);}.message-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,0.1);}.action-buttons{display:flex;gap:10px;}.action-button{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:white;border:none;border-radius:50%;width:55px;height:55px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all 0.3s;box-shadow:0 4px 6px -1px rgba(37,99,235,0.3);}.action-button:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(37,99,235,0.4);}.action-button:active{transform:translateY(-1px);}.action-button:disabled{background:var(--gray-light);cursor:not-allowed;transform:none;box-shadow:none;}.send-button{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:white;border:none;border-radius:50%;width:55px;height:55px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all 0.3s;box-shadow:0 4px 6px -1px rgba(37,99,235,0.3);}.send-button:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(37,99,235,0.4);}.send-button:active{transform:translateY(-1px);}.send-button:disabled{background:var(--gray-light);cursor:not-allowed;transform:none;box-shadow:none;}.typing-indicator{display:flex;align-items:center;gap:5px;padding:15px 20px;background-color:white;border-radius:18px;align-self:flex-start;max-width:90px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05);border:1px solid var(--gray-light);}.typing-dot{width:8px;height:8px;border-radius:50%;background-color:var(--primary);animation:typing 1.4s infinite ease-in-out;}.typing-dot:nth-child(1){animation-delay:-0.32s;}.typing-dot:nth-child(2){animation-delay:-0.16s;}@keyframes typing{0%,80%,100%{transform:scale(0.8);opacity:0.5;}40%{transform:scale(1);opacity:1;}}.footer{padding:15px 30px;text-align:center;font-size:0.8rem;color:var(--gray);border-top:1px solid var(--gray-light);background:white;display:flex;justify-content:space-between;align-items:center;}.ai-info-btn{background:var(--primary);color:white;border:none;border-radius:20px;padding:8px 16px;font-size:0.8rem;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:5px;user-select:none;}.ai-info-btn:hover{background:var(--primary-dark);transform:translateY(-2px);}.data-actions{display:flex;gap:10px;}.data-btn{background:var(--secondary);color:white;border:none;border-radius:20px;padding:8px 16px;font-size:0.8rem;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:5px;}.data-btn:hover{background:#0da271;transform:translateY(-2px);}.footer-info{display:flex;align-items:center;gap:10px;font-size:0.8rem;color:var(--gray);user-select:none;}.footer-cabbage{font-weight:bold;color:var(--primary);cursor:pointer;position:relative;transition:all 0.3s;}.footer-cabbage:hover{color:var(--primary-dark);transform:scale(1.1);}.footer-cabbage::after{content:"你看什么?OVO,这是白菜的版权";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--dark);color:white;padding:5px 10px;border-radius:5px;font-size:0.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s;}.footer-cabbage:hover::after{opacity:1;}.icp-icon{width:24px;/* 与AI头像大小一致 */
            height:24px;/* 与AI头像大小一致 */
            cursor:pointer;user-select:none;transition:transform 0.3s;object-fit:cover;}.icp-icon:hover{transform:scale(1.2);}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none;}.particle{position:absolute;background:rgba(37,99,235,0.1);border-radius:50%;animation:float 15s infinite linear;}@keyframes float{0%{transform:translateY(0) rotate(0deg);opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;}}.notification{position:fixed;bottom:30px;right:30px;padding:15px 25px;background:var(--dark);color:white;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);display:flex;align-items:center;gap:10px;z-index:1000;transform:translateY(100px);opacity:0;transition:all 0.3s ease;}.notification.show{transform:translateY(0);opacity:1;}.notification.success{background:var(--success);}.notification.error{background:var(--danger);}.sidebar-toggle{display:none;position:absolute;top:20px;left:20px;background:var(--primary);color:white;border:none;border-radius:8px;width:40px;height:40px;cursor:pointer;z-index:100;align-items:center;justify-content:center;}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:all 0.3s;}.modal-overlay.active{opacity:1;visibility:visible;}.modal{background:white;border-radius:20px;padding:30px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);transform:translateY(30px);transition:all 0.3s;}.modal-overlay.active .modal{transform:translateY(0);}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--gray-light);}.modal-title{font-size:1.5rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:10px;}.close-modal{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray);transition:all 0.2s;}.close-modal:hover{color:var(--dark);transform:rotate(90deg);}.modal-content{line-height:1.6;}.feature-list{margin:20px 0;padding-left:20px;}.feature-list li{margin-bottom:10px;position:relative;}.feature-list li:before{content:"•";color:var(--primary);font-weight:bold;display:inline-block;width:1em;margin-left:-1em;}.file-input{display:none;}@media (max-width:1024px){.container{height:95vh;}.sidebar{position:absolute;left:-100%;z-index:50;height:100%;width:280px;}.sidebar.active{left:0;}.sidebar-toggle{display:flex;}.message{max-width:85%;}}@media (max-width:768px){.header{flex-direction:column;gap:15px;padding:15px 20px;}.controls{flex-wrap:wrap;justify-content:center;}.message{max-width:90%;}.chat-container{padding:15px;}.input-container{padding:15px 20px;}.search-toggle-bottom{right:20px;top:-20px;}.search-indicator{max-width:90%;}.action-buttons{flex-direction:column;}.footer{flex-direction:column;gap:10px;}.data-actions{flex-direction:column;width:100%;}.data-btn{width:100%;justify-content:center;}}@media (max-width:480px){.container{height:100vh;border-radius:0;}body{padding:0;}.header h1{font-size:1.5rem;}.toggle-container{font-size:0.8rem;padding:6px 12px;}}