:root{--color-bg: #FAF8F5;--color-bg-secondary: #F0EDE8;--color-user-bubble: #EDEBE8;--color-primary: #C4694D;--color-primary-hover: #B55A3E;--color-text: #1A1A1A;--color-text-secondary: #6B6B6B;--color-text-tertiary: #9B9B9B;--color-border: #E5E2DD;--color-white: #FFFFFF;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Kaku Gothic ProN,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;height:100vh;height:-webkit-fill-available;overflow:hidden}@supports (height: 100dvh){html,body{height:100dvh}}#root{width:100%;height:100%;display:flex;flex-direction:column}#root>*{flex:1;min-height:0}a{color:var(--color-primary);text-decoration:underline}a:hover{color:var(--color-primary-hover)}.top-nav-bar{display:flex;align-items:center;justify-content:space-between;height:56px;min-height:56px;padding:0 12px;padding-top:env(safe-area-inset-top,0);background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-shrink:0}.nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:var(--color-bg-secondary);color:var(--color-text);font-size:18px;cursor:pointer;transition:background .2s}.nav-btn:hover{background:var(--color-border)}.new-chat-btn{background:var(--color-primary);color:var(--color-white)}.new-chat-btn:hover{background:var(--color-primary-hover)}.nav-title{margin:0;font-size:17px;font-weight:600;color:var(--color-text);text-align:center;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-placeholder{width:40px;height:40px}.sidebar{display:flex;flex-direction:column;height:100%;background:var(--color-bg)}.sidebar-header{padding:12px 16px}.new-chat-button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px dashed var(--color-border);border-radius:10px;background:transparent;color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.new-chat-button:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(196,105,77,.05)}.new-chat-button .anticon{font-size:14px}.sidebar-sessions{flex:1;overflow-y:auto;padding:16px}.sessions-title{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding:0 8px}.session-list{display:flex;flex-direction:column;gap:4px}.session-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;cursor:pointer;transition:background .2s;color:var(--color-text)}.session-item:hover{background:var(--color-bg-secondary)}.session-item.active{background:var(--color-user-bubble)}.session-icon{font-size:16px;color:var(--color-text-secondary)}.session-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.session-delete{opacity:0;color:var(--color-text-secondary);transition:all .2s;padding:4px;border-radius:4px}.session-item:hover .session-delete{opacity:1}.session-delete:hover{color:#e53935;background:rgba(229,57,53,.1)}.sidebar-footer{padding:16px;border-top:1px solid var(--color-border)}.footer-language{display:flex;justify-content:center;margin-bottom:12px}.user-info{display:flex;align-items:center;gap:8px}.user-icon{font-size:16px;color:var(--color-primary)}.user-email{flex:1;font-size:13px;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{color:var(--color-text-secondary);padding:4px 8px}.logout-btn:hover{color:#e53935!important}.login-btn{background:var(--color-primary);border-color:var(--color-primary)}.login-btn:hover{background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important}.sidebar-sessions::-webkit-scrollbar{width:4px}.sidebar-sessions::-webkit-scrollbar-track{background:transparent}.sidebar-sessions::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.image-upload-widget{background:#f5f5f5;border-radius:12px;padding:16px;margin-top:12px}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.widget-prompt{font-size:14px;color:#666}.preview-area{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.preview-item{display:flex;flex-direction:column;align-items:center;gap:6px}.preview-item .remove-btn{font-size:12px;padding:0 8px;height:24px}.action-area{display:flex;gap:8px;flex-wrap:wrap}.action-area .ant-btn{flex:1;min-width:80px}@media(max-width:480px){.action-area{flex-direction:column}.action-area .ant-btn{width:100%}}.chat-area{display:flex;flex-direction:column;height:100%;background:var(--color-bg);overflow:hidden}.message-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;min-height:0;-webkit-overflow-scrolling:touch}.bubble-list-wrapper{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.message-row{display:flex;align-items:flex-start;gap:12px}.message-row.user{flex-direction:row-reverse}.ai-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.ai-icon-img{width:28px;height:28px;object-fit:contain}.message-content-wrapper{display:flex;flex-direction:column;gap:8px;max-width:85%;min-width:60px}.user-bubble{background:var(--color-user-bubble);color:var(--color-text);padding:12px 16px;border-radius:20px 20px 4px;word-break:break-word;line-height:1.6;font-size:15px}.user-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.user-uploaded-image{max-width:200px;max-height:150px;border-radius:12px;cursor:pointer;transition:transform .2s;object-fit:cover}.user-uploaded-image:hover{transform:scale(1.02)}.assistant-content{color:var(--color-text);line-height:1.7;font-size:15px;word-break:break-word}.assistant-content h1,.assistant-content h2,.assistant-content h3{margin:20px 0 12px;font-weight:700;color:var(--color-text)}.assistant-content h1:first-child,.assistant-content h2:first-child,.assistant-content h3:first-child{margin-top:0}.assistant-content h2{font-size:18px}.assistant-content h3{font-size:16px}.assistant-content p{margin:12px 0}.assistant-content p:first-child{margin-top:0}.assistant-content p:last-child{margin-bottom:0}.assistant-content ul,.assistant-content ol{margin:12px 0;padding-left:24px}.assistant-content li{margin:6px 0}.assistant-content strong{font-weight:700}.assistant-content code{background:var(--color-bg-secondary);padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:14px}.assistant-content pre{background:#1a1a1a;color:#e5e5e5;padding:16px;border-radius:12px;overflow-x:auto;margin:12px 0}.assistant-content pre code{background:transparent;padding:0;color:inherit}.loading-indicator{display:flex;align-items:center;gap:8px}.loading-icon{color:var(--color-primary);font-size:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sender-wrapper{padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));background:var(--color-bg);flex-shrink:0}.input-container{max-width:800px;margin:0 auto;display:flex;align-items:center;gap:8px;background:var(--color-bg-secondary);border-radius:24px;padding:8px 8px 8px 20px}.input-field{flex:1;border:none;background:transparent;font-size:15px;color:var(--color-text);outline:none;padding:8px 0}.input-field::placeholder{color:var(--color-text-tertiary)}.input-btn{width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:var(--color-text-secondary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.input-btn:hover{background:var(--color-border);color:var(--color-text)}.input-btn.send-btn{background:var(--color-text);color:var(--color-white)}.input-btn.send-btn:hover{background:var(--color-text-secondary)}.input-btn.send-btn:disabled{background:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed}.chat-area-footer{flex-shrink:0;padding:8px 20px 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));text-align:center;font-size:11px;color:var(--color-text-tertiary);line-height:1.4}.chat-area-footer a{color:var(--color-text-tertiary);text-decoration:underline}.chat-area-footer a:hover{color:var(--color-text-secondary)}.chat-area-footer .footer-sep{margin:0 2px}.message-container::-webkit-scrollbar{width:6px}.message-container::-webkit-scrollbar-track{background:transparent}.message-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}@media(max-width:768px){.message-container{padding:12px}.sender-wrapper{padding:10px 12px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0))}.chat-area-footer{padding:6px 12px 10px;font-size:10px}.message-content-wrapper{max-width:90%}.bubble-list-wrapper{gap:16px}.input-container{padding:6px 6px 6px 12px}}.app-layout{display:flex;flex-direction:column;width:100%;height:100%;background:var(--color-bg)}.layout-content{flex:1;overflow:hidden;min-height:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg);padding:20px;position:relative}.login-page .back-button{position:absolute;top:20px;left:20px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:var(--color-bg-secondary);color:var(--color-text);font-size:18px;cursor:pointer;transition:background .2s}.login-page .back-button:hover{background:var(--color-border)}.login-logo{width:120px;height:auto;margin-bottom:8px}.login-tagline{font-size:18px;font-weight:600;color:var(--color-text);text-align:center;margin-bottom:20px;line-height:1.3}.login-card{background:var(--color-white);padding:24px;border-radius:16px;width:100%;max-width:400px}.login-card .ant-form-item{margin-bottom:12px}.login-card .ant-input,.login-card .ant-input-password{height:44px;border-radius:10px;border:none;background:var(--color-bg);font-size:15px}.login-card .ant-input:focus,.login-card .ant-input-password:focus,.login-card .ant-input-affix-wrapper:focus,.login-card .ant-input-affix-wrapper-focused{box-shadow:0 0 0 2px rgba(196,105,77,.2);border-color:var(--color-primary)}.login-card .ant-input-affix-wrapper{padding:0 12px;border-radius:10px;border:none;background:var(--color-bg)}.login-card .ant-btn-primary{height:44px;border-radius:10px;background:var(--color-primary);border-color:var(--color-primary);font-size:15px;font-weight:500}.login-card .ant-btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.login-footer{text-align:center;color:var(--color-text-secondary);margin-top:8px}.login-footer a{color:var(--color-text);text-decoration:underline}.login-footer a:hover{color:var(--color-primary)}.register-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg);padding:20px;position:relative}.register-page .back-button{position:absolute;top:20px;left:20px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:var(--color-bg-secondary);color:var(--color-text);font-size:18px;cursor:pointer;transition:background .2s}.register-page .back-button:hover{background:var(--color-border)}.register-logo{width:120px;height:auto;margin-bottom:8px}.register-tagline{font-size:18px;font-weight:600;color:var(--color-text);text-align:center;margin-bottom:20px;line-height:1.3}.register-card{background:var(--color-white);padding:24px;border-radius:16px;width:100%;max-width:400px}.register-card .ant-form-item{margin-bottom:12px}.register-card .ant-input,.register-card .ant-input-password{height:44px;border-radius:10px;border:none;background:var(--color-bg);font-size:15px}.register-card .ant-input:focus,.register-card .ant-input-password:focus,.register-card .ant-input-affix-wrapper:focus,.register-card .ant-input-affix-wrapper-focused{box-shadow:0 0 0 2px rgba(196,105,77,.2);border-color:var(--color-primary)}.register-card .ant-input-affix-wrapper{padding:0 12px;border-radius:10px;border:none;background:var(--color-bg)}.register-card .ant-space-compact{width:100%}.register-card .ant-space-compact .ant-input-affix-wrapper{border-radius:10px 0 0 10px}.register-card .ant-space-compact .ant-btn{height:44px;border-radius:0 10px 10px 0;border:none;background:var(--color-bg-secondary);color:var(--color-text);font-size:14px}.register-card .ant-space-compact .ant-btn:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.register-card .ant-space-compact .ant-btn:disabled{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.register-card .ant-btn-primary{height:44px;border-radius:10px;background:var(--color-primary);border-color:var(--color-primary);font-size:15px;font-weight:500}.register-card .ant-btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.register-footer{text-align:center;color:var(--color-text-secondary);margin-top:8px}.register-footer a{color:var(--color-text);text-decoration:underline}.register-footer a:hover{color:var(--color-primary)}.register-agreement{margin-top:16px;padding:0 20px;text-align:center;font-size:12px;color:var(--color-text-tertiary);line-height:1.5;max-width:400px}.register-agreement a{color:var(--color-text-tertiary);text-decoration:none}.register-agreement a u{text-decoration:underline}.register-agreement a:hover{color:var(--color-text-secondary)}.ant-app,.ant-app>div{height:100%}.ant-modal-confirm-btns .ant-btn-primary{background:var(--color-primary)!important;border-color:var(--color-primary)!important}.ant-modal-confirm-btns .ant-btn-primary:hover{background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important}.ant-modal-confirm-btns .ant-btn-default:hover{color:var(--color-primary)!important;border-color:var(--color-primary)!important}.ant-btn-loading-icon .anticon{color:inherit}.ant-form-item-explain-error{color:#e53935;font-size:13px}.ant-input-status-error,.ant-input-affix-wrapper-status-error{border-color:#e53935!important}.ant-input-status-error:focus,.ant-input-affix-wrapper-status-error:focus,.ant-input-affix-wrapper-status-error.ant-input-affix-wrapper-focused{border-color:#e53935!important;box-shadow:0 0 0 2px rgba(229,57,53,.2)!important}.ant-message-notice-content{border-radius:10px}.ant-popconfirm-buttons .ant-btn-primary{background:var(--color-primary);border-color:var(--color-primary)}.ant-popconfirm-buttons .ant-btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}