@charset "UTF-8";body{padding:0;margin:0;color:var(--text-primary)}:root{--primary: #5865F2;--primary-dark: #4752C4;--secondary: #3BA55D;--input-bg: #40444B;--bg-primary: #1e1f29;--bg-secondary: #2a2b36;--bg-tertiary: #3a3b45;--bg-dark: #1E2025;--accent-primary: #5865F2;--accent-secondary: #7c85e24f;--text-primary: #ffffff;--text-secondary: #b9bbbe;--text-tertiary: #72767d;--success: #3ba55d;--warning: #faa81a;--danger: #ed4245;--online: #3ba55d;--idle: #faa81a;--dnd: #ed4245;--offline: #747f8d;--border-radius: 8px;--transition: all .2s ease;--hover: #4f545c29;--hover-dark: #00000080;--musicHeight: 68px}div::-webkit-scrollbar-thumb{transition:.5s all ease;background-color:transparent;opacity:0;border-radius:3px}div::-webkit-scrollbar-track{background-color:transparent;padding:20px 0}div::-webkit-scrollbar{width:6px;height:6px}div:hover::-webkit-scrollbar-thumb{background-color:#8b8b8b;opacity:1}textarea::-webkit-scrollbar-thumb{transition:.5s background-color ease;background-color:transparent;border-radius:3px}textarea::-webkit-scrollbar-track{background-color:transparent;padding:20px 0}textarea::-webkit-scrollbar{width:6px;height:6px}textarea:hover::-webkit-scrollbar-thumb{background-color:#8b8b8b}.portal{width:100vw;height:100vh;position:relative;overflow:hidden}.portal .portal_musicPlayer{position:absolute;left:72px;top:0;right:0;z-index:777;transition:.3s all ease}.portal .portal_musicPlayer .portal_music_lock{position:absolute;right:40px;display:flex;align-items:flex-end;height:50px;width:4px;border-left:2px dashed var(--text-secondary)}.portal .portal_musicPlayer .portal_music_lock svg{position:absolute;bottom:0;left:0;transform:translate(calc(-50% - 1px),80%);cursor:pointer}.btn{background:var(--primary);color:var(--text-primary);border:none;min-height:40px;padding:6px 12px;box-sizing:border-box;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.btn svg{margin-right:10px;font-size:18px}.btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 5px 15px #5865f24d}.guest{background:transparent;border:2px solid var(--input-bg);color:var(--text-secondary)}.guest:hover{background:#40444b4d;color:var(--text-primary);border-color:var(--text-secondary)}.danger{background:transparent;border:2px solid var(--danger);color:var(--danger)}.danger:hover{background:#ed42451a;color:#fff;border-color:var(--danger)}.myInput_input_wrapper{position:relative;display:flex;align-items:center;width:100%}.myInput_input_wrapper input{width:100%;height:50px;box-sizing:border-box;padding:0 16px;background:var(--bg-secondary);border:2px solid transparent;border-radius:6px;color:var(--text-main);font-size:16px;transition:var(--transition);outline:none}.myInput_input_wrapper input:active{border:2px solid var(--accent-primary)}.myInput_input_wrapper input:focus{border:2px solid var(--accent-primary)}.myInput_input_wrapper textarea{width:100%;height:100%;padding:16px;box-sizing:border-box;background:var(--bg-secondary);border:2px solid transparent;border-radius:6px;color:var(--text-main);font-size:16px;line-height:1.5;outline:none}.myInput_input_wrapper textarea:active{border:2px solid var(--accent-primary)}.myInput_input_wrapper textarea:focus{border:2px solid var(--accent-primary)}.myInput_input_wrapper svg{position:absolute;right:15px;color:var(--text-secondary);width:18px;height:18px;cursor:pointer}.text_link{color:var(--primary);cursor:pointer;text-decoration:none;font-weight:700;font-size:14px;transition:var(--transition)}.userStatus{position:absolute;width:16px;height:16px;border-radius:50%;box-sizing:border-box;border:2px solid var(--bg-secondary);bottom:-2px;right:-2px}.userStatus_online{background-color:var(--online)}.userStatus_stealth{background-color:var(--idle)}.userStatus_offline{background-color:var(--offline)}.CopyButton{background:var(--primary);color:#fff;border:none;height:50px;padding:0 20px;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.CopyButton svg{font-size:18px;transition:all .2s ease}.CopyButton:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 5px 15px #5865f24d}.CopyButtonGuest{background:transparent;border:2px solid var(--input-bg);color:var(--text-secondary);margin-top:15px}.CopyButtonGuest:hover{background:#40444b4d;color:var(--text-main);border-color:var(--input-bg)}.copied-feedback{animation:fadeIn .3s ease-out}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:999;animation:fadeIn .2s ease-out}.modal-container{background:var(--bg-primary);border-radius:8px;box-shadow:0 8px 32px #0006;overflow:hidden;animation:slideUp .3s ease-out;max-height:100vh;max-width:100vw;min-width:440px;display:flex;flex-direction:column}.modal-container .modal-header{padding:16px;display:flex;align-items:center;background:var(--bg-dark);border-bottom:1px solid rgba(255,255,255,.1);position:relative}.modal-container .modal-header .modal-back-button,.modal-container .modal-header .modal-close-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;z-index:2;display:flex;align-items:center;justify-content:center;font-size:16px}.modal-container .modal-header .modal-back-button:hover,.modal-container .modal-header .modal-close-button:hover{color:var(--text-primary);background:#ffffff1a}.modal-container .modal-header .modal-back-button{margin-right:12px}.modal-container .modal-header .modal-close-button{margin-left:auto}.modal-container .modal-header .modal-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);flex:1}.modal-container .modal-header .modal-title.left{text-align:left;padding-left:8px}.modal-container .modal-header .modal-title.center{text-align:center;position:absolute;left:0;right:0;padding:0 48px}.modal-container .modal-content{overflow-y:auto;flex:1}.modal-container .modal-content::-webkit-scrollbar{width:8px}.modal-container .modal-content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.exit_dlg{padding:16px}.exit_dlg .exit_dlg_body{margin-bottom:16px;color:var(--text-secondary)}.exit_dlg .exit_dlg_footer{display:flex;align-items:center;justify-content:flex-end;gap:20px}.textInput_box{padding:16px;background:var(--bg-tertiary);border-radius:8px;margin:16px}.textInput_box .textInput{background:var(--bg-secondary);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.textInput_box .textInput .textInput_imgList{width:100%}.textInput_box .textInput .textInput_imgList .imgList_container{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.textInput_box .textInput .textInput_imgList .imgList_container .textInput_imgItem{position:relative;width:80px;height:80px;box-shadow:0 2px 4px var(--accent-secondary);cursor:pointer}.textInput_box .textInput .textInput_imgList .imgList_container .textInput_imgItem img{width:100%;height:100%;object-fit:cover;border-radius:6px}.textInput_box .textInput .textInput_imgList .imgList_container .textInput_imgItem .textInput_imgDelete{position:absolute;display:flex;align-items:center;justify-content:center;width:12px;height:12px;right:0;top:0;transform:translate(50%,-50%);background-color:red;border-radius:50%;z-index:30;transition:.2s all ease-in}.textInput_box .textInput .textInput_imgList .imgList_container .textInput_imgItem .textInput_imgDelete svg{width:60%;height:60%}.textInput_box .textInput .textInput_imgList .imgList_container .textInput_imgItem .textInput_imgDelete:hover{width:16px;height:16px}.textInput_box .textInput .textInput_fileList{width:100%}.textInput_box .textInput .textInput_fileList .fileList_container{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.textInput_box .textInput .textInput_fileList .fileList_container .textInput_fileList_item{position:relative;display:flex;align-items:center;border-radius:4px;padding:8px;background-color:var(--bg-tertiary);line-height:1.5;min-width:160px;cursor:pointer}.textInput_box .textInput .textInput_fileList .fileList_container .textInput_fileList_item span{display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.textInput_box .textInput .textInput_fileList .fileList_container .textInput_fileList_item svg{width:16px;height:16px}.textInput_box .textInput .textInput_fileList .fileList_container .textInput_fileList_item .textInput_fileList_item_left{display:flex;gap:6px;cursor:pointer}.textInput_box .textInput .textInput_fileList .fileList_container .textInput_fileList_item .textInput_fileList_item_del{position:absolute;display:flex;align-items:center;justify-content:center;width:12px;height:12px;right:0;top:0;transform:translate(50%,-50%);background-color:red;border-radius:50%;z-index:30;transition:.2s all ease-in}.textInput_box .textInput .textInput_fileList .fileList_container .textInput_fileList_item .textInput_fileList_item_del svg{width:60%;height:60%}.textInput_box .textInput .textInput_fileList .fileList_container .textInput_fileList_item .textInput_fileList_item_del:hover{width:16px;height:16px}.textInput_box .textInput .textInput_inputArea{display:flex;align-items:center;width:100%}.textInput_box .textInput .textInput_inputArea textarea{flex:1;background:transparent;border:none;resize:none;outline:none;padding:0 8px;min-height:32px;max-height:200px;font-size:16px;line-height:32px;color:var(--text-primary)}.textInput_box .textInput .textInput_inputArea .textInput_input_box{flex:1;width:0;background:transparent;border:none;outline:none;overflow-y:auto;padding:0 8px;min-height:32px;max-height:160px;font-size:16px;line-height:32px;color:var(--text-primary)}.textInput_box .textInput .textInput_inputArea .textInput_input_box:empty:before{content:attr(data-placeholder);color:#999;pointer-events:none}.textInput_box .textInput .textInput_inputArea .textInput_actions{position:relative;display:flex;margin-left:8px;align-items:center}.textInput_box .textInput .textInput_inputArea .textInput_actions:before{position:absolute;content:"";width:2px;height:50%;background-color:#555}.textInput_box .textInput .textInput_inputArea .textInput_actions .textInput_action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:var(--transition)}.textInput_box .textInput .textInput_inputArea .textInput_actions .textInput_action:hover{background:#4f545c29}.textInput_box .textInput .textInput_inputArea .textInput_actions .pulsating-dot{width:12px;height:12px;border-radius:50%;background-color:#f44336;box-shadow:0 0 #f44336b3;animation:pulse 1.5s infinite}.textInput_box.disabled{opacity:.6;cursor:not-allowed}.textInput_box.disabled .textInput{background:var(--bg-tertiary)}.textInput_box.disabled .textInput textarea{cursor:not-allowed}.textInput_box.disabled .textInput .textInput_actions{border-left-color:var(--border-tertiary)}.textInput_box.disabled .textInput .textInput_actions .textInput_action{color:var(--text-tertiary);cursor:default}.textInput_box.disabled .textInput .textInput_actions .textInput_action:hover{background:transparent!important}.far{font-weight:400}.fas{font-weight:900}.emoji_popup{height:216px;width:336px;padding:6px 12px 6px 6px;background-color:#2a2b36;border-radius:8px;box-shadow:var(--accent-secondary) 0 4px 12px;overflow-y:scroll;transition:.2s;border:1px solid rgb(58,59,69);outline:none}.emoji_popup .emoji_box{display:grid;grid-template-columns:repeat(auto-fill,36px)}.emoji_popup .emoji_box .emoji_item{display:flex;align-items:center;justify-content:center;height:36px;width:36px;box-sizing:border-box;cursor:pointer;border-radius:4px;transition:.1s all ease;font-size:24px}.emoji_popup .emoji_box .emoji_item:hover{background-color:#4f545c29;font-size:28px}@media (max-width: 768px){.textInput_box{padding:12px;margin:8px}.textInput_box .textInput{padding:8px}.textInput_box .textInput .textInput_imgList .imgList_container{gap:8px}.textInput_box .textInput .textInput_imgList .imgList_container .textInput_imgItem{width:70px;height:70px}.textInput_box .textInput .textInput_imgList .imgList_container .textInput_imgItem .textInput_imgDelete{width:22px!important;height:22px!important}.textInput_box .textInput .textInput_imgList .imgList_container .textInput_imgItem .textInput_imgDelete:hover{width:24px!important;height:24px!important}.textInput_box .textInput .textInput_fileList .fileList_container{gap:8px}.textInput_box .textInput .textInput_fileList .fileList_container .textInput_fileList_item{min-width:140px;padding:10px}.textInput_box .textInput .textInput_fileList .fileList_container .textInput_fileList_item .textInput_fileList_item_del{width:22px!important;height:22px!important}.textInput_box .textInput .textInput_fileList .fileList_container .textInput_fileList_item .textInput_fileList_item_del:hover{width:24px!important;height:24px!important}.textInput_box .textInput .textInput_inputArea{flex-direction:column;align-items:stretch}.textInput_box .textInput .textInput_inputArea .textInput_input_box{width:100%;font-size:15px;min-height:28px;max-height:150px;line-height:28px}.textInput_box .textInput .textInput_inputArea .textInput_actions{margin:10px 0 0;border-top:1px solid #555}.textInput_box .textInput .textInput_inputArea .textInput_actions:before{display:none}.textInput_box .textInput .textInput_inputArea .textInput_actions .textInput_action{width:42px;height:42px;margin:0 6px}.emoji_popup{width:90vw!important;max-width:360px;height:50vh}.emoji_popup .emoji_box{grid-template-columns:repeat(8,1fr)}.emoji_popup .emoji_box .emoji_item{width:36px!important;height:36px!important;font-size:22px}}@media (pointer: coarse){.textInput_imgDelete,.textInput_fileList_item_del,.textInput_action{min-width:44px;min-height:44px}}.myCheckBox{position:relative;display:inline-block;width:40px;height:22px}.myCheckBox input{opacity:0;width:0;height:0}.myCheckBox input:checked+.myCheckBox_slide{background-color:var(--primary)}.myCheckBox input:checked+.myCheckBox_slide:before{transform:translate(18px);background-color:#fff}.myCheckBox input:disabled+.myCheckBox_slide{background-color:var(--bg-tertiary)}.myCheckBox input:disabled+.myCheckBox_slide:before{background-color:var(--text-tertiary)}.myCheckBox .myCheckBox_slide{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-secondary);transition:var(--transition);border-radius:24px;border:1px solid var(--bg-dark)}.myCheckBox .myCheckBox_slide:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:1px;background-color:var(--text-secondary);transition:var(--transition);border-radius:50%}.page_disabled{width:100%;height:100%;background:#1e1f29eb;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeIn .5s ease-in-out;padding:20px;box-sizing:border-box}.access_denied_container{display:flex;flex-direction:column;align-items:center;gap:12px;background:#2a2b36;border-radius:16px;box-shadow:0 12px 30px #0000004d;padding:40px;width:100%;max-width:600px;text-align:center;transform:translateY(0);animation:float 3s ease-in-out infinite;box-sizing:border-box;max-height:95vh;overflow:hidden}@media (max-height: 600px){.access_denied_container{padding:30px 20px;max-height:90vh}}@media (max-width: 768px),(max-height: 700px){.access_denied_container{padding:30px 20px}}@media (max-width: 480px),(max-height: 500px){.access_denied_container{padding:20px 15px}}.access_denied_container .denied_icon:before,.access_denied_container .denied_icon:after{content:"";position:absolute;height:16px;background:#fff;border-radius:8px;width:80%}.access_denied_container .denied_title{font-size:2rem;font-weight:700;margin:0;color:#fff;background:linear-gradient(to right,#ff6b6b,#ed4245);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.access_denied_container .denied_title{font-size:1.8rem}}@media (max-width: 480px){.access_denied_container .denied_title{font-size:1.5rem}}@media (max-height: 600px){.access_denied_container .denied_title{font-size:1.5rem}}.access_denied_container .denied_message{padding:0 20px;font-size:1.1rem;margin:0;line-height:1.6;color:var(--text-secondary)}@media (max-width: 480px){.access_denied_container .denied_message{font-size:1rem}}@media (max-height: 600px){.access_denied_container .denied_message{font-size:.95rem;line-height:1.4}}.access_denied_container .permission_list{background:#40444b4d;padding:20px;border-radius:10px;text-align:left;width:90%;max-width:500px;box-sizing:border-box}@media (max-width: 768px){.access_denied_container .permission_list{padding:15px;width:100%}}@media (max-height: 600px){.access_denied_container .permission_list{padding:15px}.access_denied_container .permission_list h3{font-size:1.1rem}.access_denied_container .permission_list li{padding:8px 0;font-size:.85rem}}@media (max-height: 400px){.access_denied_container .permission_list{padding:10px}.access_denied_container .permission_list li{padding:6px 0;font-size:.75rem}.access_denied_container .permission_list li:before{font-size:16px}}.access_denied_container .permission_list h3{color:var(--text-primary);font-weight:600;font-size:1.2rem}.access_denied_container .permission_list ul{list-style-type:none;padding:0;margin:0}.access_denied_container .permission_list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;font-size:.95rem}@media (max-width: 480px){.access_denied_container .permission_list li{font-size:.85rem;padding:8px 0}}.access_denied_container .permission_list li:last-child{border-bottom:none}.access_denied_container .permission_list li:before{content:"•";color:var(--danger);font-weight:700;display:inline-block;width:1em;margin-right:10px;font-size:20px}.access_denied_container .support_text{font-size:.9rem;color:var(--text-tertiary)}@media (max-width: 480px){.access_denied_container .support_text{font-size:.8rem}}.access_denied_container .support_text a{color:var(--primary);text-decoration:none}@media (max-height: 600px){.access_denied_container .support_text{font-size:.8rem}}.voiceChat_box{display:flex;flex-direction:column;width:100%;height:100%}.voiceChat_box .voiceChat_header{display:flex;align-items:center;width:100%;height:50px;border-bottom:1px solid var(--accent-secondary);padding:0 16px;box-sizing:border-box}.voiceChat_box .voiceChat_header .voiceChat_title{display:flex;align-items:center;font-weight:700}.voiceChat_box .voiceChat_header .voiceChat_title span{margin-right:8px;color:var(--text-tertiary)}.voiceChat_box .voiceChat_content{flex:1;height:0;display:flex}.voiceChat_box .voiceChat_content .voiceChat_content_left{flex:1;padding:20px;position:relative}.voiceChat_box .voiceChat_content .voiceChat_content_left .voiceChat_room_content{display:grid;width:100%;gap:12px;max-height:460px;overflow:auto;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-template-rows:fit-content}.voiceChat_box .voiceChat_content .voiceChat_content_left .voiceChat_room_content .user_card_wrapper{position:relative;opacity:0}.voiceChat_box .voiceChat_content .voiceChat_content_left .voiceChat_room_content .user_card_wrapper:hover:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#4e505880;border-radius:8px}.voiceChat_box .voiceChat_content .voiceChat_content_left .voiceChat_room_content .user_card_wrapper video{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3000;max-width:200px;max-height:150px;background:#000;border-radius:8px}.voiceChat_box .voiceChat_content .voiceChat_content_left .voiceChat_toobar{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;z-index:30}.voiceChat_box .voiceChat_content .voiceChat_content_left .voiceChat_toobar .voiceChat_toobar_action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--bg-secondary);color:var(--text-tertiary);cursor:pointer;transition:var(--transition)}.voiceChat_box .voiceChat_content .voiceChat_content_left .voiceChat_toobar .voiceChat_toobar_action:hover{background:#4f545c}.voiceChat_box .voiceChat_content .voiceChat_content_left .voiceChat_toobar .connect_action{color:var(--online)}.voiceChat_box .voiceChat_content .voiceChat_content_left .voiceChat_toobar .disconnect_action{color:var(--danger)}.voiceChat_box .voiceChat_content .voiceChat_content_left .voiceChat_toobar .pulsating-dot{width:12px;height:12px;border-radius:50%;background-color:#f44336;box-shadow:0 0 #f44336b3;animation:pulse 1.5s infinite}.voiceChat_box .voiceChat_content .voiceChat_content_left .voiceChat_toobar .recording_action{animation:pulse 1s infinite}.voiceChat_box .voiceChat_content .voiceChat_content_left .voiceChat_toobar .recording_action svg{fill:#f44336}.voiceChat_box .voiceChat_content .voiceChat_content_right{width:360px}.voiceChat_box .voiceChat_content .voiceChat_content_right .textChat_header{display:none}.userCard_box{background:var(--bg-secondary);border-radius:var(--border-radius);padding:12px;display:flex;flex-direction:column;align-items:center;position:relative;transition:transform .2s}.userCard_box .userCard_avatar{width:48px;height:48px;border-radius:50%;background:var(--bg-tertiary);margin-bottom:8px;position:relative;overflow:visible}.userCard_box .userCard_avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:2}.userCard_box .userCard_wave{position:absolute;top:50%;left:50%;width:var(--wave-size, 6px);height:var(--wave-size, 6px);border-radius:50%;background:rgba(59,165,92,var(--wave-intensity, .4));transform:translate(-50%,-50%);z-index:3;transition:all .3s ease;display:none}.userCard_box .userCard_wave:before,.userCard_box .userCard_wave:after{content:"";position:absolute;top:50%;left:50%;border:2px solid rgba(59,165,92,var(--wave-intensity, .4));border-radius:50%;animation:pulse 1.5s infinite}.userCard_box .userCard_wave:before{width:120%;height:120%;transform:translate(-50%,-50%);animation-delay:-.5s}.userCard_box .userCard_wave:after{width:140%;height:140%;transform:translate(-50%,-50%)}.userCard_box .userCard_wave.current{background:rgba(88,101,242,var(--wave-intensity, .4))}.userCard_box .userCard_wave.current:before,.userCard_box .userCard_wave.current:after{border-color:rgba(88,101,242,var(--wave-intensity, .4))}.userCard_box .userCard_name{font-size:12px;text-align:center;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-bottom:4px;font-weight:500}.userCard_box .userCard_volume{width:100%;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.userCard_box .userCard_volume .userCard_volume_level{height:100%;background:linear-gradient(to right,#59a55c,#3ba75c);border-radius:2px;transition:width .3s ease}.userCard_box.current_user .userCard_volume .userCard_volume_level{background:linear-gradient(to right,#5d6afb,#5865f2)}@keyframes pulse{0%{width:100%;height:100%;opacity:1}70%{opacity:.5}to{width:150%;height:150%;opacity:0}}.textChat_box{width:100%;height:100%;display:flex;flex-direction:column}.textChat_box .textChat_header{display:flex;align-items:center;width:100%;height:50px;border-bottom:1px solid var(--accent-secondary);padding:0 16px;box-sizing:border-box}.textChat_box .textChat_header .textChat_title{display:flex;align-items:center;font-weight:700}.textChat_box .textChat_header .textChat_title span{margin-right:8px;color:var(--text-tertiary)}.textChat_box .textChat_alert{background:linear-gradient(90deg,#4752c4,#5865f2);height:40px;display:flex;align-items:center;justify-content:center;font-size:14px}.textChat_box .textChat_alert .textChat_click_text{cursor:pointer;font-style:italic;font-weight:700;text-decoration:underline}.textChat_box .textChat_message{flex-grow:1;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.textChat_box .textChat_message .textChat_messageList{height:0;flex-grow:1;padding:16px 16px 0;box-sizing:border-box;overflow-y:auto;width:100%}.textChat_box .textChat_message .textChat_messageList .textChat_showMore{display:flex;height:40px;cursor:pointer;align-items:center;justify-content:center;border-radius:8px;margin-bottom:6px}.textChat_box .textChat_message .textChat_messageList .textChat_showMore:hover{background-color:var(--bg-secondary)}.textChat_box .textChat_message .textChat_message_input{width:100%}.my_recorder_box{width:fit-content}.my_recorder_box .audio-player-container{display:flex;align-items:center;justify-content:flex-start;gap:8px;height:36px;background-color:var(--bg-secondary);padding:0 12px;cursor:pointer;-webkit-user-select:none;border-radius:12px;width:160px}.my_recorder_box .audio-player-container svg{width:24px;height:24px}@keyframes pulse{0%{opacity:.7;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}to{opacity:.7;transform:scale(1)}}.my_recorder_box .audio-player-container .play-icon-container{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.my_recorder_box .audio-player-container .play-btn svg{width:24px;height:24px}.my_recorder_box .audio-player-container .time-display{display:flex;align-items:center;gap:.25rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.my_recorder_box .audio-player-container .time-display .current-time{color:var(--text-secondary);font-weight:600;font-size:1rem}.my_recorder_box .audio-player-container .time-display .time-divider{color:var(--text-tertiary)}.my_recorder_box .audio-player-container .time-display .total-time{color:var(--text-primary);font-size:1rem}.userInfoDlg_user_info-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.userInfoDlg_user_info-modal .userInfoDlg_modal_content{display:flex;flex-direction:column;width:80%;height:80%;max-width:860px;max-height:780px;background:var(--bg-secondary);border-radius:12px;overflow:auto;box-shadow:0 20px 40px #0000004d;animation:modalScale .3s ease-out;position:relative}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main{flex:1;height:0;overflow-y:auto}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_header{background:linear-gradient(120deg,var(--bg-primary),var(--primary));padding:25px;text-align:center;position:relative}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_header .userInfoDlg_modal_close{position:absolute;top:20px;right:20px;color:#fff;font-size:20px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition);background:none;border:none}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_header .userInfoDlg_modal_close:hover{background:#fff3}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_header .userInfoDlg_modal_avatar{width:90px;height:90px;border-radius:50%;border:4px solid rgba(255,255,255,.2);margin:0 auto 15px;overflow:hidden}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_header .userInfoDlg_modal_avatar img{width:100%;height:100%;object-fit:cover}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_header .userInfoDlg_modal_avatar .userInfoDlg_avatar_placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;color:#fff;font-size:36px;font-weight:700}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_header .userInfoDlg_modal_username{font-size:24px;font-weight:700;margin-bottom:8px;color:#fff}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_header .userInfoDlg_modal_status{display:inline-block;padding:6px 12px;background:#ffffff26;border-radius:20px;font-size:13px;margin-bottom:15px;color:#fff;font-weight:500}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_header .userInfoDlg_modal_status.status-online{background:rgba(var(--success),.3)}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_header .userInfoDlg_modal_status.status-idle{background:rgba(var(--warning),.3)}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_header .userInfoDlg_modal_status.status-dnd{background:rgba(var(--danger),.3)}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_header .userInfoDlg_modal_status.status-offline{background:rgba(var(--text-secondary),.3)}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_body{padding:25px}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_body .userInfoDlg_info_item{display:flex;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid rgba(0,0,0,.25);font-size:15px}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_body .userInfoDlg_info_item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_body .userInfoDlg_info_item .userInfoDlg_info_label{width:100px;font-size:14px;color:var(--text-secondary);font-weight:500}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_body .userInfoDlg_info_item .userInfoDlg_info_value{flex:1;font-weight:500;word-break:break-all}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_body .userInfoDlg_modal_bio{background:var(--bg-dark);padding:16px;border-radius:8px;margin:20px 0;line-height:1.6;position:relative;font-size:14px;color:var(--text-secondary)}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_content_main .userInfoDlg_modal_body .userInfoDlg_modal_bio p{padding:0 20px}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_actions{display:flex;gap:15px;width:100%;align-items:center;justify-content:center;bottom:30px;height:60px}@keyframes modalScale{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 480px){.userInfoDlg_user_info-modal{padding:10px}.userInfoDlg_user_info-modal .userInfoDlg_modal_content .userInfoDlg_modal_actions{flex-direction:column}}.image-preview-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;z-index:999;display:flex;justify-content:center;align-items:center;opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{to{opacity:1}}.image-preview-container{position:relative;width:100%;max-width:90vw;height:90vh;display:flex}.image-preview-container .nav-button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#0000004d;border-radius:50%;border:none;outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:all .3s ease}.image-preview-container .nav-button.prev{left:10px}.image-preview-container .nav-button.next{right:10px}.image-preview-container .nav-button:hover{background:#0009;opacity:1}.image-preview-container .nav-button .icon{display:block;width:24px;height:24px;position:relative}.image-preview-container .nav-button .icon:before,.image-preview-container .nav-button .icon:after{content:"";position:absolute;background:#fff}.image-preview-container .nav-button .icon.icon-left:before{width:16px;height:3px;left:0;top:10px;transform:rotate(-45deg);transform-origin:left bottom}.image-preview-container .nav-button .icon.icon-left:after{width:16px;height:3px;left:0;top:20px;transform:rotate(45deg);transform-origin:left top}.image-preview-container .nav-button .icon.icon-right:before{width:16px;height:3px;right:0;top:10px;transform:rotate(45deg);transform-origin:right bottom}.image-preview-container .nav-button .icon.icon-right:after{width:16px;height:3px;right:0;top:20px;transform:rotate(-45deg);transform-origin:right top}.image-preview-container .nav-button.disabled{display:none}.image-preview-container:hover .nav-button{opacity:1}.image-preview-container .image-viewport{width:100%;height:100%;overflow:hidden;position:relative}.image-preview-container .image-viewport .slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.image-preview-container .image-viewport .slide:not(.active){visibility:hidden}.image-preview-container .image-viewport .slide .image-container{position:relative;max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;cursor:grab}.image-preview-container .image-viewport .slide .image-container:active{cursor:grabbing}.image-preview-container .image-viewport .slide .image-container img{max-width:100%;max-height:100%;object-fit:contain;transition:opacity .3s ease}.image-preview-container .image-viewport .slide .image-container .image-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;display:flex;flex-direction:column;align-items:center}.image-preview-container .image-viewport .slide .image-container .image-loader .spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}.image-preview-container .toolbar{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#0006;border-radius:4px;padding:6px;display:flex;z-index:1000}.image-preview-container .toolbar .toolbar-button{background:none;border:none;width:36px;height:36px;margin:0 3px;border-radius:4px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}.image-preview-container .toolbar .toolbar-button .icon{display:flex;width:20px;height:20px;align-items:center;justify-content:center;position:relative;color:var(--text-primary)}.image-preview-container .toolbar .toolbar-button .icon svg{width:18px;height:18px}.image-preview-container .toolbar .toolbar-button:hover{background:#ffffff26}.image-preview-container .toolbar .toolbar-button .icon-close:before{width:16px;height:2px;top:9px;left:2px;transform:rotate(45deg)}.image-preview-container .toolbar .toolbar-button .icon-close:after{width:16px;height:2px;top:9px;left:2px;transform:rotate(-45deg)}.image-preview-container .toolbar .close-button:hover{background:#ff00004d}.image-preview-container .image-indicator{position:absolute;bottom:85px;left:50%;transform:translate(-50%);background:#0006;color:#fff;padding:4px 12px;border-radius:4px;font-size:14px;z-index:1000}.image-preview-container .thumbnail-nav{position:absolute;bottom:0;left:0;right:0;height:80px;display:flex;justify-content:center;align-items:center;padding:10px;overflow-x:auto;overflow-y:hidden;z-index:1000}.image-preview-container .thumbnail-nav::-webkit-scrollbar{height:4px}.image-preview-container .thumbnail-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.image-preview-container .thumbnail-nav .thumbnail{width:60px;height:60px;margin:0 5px;cursor:pointer;position:relative;opacity:.6;transition:all .3s ease;flex-shrink:0}.image-preview-container .thumbnail-nav .thumbnail:hover{opacity:.9;transform:translateY(-5px)}.image-preview-container .thumbnail-nav .thumbnail.active{opacity:1;transform:translateY(-5px)}.image-preview-container .thumbnail-nav .thumbnail.active .active-border{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #1890ff;border-radius:4px}.image-preview-container .thumbnail-nav .thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:4px}@media (max-width: 768px){.image-preview-container{max-width:100vw;height:100vh}.image-preview-container .nav-button{width:36px;height:36px}.image-preview-container .nav-button .icon{width:18px;height:18px}.image-preview-container .toolbar{bottom:20px}.image-preview-container .toolbar .toolbar-button{width:32px;height:32px;margin:0 2px}.image-preview-container .image-indicator{bottom:75px}.image-preview-container .thumbnail-nav{height:70px}.image-preview-container .thumbnail-nav .thumbnail{width:50px;height:50px}}.mySelect_select_wrapper{position:relative;display:flex;align-items:center;width:100%}.mySelect_select_wrapper select{width:100%;height:50px;box-sizing:border-box;padding:0 16px;background:var(--bg-secondary);border:2px solid transparent;border-radius:6px;color:var(--text-main);font-size:16px;transition:var(--transition);outline:none}.mySelect_select_wrapper select:active{border:2px solid var(--accent-primary)}.mySelect_select_wrapper select:focus{border:2px solid var(--accent-primary)}.mySelect_select_wrapper select .mySelect_option{height:40px;padding:12px 16px;color:#fff;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:12px}.mySelect_select_wrapper select .mySelect_option:hover{background-color:#3a3c42}.mySelect_select_wrapper .mySelect_select{width:100%;height:50px;box-sizing:border-box;padding:0 16px;background:var(--bg-secondary);border:2px solid transparent;border-radius:6px;transition:var(--transition);position:relative;-webkit-user-select:none;user-select:none;font-size:16px;color:var(--text-main);outline:none;cursor:pointer}.mySelect_select_wrapper .mySelect_select:active{border:2px solid var(--accent-primary)}.mySelect_select_wrapper .mySelect_select:focus{border:2px solid var(--accent-primary)}.mySelect_select_wrapper .mySelect_select .mySelect_select_placeholder{width:100%;height:100%;display:flex;align-items:center;color:var(--text-tertiary)}.mySelect_select_wrapper .mySelect_select .mySelect_select_input{width:100%;height:100%;display:flex;align-items:center;color:var(--text-primary)}.mySelect_select_wrapper .mySelect_select_active{border:2px solid var(--accent-primary)}.mySelect_select_wrapper svg{position:absolute;right:15px;color:var(--text-secondary);width:18px;height:18px;cursor:pointer}.mySelect_select_options{position:fixed;display:none;flex-direction:column;gap:2px;padding:6px;background-color:var(--bg-tertiary);border-radius:12px;min-height:40px;overflow-y:auto;box-sizing:border-box;z-index:999}.mySelect_select_options .mySelect_select_option{height:40px;padding:12px 16px;box-sizing:border-box;border-radius:12px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:flex-start;gap:12px;color:var(--text-primary)}.mySelect_select_options .mySelect_select_option:hover{background-color:var(--input-bg)}.mySelect_select_options .mySelect_select_option_selected{background-color:var(--input-bg);color:var(--primary)}.mySelect_select_options .mySelect_select_empty{margin:auto}.textChat_message_item{display:flex;width:100%;box-sizing:border-box;padding:8px 16px;margin-bottom:4px;border-radius:var(--border-radius);transition:var(--transition)}.textChat_message_item:hover{background:var(--hover)}.textChat_message_item .textChat_message_item_other,.textChat_message_item .textChat_message_item_my{display:flex;width:100%}.textChat_message_item .textChat_message_avatar{width:40px;height:40px;margin-right:16px}.textChat_message_item .textChat_message_avatar img{width:100%;height:100%;border-radius:50%}.textChat_message_item .textChat_message_content{flex:1}.textChat_message_item .textChat_message_content .textChat_message_content_header{display:flex;margin-bottom:4px;align-items:center}.textChat_message_item .textChat_message_content .textChat_message_content_header .textChat_message_content_username{font-weight:600;margin-right:6px}.textChat_message_item .textChat_message_content .textChat_message_content_header .textChat_message_content_time{font-size:12px;color:var(--text-tertiary)}.textChat_message_item .textChat_message_content .textChat_message_contentBox{color:var(--text-secondary);line-height:1.4}.textChat_message_item .textChat_message_content .textChat_message_contentBox .textChat_message_content_imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:12px;margin-top:12px;box-sizing:border-box;background:var(--bg-primary);border-radius:8px;border:none}.textChat_message_item .textChat_message_content .textChat_message_contentBox .textChat_message_content_imgs .textChat_message_content_imgs_item{position:relative;padding:0;border-radius:6px;overflow:hidden;flex-direction:column;align-items:flex-start;max-width:350px}.textChat_message_item .textChat_message_content .textChat_message_contentBox .textChat_message_content_imgs .textChat_message_content_imgs_item img{width:100%;height:auto;max-height:220px;object-fit:cover;border-radius:6px;transition:transform .3s ease}.textChat_message_item .textChat_message_content .textChat_message_contentBox .textChat_message_content_files{margin-top:12px;margin-bottom:8px;border:1px solid var(--accent-secondary);border-radius:8px;overflow:hidden;background:var(--bg-secondary)}.textChat_message_item .textChat_message_content .textChat_message_contentBox .textChat_message_content_files .textChat_message_content_files_header{box-sizing:border-box;padding:10px 14px;font-size:13px;font-weight:600;border-bottom:1px solid var(--accent-secondary);color:var(--text-tertiary);background:var(--bg-light)}.textChat_message_item .textChat_message_content .textChat_message_contentBox .textChat_message_content_files .textChat_message_content_files_item{display:flex;padding:10px;box-sizing:border-box;gap:14px;align-items:center;position:relative}.textChat_message_item .textChat_message_content .textChat_message_contentBox .textChat_message_content_files .textChat_message_content_files_item .file_icon{width:40px;height:40px;background:#353744c4;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary-dark)}.textChat_message_item .textChat_message_content .textChat_message_contentBox .textChat_message_content_files .textChat_message_content_files_item .file_icon svg{width:22px;height:22px}.textChat_message_item .textChat_message_content .textChat_message_contentBox .textChat_message_content_files .textChat_message_content_files_item .file_info{flex:1;min-width:0}.textChat_message_item .textChat_message_content .textChat_message_contentBox .textChat_message_content_files .textChat_message_content_files_item .file_info .file_info_meta{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.textChat_message_item .textChat_message_content .textChat_message_contentBox .textChat_message_content_files .textChat_message_content_files_item .file_info .file_info_meta{display:flex;gap:8px;font-size:12px;color:var(--text-tertiary)}.textChat_message_item .textChat_message_content .textChat_message_contentBox .textChat_message_content_files .textChat_message_content_files_item .file_info .file_info_meta .file_info_meta_type{text-transform:uppercase;font-size:11px}.textChat_message_item .textChat_message_content .textChat_message_contentBox .textChat_message_content_files .textChat_message_content_files_item .file_download{position:absolute;right:16px;cursor:pointer;width:32px;height:32px}.textChat_message_item .textChat_message_content .textChat_message_contentBox .textChat_message_content_files .textChat_message_content_files_item .file_download svg{width:100%;height:100%}.textChat_message_item .textChat_message_content .textChat_message_content_actions{display:flex;margin-top:4px;align-items:center}.textChat_message_item .textChat_message_content .textChat_message_content_actions .textChat_message_content_action{display:flex;color:var(--text-tertiary);font-size:14px;margin-right:16px;cursor:pointer;transition:var(--transition)}.textChat_message_item .textChat_message_content .textChat_message_content_actions .textChat_message_content_action svg{width:14px;height:14px}.musicPlayer_box{background-color:var(--bg-dark);color:var(--text-primary);display:flex;box-shadow:0 5px 15px #5865f24d;height:var(--musicHeight)}.musicPlayer_box .musicPlayer_box_controls{padding:16px 16px 8px;display:flex;align-items:center;gap:16px;width:100%;-webkit-user-select:none;user-select:none;position:relative}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_info{display:flex;align-items:center}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_info .musicPlayer_cover{display:flex;align-items:center;justify-content:center;margin-right:12px;width:40px;height:40px;overflow:hidden;border-radius:4px;background:linear-gradient(45deg,#8a2be2,indigo);font-size:20px}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_info .musicPlayer_cover img{width:100%;height:100%}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_info .musicPlayer_cover svg{width:80%;height:80%}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_info .musicPlayer_details{width:120px;overflow:hidden}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_info .musicPlayer_details .musicPlayer_title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_info .musicPlayer_details .musicPlayer_artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_actions{display:flex;align-items:center;gap:12px}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_actions .musicPlayer_action{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_actions .musicPlayer_action:hover{background:var(--primary)}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_actions .play{width:40px;height:40px;font-size:18px}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_actions .volumn{display:flex;align-items:center;justify-content:center;position:relative;height:100%;transition:.3s all ease}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_actions .volumn .musicPlayer_volumn_icon{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);width:32px;height:32px;border-radius:50%;cursor:pointer}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_actions .volumn .musicPlayer_volumn_slider_box{display:flex;gap:4px;height:100%;align-items:center;justify-content:center;width:80px;transition:.3s width ease;overflow:hidden}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_actions .volumn .musicPlayer_volumn_slider_box .musicPlayer_volumn_slider{flex:1;display:inline-block;margin-left:4px}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_actions .volumn .musicPlayer_volumn_slider_box .musicPlayer_volumn_slider .ant-slider{height:6px;margin:0;padding:0;font-size:6px}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_actions .volumn .musicPlayer_volumn_slider_box .musicPlayer_volumn_slider .ant-slider .ant-slider-rail{height:100%;background-color:#3c3e42}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_actions .volumn .musicPlayer_volumn_slider_box .musicPlayer_volumn_slider .ant-slider .ant-slider-track{height:100%;background-color:var(--primary)}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_actions .volumn .musicPlayer_volumn_slider_box .musicPlayer_volumn_slider .ant-slider .ant-slider-handle{display:none}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_actions .volumn .musicPlayer_volumn_slider_box .musicPlayer_volumn_value{line-height:16px;font-size:12px;color:var(--text-secondary)}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_progress_box{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_progress_box .musicPlayer_progress{flex:1;background-color:#3c3e42;height:8px;border-radius:4px;cursor:pointer}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_progress_box .musicPlayer_progress .musicPlayer_progress_bar{width:0;max-width:100%;position:relative;background-color:var(--primary);height:100%;border-radius:4px}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_progress_box .musicPlayer_progress_time{display:flex;align-items:center;height:100%;color:var(--text-secondary);font-size:12px;line-height:12px}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_lyrics{flex:1;display:flex;justify-content:center;min-width:200px}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_playList{display:flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;border-radius:4px;font-size:18px}.musicPlayer_box .musicPlayer_box_controls .musicPlayer_playList:hover{background-color:var(--bg-tertiary)}.musicPlayer_dragingTip{position:absolute;display:none;background-color:var(--bg-tertiary);border-radius:4px;height:fit-content;transform:translate(-50%);font-size:12px;padding:6px 12px}.playList_box{display:flex;flex-direction:column;position:fixed;right:0;top:var(--musicHeight);bottom:var(--musicHeight);width:280px;background-color:var(--bg-primary);box-shadow:0 8px 32px #0006}.playList_box .playList_box_header{display:flex;align-items:center;height:40px;gap:8px}.playList_box .playList_box_header .playList_box_header_hide{display:flex;align-items:center;justify-content:center;cursor:pointer;height:100%;padding:0 16px}.playList_box .playList_box_header .playList_box_header_hide svg{width:18px;height:18px}.playList_box .playList_box_header .playList_box_header_hide:hover{background-color:var(--bg-tertiary)}.playList_box .playList_box_header .playList_box_header_title{flex:1;height:100%;display:flex;align-items:center}.playList_box .playList_box_header .playList_box_header_title span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer}.playList_box .playList_box_header .playList_box_header_title span:hover{color:var(--danger)}.playList_box .playList_box_content{flex:1;height:0;overflow:auto;padding:8px 0;box-sizing:border-box;display:flex;flex-direction:column;gap:8px}.playList_box .playList_box_content .playList_box_item{display:flex;align-items:center;width:100%;justify-content:space-between;box-sizing:border-box;padding:4px 16px;gap:6px;cursor:pointer;color:var(--text-secondary)}.playList_box .playList_box_content .playList_box_item .playList_box_item_left{flex:1;width:0;display:flex;gap:6px}.playList_box .playList_box_content .playList_box_item .playList_box_item_left .playList_box_item_index{display:flex;align-content:center;justify-content:center;flex-wrap:wrap;width:28px}.playList_box .playList_box_content .playList_box_item .playList_box_item_left .playList_box_item_info{flex:1;overflow:hidden}.playList_box .playList_box_content .playList_box_item .playList_box_item_left .playList_box_item_info .playList_box_item_info_title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playList_box .playList_box_content .playList_box_item .playList_box_item_left .playList_box_item_info .playList_box_item_info_artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playList_box .playList_box_content .playList_box_item .playList_item_delete{display:none;-webkit-user-select:none;user-select:none;height:100%;align-items:center;justify-content:center;margin-right:12px}.playList_box .playList_box_content .playList_box_item .playList_item_delete:hover{color:#ff4d4d80}.playList_box .playList_box_content .playList_box_item:hover{background-color:var(--bg-secondary);padding-right:0}.playList_box .playList_box_content .playList_box_item:hover .playList_item_delete{display:flex}.playList_box .playList_box_content .playing{background-color:var(--bg-secondary)}.layout_box{display:flex;width:100vw;height:100vh;overflow:hidden}.layout_box .layout_left{width:72px;height:100%;background-color:var(--bg-dark);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:16px 0;border-right:1px solid var(--accent-secondary);z-index:100}.layout_box .layout_left .layout_left_top{display:flex;flex-direction:column;align-items:center}.layout_box .layout_left .layout_left_list{overflow:hidden}.layout_box .layout_left .layout_left_buttom{margin-top:auto;display:flex;flex-direction:column;align-items:center;height:fit-content}.layout_box .layout_left .layout_left_buttom .userAvatar{width:40px;height:40px;margin-top:auto;position:relative;cursor:pointer;overflow:hidden}.layout_box .layout_left .layout_left_buttom .userAvatar img{width:100%;height:100%;border-radius:50%}.layout_box .layout_left .divider{width:32px;height:2px;background:#ffffff1a;margin:8px 0}.layout_box .layout_right{flex:1}.server_item{width:48px;height:48px;border-radius:50%;background:var(--accent-secondary);display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-sizing:border-box;cursor:pointer;transition:.15s all ease-in-out;font-weight:700;font-size:18px;position:relative}.server_item:hover{border-radius:16px;background:var(--accent-primary)}.server_item .server_item_name{line-height:1}.server_item:last-child{margin-bottom:0}.server_item_act{border-radius:16px;background:var(--accent-primary)}.modal_backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal_backdrop .server_modal{width:440px;background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:0 8px 32px #0006;overflow:hidden;animation:modalFadeIn .3s ease-out;position:relative}.modal_backdrop .server_modal .modal_header{padding:16px;text-align:center;background:var(--bg-dark);border-bottom:1px solid rgba(255,255,255,.1);position:relative}.modal_backdrop .server_modal .modal_header h2{color:var(--text-primary);margin:0;font-size:20px;padding:0 30px;text-align:center}.modal_backdrop .server_modal .modal_header .close_button{position:absolute;top:12px;right:16px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.modal_backdrop .server_modal .modal_header .close_button:hover{color:var(--text-primary);background:#ffffff1a}.modal_backdrop .server_modal .modal_header .back_button{position:absolute;top:12px;left:16px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.modal_backdrop .server_modal .modal_header .back_button:hover{color:var(--text-primary);background:#ffffff1a}.modal_backdrop .server_modal .modal_selection{padding:16px}.modal_backdrop .server_modal .modal_selection .selection_card{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;margin-bottom:8px;transition:background-color .2s;border:1px solid rgba(255,255,255,.1)}.modal_backdrop .server_modal .modal_selection .selection_card:hover{background:#ffffff0d}.modal_backdrop .server_modal .modal_selection .selection_card .card_icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}.modal_backdrop .server_modal .modal_selection .selection_card .card_icon svg{width:24px;height:24px}.modal_backdrop .server_modal .modal_selection .selection_card .card_icon.create_icon{background:var(--accent-primary);color:#fff}.modal_backdrop .server_modal .modal_selection .selection_card .card_icon.join_icon{background:var(--success);color:#fff}.modal_backdrop .server_modal .modal_selection .selection_card .card_content{flex:1}.modal_backdrop .server_modal .modal_selection .selection_card .card_content h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.modal_backdrop .server_modal .modal_selection .selection_card .card_content p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.modal_backdrop .server_modal .modal_selection .selection_card .card_arrow{color:var(--text-secondary)}.modal_backdrop .server_modal .modal_selection .selection_card .card_arrow svg{width:20px;height:20px}.modal_backdrop .server_modal .modal_body{padding:16px;animation:modalFadeIn .3 ease-out}.modal_backdrop .server_modal .modal_body .modal_subtitle{color:var(--text-secondary);text-align:center;margin:0 0 16px;font-size:14px}.modal_backdrop .server_modal .modal_body .server_avatar_preview{display:flex;justify-content:center;margin-bottom:24px}.modal_backdrop .server_modal .modal_body .server_avatar_preview .avatar_placeholder{width:80px;height:80px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700}.modal_backdrop .server_modal .modal_body .input_group{margin-bottom:16px}.modal_backdrop .server_modal .modal_body .input_group label{display:block;color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:700;text-transform:uppercase}.modal_backdrop .server_modal .modal_footer{padding:16px;background:var(--bg-secondary);display:flex;justify-content:space-between}.modal_backdrop .server_modal .modal_footer .already_have{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.modal_backdrop .server_modal .modal_footer .already_have button{background:transparent;border:none;color:var(--accent-primary);cursor:pointer;font-weight:600}.modal_backdrop .server_modal .modal_footer .already_have button:hover{text-decoration:underline}.modal_backdrop .server_modal .modal_footer .btn_wrapper{display:flex;gap:12px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.channel_box{width:100%;height:100%;background-color:var(--bg-primary);display:flex}.channel_box .channel_left{position:relative;width:240px;overflow:hidden;box-sizing:border-box;background-color:var(--bg-dark);display:flex;flex-direction:column;border-right:1px solid var(--accent-secondary)}.channel_box .channel_left .channel_left_top{padding:16px;height:50px;box-sizing:border-box;border-bottom:1px solid var(--accent-secondary);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:space-between}.channel_box .channel_left .channel_left_top .channel_setting{cursor:pointer}.channel_box .channel_left .channel_left_channels{flex-grow:1;overflow:auto}.channel_box .channel_left .channel_left_channels::-webkit-scrollbar{width:0;height:0}.channel_box .channel_left .channel_left_channels .channel_item_name{padding:12px 16px 4px;color:var(--text-tertiary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between}.channel_box .channel_left .channel_left_channels .channel_item_name:hover .channel_item_add{opacity:1}.channel_box .channel_left .channel_left_channels .channel_item_name .channel_item_add{opacity:0;cursor:pointer;font-weight:800;font-size:18px;line-height:1}.channel_box .channel_left .channel_left_onlineUsers{margin-top:auto}.channel_box .channel_left .channel_left_onlineUsers .channel_left_cls{background-color:#262730;border-radius:0}.channel_box .channel_left .channel_left_onlineUsers .channel_left_cls .ant-collapse-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-tertiary);font-size:12px;font-weight:600}.channel_box .channel_left .channel_left_onlineUsers .channel_left_cls .ant-collapse-content-box{max-height:240px;color:var(--text-primary);overflow:auto}.channel_box .channel_left .channel_left_onlineUsers .channel_left_cls .ant-collapse-content-box::-webkit-scrollbar{width:0;height:0}.channel_box .channel_left .channel_left_onlineUsers .channel_left_cls .ant-collapse-content-box .channel_user_item{display:flex;align-items:center;padding:6px 0;cursor:pointer}.channel_box .channel_left .channel_left_onlineUsers .channel_left_cls .ant-collapse-content-box .channel_user_item .channel_user_item_avatar{width:32px;height:32px;margin-right:8px;position:relative;overflow:hidden}.channel_box .channel_left .channel_left_onlineUsers .channel_left_cls .ant-collapse-content-box .channel_user_item .channel_user_item_avatar img{width:100%;height:100%;border-radius:50%}.channel_box .channel_left .channel_left_onlineUsers .channel_left_cls .ant-collapse-content-box .channel_user_item .channel_user_item_name{font-size:14px;font-weight:500}.channel_box .channel_right{flex-grow:1;background-color:var(#1e1f29);position:relative}.invite_code_box{padding:20px}.invite_code_box .invite_code_tips{color:var(--text-tertiary);margin-bottom:8px;font-size:12px;line-height:18px}.invite_code_box .invite_code{display:flex;position:relative;align-items:center;justify-content:space-between}.invite_code_box .invite_code .invite_code_text{padding:6px 12px;box-sizing:border-box;height:50px;background:#22252b;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-right:16px;font-weight:700;letter-spacing:3px;color:#f7a738;font-size:22px}.invite_code_box .invite_code .btn{height:auto;padding:6px 12px}.change_servername{padding:20px}.change_servername .change_servername_body{animation:change_servernameFadeIn .3 ease-out}.change_servername .change_servername_body .change_servername_subtitle{color:var(--text-secondary);text-align:center;margin:0 0 16px;font-size:14px}.change_servername .change_servername_body .server_avatar_preview{display:flex;justify-content:center}.change_servername .change_servername_body .server_avatar_preview .avatar_placeholder{width:80px;height:80px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700}.change_servername .change_servername_body .input_group{margin-bottom:16px}.change_servername .change_servername_body .input_group label{display:block;color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:700;text-transform:uppercase}.change_servername .change_servername_footer{display:flex;justify-content:flex-end}.change_servername .change_servername_footer button{margin:0;padding:6px 16px}.change_servername .change_servername_footer .btn_wrapper{display:flex;gap:12px}.channel_chat_item{padding:8px 16px;height:40px;box-sizing:border-box;display:flex;align-items:center;color:var(--text-secondary);border-radius:var(--border-radius);margin:0 8px;cursor:pointer;transition:var(--transition);position:relative}.channel_chat_item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.channel_chat_item .channel_chat_icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;margin-right:8px;font-size:14px}.channel_chat_item .channel_chat_item_delete{position:absolute;right:8px;color:var(--text-tertiary);width:16px;height:16px;display:none;align-items:center;justify-content:center}.channel_chat_item .channel_chat_item_delete span{margin:0}.channel_chat_item .channel_chat_item_delete:hover{color:var(--text-secondary)}.channel_chat_item:hover .channel_chat_item_delete{display:flex}.channel_chat_item_act{background:var(--bg-tertiary);color:var(--text-secondary)}.channel_chat_disabled{color:var(--text-tertiary);cursor:text!important}.channel_chat_disabled:hover{background-color:transparent;color:var(--text-tertiary)}.channel_mgt{display:flex;min-height:355px;width:850px;max-width:100%;padding:16px;box-sizing:border-box}.channel_mgt .channel_mgt_options{display:flex;flex-direction:column;gap:6px;border-right:2px solid #35373b;padding-right:8px;width:160px}.channel_mgt .channel_mgt_options .channel_mgt_options_item{display:flex;align-items:center;justify-content:center;padding:6px 16px;border-radius:16px;cursor:pointer}.channel_mgt .channel_mgt_options .channel_mgt_options_item:hover{background:var(--bg-tertiary)}.channel_mgt .channel_mgt_options .channel_mgt_options_item_act{background:var(--bg-tertiary);color:var(--primary)}.channel_mgt .channel_mgt_options .channel_mgt_del{position:relative;color:var(--danger)}.channel_mgt .channel_mgt_options .channel_mgt_del:hover{background-color:#ed42451a}.channel_mgt .channel_mgt_options .channel_mgt_del:before{content:"";position:absolute;top:-4px;height:2px;width:100%;background-color:#35373b}.channel_mgt .channel_mgt_setting{flex-grow:1;padding:0 0 0 20px}.channel_mgt .channel_mgt_setting .channel_mgt_setting_header{padding-bottom:10px;height:40px;margin-bottom:10px;border-bottom:1px solid var(--bg-tertiary);display:flex;align-items:center;gap:8px;font-size:18px;line-height:1.5}.channel_mgt .channel_mgt_setting .channel_mgt_setting_header svg{width:18px;height:18px;color:var(--primary)}.channel_mgt .channel_mgt_setting .channel_mgt_setting_channel .channel_mgt_setting_channel_body{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.channel_mgt .channel_mgt_setting .channel_mgt_setting_channel .channel_mgt_setting_channel_body .channel_mgt_channel_item{margin-bottom:15px}.channel_mgt .channel_mgt_setting .channel_mgt_setting_channel .channel_mgt_setting_channel_body .channel_mgt_channel_item label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary);font-size:14px}.channel_mgt .channel_mgt_setting .channel_mgt_setting_channel .channel_mgt_setting_channel_body .channel_mgt_channel_item .type_label{display:inline-flex;align-items:center;padding:6px 12px;border-radius:50px;font-size:13px;font-weight:500}.channel_mgt .channel_mgt_setting .channel_mgt_setting_channel .channel_mgt_setting_channel_body .channel_mgt_channel_item .type_text{background:#3ba55d33;color:var(--success)}.channel_mgt .channel_mgt_setting .channel_mgt_setting_channel .channel_mgt_setting_channel_body .channel_mgt_channel_item .type_voice{background:#5865f233;color:var(--primary)}.channel_mgt .channel_mgt_setting .channel_mgt_setting_channel .channel_mgt_setting_channel_body .channel_mgt_channel_item select{width:100%;padding:12px;background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--border-radius);outline:none;font-size:14px;color:var(--text-primary);transition:var(--transition)}.channel_mgt .channel_mgt_setting .channel_mgt_setting_channel .channel_mgt_setting_channel_body .channel_mgt_channel_item select:active{border:2px solid var(--accent-primary)}.channel_mgt .channel_mgt_setting .channel_mgt_setting_channel .channel_mgt_setting_channel_body .channel_mgt_channel_item select:focus{border:2px solid var(--accent-primary)}.channel_mgt .channel_mgt_setting .channel_mgt_setting_channel .channel_mgt_setting_channel_body .channel_mgt_channel_item_action{grid-column:2;display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.channel_mgt .channel_mgt_setting .channel_mgt_setting_permit{display:flex;flex-direction:column}.channel_mgt .channel_mgt_setting .channel_mgt_setting_permit .channel_mgt_setting_permit_body .channel_mgt_permit_search{border-radius:var(--border-radius);margin-bottom:20px;position:relative;display:flex;align-items:center;width:100%}.channel_mgt .channel_mgt_setting .channel_mgt_setting_permit .channel_mgt_setting_permit_body .channel_mgt_permit_search input{padding-left:45px}.channel_mgt .channel_mgt_setting .channel_mgt_setting_permit .channel_mgt_setting_permit_body .channel_mgt_permit_search .icon{position:absolute;left:20px;z-index:1000}.channel_mgt .channel_mgt_setting .channel_mgt_setting_permit .channel_mgt_setting_permit_body .channel_mgt_permit_members{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;max-height:320px;overflow:scroll;padding-right:8px}.channel_mgt .channel_mgt_setting .channel_mgt_setting_permit .channel_mgt_setting_permit_body .channel_mgt_permit_members .channel_mgt_permit_item_card{background:var(--bg-tertiary);border-radius:var(--border-radius);padding:15px;border:1px solid var(--bg-secondary);transition:var(--transition)}.channel_mgt .channel_mgt_setting .channel_mgt_setting_permit .channel_mgt_setting_permit_body .channel_mgt_permit_members .channel_mgt_permit_item_card:hover{border-color:var(--primary)}.channel_mgt .channel_mgt_setting .channel_mgt_setting_permit .channel_mgt_setting_permit_body .channel_mgt_permit_members .channel_mgt_permit_item_card .channel_mgt_permit_card_header{display:flex;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--bg-secondary)}.channel_mgt .channel_mgt_setting .channel_mgt_setting_permit .channel_mgt_setting_permit_body .channel_mgt_permit_members .channel_mgt_permit_item_card .channel_mgt_permit_card_header .channel_mgt_permit_card_avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;margin-right:12px}.channel_mgt .channel_mgt_setting .channel_mgt_setting_permit .channel_mgt_setting_permit_body .channel_mgt_permit_members .channel_mgt_permit_item_card .channel_mgt_permit_card_header .channel_mgt_permit_card_info .channel_mgt_permit_card_status{display:inline-block;padding:3px 8px;border-radius:50px;font-size:11px;font-weight:500;margin-left:5px}.channel_mgt .channel_mgt_setting .channel_mgt_setting_permit .channel_mgt_setting_permit_body .channel_mgt_permit_members .channel_mgt_permit_item_card .channel_mgt_permit_card_header .channel_mgt_permit_card_info .member{background:#3ba55d33;color:var(--success)}.channel_mgt .channel_mgt_setting .channel_mgt_setting_permit .channel_mgt_setting_permit_body .channel_mgt_permit_members .channel_mgt_permit_item_card .channel_mgt_permit_card_header .channel_mgt_permit_card_info .admin{background:#faa81a33;color:var(--warning)}.channel_mgt .channel_mgt_setting .channel_mgt_setting_permit .channel_mgt_setting_permit_body .channel_mgt_permit_members .channel_mgt_permit_item_card .channel_mgt_permit_card_header .channel_mgt_permit_card_info .owner{background:#ed424533;color:var(--danger)}.channel_mgt .channel_mgt_setting .channel_mgt_setting_permit .channel_mgt_setting_permit_body .channel_mgt_permit_members .channel_mgt_permit_item_card .channel_mgt_permit_item_options{display:flex;flex-direction:column;gap:12px}.channel_mgt .channel_mgt_setting .channel_mgt_setting_permit .channel_mgt_setting_permit_body .channel_mgt_permit_members .channel_mgt_permit_item_card .channel_mgt_permit_item_options .channel_mgt_permit_item_item{display:flex;justify-content:space-between;align-items:center}.channel_mgt .channel_mgt_setting .channel_mgt_setting_permit .channel_mgt_setting_permit_body .channel_mgt_permit_members .channel_mgt_permit_item_card .channel_mgt_permit_item_options .channel_mgt_permit_item_item .channel_mgt_permit_item_label{font-size:13px;color:var(--text-secondary)}.channel_addChannel .channel_addChannel_form{display:flex;flex-direction:column;gap:16px;padding:20px}.channel_addChannel .channel_addChannel_form .channel_addChannel_item{position:relative}.channel_addChannel .channel_addChannel_form .channel_addChannel_item .channel_addChannel_item_label{display:block;margin-bottom:8px;font-size:14px;color:var(--text-secondary)}.channel_addChannel .channel_addChannel_form .channel_addChannel_item .input_flex{display:flex;gap:15px}.channel_addChannel .channel_addChannel_form .channel_addChannel_item .channel_addChannel_check_box{gap:16px;width:100%}.channel_addChannel .channel_addChannel_form .channel_addChannel_item .channel_addChannel_check_box .channel_addChannel_checkBtn{flex:1;background-color:transparent;color:var(--text-primary);border-radius:12px;box-sizing:border-box;border:2px solid var(--accent-secondary)}.channel_addChannel .channel_addChannel_form .channel_addChannel_item .channel_addChannel_check_box .channel_addChannel_checkBtn:before{border:none;content:"";width:0}.channel_addChannel .channel_addChannel_form .channel_addChannel_item .channel_addChannel_check_box .channel_addChannel_checkBtn_act{border:2px solid var(--accent-primary)}.channel_addChannel .channel_addChannel_formbtn{display:flex;gap:16px;padding:0 20px 20px;justify-content:flex-end}.notice_box{width:100%;height:100%;background-color:var(--bg-primary);display:flex;flex-direction:column}.notice_box .notice_header{display:flex;align-items:center;width:100%;height:50px;border-bottom:1px solid var(--accent-secondary);padding:0 16px}.notice_box .notice_header .notice_title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:24px}.notice_box .notice_header .notice_title svg{width:18px;height:18px;color:var(--text-tertiary)}.notice_box .notice_header .notice_title div{white-space:nowrap}.notice_box .notice_messages_container{flex-grow:1;padding:20px 120px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.notice_box .notice_messages_container .notice_banner{background-color:var(--accent-secondary);border-left:4px solid var(--primary);border-radius:var(--border-radius);padding:16px;margin-bottom:16px}.private_box{width:100%;height:100%;background-color:var(--bg-primary);display:flex}.private_box .private_left{width:220px;border-right:1px solid var(--accent-secondary)}.private_box .private_left .private_left_top{padding:16px;height:50px;box-sizing:border-box;border-bottom:1px solid var(--accent-secondary);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:space-between}.private_box .private_left .private_left_top .private_actions{display:flex;gap:8px}.private_box .private_left .private_left_top .private_actions .private_action_btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.private_box .private_left .private_left_top .private_actions .private_action_btn:hover{background:var(--hover);color:var(--text-primary)}.private_box .private_left .private_left_menu{width:100%}.private_box .private_left .private_left_menu .private_friend_item{display:flex;align-items:center;justify-content:space-between;position:relative}.private_box .private_left .private_left_menu .private_friend_item .private_friend_item_actions{display:flex;align-items:center;justify-content:center;gap:8px;right:0;top:0}.private_box .private_left .private_left_menu .private_friend_item .private_friend_item_actions .private_friend_item_action{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--bg-secondary);padding:4px;border-radius:4px}.private_box .private_left .private_left_menu .private_friend_item .private_friend_item_actions .private_friend_item_action svg{width:16px;height:16px}.private_box .private_left .private_left_menu .private_friend_item .private_friend_item_actions .private_friend_item_action:hover{background:var(--hover)}.private_box .private_left .private_left_menu .ant-menu{background-color:transparent}.private_box .private_left .private_left_menu .ant-menu .ant-menu-item{padding-left:32px!important;margin:0;-webkit-user-select:none;user-select:none;color:var(--text-secondary)}.private_box .private_left .private_left_menu .ant-menu .ant-menu-item svg{width:24px;height:24px}.private_box .private_left .private_left_menu .ant-menu .ant-menu-item img{width:24px;height:24px;border-radius:50%}.private_box .private_left .private_left_menu .ant-menu .ant-menu-item:active{background-color:var(--bg-tertiary)}.private_box .private_left .private_left_menu .ant-menu .ant-menu-item-selected{color:var(--text-tertiary);background-color:var(--bg-tertiary)}.private_box .private_left .private_left_menu .ant-menu .ant-menu-submenu .ant-menu-submenu-title{padding-left:16px!important;margin:0;-webkit-user-select:none;user-select:none;color:var(--text-secondary)}.private_box .private_left .private_left_menu .ant-menu .ant-menu-submenu .ant-menu-submenu-title:active,.private_box .private_left .private_left_menu .ant-menu .ant-menu-submenu .ant-menu-submenu-title:hover{background-color:var(--bg-tertiary)}.private_box .private_left .private_left_menu .ant-menu .ant-menu-submenu .ant-menu-item-disabled .ant-menu-title-content{color:var(--bg-tertiary)}.private_box .private_left .private_left_menu .ant-menu .ant-menu-submenu-selected .ant-menu-submenu-title{color:var(--primary)}.private_box .private_right{flex:1;overflow:hidden;position:relative}.private_box .private_right .private_right_empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:var(--bg-primary);position:relative;overflow:hidden}.private_box .private_right .private_right_empty .private_empty_title{font-size:24px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.private_box .private_right .private_right_empty .private_empty_description{font-size:16px;color:var(--text-secondary);max-width:500px;line-height:1.6;margin-bottom:32px}.private_box .private_right .private_right_empty .private_empty_friends_suggestions{margin-top:40px;width:100%;max-width:600px}.private_box .private_right .private_right_empty .private_empty_friends_suggestions .private_suggestions_title{font-size:18px;font-weight:500;margin-bottom:20px;color:var(--text-primary);text-align:left;width:100%}.private_box .private_right .private_right_empty .private_empty_friends_suggestions .private_suggestions_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;width:100%}.private_box .private_right .private_right_empty .private_empty_friends_suggestions .private_suggestions_grid .private_suggestion_card{background:var(--bg-secondary);border-radius:var(--border-radius);padding:16px;display:flex;flex-direction:column;align-items:center;transition:var(--transition);cursor:pointer}.private_box .private_right .private_right_empty .private_empty_friends_suggestions .private_suggestions_grid .private_suggestion_card:hover{background:var(--bg-tertiary);transform:translateY(-3px)}.private_box .private_right .private_right_empty .private_empty_friends_suggestions .private_suggestions_grid .private_suggestion_card .private_suggestion_avatar{width:64px;height:64px;border-radius:50%;background:var(--bg-tertiary);margin-bottom:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-primary);position:relative}.private_box .private_right .private_right_empty .private_empty_friends_suggestions .private_suggestions_grid .private_suggestion_card .private_suggestion_name{font-size:16px;font-weight:500;margin-bottom:4px;color:var(--text-primary)}.private_box .private_right .private_right_empty .private_empty_friends_suggestions .private_suggestions_grid .private_suggestion_card .private_suggestion_meta{font-size:14px;color:var(--text-secondary)}.private_box .private_right .private_right_empty .private_empty_friends_suggestions .private_suggestions_grid .private_suggestion_card .private_suggestion_button{margin-top:12px;padding:6px 12px;background:var(--accent-primary);color:#fff;border-radius:4px;font-size:14px;cursor:pointer;border:none;outline:none;transition:var(--transition)}.private_dropdown{width:160px;position:fixed;z-index:999;display:flex;flex-direction:column}.private_dialog_box{width:432px;box-sizing:border-box;padding:20px}.private_dialog_box .private_dialog_content .private_input_group{margin-bottom:16px}.private_dialog_box .private_dialog_content .private_input_group label{display:block;color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:700;text-transform:uppercase}.private_dialog_box .private_dialog_footer{display:flex;gap:16px;margin-top:20px;align-items:center;justify-content:flex-end}.privateChat_box{width:100%;height:100%;display:flex;flex-direction:column}.privateChat_box .privateChat_header{display:flex;align-items:center;width:100%;height:50px;border-bottom:1px solid var(--accent-secondary);padding:0 16px;box-sizing:border-box}.privateChat_box .privateChat_header .privateChat_title{display:flex;align-items:center;font-weight:700}.privateChat_box .privateChat_header .privateChat_title span{display:flex;align-items:center;justify-content:center;margin-right:4px;color:var(--text-tertiary)}.privateChat_box .privateChat_alert{background:linear-gradient(90deg,#4752c4,#5865f2);height:40px;display:flex;align-items:center;justify-content:center;font-size:14px}.privateChat_box .privateChat_alert .privateChat_click_text{cursor:pointer;font-style:italic;font-weight:700;text-decoration:underline}.privateChat_box .privateChat_message{flex-grow:1;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.privateChat_box .privateChat_message .privateChat_messageList{height:0;flex-grow:1;padding:16px 16px 0;box-sizing:border-box;overflow-y:auto;width:100%}.privateChat_box .privateChat_message .privateChat_messageList .privateChat_showMore{display:flex;height:40px;cursor:pointer;align-items:center;justify-content:center;border-radius:8px;margin-bottom:6px}.privateChat_box .privateChat_message .privateChat_messageList .privateChat_showMore:hover{background-color:var(--bg-secondary)}.privateChat_box .privateChat_message .privateChat_message_input{width:100%}.skeleton{position:absolute;background-color:var(--bg-secondary);padding:20px;z-index:100;right:0;bottom:0;left:0;top:0}.music_box{width:100%;height:100%;background-color:var(--bg-primary);display:flex;flex-direction:column}.music_box .music_header{width:100%;height:50px;display:flex;align-items:center;border-bottom:1px solid var(--accent-secondary);padding:0 20px;box-sizing:border-box;justify-content:space-between}.music_box .music_header .music_header_logo{font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px}.music_box .music_header .music_header_logo svg{color:var(--primary)}.music_box .music_header .music_header_search_container{width:300px;box-sizing:border-box;position:relative;display:flex;align-items:center}.music_box .music_header .music_header_search_container i{position:absolute;right:20px;cursor:pointer}.music_box .music_header .music_header_search_container i:hover{color:var(--primary)}.music_box .music_main{flex:1;height:0;display:flex;margin-bottom:var(--musicHeight)}.music_box .music_main .music_main_left{display:flex;flex-direction:column;width:240px;border-right:1px solid var(--accent-secondary)}.music_box .music_main .music_main_left .music_main_left_header{display:flex;height:40px;border-bottom:1px solid var(--accent-secondary)}.music_box .music_main .music_main_left .music_main_left_header .music_main_left_header_action{flex:1;display:flex;align-items:center;justify-content:center;padding:0 6px;cursor:pointer;position:relative;width:100%}.music_box .music_main .music_main_left .music_main_left_header .music_main_left_header_action .music_create_myPlaylist_btn{opacity:0;position:absolute;transition:.2s opacity ease;right:12px;color:var(--text-tertiary);font-size:14px}.music_box .music_main .music_main_left .music_main_left_header .music_main_left_header_action .music_create_myPlaylist_btn :hover{color:var(--text-primary)}.music_box .music_main .music_main_left .music_main_left_header .music_main_left_header_action:hover{background-color:var(--bg-secondary)}.music_box .music_main .music_main_left .music_main_left_header .music_main_left_header_action:hover .music_create_myPlaylist_btn{opacity:1}.music_box .music_main .music_main_left .music_main_left_header .active{color:var(--primary)}.music_box .music_main .music_main_left .music_main_left_playlists{flex:1;display:flex;flex-direction:column;overflow:auto;position:relative}.music_box .music_main .music_main_left .music_main_left_playlists .music_main_left_playlists_item{display:flex;position:relative;align-items:center;cursor:pointer;padding:4px 12px;gap:8px}.music_box .music_main .music_main_left .music_main_left_playlists .music_main_left_playlists_item:hover{background-color:var(--bg-secondary)}.music_box .music_main .music_main_left .music_main_left_playlists .music_main_left_playlists_item .music_playlists_item_cover{width:40px;height:40px;border-radius:8px;overflow:hidden}.music_box .music_main .music_main_left .music_main_left_playlists .music_main_left_playlists_item .music_playlists_item_cover img{width:100%;height:100%}.music_box .music_main .music_main_left .music_main_left_playlists .music_main_left_playlists_item .music_playlists_item_cover .music_cover{width:100%;height:100%;font-size:28px}.music_box .music_main .music_main_left .music_main_left_playlists .music_main_left_playlists_item .music_playlists_item_name{flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;font-size:14px}.music_box .music_main .music_main_left .music_main_left_playlists .music_main_left_playlists_item .music_playlists_item_setting{display:flex;opacity:0;position:absolute;transition:.3s opacity ease;right:8px;color:var(--text-tertiary);width:16px;height:16px;align-items:center;justify-content:center}.music_box .music_main .music_main_left .music_main_left_playlists .music_main_left_playlists_item .music_playlists_item_setting span{margin:0}.music_box .music_main .music_main_left .music_main_left_playlists .music_main_left_playlists_item .music_playlists_item_setting:hover{color:var(--text-secondary)}.music_box .music_main .music_main_left .music_main_left_playlists .music_main_left_playlists_item:hover .music_playlists_item_setting{opacity:1}.music_box .music_main .music_main_left .music_main_left_playlists .active{color:var(--primary)}.music_box .music_main .music_list_section{flex:1;width:0;display:flex;background:var(--darker-bg);border-radius:12px;padding:20px;height:100%;flex-direction:column}.music_box .music_main .music_list_section .music_list_header{display:flex;align-items:center;margin-bottom:20px}.music_box .music_main .music_list_section .music_list_header .music_list_header_left .music_cover{width:120px;height:120px}.music_box .music_main .music_list_section .music_list_header .music_section_info{flex:1;display:flex;flex-direction:column;height:100%;max-width:560px;align-items:flex-start;justify-content:flex-start;gap:8px}.music_box .music_main .music_list_section .music_list_header .music_section_info div{display:flex;justify-content:flex-start}.music_box .music_main .music_list_section .music_list_header .music_section_info .music_section_info_name{font-size:24px;font-weight:600}.music_box .music_main .music_list_section .music_list_header .music_section_info .music_section_info_descripe{display:flex;gap:6px;font-size:14px;font-weight:400;color:var(--text-secondary)}.music_box .music_main .music_list_section .music_list_header .music_section_info .music_section_info_descripe h4{margin:0}.music_box .music_main .music_list_section .music_list_header .music_section_info .music_section_info_actions{display:flex}.music_box .music_main .music_list_section .music_list{flex:1;overflow:auto;padding-bottom:12px;display:flex;flex-direction:column;gap:6px}.music_box .music_main .music_list_section .music_list .music_item{display:flex;align-items:center;padding:12px;border-radius:8px;transition:all .3s ease;cursor:pointer}.music_box .music_main .music_list_section .music_list .music_item .music_info{flex:1;min-width:0}.music_box .music_main .music_list_section .music_list .music_item .music_info .music_title{font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music_box .music_main .music_list_section .music_list .music_item .music_info .music_artist{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music_box .music_main .music_list_section .music_list .music_item .music_duration{font-size:14px;color:var(--text-secondary);margin:0 16px}.music_box .music_main .music_list_section .music_list .music_item .music_actions{display:flex;gap:10px}.music_box .music_main .music_list_section .music_list .music_item .music_actions .music_action_btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:24px}.music_box .music_main .music_list_section .music_list .music_item .music_actions .music_action_btn:hover{color:var(--primary)}.music_box .music_main .music_list_section .music_list .music_item .music_actions .plus{font-size:20px}.music_box .music_main .music_list_section .music_list .music_item .music_actions .plus span{width:1em;height:1em}.music_box .music_main .music_list_section .music_list .music_item:hover{background-color:var(--bg-secondary)}.music_box .music_main .music_list_section .music_list .music_item:hover .music_cover_playState,.music_box .music_main .music_list_section .music_list .playing .music_cover_playState{display:flex}.music_box .music_main .music_list_section .music_list .ant-empty{flex:1;color:var(--text-primary)}.music_box .music_main .music_list_section .music_list .ant-empty .ant-empty-description{color:inherit}.music_box .music_cover{position:relative;width:50px;height:50px;border-radius:8px;overflow:hidden;background:linear-gradient(45deg,#8a2be2,indigo);margin-right:16px;display:flex;align-items:center;justify-content:center;font-size:42px}.music_box .music_cover svg{width:1em;height:1em}.music_box .music_cover img{width:100%;height:100%}.music_box .music_cover .music_cover_playState{background-color:var(--hover-dark);position:absolute;left:0;top:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;font-size:24px}.music_addToPlayList .music_addToPlayList_selector{padding:0 12px;display:flex;gap:12px;margin-top:20px}.music_addToPlayList .music_addToPlayList_selector .music_addToPlayList_selector_input{flex:1}.music_addToPlayList .music_addToPlayList_selector .music_addToPlayList_selector_input .mySelect_select{height:40px}.music_addToPlayList .music_addToPlayList_footer{padding:12px 20px;display:flex;gap:8px;justify-content:flex-end}.playlistInfo_box{width:100%}.playlistInfo_box .playlistInfo_list_header{display:flex;align-items:flex-start;margin-bottom:20px}.playlistInfo_box .playlistInfo_list_header .playlistInfo_list_header_left .playlistInfo_cover{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden;background:linear-gradient(45deg,#8a2be2,indigo);margin-right:16px;display:flex;align-items:center;justify-content:center;font-size:42px}.playlistInfo_box .playlistInfo_list_header .playlistInfo_list_header_left .playlistInfo_cover svg{width:1em;height:1em}.playlistInfo_box .playlistInfo_list_header .playlistInfo_list_header_left .playlistInfo_cover img{width:100%;height:100%}.playlistInfo_box .playlistInfo_list_header .playlistInfo_list_header_left .playlistInfo_cover .playlistInfo_cover_change{position:absolute;bottom:0;width:100%;display:none;background-color:#0006;height:36%;cursor:pointer;font-size:14px}.playlistInfo_box .playlistInfo_list_header .playlistInfo_list_header_left .playlistInfo_cover .playlistInfo_cover_change .ant-upload-wrapper{width:100%;height:100%;color:inherit}.playlistInfo_box .playlistInfo_list_header .playlistInfo_list_header_left .playlistInfo_cover .playlistInfo_cover_change .ant-upload-wrapper .ant-upload{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.playlistInfo_box .playlistInfo_list_header .playlistInfo_list_header_left .playlistInfo_cover .playlistInfo_cover_change:hover{background-color:#0008}.playlistInfo_box .playlistInfo_list_header .playlistInfo_list_header_left .playlistInfo_cover_editing .playlistInfo_cover_change{display:flex}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info{flex:1;display:flex;flex-direction:column;height:100%;max-width:560px;align-items:flex-start;justify-content:flex-start;gap:8px}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info div{display:flex;justify-content:flex-start}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info .playlistInfo_section_info_name{font-size:24px;font-weight:600}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info .playlistInfo_section_info_descripe{display:flex;gap:6px;font-size:14px;font-weight:400;color:var(--text-secondary)}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info .playlistInfo_section_info_descripe h4{margin:0}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info .playlistInfo_section_info_actions{display:flex}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info,.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info_editing{flex:1;display:flex;flex-direction:column;height:100%;max-width:560px;align-items:flex-start;justify-content:flex-start;gap:8px}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info div,.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info_editing div{display:flex;justify-content:flex-start}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info .playlistInfo_section_info_name,.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info_editing .playlistInfo_section_info_name{font-size:24px;font-weight:600}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info .playlistInfo_section_info_descripe,.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info_editing .playlistInfo_section_info_descripe{display:flex;gap:6px;font-size:14px;font-weight:400;color:var(--text-secondary)}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info .playlistInfo_section_info_descripe h4,.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info_editing .playlistInfo_section_info_descripe h4{margin:0}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info .playlistInfo_section_info_actions,.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info_editing .playlistInfo_section_info_actions{display:flex;gap:12px}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info_editing{width:100%;max-width:100%}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info_editing .playlistInfo_section_info_name{width:100%;font-size:16px}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info_editing .playlistInfo_section_info_name input{height:40px}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info_editing .playlistInfo_section_info_descripe{font-size:14px;width:100%;height:104px;display:flex;flex-direction:column}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info_editing .playlistInfo_section_info_descripe .playlistInfo_section_info_descripe_inp{flex:1;height:0}.playlistInfo_box .playlistInfo_list_header .playlistInfo_section_info_editing .playlistInfo_section_info_descripe .playlistInfo_section_info_descripe_inp textarea{font-size:14px}.login_box{background:linear-gradient(135deg,#1f1f2c,#1c1e30,#25273c);color:var(--text-main);display:flex;justify-content:center;align-items:center;background-attachment:fixed;width:100vw;height:100vh}.login_box .login{width:100%;max-width:1100px;min-width:850px;display:flex;max-height:560px;height:100%;background:#202225d9;border-radius:10px;overflow:hidden;box-shadow:0 15px 35px #00000040}.login_box .login .login_left{flex:1;background:url(https://images.unsplash.com/photo-1557683316-973673baf926?ixlib=rb-4.0.3) center/cover no-repeat;padding:40px;display:flex;flex-direction:column;position:relative;box-sizing:border-box}.login_box .login .login_left:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#282a32cc,#191b23f2);z-index:0}.login_box .login .login_left .login_left_content{position:relative;z-index:2;text-align:center;max-width:500px;padding:30px}.login_box .login .login_left .login_left_content .login_logo{margin-bottom:40px}.login_box .login .login_left .login_left_content .login_logo h1{font-size:42px;color:var(--login-text-primary);font-weight:700;letter-spacing:1px}.login_box .login .login_left .login_left_content .login_logo_icon{width:100px;height:100px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.login_box .login .login_left .login_left_content .login_logo_icon svg{width:100%;height:100%}.login_box .login .login_left .login_left_content .login_welcome{margin-bottom:20px}.login_box .login .login_left .login_left_content .login_welcome h2{font-size:32px;color:var(--login-text-primary);margin-bottom:15px;font-weight:500}.login_box .login .login_left .login_left_content .login_welcome p{color:var(--login-text-secondary);font-size:18px;line-height:1.5;max-width:400px;margin:0 auto}.login_box .login .login_right{flex:1;padding:20px 40px;display:flex;flex-direction:column;background:var(--bg-primary);overflow:auto}.login_box .login .login_right .tabs{display:flex;margin-bottom:30px;background:var(--input-bg);border-radius:8px;padding:5px}.login_box .login .login_right .tabs .tab{flex:1;text-align:center;padding:15px 10px;border-radius:6px;cursor:pointer;transition:var(--transition);font-weight:600}.login_box .login .login_right .tabs .tabActive{background:var(--primary);color:#fff}.login_box .login .login_right .form_box{flex:1;display:flex;flex-direction:column}.login_box .login .login_right .form_box .login_form_header{margin-bottom:8px;text-align:center}.login_box .login .login_right .form_box .login_form_header h2{font-size:28px;margin-bottom:10px;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login_box .login .login_right .form_box .login_form_header p{color:var(--text-secondary);font-size:16px}.login_box .login .login_right .form_box .login_form{display:flex;flex-direction:column;margin-bottom:20px;gap:20px}.login_box .login .login_right .form_box .login_form .login_form_group{position:relative}.login_box .login .login_right .form_box .login_form .login_form_group label{display:block;margin-bottom:8px;font-size:14px;color:var(--text-secondary)}.login_box .login .login_right .form_box .login_form .forgot_password{text-align:right;margin:-10px 0 0}.login_box .login .login_right .form_box .login_form .forgot_password a{color:var(--primary);text-decoration:none;font-size:14px;transition:var(--transition)}.login_box .login .login_right .form_box .login_form .divider{margin:25px 0;display:flex;align-items:center;text-align:center;color:var(--text-secondary);font-size:14px}.login_box .login .login_right .form_box .login_form .divider:before{margin-right:10px}.login_box .login .login_right .form_box .login_form .divider:after{margin-left:10px}.login_box .login .login_right .form_box .login_form .divider:before,.login_box .login .login_right .form_box .login_form .divider:after{content:"";flex:1;border-bottom:1px solid var(--input-bg)}.login_box .login .login_right .form_box .login_form .social_login{display:flex;justify-content:space-between;gap:15px;margin-bottom:30px}.login_box .login .login_right .form_box .login_form .social_login .social_btn{flex:1;padding:12px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--input-bg);color:var(--text-main);text-decoration:none;transition:var(--transition);font-weight:600;font-size:14px}.login_box .login .login_right .form_box .login_form .social_login .social_btn svg{margin-right:8px;font-size:18px}.login_box .login .login_right .form_box .login_form .social_login .google{background:#db4437}.login_box .login .login_right .form_box .login_form .social_login .facebook{background:#4267b2}.login_box .login .login_right .form_box .signup_prompt{text-align:center;color:var(--text-secondary);font-size:15px}.login_box .login .login_right .form_box .signup_prompt a{color:var(--primary);text-decoration:none;font-weight:700;transition:var(--transition)}.login_box .login .login_right .register_form{max-width:450px;margin:0 auto;width:100%}.login_box .login .login_right .register_form .register_form_header{text-align:center;margin-bottom:35px}.login_box .login .login_right .register_form .register_form_header h2{font-size:28px;margin-bottom:10px;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login_box .login .login_right .register_form .register_form_header p{color:var(--text-secondary);font-size:16px;max-width:450px;margin:0 auto;line-height:1.6}.login_box .login .login_right .register_form .register_form{display:flex;flex-direction:column}.login_box .login .login_right .register_form .register_form .flex_group{display:flex;gap:15px}.login_box .login .login_right .register_form .register_form .register_form_group{margin-bottom:20px;position:relative}.login_box .login .login_right .register_form .register_form .register_form_group label{display:block;margin-bottom:8px;font-size:14px;color:var(--text-secondary);font-weight:500}.login_box .login .login_right .register_form .register_form .password_info{position:relative;display:inline-block;margin-left:8px;cursor:pointer}.login_box .login .login_right .register_form .register_form .password_info .tooltip{position:absolute;background:var(--bg-dark);padding:10px 15px;border-radius:6px;width:250px;bottom:30px;left:-80px;display:none;z-index:10;box-shadow:0 5px 15px #0000004d;border:1px solid rgba(88,101,242,.3)}.login_box .login .login_right .register_form .register_form .password_info .tooltip:after{content:"";position:absolute;bottom:-10px;left:80px;border-width:10px 8px 0;border-style:solid;border-color:var(--bg-dark) transparent transparent}.login_box .login .login_right .register_form .register_form .password_info .tooltip ul{padding-left:20px}.login_box .login .login_right .register_form .register_form .password_info .tooltip li{margin-bottom:5px;font-size:13px}.login_box .login .login_right .register_form .register_form .captcha_container{display:flex;align-items:center;background:var(--bg-dark);padding:15px;border-radius:8px}.login_box .login .login_right .register_form .register_form .captcha_container .captcha_box{width:120px;height:50px;background:#22252b;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-right:15px;font-weight:700;letter-spacing:3px;color:#f7a738;font-size:22px}.login_box .login .login_right .register_form .register_form .captcha_container .refresh_captcha{background:none;border:none;color:var(--primary);cursor:pointer;transition:var(--transition);margin-right:15px}.login_box .login .login_right .register_form .register_form .captcha_container .refresh_captcha svg{width:18px;height:18px}.login_box .login .login_right .register_form .register_form .captcha_container .refresh_captcha:hover{transform:rotate(90deg)}.login_box .login .login_right .register_form .register_form .captcha_container .refresh_captcha:active{transform:rotate(180deg)}.login_box .login .login_right .register_form .register_form .captcha_container .captcha_input{flex:1;padding:12px;background:var(--bg-dark);border:2px solid transparent;transition:var(--transition);border-radius:6px;outline:none;color:var(--text-main);font-size:16px}.login_box .login .login_right .register_form .register_form .captcha_container .captcha_input:active{border:2px solid var(--accent-primary)}.login_box .login .login_right .register_form .register_form .captcha_container .captcha_input:focus{border:2px solid var(--accent-primary)}.login_box .login .login_right .register_form .register_form .register_form_check{display:flex;align-items:flex-start;margin:20px 0 0;font-size:14px;color:var(--text-secondary)}.login_box .login .login_right .register_form .register_form .register_form_check input{margin-right:10px;margin-top:3px}.login_box .login .login_right .register_form .register_form .btn{margin-top:16px}.login_box .login .login_right .register_form .guest_option{display:flex;align-items:center;justify-content:center;margin-top:20px;color:var(--text-secondary)}.login_box .login .login_right .register_form .guest_option .text_link{color:var(--text-primary);margin-left:8px;font-weight:600;text-decoration:none;transition:var(--transition);margin-right:8px}.login_box .login .login_right .register_form .divider{margin:25px 0;display:flex;align-items:center;text-align:center;color:var(--text-secondary);font-size:14px}.login_box .login .login_right .register_form .divider:before,.login_box .login .login_right .register_form .divider:after{content:"";flex:1;border-bottom:1px solid var(--bg-dark)}.login_box .login .login_right .register_form .divider:before{margin-right:10px}.login_box .login .login_right .register_form .divider:after{margin-left:10px}.personal_info{width:100vw;height:100vh;background:rgba(var(--bg-dark),.85);border-radius:12px;overflow-y:auto;overflow-x:hidden;box-shadow:0 15px 35px #00000040;box-sizing:border-box;position:relative}.personal_info .personal_back{position:absolute;left:30px;top:20px;z-index:20;cursor:pointer;transition:var(--transition)}.personal_info .personal_back:hover{color:var(--primary)}.personal_info .personal_profile_header{background:linear-gradient(120deg,var(--bg-primary),var(--primary));padding:40px;text-align:center;position:relative}.personal_info .personal_profile_header .personal_profile_avatar{width:120px;height:120px;border-radius:50%;border:4px solid rgba(255,255,255,.2);margin:0 auto 20px;overflow:hidden;position:relative}.personal_info .personal_profile_header .personal_profile_avatar:hover .personal_avatar_upload{opacity:1}.personal_info .personal_profile_header .personal_profile_avatar img{width:100%;height:100%;object-fit:cover}.personal_info .personal_profile_header .personal_profile_avatar .personal_userInfoDlg_avatar_placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;color:#fff;font-size:48px;font-weight:700}.personal_info .personal_profile_header .personal_profile_avatar .personal_avatar_upload{opacity:0;position:absolute;width:100%;height:100%;left:0;top:0;background:var(--hover-dark);z-index:300;display:flex;align-items:center;justify-content:center;gap:10px;transition:var(--transition)}.personal_info .personal_profile_header .personal_profile_avatar .personal_avatar_upload svg{width:18px;height:18px}.personal_info .personal_profile_header .personal_profile_avatar .personal_avatar_upload .personal_avatar_preview,.personal_info .personal_profile_header .personal_profile_avatar .personal_avatar_upload .personal_avatar_upload_btn{color:var(--text-secondary);cursor:pointer}.personal_info .personal_profile_header .personal_profile_avatar .personal_avatar_upload .personal_avatar_preview:hover,.personal_info .personal_profile_header .personal_profile_avatar .personal_avatar_upload .personal_avatar_upload_btn:hover{color:var(--primary)}.personal_info .personal_profile_header .personal_profile_username{font-size:28px;font-weight:700;margin-bottom:8px}.personal_info .personal_profile_header .personal_profile_status{display:inline-block;padding:6px 12px;border-radius:20px;font-size:14px;margin-bottom:20px;font-weight:500}.personal_info .personal_profile_header .personal_profile_status.status-online{background:rgba(var(--success),.2);color:var(--success)}.personal_info .personal_profile_header .personal_profile_status.status-idle{background:rgba(var(--warning),.2);color:var(--warning)}.personal_info .personal_profile_header .personal_profile_status.status-dnd{background:rgba(var(--danger),.2);color:var(--danger)}.personal_info .personal_profile_header .personal_profile_status.status-offline{background:rgba(var(--text-secondary),.2);color:var(--text-secondary)}.personal_info .personal_profile_header .personal_profile_bio{max-width:600px;margin:0 auto 20px;color:#fffc;line-height:1.6;font-size:16px}.personal_info .personal_profile_header .personal_profile_stats{display:flex;justify-content:center;gap:30px;margin-top:20px}.personal_info .personal_profile_header .personal_profile_stats .personal_stat_item{text-align:center}.personal_info .personal_profile_header .personal_profile_stats .personal_stat_number{font-size:24px;font-weight:700;margin-bottom:5px}.personal_info .personal_profile_header .personal_profile_stats .personal_stat_label{color:#ffffffb3;font-size:14px}.personal_info .personal_tabs{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--accent-secondary)}.personal_info .personal_tabs .personal_tab{padding:20px 30px;cursor:pointer;font-weight:600;transition:var(--transition);position:relative;background:none;border:none;color:var(--text-secondary);font-size:16px}.personal_info .personal_tabs .personal_tab.active{color:var(--primary)}.personal_info .personal_tabs .personal_tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--primary)}.personal_info .personal_tab_content{padding:30px;background:var(--bg-primary)}.personal_info .personal_tab_content .personal_tab_pane{display:none}.personal_info .personal_tab_content .personal_tab_pane.active{display:block}.personal_info .personal_tab_content .personal_section_title{height:60px;font-size:20px;margin:0;display:flex;align-items:center;color:var(--text-main)}.personal_info .personal_tab_content .personal_section_title .personal_edit_btn{margin-left:auto}.personal_info .personal_tab_content .personal_section_title .personal_select_btns{display:flex;gap:12px;margin-left:auto}.personal_info .personal_tab_content .personal_form_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.personal_info .personal_tab_content .personal_form_grid .full-width{grid-column:span 2}.personal_info .personal_tab_content .personal_form_group{margin-bottom:20px}.personal_info .personal_tab_content .personal_form_group label{display:block;margin-bottom:10px;font-size:14px;color:var(--text-secondary);font-weight:500}.personal_info .personal_tab_content .personal_form_group .personal_form_static{width:100%;padding:14px 16px;box-sizing:border-box;background:var(--bg-secondary);border:1px solid transparent;border-radius:8px;color:var(--text-secondary);font-size:16px}.personal_info .personal_tab_content .personal_form_actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.personal_info .personal_tab_content .personal_form_actions .save-btn{padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);border:none;background:linear-gradient(to right,var(--primary),var(--bg-primary));color:#fff}.personal_info .personal_tab_content .personal_form_actions .save-btn:hover{transform:translateY(-3px);box-shadow:0 7px 15px rgba(var(--primary),.4)}.personal_info .personal_tab_content .personal_form_actions .save-btn i{margin-right:8px}.personal_info .personal_tab_content .personal_form_actions .cancel-btn{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition)}.personal_info .personal_tab_content .personal_form_actions .cancel-btn:hover{background:rgba(var(--primary),.15)}.personal_info .personal_tab_content .personal_files_table{background:var(----bg-primary);border-radius:8px;overflow:hidden}.personal_info .personal_tab_content .personal_files_table .ant-table-content{background:var(--bg-primary);color:var(--text-primary)}.personal_info .personal_tab_content .personal_files_table .ant-table-content .ant-table-cell{border:none}.personal_info .personal_tab_content .personal_files_table .ant-table-content .ant-table-thead .ant-table-cell{background:var(--bg-dark);color:var(--text-primary)}.personal_info .personal_tab_content .personal_files_table .ant-table-content .ant-table-tbody .ant-table-placeholder,.personal_info .personal_tab_content .personal_files_table .ant-table-content .ant-table-tbody .ant-table-placeholder .ant-table-cell{background-color:transparent}.personal_info .personal_tab_content .personal_files_table .ant-table-content .ant-table-tbody .ant-table-placeholder .ant-empty-image,.personal_info .personal_tab_content .personal_files_table .ant-table-content .ant-table-tbody .ant-table-placeholder .ant-empty-description{color:var(--text-secondary)}.personal_info .personal_tab_content .personal_files_table .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell{border-top:1px solid var(--input-bg);background:transparent}.personal_info .personal_tab_content .personal_files_table .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell-row-hover{background:var(--hover)}.personal_info .personal_tab_content .personal_files_table .ant-table-content .ant-table-tbody .ant-table-row .file-actions{display:flex;justify-content:center;gap:10px}.personal_info .personal_tab_content .personal_files_table .ant-table-content .ant-table-tbody .ant-table-row .file-actions .file-action{border-radius:6px;cursor:pointer;transition:var(--transition);color:var(--text-secondary);border:none}.personal_info .personal_tab_content .personal_files_table .ant-table-content .ant-table-tbody .ant-table-row .file-actions .file-action svg{width:18px;height:18px}.personal_info .personal_tab_content .personal_files_table .ant-table-content .ant-table-tbody .ant-table-row .file-actions .file-action:hover{color:var(--primary)}.personal_info .personal_tab_content .personal_files_table .ant-pagination .ant-pagination-prev svg,.personal_info .personal_tab_content .personal_files_table .ant-pagination .ant-pagination-next svg{color:var(--text-secondary)}.personal_info .personal_tab_content .personal_files_table .ant-pagination .ant-pagination-item{background:transparent}.personal_info .personal_tab_content .personal_files_table .ant-pagination .ant-pagination-item a{color:var(--text-secondary)!important}.personal_info .personal_tab_content .personal_files_table .ant-pagination .ant-pagination-item:hover{background:#40444b4d;border-color:var(--text-secondary)}.personal_info .personal_tab_content .personal_files_table .ant-pagination .ant-pagination-item-active{background:var(--primary);border:none;color:var(--text-primary)!important}.personal_info .personal_tab_content .personal_files_table .ant-pagination .ant-pagination-item-active:hover{background:var(--primary-dark);box-shadow:0 5px 15px #5865f24d}@media (max-width: 768px){.personal_info .personal_profile_header{padding:30px 20px}.personal_info .personal_profile_header .personal_profile_stats{flex-wrap:wrap;gap:15px}.personal_info .personal_tabs .personal_tab{padding:15px;font-size:14px}.personal_info .personal_tab_content{padding:20px}.personal_info .personal_tab_content .personal_form_grid{grid-template-columns:1fr}.personal_info .personal_tab_content .personal_files_table .table-header,.personal_info .personal_tab_content .personal_files_table .table-row{flex-wrap:wrap}.personal_info .personal_tab_content .personal_files_table .table-header .table-cell,.personal_info .personal_tab_content .personal_files_table .table-row .table-cell{flex:0 0 100%;margin-bottom:10px}.personal_info .personal_tab_content .personal_files_table .table-header .table-cell:last-child,.personal_info .personal_tab_content .personal_files_table .table-row .table-cell:last-child{flex:0 0 100%}.personal_info .personal_tab_content .personal_files_table .table-header .file-actions,.personal_info .personal_tab_content .personal_files_table .table-row .file-actions{justify-content:flex-start}}