:root{--primary-color: #E94747;--primary-dark: #D93A3A;--text-color: #333;--light-text: #666;--white: #fff;--background: #fff;--border-radius: 8px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease;--chat-bg: #f5f5f5;--message-user: #D93A3A;--message-ai: #f0f0f0;--message-system: #e8f0fe;--sidebar-width: 320px;--header-height: 60px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--background);line-height:1.6;margin:0;display:flex;flex-direction:column}main{height:calc(100% - var(--header-height));flex:1;overflow:hidden}.container{width:100%;height:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column}@media screen and (min-width:481px){.container{padding:0 15px}}a{text-decoration:none;color:inherit}.header{background-color:var(--primary-dark);padding:15px 0;height:60px;position:relative;z-index:100}.header-container{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 15px}.header-logo{display:flex;align-items:center;color:var(--white);font-weight:700;font-size:1.2rem}.header-logo svg{margin-right:8px;width:24px;height:24px}.nav-right{display:flex;align-items:center}.sidebar-toggle-btn{background:none;border:none;color:var(--white);cursor:pointer;padding:5px;display:none}.section-red{background-color:var(--primary-dark);height:100%;display:flex;align-items:stretch;justify-content:center;padding:25px;flex:1}.chat-container{display:flex;background:var(--white);border-radius:12px;overflow:hidden;height:100%;box-shadow:var(--box-shadow);position:relative;max-height:100%}.chat-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background-color:var(--white);border-right:1px solid #eee;transition:transform .3s ease;display:flex;flex-direction:column;height:100%;position:relative;z-index:50;overflow-y:auto}.sidebar-header{padding:16px;background-color:#f8f8f8;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{font-size:1.1rem;font-weight:600;color:var(--text-color)}.close-sidebar{background:none;border:none;cursor:pointer;color:var(--text-color);opacity:.5;transition:opacity .2s;display:none}.close-sidebar:hover{opacity:1}.context-form{padding:16px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:500;color:var(--text-color)}.form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:.9rem;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #e947471a}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:32px}textarea.form-control{min-height:110px;resize:vertical}.file-upload-container{margin-top:24px;margin-bottom:24px}.file-upload-container label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:500;color:var(--text-color)}.file-upload-input{position:relative;margin-bottom:12px}.file-upload-input input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.file-upload-button{width:100%;padding:10px 16px;background-color:var(--primary-dark);color:var(--white);border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition);border:none;font-size:.9rem;font-weight:500}.file-upload-button svg{width:20px;height:20px;flex-shrink:0}.file-upload-button:hover{background-color:var(--primary-color)}.file-list{margin-top:12px;max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#f8f9fa;border-radius:var(--border-radius);border:1px solid #eee}.file-item-name{font-size:.85rem;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px;max-width:200px}.file-item-remove{background:none;border:none;color:var(--primary-dark);cursor:pointer;padding:4px;font-size:1.2rem;opacity:.6;transition:var(--transition);display:flex;align-items:center;justify-content:center;min-width:24px}.file-item-remove:hover{opacity:1}.chat-main{flex:1;display:flex;flex-direction:column;background-color:var(--chat-bg);height:100%;position:relative;overflow:hidden;min-width:0}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;height:calc(100% - 70px);-webkit-overflow-scrolling:touch}.message{display:flex;flex-direction:column;max-width:70%;width:fit-content;animation:message-fade-in .3s ease-out}@keyframes message-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end}.message.ai{align-self:flex-start}.message.system{align-self:center;max-width:85%}.message-content{padding:12px 16px;border-radius:16px;font-size:.95rem;line-height:1.5;box-shadow:0 1px 2px #0000000d;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.message.user .message-content{background-color:var(--message-user);color:var(--white);border-bottom-right-radius:4px}.message.ai .message-content{background-color:var(--message-ai);color:var(--text-color);border-bottom-left-radius:4px}.message.system .message-content{background-color:var(--message-system);color:var(--text-color);text-align:center}.message-time{font-size:.75rem;color:var(--light-text);margin-top:4px;align-self:flex-start}.message.user .message-time{align-self:flex-end}.chat-input-container{padding:15px;background-color:var(--white);border-top:1px solid #eee;display:flex;align-items:flex-end;gap:10px;position:sticky;bottom:0;z-index:10}.chat-input{flex:1;padding:12px 15px;border:1px solid #ddd;border-radius:18px;font-size:.95rem;resize:none;max-height:150px;line-height:1.5;transition:var(--transition)}.chat-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #e947471a}.send-button{width:40px;height:40px;border-radius:50%;background-color:var(--primary-dark);color:var(--white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.send-button svg{width:18px;height:18px}.send-button:hover{background-color:var(--primary-color);transform:scale(1.05)}.typing-indicator{display:inline-flex;align-items:center;padding:12px 16px;background-color:var(--message-ai);border-radius:16px 16px 16px 4px;box-shadow:0 1px 2px #0000000d;margin-bottom:10px}.typing-dot{width:8px;height:8px;background-color:#888;border-radius:50%;margin:0 3px;animation:typing-dot 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.error-message{background-color:#fff5f5;color:#e53e3e;border:1px solid #fed7d7;padding:10px 15px;border-radius:var(--border-radius);margin-bottom:10px;font-size:.9rem;text-align:center;display:none}@media(max-width:992px){.chat-container{border-radius:8px}}@media(max-width:768px){.chat-container{flex-direction:column;height:100%}.chat-sidebar{width:100%;min-width:100%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%);z-index:100;box-shadow:2px 0 10px #0000001a}.chat-sidebar.active{transform:translate(0)}.sidebar-toggle-btn{display:flex}.close-sidebar{display:block}.chat-main{width:100%}.message{max-width:85%}.file-item-name{max-width:150px}}@media(max-width:480px){.header-logo span{font-size:1rem}.section-red{padding:15px 10px}.chat-container{border-radius:8px}.chat-messages{padding:15px 10px;height:calc(100% - 60px)}.message{max-width:90%}.message-content{padding:10px 14px;font-size:.9rem}.chat-input-container{padding:10px}.chat-input{padding:10px;font-size:16px;min-height:40px}.send-button{width:38px;height:38px}.context-form{padding:12px}.form-group label{font-size:.85rem}.file-item-name{max-width:120px}.message.system{max-width:95%}}.red-flag{display:inline-block;padding:2px 6px;background-color:#f44336;color:#fff;border-radius:4px;font-size:.8em;font-weight:700;margin:0 4px}.warning{display:inline-block;padding:2px 6px;background-color:#ff9800;color:#fff;border-radius:4px;font-size:.8em;font-weight:700;margin:0 4px}.tip{display:inline-block;padding:2px 6px;background-color:#4caf50;color:#fff;border-radius:4px;font-size:.8em;font-weight:700;margin:0 4px}.streaming-content{min-height:20px}.follow-up-suggestions{margin:10px 0;max-width:80%;align-self:center}.suggestions-title{font-size:.9em;color:#666;margin-bottom:5px;text-align:center}.suggestions-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.suggestion-item{background-color:#f0f0f0;border-radius:16px;padding:8px 12px;font-size:.9em;cursor:pointer;transition:background-color .2s}.suggestion-item:hover{background-color:#e0e0e0}