body,html,#app{background:#f0f2f5;width:100%;height:100%;margin:0;padding:0;font-family:sans-serif;overflow:hidden}*{box-sizing:border-box}.login-wrapper[data-v-fbbae30f]{background:#fff;width:100vw;height:100vh;display:flex}.left-panel[data-v-fbbae30f]{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 20%,#d76d77 60%,#ffaf7b 100%);justify-content:center;align-items:center;width:50%;height:100%;display:flex;position:relative;overflow:hidden}.left-panel[data-v-fbbae30f]:after{content:"";z-index:1;background:#00d2ff;border-radius:50% 50% 0 0/20% 20% 0 0;width:100%;height:35%;position:absolute;bottom:0;transform:scale(1.5)translateY(20%)}.form-container[data-v-fbbae30f]{z-index:2;flex-direction:column;align-items:center;width:70%;max-width:400px;display:flex}.login-title[data-v-fbbae30f]{color:#111;margin-bottom:40px;font-size:24px;font-weight:700}.form-box[data-v-fbbae30f]{flex-direction:column;gap:25px;width:100%;display:flex}.input-box[data-v-fbbae30f]{color:#000;text-align:center;background:0 0;border:2px solid #000;outline:none;height:50px;padding:0 15px;font-size:18px;font-weight:700}.btn[data-v-fbbae30f]{cursor:pointer;background:0 0;border:2px solid #000;height:50px;font-size:18px;font-weight:700;transition:all .3s}.btn[data-v-fbbae30f]:active{color:#fff;background:#000}.right-panel[data-v-fbbae30f]{background:#fff;justify-content:center;align-items:center;width:50%;height:100%;display:flex}.big-logo[data-v-fbbae30f]{color:#000;letter-spacing:2px;font-size:80px;font-weight:900}@media (width<=768px){.login-wrapper[data-v-fbbae30f]{flex-direction:column}.left-panel[data-v-fbbae30f]{width:100%;height:100%}.right-panel[data-v-fbbae30f]{display:none}}.app-wrapper[data-v-97f060b9]{background:#f0f2f5;justify-content:center;width:100vw;height:100vh;display:flex}.left-panel[data-v-97f060b9]{z-index:10;background:linear-gradient(#a855f7 0%,#8b5cf6 50%,#3b82f6 100%);border-right:2px solid #000;flex-direction:column;width:100%;max-width:450px;height:100%;display:flex;position:relative}.right-panel[data-v-97f060b9]{background:#fff;flex-direction:column;flex:1;height:100%;display:flex;position:relative}.default-logo[data-v-97f060b9]{flex:1;justify-content:center;align-items:center;display:flex}.default-logo h1[data-v-97f060b9]{color:#000;font-size:64px;font-weight:900}.top-bar[data-v-97f060b9]{align-items:center;gap:10px;padding:20px 15px 10px;display:flex}.avatar[data-v-97f060b9]{background:#ffffff4d;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.icon[data-v-97f060b9]{width:24px;height:24px}.username[data-v-97f060b9]{color:#000;font-size:14px;font-weight:700}.search-bar[data-v-97f060b9]{padding:10px 15px}.search-input[data-v-97f060b9]{box-sizing:border-box;background:0 0;border:2px solid #000;outline:none;width:100%;height:40px;padding:0 15px;font-size:16px;font-weight:700}.content-area[data-v-97f060b9]{flex:1;overflow-y:auto}.tab-bar[data-v-97f060b9]{background:#00d2ffb3;border-top:2px solid #000;height:60px;display:flex}.tab[data-v-97f060b9]{cursor:pointer;color:#000;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.tab-icon[data-v-97f060b9]{width:24px;height:24px}.text[data-v-97f060b9]{margin-top:2px;font-size:12px;font-weight:700}@media (width<=768px){.left-panel[data-v-97f060b9]{border-right:none;max-width:100%}.right-panel[data-v-97f060b9]{display:none}}.chat-list[data-v-228de9d1]{padding:15px}.section-title[data-v-228de9d1]{color:#000;margin-bottom:10px;font-size:14px;font-weight:700}.empty[data-v-228de9d1]{text-align:center;color:#000;opacity:.8;margin-top:50px;font-weight:700}.chat-item[data-v-228de9d1]{cursor:pointer;background:#fff3;border:2px solid #000;align-items:center;gap:15px;margin-bottom:15px;padding:15px;display:flex}.avatar[data-v-228de9d1]{background:#fff;border:2px solid #000;border-radius:50%;width:45px;height:45px}.group-avatar[data-v-228de9d1]{border-radius:10px}.info[data-v-228de9d1]{flex:1}.name[data-v-228de9d1]{color:#000;font-size:18px;font-weight:700}.msg[data-v-228de9d1]{color:#222;margin-top:5px;font-size:14px}.chat-room[data-v-cfe96b1f]{background:#fff;flex-direction:column;height:100%;display:flex}.msg-area[data-v-cfe96b1f]{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.empty[data-v-cfe96b1f]{text-align:center;color:#888;margin-top:50px}.msg-row[data-v-cfe96b1f]{gap:12px;display:flex}.avatar[data-v-cfe96b1f]{border:2px solid #000;border-radius:50%;width:40px;height:40px}.msg-content[data-v-cfe96b1f]{flex-direction:column;display:flex}.name[data-v-cfe96b1f]{color:#000;margin-bottom:5px;font-size:14px;font-weight:700}.bubble[data-v-cfe96b1f]{color:#000;background:#fff;border:2px solid #000;padding:10px 15px;font-size:16px;font-weight:700}.input-area[data-v-cfe96b1f]{border-top:2px solid #000;align-items:center;height:60px;display:flex}.msg-input[data-v-cfe96b1f]{color:#000;border:none;outline:none;flex:1;height:100%;padding:0 20px;font-size:16px}.send-btn[data-v-cfe96b1f]{cursor:pointer;background:0 0;border:none;border-left:2px solid #000;justify-content:center;align-items:center;width:60px;height:100%;display:flex}.send-icon[data-v-cfe96b1f]{width:24px;height:24px}.mine[data-v-5f58a409]{color:#000;flex-direction:column;align-items:center;padding:50px;display:flex}h2[data-v-5f58a409]{margin-bottom:30px}button[data-v-5f58a409]{cursor:pointer;background:0 0;border:2px solid #000;padding:10px 30px;font-weight:700}