@charset "UTF-8";*{padding:0;margin:0;box-sizing:border-box;font-size:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}*::-webkit-scrollbar{width:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border-radius:2px;background:#3e3e3e33}*::-webkit-scrollbar-button{background:transparent}*::-webkit-scrollbar-button:hover{background:#3e3e3e80}html,body,#app{width:100%;height:100%;overflow:hidden}:root{--primary: #6C5CE7;--secondary: #A29BFE;--accent: #FD79A8;--text: #2D3436;--light-text: #636E72;--bg: #F5F6FA;--card: #FFFFFF;--border: #E0E0E0;--error: #FF7675}input{outline:none;border:none;background:none;font-size:16px;color:#000}input::placeholder{color:#c5c5c5}.card[data-v-594c5b95]{display:grid;height:86px;padding:15px 0;margin:0 20px;grid-template-columns:56px 1fr 56px;grid-template-rows:28px 28px;column-gap:10px;align-items:center;border-bottom:1px solid var(--border)}.title[data-v-594c5b95]{font-size:14px;font-weight:500;padding:8px 20px;background-color:var(--bg);color:var(--light-text)}.avatar[data-v-594c5b95]{grid-row:span 2;width:100%;height:100%;border-radius:12px}.name[data-v-594c5b95]{font-size:16px;font-weight:600}.time[data-v-594c5b95]{justify-self:end}.icon[data-v-594c5b95]{grid-row:span 2}.subtitle[data-v-594c5b95]{font-size:14px;font-weight:400;color:var(--light-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.count[data-v-594c5b95]{justify-self:end;top:30px;width:20px;height:20px;border-radius:50%;font-size:12px;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;background-color:#ff7675}.title[data-v-a5c825f1]{font-size:14px;font-weight:500;padding:8px 20px}.enter[data-v-a76c7eee]{display:flex;align-items:center;width:100%;height:40px;background-color:var(--bg);box-shadow:0 2px 10px #00000008;border-radius:10px;gap:10px;padding:0 20px}.enter input[data-v-a76c7eee]{height:100%;flex:1}.enter .voice-recorder[data-v-a76c7eee]{height:100%;border-radius:20px;padding:0 16px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:14px;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;width:100%;box-sizing:border-box}.enter .voice-recorder.recording[data-v-a76c7eee]{background-color:#ff4d4f;color:#fff}.header[data-v-0082f324]{width:100%;height:80px;display:flex;align-items:center;gap:10px;background:#f5f6fa;padding:0 20px;position:absolute;top:0;left:0;box-shadow:0 0 10px #0000000d}.header .avatar[data-v-0082f324]{width:40px;height:40px;border-radius:15px;margin:0 10px 0 5px}.header .title-wrapper[data-v-0082f324]{display:flex;flex-direction:column;flex:1;order:1}.header .title-wrapper .title[data-v-0082f324]{font-size:22px;font-weight:700;flex:1}.header .title-wrapper .subtitle[data-v-0082f324]{font-size:12px;font-weight:600;color:var(--light-text)}.icon[data-v-f9515bf7]{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.message[data-v-00026dbf]{width:100%;display:grid;column-gap:12px;row-gap:6px;grid-template-columns:32px 1fr 32px;grid-template-rows:32px 32px max-content;grid-template-areas:". timestamp ." "avatar nickname ." " . content ."}.message.hideTimestamp[data-v-00026dbf]{grid-template-rows:32px max-content;grid-template-areas:"avatar nickname ." " . content ."}.message.myself[data-v-00026dbf]{direction:rtl}.message.myself .content[data-v-00026dbf]{border-radius:18px 0 18px 18px;background-color:#568c05;color:#fff}.message .timestamp[data-v-00026dbf]{grid-area:timestamp;display:flex;align-items:center;justify-content:center}.message .avatar[data-v-00026dbf]{width:32px;height:32px;border-radius:50%;grid-area:avatar}.message .nickname[data-v-00026dbf]{display:flex;align-items:center;grid-area:nickname}.message .content[data-v-00026dbf]{position:relative;background:#fff;grid-area:content;border-radius:0 18px 18px;padding:10px 20px;text-align:left;width:fit-content;line-height:24px;max-width:90%;word-wrap:break-word}.message .content[data-v-00026dbf]:has(.image-content){background:transparent;border-radius:0;padding:0;max-width:80%}.message .content .image-content[data-v-00026dbf]{width:100%;height:auto;border-radius:8px;object-fit:contain}.message .content .video-container[data-v-00026dbf]{width:100%;height:auto}.message .content .video-container .video-content[data-v-00026dbf]{width:100%;height:auto;border-radius:8px;object-fit:contain}.message .content .video-container .play[data-v-00026dbf]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px}.message .content[data-v-00026dbf]:has(.video-content){background:transparent;border-radius:0;padding:0;max-width:100%}.message .content .voice-content[data-v-00026dbf]{display:flex;align-items:center;justify-content:center;gap:5px}.message .content .voice-content .icon[data-v-00026dbf]{width:50px;height:30px}.message .content .videoCall-content[data-v-00026dbf]{display:flex;align-items:center;justify-content:center}.message .content .videoCall-content .icon[data-v-00026dbf]{width:30px;height:20px}.message .content .file-content[data-v-00026dbf]{display:flex;width:200px;height:100%;padding:10px;background-color:#fff;border-radius:5px}.message .content .file-content .file-info[data-v-00026dbf]{width:100%;height:100%;display:flex;flex-direction:row;gap:10px;align-items:center}.message .content .file-content .file-info .info[data-v-00026dbf]{display:flex;flex-direction:column;flex:1;min-width:0}.message .content .file-content .file-info .info .file-name[data-v-00026dbf]{color:#161616;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:2.8em;white-space:normal}.message .content .file-content .file-info .info .file-size[data-v-00026dbf]{color:#999}.message .content[data-v-00026dbf]:has(.file-content){background:transparent;padding:10px 0;max-width:100%}.tabs[data-v-ab6c8f91]{position:fixed;bottom:0;width:100%;height:84px;display:flex;align-items:center;background-color:#fff;box-shadow:0 -2px #0000000d}.tabs .tab[data-v-ab6c8f91]{position:relative;height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.tabs .tab.active[data-v-ab6c8f91]{color:#ff7675!important}.tabs .tab .info[data-v-ab6c8f91]{position:absolute;top:10px;right:20%;background-color:#ff7675;color:#fff;font-size:12px;border-radius:10px;min-width:18px;max-width:25px;height:18px;display:flex;align-items:center;justify-content:center}.tip[data-v-6d7b854b]{position:fixed;top:40%;left:0;right:0;height:150px;width:250px;margin:0 auto;line-height:40px;text-align:center;background:#fff;z-index:999;border-radius:15px}.tip .error-title[data-v-6d7b854b],.tip .success-title[data-v-6d7b854b]{display:flex;flex-direction:column;align-items:center;margin-top:10px}.tip .error-title .subtitle[data-v-6d7b854b],.tip .success-title .subtitle[data-v-6d7b854b]{font-size:16px}.tip .error-title .error-message[data-v-6d7b854b],.tip .success-title .error-message[data-v-6d7b854b]{font-size:14px;color:red;margin-top:-10px}.tip .error-title .success-message[data-v-6d7b854b],.tip .success-title .success-message[data-v-6d7b854b]{font-size:14px;color:#007aff;margin-top:-10px}.tip .error-title .btn[data-v-6d7b854b],.tip .success-title .btn[data-v-6d7b854b]{position:absolute;bottom:0;border:none;width:100%;height:40px;border-radius:0 0 15px 15px;background:#fff;color:#3a83fc;border-top:1px solid #f0f0f0;font-size:16px}.tip .success-title .subtitle[data-v-6d7b854b]{font-size:16px;margin-top:10px}.subTip[data-v-6d7b854b]{position:fixed;top:40%;left:0;right:0;height:50px;width:150px;margin:0 auto;line-height:50px;text-align:center;background:#fff;z-index:999;border-radius:15px}.subTip .search-success[data-v-6d7b854b],.subTip .search-fail[data-v-6d7b854b]{display:flex;align-items:center;justify-content:center;gap:10px}.title[data-v-e569d0fe]{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:var(--card);color:var(--text);padding:15px 20px;font-size:20px;font-weight:700;box-shadow:0 2px 10px #0000000d;border-bottom:lpx solid var(--border)}.title .icon[data-v-e569d0fe]:first-child{position:relative;right:-90px;top:0;cursor:pointer}