:root{--bg:#111b21;--bg2:#202c33;--bg3:#233138;--bd:#2a3942;--hv:#2a3942;--t1:#e9edef;--t2:#8696a0;--t3:#aebac1;--g:#00a884;--g2:#025144;--sent:#005c4b;--recv:#202c33}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--t1);height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#374045;border-radius:3px}input,textarea,select,button{font-family:inherit}a{color:var(--g);text-decoration:none}.av{width:42px;height:42px;color:var(--t3);background:#3b4a54;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex;overflow:hidden}.av img{object-fit:cover;border-radius:50%;width:100%;height:100%}.modal-mask{z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border-radius:12px;min-width:360px;max-width:500px;max-height:80vh;padding:24px;overflow-y:auto;box-shadow:0 8px 32px #0006}.modal h3{margin-bottom:16px;font-size:18px}.modal .btns{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.modal .btns button{cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:14px}.modal .btns .ok{background:var(--g);color:#fff}.modal .btns .cancel{background:var(--hv);color:var(--t1)}.rtag{border-radius:4px;margin-right:3px;padding:1px 6px;font-size:10px;display:inline-block}.tag-blocked{color:#ef5350;background:#5c1a1a}.ld{border:3px solid var(--bd);border-top-color:var(--g);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}