.sidebar-nav{background:#0f0f1a;border-right:1px solid #1f1f35;flex-direction:column;flex-shrink:0;width:64px;height:100vh;transition:width .3s;display:flex}.sidebar-nav.collapsed{width:64px}.sidebar-nav-header{border-bottom:1px solid #1f1f35;flex-direction:column;align-items:center;gap:8px;padding:16px 0;display:flex}.nav-logo{color:#fff;cursor:pointer;background:#10b981;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex}.nav-logo:hover{transform:scale(1.05);box-shadow:0 0 12px #10b98166}.nav-title{color:#e4e4e7;white-space:nowrap;font-size:12px;font-weight:600}.sidebar-nav-menu{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:4px;padding:12px 8px;display:flex;overflow-y:auto}.sidebar-nav-menu::-webkit-scrollbar{display:none}.nav-item{cursor:pointer;color:#9ca3af;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:11px;transition:all .15s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#1a1a2e}.nav-item.active{color:#10b981;background:#1a1a2e}.nav-item.active:before{content:"";background:#10b981;border-radius:0 2px 2px 0;width:3px;height:20px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.nav-item.compact{padding:8px 4px}.nav-item.compact .anticon{font-size:18px}.sidebar-nav-footer{border-top:1px solid #1f1f35;flex-direction:column;gap:4px;padding:12px 8px;display:flex}.nav-badge{color:#10b981;white-space:nowrap;background:#10b9811a;border-radius:4px;padding:1px 4px;font-size:10px}.nav-badge.mini{padding:0 2px;font-size:8px;position:absolute;bottom:4px;right:4px}@media (width<=768px){.sidebar-nav{width:56px}.nav-logo{width:32px;height:32px;font-size:18px}.nav-item .anticon{font-size:18px}.nav-label{font-size:10px}}@media (width<=480px){.sidebar-nav{width:48px}.sidebar-nav-header{padding:12px 0}.nav-logo{width:28px;height:28px;font-size:16px}.nav-item{padding:8px 2px}.nav-item .anticon{font-size:16px}.nav-label{font-size:9px}.sidebar-nav-menu,.sidebar-nav-footer{padding:8px 4px}}@media (prefers-reduced-motion:reduce){.sidebar-nav,.nav-item,.nav-logo{transition:none}}:root{--primary-color:#10b981;--primary-light:#34d399;--primary-dark:#059669;--left-nav-bg:#0f0f1a;--left-nav-hover:#1a1a2e;--left-nav-active:#1a1a2e;--left-nav-border:#1f1f35;--left-nav-text:#9ca3af;--left-nav-text-active:#fff;--sider-bg:#1a1a2e;--sider-bg-hover:#252547;--sider-border:#2d2d4a;--sider-text:#e4e4e7;--sider-text-secondary:#a1a1aa;--content-bg:#fafafa;--content-bg-secondary:#fff;--content-border:#e5e7eb;--content-text:#111827;--content-text-secondary:#6b7280;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease}html,body{height:100%;overflow:hidden}.chat-layout{height:100vh;display:flex;overflow:hidden}.left-nav{background:var(--left-nav-bg);border-right:1px solid var(--left-nav-border);flex-direction:column;flex-shrink:0;width:64px;display:flex}.left-nav-header{border-bottom:1px solid var(--left-nav-border);justify-content:center;padding:16px 0;display:flex}.nav-logo{background:var(--primary-color);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.left-nav-menu{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:4px;padding:12px 8px;display:flex;overflow-y:auto}.left-nav-menu::-webkit-scrollbar{display:none}.nav-item{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--left-nav-text);flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:11px;display:flex}.nav-item:hover{background:var(--left-nav-hover);color:var(--left-nav-text-active)}.nav-item.active{background:var(--left-nav-active);color:var(--primary-color)}.nav-item .anticon{font-size:20px}.nav-label{white-space:nowrap;font-size:11px}.nav-badge{color:var(--primary-color);border-radius:var(--radius-sm);background:#10b9811a;padding:1px 4px;font-size:10px}.left-nav-footer{border-top:1px solid var(--left-nav-border);flex-direction:column;gap:4px;padding:12px 8px;display:flex}.chat-sider{border-right:1px solid var(--sider-border);flex-direction:column;flex-shrink:0;height:100%;display:flex;overflow:hidden;background:var(--sider-bg)!important;width:280px!important;min-width:280px!important;max-width:280px!important}.sider-header{border-bottom:1px solid var(--sider-border);flex-shrink:0;padding:16px}.sider-brand{color:var(--sider-text);align-items:center;margin-bottom:16px;display:flex}.brand-text{letter-spacing:-.5px;font-size:18px;font-weight:600}.new-session-btn{height:36px;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:500;display:flex;background:var(--primary-color)!important;border-radius:var(--radius-md)!important;border:none!important}.new-session-btn:hover{background:var(--primary-light)!important}.keyboard-shortcut{border-radius:var(--radius-sm);background:#fff3;margin-left:auto;padding:1px 5px;font-size:10px}.search-input{background:0 0!important}.search-input .ant-input{height:32px;font-size:13px;border:1px solid var(--sider-border)!important;border-radius:var(--radius-md)!important;color:var(--sider-text)!important;background:#ffffff0d!important}.search-input .ant-input::placeholder,.search-input .ant-input-prefix{color:var(--sider-text-secondary)!important}.session-list-container{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:8px;overflow:hidden auto}.session-list-container::-webkit-scrollbar{display:none}.session-list{flex-direction:column;gap:2px;display:flex}.session-item{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--sider-text);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.session-item:hover{background:var(--sider-bg-hover)}.session-active{border-left:2px solid var(--primary-color);background:var(--sider-bg-hover)!important}.session-content{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.session-icon{color:var(--sider-text-secondary);flex-shrink:0;font-size:14px}.session-active .session-icon{color:var(--primary-color)}.session-info{flex:1;min-width:0}.session-title{margin-bottom:1px;font-size:13px;font-weight:500;display:block;color:var(--sider-text)!important}.session-preview{font-size:11px;display:block;color:var(--sider-text-secondary)!important}.delete-btn{opacity:0;transition:all var(--transition-fast);color:var(--sider-text-secondary)!important;width:24px!important;height:24px!important;padding:0!important}.session-item:hover .delete-btn{opacity:1}.delete-btn:hover{color:#ef4444!important;background:#ef44441a!important}.empty-sessions{margin-top:40px;color:var(--sider-text-secondary)!important}.sider-footer{border-top:1px solid var(--sider-border);flex-shrink:0;padding:12px 16px}.clear-all-btn{height:32px;font-size:12px;color:var(--sider-text-secondary)!important}.clear-all-btn:hover{color:var(--sider-text)!important;background:var(--sider-bg-hover)!important}.chat-content{background:var(--content-bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.model-selector-bar{background:var(--content-bg-secondary);border-bottom:1px solid var(--content-border);flex-shrink:0;justify-content:center;padding:12px 24px;display:flex}.model-tabs{background:var(--content-bg);border-radius:var(--radius-lg);border:1px solid var(--content-border);gap:8px;padding:4px;display:flex}.model-tab{border-radius:var(--radius-md);color:var(--content-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:flex}.model-tab:hover{color:var(--content-text);background:var(--content-bg-secondary)}.model-tab.active{background:var(--content-bg-secondary);color:var(--primary-color);box-shadow:var(--shadow-sm)}.messages-container{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:24px;overflow:hidden auto}.messages-container::-webkit-scrollbar{display:none}.messages-list{flex-direction:column;gap:16px;width:100%;max-width:768px;margin:0 auto;display:flex}.welcome-page{max-width:768px;margin:0 auto;padding:60px 20px 40px;animation:.5s fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-header{text-align:center;margin-bottom:48px}.model-label{color:var(--content-text-secondary);margin-bottom:8px;font-size:14px}.welcome-title{color:var(--content-text);letter-spacing:-1px;background:linear-gradient(135deg, var(--content-text) 0%, var(--content-text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700}.welcome-sections{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=1024px){.welcome-sections{grid-template-columns:1fr}}.welcome-section{background:var(--content-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--content-border);padding:20px}.section-header{color:var(--content-text);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.section-icon{color:var(--primary-color);font-size:16px}.section-icon.warning{color:#f59e0b}.example-list{flex-direction:column;gap:8px;display:flex}.example-item{background:var(--content-bg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:8px;padding:12px;display:flex}.example-item:hover{border-color:var(--primary-color);background:#10b98108}.example-text{color:var(--content-text);flex:1;font-size:13px;line-height:1.5}.example-arrow{color:var(--content-text-secondary);opacity:0;transition:all var(--transition-fast);font-size:12px}.example-item:hover .example-arrow{opacity:1;transform:translate(4px)}.capability-list,.limitation-list{flex-direction:column;gap:12px;display:flex}.capability-item,.limitation-item{color:var(--content-text-secondary);padding-left:14px;font-size:13px;line-height:1.6;position:relative}.capability-item:before,.limitation-item:before{content:"";background:var(--primary-color);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:0}.limitation-item:before{background:#f59e0b}.message-item{animation:.3s message-appear;display:flex}@keyframes message-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{justify-content:flex-end}.message-wrapper{gap:12px;max-width:85%;display:flex}.message-user .message-wrapper{flex-direction:row-reverse}.message-avatar{flex-shrink:0;width:32px!important;height:32px!important}.assistant-avatar{background:var(--primary-color)!important}.message-content{flex-direction:column;display:flex}.message-bubble{border-radius:var(--radius-lg);padding:12px 16px;font-size:14px;line-height:1.6}.user-content .message-bubble{background:var(--primary-color);color:#fff;border-bottom-right-radius:var(--radius-sm)}.assistant-content .message-bubble{background:var(--content-bg-secondary);border:1px solid var(--content-border);color:var(--content-text);border-bottom-left-radius:var(--radius-sm)}.message-text{color:inherit;white-space:pre-wrap}.thinking-wrapper{align-items:flex-start;gap:12px;display:flex}.thinking-indicator{background:var(--content-bg-secondary);border:1px solid var(--content-border);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px 16px;display:flex}.thinking-dots{gap:4px;display:flex}.thinking-dots span{background:var(--primary-color);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both thinking-bounce}.thinking-dots span:first-child{animation-delay:-.32s}.thinking-dots span:nth-child(2){animation-delay:-.16s}@keyframes thinking-bounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.thinking-text{color:var(--content-text-secondary);font-size:13px}.load-more{text-align:center;padding:16px 0}.load-more .ant-btn{color:var(--content-text-secondary);font-size:13px}.load-more .ant-btn:hover{color:var(--primary-color)}.input-area{background:var(--content-bg-secondary);border-top:1px solid var(--content-border);flex-shrink:0;padding:16px 24px 20px}.input-wrapper{background:var(--content-bg);border:1px solid var(--content-border);border-radius:var(--radius-xl);max-width:768px;transition:all var(--transition-fast);flex-direction:column;gap:8px;margin:0 auto;padding:12px 16px;display:flex}.input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #10b9811a}.message-input{resize:none;min-height:24px;padding:0;font-size:15px;line-height:1.6;background:0 0!important;border:none!important}.message-input:focus{box-shadow:none!important}.message-input::placeholder{color:var(--content-text-secondary)}.input-actions{justify-content:space-between;align-items:center;display:flex}.token-count{color:var(--content-text-secondary);font-size:12px}.send-btn{justify-content:center;align-items:center;display:flex;border-radius:var(--radius-md)!important;background:var(--primary-color)!important;border:none!important;width:32px!important;height:32px!important;padding:0!important}.send-btn:hover:not(:disabled){background:var(--primary-dark)!important}.send-btn:disabled{opacity:.7;background:var(--content-border)!important}.input-footer{text-align:center;margin-top:12px}.footer-text{color:var(--content-text-secondary);font-size:12px}@media (width<=768px){.left-nav{width:56px}.chat-sider{z-index:100;transition:transform var(--transition-normal);position:fixed;top:64px;bottom:0;left:56px;transform:translate(-100%)}.chat-sider.open{transform:translate(0)}.welcome-sections{grid-template-columns:1fr}.message-wrapper{max-width:95%}.input-area{padding:12px 16px 16px}}@media (width<=480px){.left-nav{width:48px}.nav-item .anticon{font-size:18px}.nav-label{font-size:10px}.model-tabs{flex-wrap:wrap;justify-content:center}.model-tab{padding:5px 10px;font-size:12px}.welcome-title{font-size:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.profile-layout{background:#f5f5f5;min-height:100vh;display:flex;overflow:hidden}.profile-content{flex:1;height:100vh;padding:24px;overflow-y:auto!important}.profile-header{margin-bottom:24px}.profile-header .ant-typography{margin-bottom:4px}.profile-tabs{background:#fff;border-radius:8px;padding:0 24px}.profile-tabs .ant-tabs-content{padding:24px 0}.profile-card{border-radius:12px;box-shadow:0 2px 8px #0000000f}.profile-card .ant-card-head{border-bottom:1px solid #f0f0f0}.card-header{align-items:center;gap:8px;display:flex}.user-card{text-align:center;overflow:hidden}.user-cover{background:linear-gradient(135deg,#10b981 0%,#059669 100%);height:100px;margin:-24px -24px 0}.user-avatar-wrapper{margin-top:-50px;display:inline-block;position:relative}.user-avatar{cursor:pointer;background:#10b981;border:4px solid #fff}.avatar-upload-overlay{color:#fff;cursor:pointer;background:#0009;border-radius:0 0 50px 50px;padding:4px 0;font-size:12px;position:absolute;bottom:0;left:0;right:0}.user-info{margin:16px 0}.user-name{margin-bottom:4px!important}.user-email{font-size:14px}.user-stats{margin:16px 0}.account-info{margin-top:16px}.info-item{margin-bottom:12px}.info-value{margin-top:4px;font-weight:500}.security-item{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.security-info{align-items:center;gap:16px;display:flex}.security-icon{color:#6b7280;background:#f3f4f6;border-radius:8px;padding:12px;font-size:24px}.security-tips{background:#fef3c7;border:1px solid #fcd34d}.security-tips .ant-typography{color:#92400e}.tips-list{color:#92400e;margin:0;padding-left:20px}.tips-list li{margin-bottom:8px;line-height:1.6}@media (width<=768px){.profile-content{padding:16px}.profile-tabs{padding:0 16px}.security-item{flex-direction:column;align-items:flex-start;gap:12px}}.wallet-layout{background:#f5f5f5;min-height:100vh;display:flex;overflow:hidden}.wallet-content{flex:1;height:100vh;padding:24px;overflow-y:auto!important}.wallet-header{margin-bottom:24px}.wallet-header .ant-typography{margin-bottom:4px}.wallet-tabs{background:#fff;border-radius:8px;padding:0 24px}.wallet-tabs .ant-tabs-content{padding:24px 0}.wallet-balance-card{text-align:center;border-radius:12px;box-shadow:0 2px 8px #0000000f}.balance-header{margin-bottom:16px}.balance-icon{color:#10b981;margin-bottom:8px;font-size:48px}.balance-title{color:#374151!important;margin-bottom:0!important}.balance-amount{margin:24px 0}.balance-label{color:#6b7280;margin-bottom:8px;font-size:14px;display:block}.balance-value{color:#10b981!important;margin-bottom:8px!important}.refresh-btn{color:#6b7280!important}.recharge-btn{height:44px;font-size:16px;background:#10b981!important;border-color:#10b981!important}.recharge-btn:hover{background:#059669!important;border-color:#059669!important}.bonus-card{border-radius:12px;box-shadow:0 2px 8px #0000000f}.bonus-item{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.bonus-icon{color:#10b981}.bonus-badge .ant-badge-count{background:#10b981}.card-title{align-items:center;gap:8px;display:flex}.title-icon{font-size:18px}.title-icon.consumption{color:#ef4444}.title-icon.recharge{color:#10b981}.table-toolbar{gap:12px;margin-bottom:16px;display:flex}.amount-option{text-align:center;min-width:80px;padding:8px 16px;position:relative}.bonus-tag{color:#fff;background:#ef4444;border-radius:10px;padding:2px 6px;font-size:10px;position:absolute;top:-8px;right:-8px}.payment-option{align-items:center;width:100%;padding:12px 16px;display:flex}.recharge-summary{background:#f0fdf4;border-radius:8px;margin-top:16px;padding:16px}.summary-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.summary-row.total{border-top:1px dashed #bbf7d0;margin-top:12px;padding-top:12px}.total-amount{font-size:24px!important}.pay-modal-content{text-align:center;padding:20px 0}.pay-alert{margin-bottom:24px}.qr-code-wrapper{justify-content:center;margin-bottom:24px;display:flex}.success-icon{color:#10b981;margin-bottom:16px;font-size:80px}.success-title{color:#10b981!important;margin-bottom:8px!important}@media (width<=768px){.wallet-content{padding:16px}.wallet-tabs{padding:0 16px}.table-toolbar{flex-direction:column}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}::selection{color:#fff;background:#1890ff}a{color:#1890ff;text-decoration:none;transition:color .3s}a:hover{color:#40a9ff}input:focus,textarea:focus,select:focus{outline:none}.no-select{-webkit-user-select:none;user-select:none}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex{display:flex}.flex-column{flex-direction:column;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-1{flex:1}.m-0{margin:0}.m-8{margin:8px}.m-16{margin:16px}.m-24{margin:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.ml-8{margin-left:8px}.ml-16{margin-left:16px}.mr-8{margin-right:8px}.mr-16{margin-right:16px}.p-0{padding:0}.p-8{padding:8px}.p-16{padding:16px}.p-24{padding:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-in-out fadeIn}.animate-slide-up{animation:.3s ease-in-out slideUp}@media (width<=768px){.hide-mobile{display:none!important}}@media (width>=769px){.hide-desktop{display:none!important}}