@charset "UTF-8";*{margin:0;padding:0}html{height:100%;overflow:hidden}body{height:100%;margin:0;overflow:hidden}section{height:100%}.ant-modal-body{padding:10px 20px!important}.ant-input-affix-wrapper{border:1px solid #e8e8e8;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-input-affix-wrapper:hover{border-color:#d9d9d9}.ant-input-affix-wrapper:focus-within{border-color:#e46342;box-shadow:0 0 0 2px #e463421a}.ant-input-affix-wrapper .search-icon{color:#bfbfbf;margin-right:8px;transition:color .3s}.ant-input-affix-wrapper .ant-input{font-size:14px}.ant-input-affix-wrapper .ant-input::placeholder{color:#8c8c8c}::-webkit-scrollbar{width:8px;height:1px}::-webkit-scrollbar-thumb{border-radius:4px;background:#bababa80}::-webkit-scrollbar-track{border-radius:4px}.search-input .ant-input{border:none!important}.emoji-large{width:32px;height:32px;vertical-align:bottom}.emoji-normal{width:26px;height:26px;vertical-align:bottom}.emoji-small{width:20px;height:20px;vertical-align:bottom}@font-face{font-family:iconfont;src:url(./iconfont-B7-57wZs.ttf?t=1745933248800) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-man:before{content:""}.icon-girl:before{content:""}.icon-username:before{content:""}.icon-no-data:before{content:""}.icon-phone:before{content:""}.icon-email:before{content:""}.icon-chat:before{content:""}.icon-chat-unmuted:before{content:""}.icon-chat-muted:before{content:""}.icon-microphone-on:before{content:""}.icon-microphone-off:before{content:""}.icon-speaker-on:before{content:""}.icon-speaker-off:before{content:""}.icon-camera-on:before{content:""}.icon-camera-off:before{content:""}.icon-phone-accept:before{content:""}.icon-phone-reject:before{content:""}.icon-chat-video:before{content:""}.icon-chat-voice:before{content:""}.icon-setting:before{content:""}.icon-friend:before{content:""}.icon-group:before{content:""}.icon-modify:before{content:""}.icon-quit:before{content:""}.icon-exit:before{content:""}.icon-ok:before{content:""}.icon-receipt:before{content:""}.icon-emoji:before{content:""}.icon-invite-rtc:before{content:""}.not-found-title{color:#ff4d4f}.not-found-subtitle{color:#333;font-weight:500}.not-found-description{color:#999;line-height:1.6}.not-found-helper{color:#666;font-size:.9rem}.main-layout{width:100%;height:100vh;background-color:#f6f6f6;display:flex;overflow:hidden}.main-layout .main-layout-content{display:flex;flex:1}.main-layout .main-layout-content .main-layout-content-left{border-right:1px solid #eee}.main-layout .main-layout-content .main-layout-content-right{flex:1}.navi-bar{height:100vh;width:60px;background-color:#d7d7d7;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.navi-bar .top .user-head-image{margin-top:20px;cursor:pointer;display:flex;justify-content:center}.navi-bar .top .user-head-image img{width:40px;height:40px;border-radius:50%;object-fit:cover}.navi-bar .top .menu{height:200px;display:flex;flex-direction:column;justify-content:center;align-content:center}.navi-bar .top .menu .menu-item{position:relative;color:#8a8a8a;cursor:pointer;width:60px;height:46px;display:flex;justify-content:center;align-items:center;margin-bottom:12px}.navi-bar .top .menu .menu-item .icon{font-size:26px}.navi-bar .top .menu .menu-item:hover{font-weight:600;color:#fff49a}.navi-bar .bottom .bottom-item{display:flex;justify-content:center;align-items:center;height:50px;width:100%;cursor:pointer;color:#8a8a8a;font-size:22px}.navi-bar .bottom .bottom-item .icon{font-size:26px}.friend-page{width:300px;height:100vh;overflow:hidden}.friend-page .friend-container .header{display:flex;padding:10px 10px 5px;align-items:center}.friend-page .friend-container .friend-ul .friend-section .section-header{padding:6px 16px;font-size:14px;color:#999;background-color:#fff}.friend-page .friend-container .friend-ul .friend-item{display:flex;align-items:center;padding:5px 16px;cursor:pointer;transition:background-color .2s}.friend-page .friend-container .friend-ul .friend-item:hover{background-color:#f5f5f5}.friend-page .friend-container .friend-ul .friend-item-avatar{width:40px;height:40px;border-radius:50%;margin-right:12px;overflow:hidden}.friend-page .friend-container .friend-ul .friend-item-avatar img{width:100%;height:100%;object-fit:cover}.friend-page .friend-container .friend-ul .friend-item-info{position:relative;display:flex;justify-content:center;align-items:center;font-size:15px}.friend-page .friend-container .friend-ul .friend-item-info .unread-text{position:absolute;background-color:#f56c6c;right:-12px;top:-8px;color:#fff;border-radius:30px;padding:1px 5px;font-size:10px;text-align:center;white-space:nowrap;border:1px solid #f1e5e5}.friend-page .content_roll{overflow:hidden;overflow-y:auto}.friend-page .ant-drawer-header{padding:0}.friend-page .ant-drawer-body{padding:12px;overflow:auto}.friend-page .ant-drawer-body::-webkit-scrollbar{width:6px;height:6px}.friend-page .ant-drawer-body::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.friend-page .ant-drawer-body::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:3px;transition:all .3s}.friend-page .ant-drawer-body::-webkit-scrollbar-thumb:hover{background:#c1c1c1}.friend-page .drawer-header{display:flex;align-items:center;padding:16px}.friend-page .request-list .request-item{display:flex;align-items:center;padding:12px;margin-bottom:8px;background:#f8f8f8;border-radius:8px}.friend-page .request-list .request-item .request-avatar{width:40px;height:40px;border-radius:50%;margin-right:12px}.friend-page .request-list .request-item .request-info{flex:1}.friend-page .request-list .request-item .request-info .username{font-weight:500;margin-bottom:4px}.friend-page .request-list .request-item .request-info .message{font-size:12px;color:#666}.friend-page .request-list .request-item .action-buttons{display:flex;gap:8px}.friend-page .request-list .request-item .action-buttons .accepted{padding:6px;font-size:12px;color:#666}.friend-page .request-list .request-item .action-buttons .accept{padding:6px;font-size:12px;font-weight:700;color:#e46342}.friend-search-modal{height:520px;display:flex;flex-direction:column}.friend-search-modal .search-content{flex:1;background-color:#fff;display:flex;flex-direction:column;height:120px}.friend-search-modal .search-content .search-empty-state{text-align:center;color:#999;padding:20px 0;margin:auto}.friend-search-modal .search-content .search-loading{text-align:center;padding:20px 0;margin:auto}.friend-search-modal .search-content .search-result-card{padding:10px;margin-top:12px;border-radius:8px;background-color:#f8f8f8;display:flex;align-items:center}.friend-search-modal .search-content .search-result-card .user-profile{display:flex;align-items:center;flex:1}.friend-search-modal .search-content .search-result-card .user-profile .user-avatar{width:50px;height:50px;min-width:50px;border-radius:50%;overflow:hidden;margin-right:12px}.friend-search-modal .search-content .search-result-card .user-profile .user-avatar img{width:100%;height:100%;object-fit:cover}.friend-search-modal .search-content .search-result-card .user-profile .user-details{flex:1;overflow:hidden}.friend-search-modal .search-content .search-result-card .user-profile .user-details .user-name{font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-search-modal .search-content .search-result-card .user-profile .user-details .user-signature{font-size:14px;color:#9b9b9b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-search-modal .search-content .search-result-card .action-button{margin-left:16px}.friend-search-modal .search-content .search-error{text-align:center;padding:20px 0;color:#ff4d4f;margin:auto}.friend-search-modal .add-friend-drawer{position:absolute;right:0;top:0}.friend-search-modal .add-friend-drawer .message-input{margin-bottom:20px}.friend-search-modal .add-friend-drawer .action-buttons{text-align:right}.friend-search-modal .add-friend-drawer .action-buttons .cancel-btn{margin-right:8px}.group-page{width:300px;height:100vh;overflow:hidden;background-color:#f5f5f5;border-right:1px solid #f0f0f0}.group-page .header{display:flex;padding:10px;align-items:center;border-bottom:1px solid #f0f0f0}.group-page .group-list{height:calc(100% - 50px);overflow-y:auto;padding-bottom:8px}.group-page .group-list::-webkit-scrollbar{width:6px}.group-page .group-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.group-page .group-list .group-section{margin-bottom:8px}.group-page .group-list .group-section .section-header{padding:6px 16px;font-size:13px;color:#999;background-color:#fff}.group-page .group-list .group-section .group-item{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background-color .2s}.group-page .group-list .group-section .group-item-avatar{width:40px;height:40px;border-radius:50%;margin-right:12px;overflow:hidden;flex-shrink:0}.group-page .group-list .group-section .group-item-avatar img{width:100%;height:100%;object-fit:cover}.group-page .group-list .group-section .group-item-info{flex:1;font-size:15px;font-weight:500;overflow:hidden}.group-page .group-list .group-section .group-item-desc{font-size:12px;color:#999;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-avatar-uploader{width:80px;height:80px;border-radius:8px;background-color:#f5f5f5;position:relative;cursor:pointer;overflow:hidden}.custom-avatar-uploader img{width:100%;height:100%;object-fit:cover}.custom-avatar-uploader .avatar-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;opacity:0;transition:opacity .2s}.custom-avatar-uploader:hover .avatar-mask{opacity:1}.member-item{display:flex;align-items:center;padding:6px 0}.member-item .member-avatar{width:24px;height:24px;border-radius:50%;margin-right:8px}.member-item .member-name{font-size:14px}.edit-user-container{width:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;height:50%}.edit-user-container .title{width:95%;height:8.5%;font-size:24px;font-weight:600;color:#bababa;display:flex;align-items:center;margin-bottom:20px}.edit-user-container .avatar1{width:20%;height:90px;margin-top:20px;border-radius:60%;background-color:#000;overflow:hidden;position:relative;display:inline-block}.edit-user-container .avatar1 img{width:100%;height:100%;border-radius:50%;object-fit:cover}.edit-user-container .avatar1 .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;opacity:0;transition:opacity .3s ease}.edit-user-container .avatar1:hover .overlay{opacity:1}.edit-user-container .formtitle{font-size:24px;margin-top:30px}.edit-user-container .submitbutton{width:300px;height:50px;margin-left:-110px;margin-top:20px}.chat-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.chat-container .chat-header{position:relative;flex-shrink:0;width:100%;top:0;right:0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 1px #7272722b;background-color:#fff;padding:10px 15px;box-sizing:border-box;z-index:10}.chat-container .chat-header .chat-header-left{display:flex;align-items:center}.chat-container .chat-header .chat-header-left .firend-avatar{width:40px;height:40px;border-radius:40%;overflow:hidden}.chat-container .chat-header .chat-header-left .firend-avatar img{width:100%;height:100%}.chat-container .chat-header .chat-header-left .firend-name{margin-left:10px;font-weight:600;font-size:14px}.chat-container .chat-header .chat-header-right{display:flex}.chat-container .chat-header .chat-header-right div{display:flex;align-items:center;margin-left:10px;cursor:pointer}.chat-container .chat-center{flex:1;overflow-y:auto;padding:10px 16px;display:flex;flex-direction:column;gap:12px;background-color:#f6f6f6}.chat-container .chat-center .message-system{display:flex;justify-content:center;width:100%}.chat-container .chat-center .message-system .message-tip{width:60%;line-height:15px;font-size:13px;color:#888;text-align:center;word-break:break-word;white-space:pre-wrap;padding:4px 8px;border-radius:4px}.chat-container .chat-center::-webkit-scrollbar{width:8px;height:8px}.chat-container .chat-center::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.chat-container .chat-center::-webkit-scrollbar-track{background-color:transparent}.chat-container .chat-center .message{display:flex;max-width:80%;align-items:flex-start}.chat-container .chat-center .message.sent{align-self:flex-end}.chat-container .chat-center .message.sent .message-content .message-text{background-color:#1890ff;color:#fff;display:flex;align-items:center}.chat-container .chat-center .message.sent .message-content .iconfont{cursor:pointer;font-size:25px;padding-right:8px;transform:rotateY(180deg)}.chat-container .chat-center .message.received{align-self:flex-start}.chat-container .chat-center .message.received .message-content .message-text{display:flex;align-items:center;background-color:#fff;color:#333;cursor:pointer;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.chat-container .chat-center .message.received .message-content .message-text:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.chat-container .chat-center .message.received .iconfont{cursor:pointer;font-size:25px;padding-right:8px}.chat-container .chat-center .message .message-avatar{width:36px;height:36px;border-radius:50%;margin-right:8px}.chat-container .chat-center .message .message-content{word-break:break-word;margin-right:5px;display:flex;align-items:center}.chat-container .chat-center .message .message-content .message-text{padding:8px 12px;border-radius:8px}.chat-container .chat-center .message .message-content .message-time{font-size:12px;color:#00000073;margin-top:4px;text-align:right}.chat-container .chat-center .message .message-content .message-status{margin-right:8px}.chat-container .chat-center .message .message-content .message-status .status-sending .loading-circle{width:12px;height:12px;border:2px solid rgba(0,0,0,.2);border-top-color:#1890ff;border-radius:50%;animation:spin 1s linear infinite}.chat-container .chat-center .message .message-content .message-status .status-failed{background:#e46342;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.chat-container .chat-center .message .message-content .message-status .status-failed .exclamation-mark{color:#fff;font-weight:700;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.chat-container .chat-center .message .message-content .message.sent .message-content{position:relative;margin-right:20px}.chat-container .context-menu{position:fixed;z-index:1000;background-color:#fff;box-shadow:0 2px 8px #00000026;border-radius:4px;min-width:120px}.chat-container .context-menu .menu-item{padding:8px;cursor:pointer;display:flex;align-items:center}.chat-container .ai-reply-custom-modal{position:absolute;bottom:120px;left:50%;transform:translate(-50%);width:400px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000}.chat-container .ai-reply-custom-modal .ai-reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.chat-container .ai-reply-custom-modal .ai-reply-header .ai-reply-title{display:flex;align-items:center;font-weight:600;color:rgb(31,41,55,var(1, 1))}.chat-container .ai-reply-custom-modal .ai-reply-header .ai-reply-actions{display:flex;gap:8px}.chat-container .ai-reply-custom-modal .ai-reply-content{max-height:300px;min-height:30px;overflow-y:auto}.chat-container .emotion-box{position:fixed;width:372px;box-sizing:border-box;padding:5px;background-color:#fff;box-shadow:0 2px 4px #0000001f,0 0 6px #0000000a}.chat-container .emotion-box .emotion-items{display:flex;flex-wrap:wrap}.chat-container .emotion-box .emotion-items .emotion-item{text-align:center;cursor:pointer;padding:2px}.ai-reply-modal .ant-modal-content{position:fixed;bottom:200px;left:50%;transform:translate(-50%);margin:0;padding-bottom:0}.chatInfo-drawer .ant-drawer-header{background-color:#f5f5f5;border-bottom:none}.chatInfo-drawer .ant-drawer-body{padding:0}.chat-drawer{background-color:#f6f6f6;height:100%;width:100%;overflow:hidden}.chat-drawer .more-members{padding:8px 24px;color:#e46342;font-size:14px;cursor:pointer;text-align:center}.chat-drawer-list-item{padding:10px 20px;display:flex;flex-wrap:wrap;gap:5px}.chat-drawer-list-item .chat-list-item{width:60px;font-size:12px;display:flex;flex-direction:column;align-items:center;cursor:pointer}.chat-drawer-list-item .chat-list-item .chat-list-img{width:50px;height:50px;border-radius:40%;overflow:hidden}.chat-drawer-list-item .chat-list-item .chat-list-img img{width:100%;height:100%;object-fit:cover}.chat-drawer-list-item .chat-list-item .chat-list-name{font-size:12px;color:#091e42de;text-overflow:ellipsis;width:100%;height:14px;overflow:hidden;white-space:nowrap;text-align:center;margin-top:5px;line-height:12px}.chat-drawer .chat-group-info .group-info{display:flex;align-items:center;padding:10px 24px;min-height:40px;justify-content:space-between;background-color:#fff;cursor:pointer}.chat-drawer .chat-group-info .group-info .group-label{font-size:15px;font-weight:400;color:#000}.chat-drawer .chat-group-info .group-info .group-name{font-size:14px;color:#aaa}.chat-drawer .chat-group-info .group-info .group-avatar{width:40px;height:40px;border-radius:40%;overflow:hidden}.chat-drawer .chat-group-info .group-info .group-avatar img{width:100%;height:100%;object-fit:cover}.chat-drawer .chat-group-info .group-info:hover{background-color:#eee}.chat-drawer .chat-group-info .group-describe{flex-direction:column;align-items:flex-start}.chat-drawer .chat-group-info .group-describe .group-describe-text{margin-top:10px;font-size:14px;color:#aaa}.chat-drawer .chat-group-info .group-manager{margin-top:10px;display:flex;align-items:center;padding:10px 24px;background-color:#fff;height:40px;cursor:pointer}.chat-drawer .chat-group-info .group-manager-label{font-size:15px;font-weight:400;color:#000}.chat-drawer .chat-group-info .group-manager:hover{background-color:#eee}.chat-drawer .chat-drawer-action{margin-top:10px;background-color:#fff}.chat-drawer .chat-drawer-action .chat_action{display:flex;justify-content:space-between;align-items:center;height:40px;padding:10px 24px;cursor:pointer}.chat-drawer .chat-drawer-action .chat_action .switch-text{font-weight:400;font-size:15px}.chat-drawer .chat-drawer-action .chat_action:hover{background-color:#eee}.chat-drawer .chat-group-handle{padding:10px 24px;margin-top:10px;background-color:#fff;display:flex;flex-direction:column;gap:10px}.chat-drawer .chat-group-handle .ant-btn{width:100%;margin:0;text-align:center}.chat-drawer .member_drawer{position:absolute;top:0;right:0;width:100%;height:100%;background-color:#f6f6f6;box-shadow:-2px 0 8px #00000026;z-index:10;transform:translate(100%);transition:transform .2s ease-out;overflow-y:auto}.chat-drawer .member_drawer.show{transform:translate(0)}.chat-drawer .member_drawer .drawer-header{padding:16px 24px;background-color:#f6f6f6;display:flex;justify-content:space-between}.chat-drawer .member_drawer .drawer-header .header-title{display:flex;align-items:center}.chat-drawer .member_drawer .drawer-header .back-icon{cursor:pointer;margin-right:16px}.chat-drawer .member_drawer .drawer-header h3{margin:0;font-size:16px;font-weight:600}.chat-drawer .member_drawer .drawer-header .delete-button{height:26px;width:50px;font-size:12px}.chat-drawer .member_drawer .member-list{display:flex;flex-direction:column;width:100%}.chat-drawer .member_drawer .member-item{display:flex;align-items:center;cursor:pointer;padding:8px 16px;border-radius:4px;transition:background-color .2s}.chat-drawer .member_drawer .member-item:hover{background-color:#f0f0f0}.chat-drawer .member_drawer .member-content{display:flex;align-items:center;width:100%;justify-content:space-between}.chat-drawer .member_drawer .member-avatar{width:40px;height:40px;border-radius:50%;margin-right:12px;object-fit:cover}.chat-drawer .member_drawer .member-name{font-size:14px;flex-grow:1}.chat-drawer .member_drawer .member-role{font-size:12px;color:#666;background-color:#f0f0f0;padding:2px 8px;border-radius:4px}.chat-drawer .manager_drawer{position:absolute;top:0;right:0;width:100%;height:100%;background-color:#f6f6f6;box-shadow:-2px 0 8px #00000026;z-index:10;transform:translate(100%);transition:transform .2s ease-out;overflow-y:auto}.chat-drawer .manager_drawer.show{transform:translate(0)}.chat-drawer .manager_drawer .drawer-header{padding:16px 24px;display:flex;justify-content:space-between}.chat-drawer .manager_drawer .drawer-header .header-title{display:flex}.chat-drawer .manager_drawer .drawer-header .back-icon{cursor:pointer;margin-right:16px}.chat-drawer .manager_drawer .drawer-header h3{margin:0;font-size:16px;font-weight:600}.chat-drawer .manager_drawer .drawer-header .delete-button{height:26px;width:50px;font-size:12px}.chat-drawer .manager_drawer .manager-list{display:flex;flex-direction:column;gap:10px}.chat-drawer .manager_drawer .manager-item{cursor:pointer}.chat-drawer .manager_drawer .manager-item .manager-item-title{padding:5px 24px;font-size:13px;color:#aaa;background-color:#f6f6f6}.chat-drawer .manager_drawer .manager-item .manager-item-center{background-color:#fff;padding:10px 24px;font-size:15px;font-weight:400;color:#000}.chat-drawer .manager_drawer .manager-item .manager-item-list{color:#091e42de}.chat-drawer .manager_drawer .manager-item .manager-item-list-item{padding:10px 24px;display:flex;align-items:center;justify-content:space-between;background-color:#fff}.chat-drawer .manager_drawer .manager-item .manager-item-list-item img{width:30px;height:30px;border-radius:50%;margin-right:10px}.chat-drawer .manager_drawer .manager-item .manager-item-list .add-manager{justify-content:left;cursor:pointer;color:#091e42de}.chat-drawer .manager_drawer .manager-item .manager-item-list .add-manager .add-manager-icon{margin-right:10px}.chat-drawer .edit-group-item{padding:12px 16px;background-color:#f6f6f6}.chat-drawer .edit-group-item .edit-label{margin-bottom:8px;font-size:13px;color:#999}.chat-drawer .edit-group-item .avatar-upload{display:flex;flex-direction:column;align-items:center;gap:16px}.chat-drawer .edit-group-item .avatar-upload .group-avatar-preview{width:260px;height:260px;border-radius:4px;object-fit:cover}.chat-drawer .edit-group-item .ant-form-item-explain-error{color:#ff4d4f;font-size:14px}.add-member-modal .ant-modal-body{padding:16px}.add-member-modal .add-member-list{height:400px;overflow-y:auto;border-radius:8px;border:1px solid #f0f0f0}.add-member-modal .add-member-list .letter-group:not(:first-child){margin-top:8px}.add-member-modal .add-member-list .letter-group .letter-header{padding:8px 16px;background-color:#f5f5f5;font-weight:500;color:#666;font-size:14px;border-bottom:1px solid #f0f0f0}.add-member-modal .add-member-list .letter-group .user-checkbox{padding:0 16px}.add-member-modal .add-member-list .letter-group .member-list-item{display:flex;align-items:center;padding:10px 16px;transition:background-color .2s}.add-member-modal .add-member-list .letter-group .member-list-item:hover{background-color:#f9f9f9}.add-member-modal .add-member-list .letter-group .member-list-item .chat-list-img{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:12px}.add-member-modal .add-member-list .letter-group .member-list-item .chat-list-img img{width:100%;height:100%;object-fit:cover}.add-member-modal .add-member-list .letter-group .member-list-item .chat-list-name{font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-member-list{max-height:400px;overflow-y:auto;padding:8px}.group-member-list .group-member-item{padding:8px 12px;margin:4px 0;border-radius:4px;transition:background-color .2s}.group-member-list .group-member-item:hover{background-color:#f5f5f5}.group-member-list .group-member-item .group-member-checkbox{width:100%}.group-member-list .group-member-item .group-member-checkbox .ant-checkbox+span{display:flex;align-items:center;width:100%}.group-member-list .group-member-item .group-member-info{display:flex;align-items:center;width:100%}.group-member-list .group-member-item .group-member-avatar{width:32px;height:32px;border-radius:50%;margin-right:12px;object-fit:cover}.group-member-list .group-member-item .group-member-name{font-size:14px;color:#333}.chat-input{position:relative;flex-shrink:0;bottom:0;width:100%;height:220px;display:flex;flex-direction:column;background-color:#fff}.chat-input .chat-tool-bar{display:flex;position:relative;width:100%;height:36px;text-align:left;box-sizing:border-box;padding:4px 2px 2px 8px}.chat-input .chat-tool-bar .chat-tool-item{font-size:26px;cursor:pointer;line-height:30px;width:30px;height:30px;text-align:center;border-radius:2px;margin-right:8px;color:#999;transition:.3s}.chat-input .chat-tool-bar .chat-tool-item:hover{color:#333}.chat-input .chat-input-area{position:relative;flex:1;display:flex}.chat-input .chat-input-area .edit-chat-container{position:absolute;top:0;left:0;right:0;bottom:0;outline:none;padding:5px;line-height:26px;font-size:14px;text-align:left;overflow-y:auto;scroll-behavior:auto;overscroll-behavior:contain}.chat-input .chat-input-area .edit-chat-container>div:before{content:" ";font-size:14px;position:absolute;top:0;left:0}.chat-input .chat-input-area .edit-chat-container .emoji-input{width:20px;height:20px;vertical-align:middle;display:inline-block;pointer-events:none}.chat-input.empty .edit-chat-container>div:nth-of-type(1):after{content:"请输入消息（按Ctrl+Enter键换行）";color:gray}.message-container{width:300px;height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5;border-right:1px solid #f0f0f0}.message-container .message-header{padding:10px;border-bottom:1px solid #f0f0f0}.message-container .message-content{flex:1;overflow-y:auto;padding:8px 0}.message-container .message-content::-webkit-scrollbar{width:6px}.message-container .message-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.friend-item{display:flex;align-items:center;cursor:pointer;height:70px;padding:0 20px}.friend-item .friend-avatar{width:50px;height:50px}.friend-item .friend-avatar .friend-avatar-img{width:100%;height:100%;border-radius:50%}.friend-item .friend-info{margin-left:10px;max-width:200px;flex:1}.friend-item .friend-info .friend-name-time{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.friend-item .friend-info .friend-name-time .friend-name{width:calc(100% - 50px);font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.friend-item .friend-info .friend-name-time .friend-time{font-size:12px;color:#9b9b9b}.friend-item .friend-info .friend-content{position:relative}.friend-item .friend-info .friend-content-text{font-size:13px;color:#9b9b9b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;height:20px}.friend-item .friend-info .friend-content .friend-unread{position:absolute;right:0;top:0;width:15px;height:15px;border-radius:50%;background-color:#da4722;color:#fff;display:flex;justify-content:center;font-size:10px}.active{background-color:#da4722d2;border-radius:20px;color:#fff}.active .friend-time,.active .friend-desc{color:inherit!important}.active .friend-name{color:#fff}.video-chat-container{width:100%;height:100%;position:relative;background:#000}.video-chat-container .video-wrapper{position:relative;width:100%;height:calc(100vh - 180px)}.video-chat-container .video-wrapper .remote-video{width:100%;height:100%;object-fit:cover}.video-chat-container .video-wrapper .local-video{position:absolute;bottom:75px;right:20px;width:30%;max-width:200px;height:120px;border:2px solid #fff;border-radius:8px}.video-chat-container .caller-avatar-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0f0f0}.video-chat-container .caller-avatar-container .caller-avatar{width:200px;height:200px;border-radius:50%;object-fit:cover;box-shadow:0 2px 10px #0003}.video-chat-container .caller-avatar-container .caller-name{margin-top:16px;font-size:18px;color:#333}.video-chat-container .me-avatar-container{position:absolute;bottom:75px;right:20px;width:30%;height:120px;max-width:200px;border:2px solid #fff;border-radius:8px;display:flex;justify-content:center;align-items:center}.video-chat-container .me-avatar-container .me-avatar{height:60%;border-radius:50%;box-shadow:0 2px 10px #0003}.video-chat-container .show{z-index:1000}.video-chat-container .hidden{z-index:-1000}.video-chat-container .control-buttons{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:30px;bottom:20px}.video-chat-container .control-buttons button{padding:8px;border-radius:50%;border:none;cursor:pointer;transition:all .3s;display:flex;justify-content:center;align-items:center;width:45px;height:45px}.video-chat-container .control-buttons button.control-button{background-color:#fff}.video-chat-container .control-buttons button.control-button.muted,.video-chat-container .control-buttons button.control-button.video-off{background:#fff9}.video-chat-container .control-buttons button.end-call-button{background:#bd0000}.video-accept-popup{position:fixed;bottom:20px;right:20px;width:300px;padding:15px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideIn .3s ease-out}.video-accept-popup .caller-info{display:flex;align-items:center;margin-bottom:15px}.video-accept-popup .caller-info .caller-avatar{width:40px;height:40px;border-radius:50%;margin-right:10px}.video-accept-popup .caller-info .caller-name{font-size:14px;color:#333}.video-accept-popup .action-buttons{display:flex;justify-content:space-between}.video-accept-popup .action-buttons button{padding:8px 20px;border-radius:20px;border:none;cursor:pointer;font-weight:500;transition:all .2s}.video-accept-popup .action-buttons button.accept-button{background:#4caf50;color:#fff}.video-accept-popup .action-buttons button.accept-button:hover{background:#45a049}.video-accept-popup .action-buttons button.reject-button{background:#f44336;color:#fff}.video-accept-popup .action-buttons button.reject-button:hover{background:#d32f2f}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.login{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-container{display:flex;width:100%;max-width:800px;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000001a;background:#fff}@media (max-width: 768px){.login-container{flex-direction:column}}.login .logo{flex:1;display:flex;justify-content:center;align-items:center;background:#f9bf2e;padding:2rem}.login .logo img{max-width:100%;height:auto}.login .login-form{flex:1;padding:2rem;max-width:500px;margin:0 auto}.login .login-form .form-subtitle{font-size:1.5rem;font-weight:600;color:#333}.login .login-form .ant-form-item{margin-bottom:.5rem}.login .login-form .ant-form-item-label{padding-bottom:.25rem}.login .login-form .btn{width:100%;margin-top:1rem}.login .login-form .toggle-action{display:block;text-align:center;margin-top:1rem;color:#1890ff;cursor:pointer}.login .footer{position:fixed;bottom:20px;width:100%;text-align:center;color:#999;font-size:12px}.login .footer a{color:#999;text-decoration:none}.login .footer a:hover{color:#666}.zhanghao{width:50%;height:70vh;border-radius:20px;background-color:#fff;margin:6% auto;box-shadow:0 4px 8px #0000001a;border:1px solid #f1f1f1;padding-top:10px;display:flex;flex-direction:column}.zhanghao .account-manage{position:relative;padding:20px;text-align:center}.zhanghao .account-manage .back-button{position:absolute;left:20px;top:20px;cursor:pointer;z-index:1}.zhanghao .account-manage h2{margin-bottom:20px}.zhanghao .content-container{position:relative;height:100%;overflow:hidden}.zhanghao .account-manage,.zhanghao .profile-content{transition:all .8s cubic-bezier(.25,.8,.25,1);position:absolute;width:100%;height:100%}.zhanghao .show-account .account-manage{transform:translateY(0);opacity:1}.zhanghao .show-account .profile-content{transform:translateY(-120%);opacity:0}.zhanghao .show-profile .account-manage{transform:translateY(120%);opacity:0}.zhanghao .show-profile .profile-content{transform:translateY(0);opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.zhanghao .usermess{width:50%;height:250px;display:flex;flex-direction:column;align-items:center}.zhanghao .usermess .useravatar{width:100px;height:100px;border-radius:50%;overflow:hidden}.zhanghao .usermess .useravatar img{width:100%;height:100%;object-fit:cover}.zhanghao .usermess .username{width:100%;height:50px;margin-top:20px;font-size:30px;font-weight:600;display:flex;align-items:center;justify-content:center}.zhanghao .usermess .usermanage{display:flex;width:200px;padding-top:20px;justify-content:space-between}.zhanghao .oncelogin{width:100%;height:100px;display:flex;flex-direction:column;align-items:center}.zhanghao .oncelogin .bt{width:300px;height:40px}.zhanghao .oncelogin .mess{margin-top:20px;font-size:12px;font-weight:300}.account-manage .account-list{display:flex;flex-direction:column;gap:15px;padding:0 20px}.account-manage .account-card{display:flex;align-items:center;padding:10px;background:#f7f7f7;border-radius:8px;cursor:pointer;transition:all .3s;width:60%;margin:0 auto}.account-manage .account-card:hover{background:#e8e8e8}.account-manage .account-avatar{width:40px;height:40px;border-radius:50%;margin-right:10px;object-fit:cover}.account-manage .account-name{font-size:16px;font-weight:500}.footer{position:fixed;bottom:20px;width:100%;text-align:center;color:#999;font-size:12px}.footer a{color:#999;text-decoration:none}.footer a:hover{color:#666}.not-found-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5}.not-found-content{text-align:center;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.not-found-title{font-size:8rem;font-weight:700;color:#021666;margin:0;line-height:1;text-shadow:0 4px 8px rgba(0,0,0,.1)}@media (max-width: 768px){.not-found-title{font-size:5rem}}.not-found-subtitle{font-size:2rem;color:#333;margin:1rem 0;font-weight:500}@media (max-width: 768px){.not-found-subtitle{font-size:1.5rem}}.not-found-description{font-size:1.1rem;max-width:500px;margin:0 auto 2rem;line-height:1.6}.not-found-button{color:#1890ff;background-color:#021666}