*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}.app{height:100%;display:flex;flex-direction:column}.page-container{height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.page-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.login-card{width:400px;padding:40px;background:white;border-radius:12px;box-shadow:0 10px 40px #0000001a}.login-title{text-align:center;font-size:24px;font-weight:600;margin-bottom:8px;color:#333}.login-subtitle{text-align:center;color:#666;margin-bottom:32px}.chat-home-page{height:100vh;display:flex;background-image:url(/assets/images/bg_login_small.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;overflow:hidden}@media (min-width: 768px){.chat-home-page{background-image:url(/assets/images/bg_login_big.png)}}.chat-sidebar{width:280px;display:flex;flex-direction:column;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-right:1px solid rgba(232,232,232,.5);flex-shrink:0}.chat-sidebar.compact{width:84px}.sidebar-header{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0}.user-info{display:flex;align-items:center;gap:12px;flex:1}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{font-size:14px;font-weight:600;color:#333}.sidebar-search{padding:12px 16px;border-bottom:1px solid #f0f0f0}.sidebar-list{flex:1;overflow-y:auto}.sidebar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.character-item{padding:12px 16px;display:flex;gap:12px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f5f5f5}.chat-sidebar.compact .character-item.only-avatar{justify-content:center;padding:10px 8px;border-bottom:none}.chat-sidebar.compact .character-item.only-avatar .message-avatar,.chat-sidebar.compact .character-item.only-avatar .ant-avatar,.chat-sidebar.compact .character-item.only-avatar .v-avatar,.chat-sidebar.compact .character-item.only-avatar .menu-avatar{width:48px;height:48px;transition:transform .2s ease;transform-origin:center center}.chat-sidebar.compact .character-item.only-avatar.menu-item .menu-avatar{transform:scale(1)!important}.chat-sidebar.compact .sidebar-list .character-item.only-avatar:not(.active) .ant-avatar,.chat-sidebar.compact .sidebar-list .character-item.only-avatar:not(.active) .v-avatar,.chat-sidebar.compact .sidebar-list .character-item.only-avatar:not(.active) .menu-avatar{transform:scale(.6)}.chat-sidebar.compact .sidebar-list .character-item.only-avatar.active .ant-avatar,.chat-sidebar.compact .sidebar-list .character-item.only-avatar.active .v-avatar,.chat-sidebar.compact .sidebar-list .character-item.only-avatar.active .menu-avatar{transform:scale(1)}.chat-sidebar.compact .character-item.only-avatar.active,.chat-sidebar.compact .character-item.active{background:transparent;border-right:none}.chat-sidebar.compact .character-item.only-avatar:hover{background:#f5f5f5}.chat-sidebar.compact .character-item.only-avatar .character-item-content{display:none}.character-item:hover{background:#f5f5f5}.character-item.active{background:#e6f7ff;border-right:3px solid #1890ff}.character-item-content{flex:1;display:flex;flex-direction:column;gap:4px;overflow:hidden}.character-item-header{display:flex;align-items:center;gap:6px}.character-item-name{font-size:14px;font-weight:600;color:#333}.lock-icon{font-size:12px}.character-item-desc{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.chat-welcome{flex:1;display:flex;align-items:center;justify-content:center;background:transparent}.welcome-content{text-align:center}.welcome-icon{font-size:80px;margin-bottom:24px}.welcome-content h2{font-size:24px;font-weight:600;color:#333;margin-bottom:12px}.chat-page{height:100vh;display:flex;flex-direction:column;background:#f0f2f5}.chat-header{height:60px;padding:0 20px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(232,232,232,.5);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:12px}.chat-header-right{display:flex;align-items:center;gap:8px}.chat-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat-character-name{font-size:16px;font-weight:600;color:#333}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:transparent}.chat-main .chat-messages{padding-bottom:140px}.message-item{display:flex;gap:12px}.message-item.user{flex-direction:row-reverse}.message-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.message-content{padding:12px 16px;border-radius:18px;word-wrap:break-word;position:relative}.message-item.user .message-content{background:#1890ff;color:#fff}.message-item.ai .message-content{background:white;color:#333;border:1px solid #e8e8e8}.message-time{font-size:12px;color:#999}.chat-input{padding:20px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-top:1px solid rgba(232,232,232,.5)}.chat-input-area{display:flex;gap:12px;align-items:flex-end}.chat-floating-input{position:absolute;left:50%;bottom:16px;transform:translate(-50%);width:min(900px,calc(100% - 32px));background:rgba(255,255,255,.96);border:1px solid rgba(232,232,232,.8);border-radius:20px;box-shadow:0 8px 24px #0000001f;padding:8px 10px;z-index:5;backdrop-filter:blur(10px)}.chat-floating-input .chat-input-area{align-items:center}.chat-floating-input .chat-input-text textarea,.chat-floating-input .chat-input-text{border:none!important;box-shadow:none!important;background:transparent}.chat-send-btn-floating{width:36px;height:36px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.chat-floating-input{left:8px;right:8px;transform:none;width:auto;bottom:max(8px,env(safe-area-inset-bottom))}}.chat-input-text{flex:1;min-height:40px;max-height:120px;resize:none;border:1px solid #e8e8e8;border-radius:20px;padding:10px 16px;outline:none;font-size:14px;line-height:1.4}.chat-input-text:focus{border-color:#1890ff}.chat-send-btn{width:40px;height:40px;border-radius:50%;border:none;background:#1890ff;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.chat-send-btn:hover{background:#40a9ff}.chat-send-btn:disabled{background:#d9d9d9;cursor:not-allowed}.loading-container{display:flex;align-items:center;justify-content:center;height:200px}.loading-text{margin-left:12px;color:#666}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#999}.empty-icon{font-size:48px;margin-bottom:16px}.empty-text{font-size:16px}@media (max-width: 768px){.login-card{width:90%;padding:30px 24px}.chat-home-page{flex-direction:column}.chat-sidebar{width:100%;max-height:40vh;border-right:none;border-bottom:1px solid #e8e8e8}.chat-sidebar.compact{width:100%;max-height:108px;border-right:none;border-bottom:1px solid #e8e8e8}.chat-sidebar.compact .sidebar-header{padding:8px 12px}.chat-sidebar.compact .sidebar-list{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:12px;padding:8px 12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.chat-sidebar.compact .character-item.only-avatar{padding:0;margin:0;border-bottom:none}.chat-sidebar.compact .character-item.only-avatar .message-avatar,.chat-sidebar.compact .character-item.only-avatar .ant-avatar,.chat-sidebar.compact .character-item.only-avatar .v-avatar{width:48px;height:48px;transition:transform .2s ease;transform-origin:center center}.chat-sidebar.compact .character-item.only-avatar.menu-item .menu-avatar{transform:scale(1)!important}.chat-sidebar.compact .sidebar-list .character-item.only-avatar:not(.active) .ant-avatar,.chat-sidebar.compact .sidebar-list .character-item.only-avatar:not(.active) .v-avatar,.chat-sidebar.compact .sidebar-list .character-item.only-avatar:not(.active) .menu-avatar{transform:scale(.6)}.chat-sidebar.compact .sidebar-list .character-item.only-avatar.active .ant-avatar,.chat-sidebar.compact .sidebar-list .character-item.only-avatar.active .v-avatar,.chat-sidebar.compact .sidebar-list .character-item.only-avatar.active .menu-avatar{transform:scale(1)}.chat-main{flex:1}.chat-header{padding:0 12px}.chat-header-right{gap:4px}.chat-messages,.chat-input{padding:16px}.message-content{max-width:85%}.chat-header-right .ant-btn:not(:last-child){display:none}}@media (min-width: 769px) and (max-width: 1024px){.chat-sidebar{width:240px}.character-item{padding:10px 12px}.chat-header{padding:0 16px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.login-page{min-height:100vh;height:100vh;display:flex;align-items:center;justify-content:center;position:fixed;inset:0;overflow:hidden;background-image:url(/assets/images/bg_login_small.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}@media (min-width: 768px){.login-page{background-image:url(/assets/images/bg_login_big.png)}}.login-card{position:relative;z-index:2;width:90%;max-width:400px;padding:40px 24px;background:transparent!important;box-shadow:none!important;border:none!important}.login-card form{display:flex;flex-direction:column;gap:16px}@media (max-width: 576px){.login-card{width:85%;padding:32px 20px}}.login-logo-top-left{position:fixed;top:24px;left:24px;width:60px;height:60px;object-fit:contain;z-index:10}.env-switcher{position:fixed;top:24px;right:24px;z-index:10}.env-switcher .ant-select{font-size:13px}.env-switcher .ant-select-selector{background:rgba(255,255,255,.15)!important;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25)!important;border-radius:8px!important;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.env-switcher .ant-select-selector:hover{background:rgba(255,255,255,.25)!important;border-color:#ffffff59!important}.env-switcher .ant-select-focused .ant-select-selector{background:rgba(255,255,255,.25)!important;border-color:#fff6!important;box-shadow:0 0 0 2px #ffffff1a!important}.env-switcher .ant-select-selection-item{color:#141414b3!important;font-weight:300;text-align:center;padding-right:0!important}.env-switcher .ant-select-arrow{display:none}@media (max-width: 576px){.login-logo-top-left{top:16px;left:16px;width:48px;height:48px}.env-switcher{top:16px;right:16px}.env-switcher .ant-select{font-size:12px}}.login-title{margin:0!important;font-size:32px!important;font-weight:700!important;color:#1a1a1a!important;text-align:center;letter-spacing:-.5px}@media (max-width: 576px){.login-title{font-size:26px!important}}.login-subtitle{display:block;margin-top:8px;font-size:15px;color:#666;text-align:center}@media (max-width: 576px){.login-subtitle{font-size:14px}}.phone-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.login-page .simple-input{height:48px;border-radius:0;font-size:15px;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:300;line-height:100%;text-align:center;background:transparent!important;border:none!important;border-bottom:2px solid #D9D9D9!important;color:#1a1a1a;transition:all .3s;padding-right:40px}.login-page .simple-input::placeholder{color:#00000059;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:300;text-align:center}.login-page .simple-input:hover,.login-page .simple-input:focus{background:transparent!important;box-shadow:none!important;border-bottom:2px solid #D9D9D9!important}.login-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:20px;color:#00000073;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;width:32px;height:32px;animation:zoomIn .3s ease-out}.login-icon:hover{color:#000000a6;transform:translateY(-50%) scale(1.1)}.login-icon:active{transform:translateY(-50%) scale(.95)}.login-hint{text-align:center;margin-top:20px;padding:12px 16px;background:rgba(24,144,255,.05);border-radius:8px;border:1px solid rgba(24,144,255,.15)}@media (max-width: 576px){.login-hint{padding:10px 14px}.login-hint .ant-typography{font-size:12px}}.login-page .ant-form-item-explain-error{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:translateY(-50%) scale(.5)}to{opacity:1;transform:translateY(-50%) scale(1)}}.login-card{animation:fadeIn .5s ease-out}@media (max-width: 400px){.login-card{width:90%;padding:28px 20px}.login-logo{width:56px;height:56px}.login-title{font-size:22px!important}}.unauthorized-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}