*{box-sizing:border-box}:root{--bg: #0a0e16;--bg2: #0d121c;--panel: #121a27;--panel2: #18212f;--panel3: #202b3b;--line: #25303f;--line2: #303d4f;--text: #eef2f8;--text2: #b4c0d4;--muted: #7a899f;--accent: #4f7cff;--accent2: #6f97ff;--accent-weak: rgba(79,124,255,.14);--ok: #34d399;--warn: #fbbf24;--danger: #f8717a;--radius: 12px;--radius-sm: 8px;--shadow: 0 10px 34px rgba(0,0,0,.4);--shadow-sm: 0 2px 10px rgba(0,0,0,.25);--ring: 0 0 0 3px var(--accent-weak)}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 110% -10%,rgba(79,124,255,.1),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(52,211,153,.06),transparent 55%),var(--bg);color:var(--text);font:14px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}button{background:linear-gradient(180deg,var(--accent2),var(--accent));color:#fff;border:0;border-radius:var(--radius-sm);padding:8px 15px;cursor:pointer;font-size:13px;font-weight:600;transition:filter .15s,transform .05s,box-shadow .15s;box-shadow:0 1px 2px #0003}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button.ghost{background:var(--panel2);color:var(--text2);border:1px solid var(--line2);box-shadow:none;font-weight:500}button.ghost:hover{background:var(--panel3);color:var(--text)}button.danger{background:linear-gradient(180deg,#ff8088,var(--danger))}button.warn{background:linear-gradient(180deg,#ffd45e,var(--warn));color:#3a2c00}button:disabled{opacity:.45;cursor:not-allowed;filter:none}input,select,textarea{background:var(--panel2);border:1px solid var(--line2);color:var(--text);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px;width:100%;transition:border-color .15s,box-shadow .15s;outline:none}input::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--ring)}select{cursor:pointer}.row{display:flex;gap:10px;align-items:center}.col{display:flex;flex-direction:column;gap:10px}.muted{color:var(--muted)}.card{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.card h3{margin:0 0 16px;font-size:16px;font-weight:700;letter-spacing:.2px}.card h4{font-weight:700}.tag{font-size:11px;padding:2px 9px;border-radius:99px;border:1px solid var(--line2);font-weight:600;letter-spacing:.3px;white-space:nowrap}.tag.high{background:#f8717a24;color:#ffb0b5;border-color:#f8717a59}.tag.low{background:#fbbf2424;color:#ffd98a;border-color:#fbbf2459}.tag.ok{background:#34d39924;color:#7ff0c8;border-color:#34d39959}.tag.unknown{background:#f8717a24;color:#ffb0b5;border-color:#f8717a59}.tag.known{background:#34d39924;color:#7ff0c8;border-color:#34d39959}table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:12px;letter-spacing:.3px;position:sticky;top:0;background:var(--panel);z-index:1}tbody tr{transition:background .12s}tbody tr:hover{background:#ffffff06}.del{text-decoration:line-through;color:var(--muted)}.pre{white-space:pre-wrap;word-break:break-word}.app{display:grid;grid-template-rows:58px 1fr;height:100vh}.topbar{display:flex;align-items:center;gap:14px;padding:0 20px;background:#101621d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:20}.topbar .brand{font-weight:800;font-size:15px;letter-spacing:.3px;display:flex;align-items:center;gap:10px}.topbar .brand:before{content:"";width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--accent2),var(--accent));box-shadow:0 2px 10px #4f7cff80,inset 0 1px #ffffff4d}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs .t{padding:7px 14px;border-radius:99px;cursor:pointer;color:var(--muted);font-weight:600;font-size:13px;transition:all .12s}.tabs .t:hover{color:var(--text2);background:var(--panel2)}.tabs .t.active{background:var(--accent-weak);color:var(--accent2)}.content{overflow:auto;padding:22px}.ws{display:grid;grid-template-columns:324px 1fr;height:100%;overflow:hidden}.chatlist{border-right:1px solid var(--line);overflow:auto;background:var(--bg2)}.chatlist::-webkit-scrollbar,.msgs::-webkit-scrollbar,.content::-webkit-scrollbar{width:9px}.chatlist::-webkit-scrollbar-thumb,.msgs::-webkit-scrollbar-thumb,.content::-webkit-scrollbar-thumb{background:var(--line2);border-radius:99px}.chatitem{display:flex;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;position:relative;transition:background .12s}.chatitem:hover{background:#ffffff08}.chatitem.active{background:var(--accent-weak)}.chatitem.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.chatitem-body{min-width:0;flex:1}.chatitem-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:14px}.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 44px;background:var(--panel2);box-shadow:0 0 0 1px var(--line2)}.avatar-ph{display:grid;place-items:center;color:#fff;font-weight:700;font-size:17px;background:linear-gradient(135deg,#3a5a9f,#2d7d6a)}.uname{color:var(--muted);font-size:12px;margin-left:6px;font-weight:400}.folders{display:flex;gap:6px;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg2);z-index:2}.fchip{font-size:12px;padding:5px 12px;border-radius:99px;background:var(--panel2);color:var(--muted);cursor:pointer;border:1px solid var(--line2);font-weight:600;transition:all .12s}.fchip:hover{color:var(--text2)}.fchip.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px #4f7cff66}.missed-dot{width:9px;height:9px;border-radius:50%;background:var(--danger);flex:0 0 9px;align-self:center;box-shadow:0 0 8px #f8717ab3}.unread-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:linear-gradient(180deg,#ff8088,var(--danger));color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;align-self:center;box-shadow:0 2px 8px #f8717a80}.msgpane{display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;background:radial-gradient(800px 500px at 80% -10%,rgba(79,124,255,.05),transparent 60%),var(--bg)}.msghead{display:flex;align-items:center;gap:10px;padding:13px 20px;border-bottom:1px solid var(--line);background:#101621b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.msghead-title{font-weight:700;font-size:15px}.msgs{position:relative;overflow:auto;padding:18px 22px;display:flex;flex-direction:column;gap:4px}.watermark{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-repeat:repeat;z-index:0}.bubble{position:relative;z-index:1;max-width:62%;padding:8px 12px;border-radius:14px 14px 14px 4px;background:var(--panel2);box-shadow:var(--shadow-sm);align-self:flex-start;animation:pop .12s ease-out}.bubble.out{align-self:flex-end;border-radius:14px 14px 4px;background:linear-gradient(180deg,#37589e,#2c4680)}.bubble.deleted{opacity:.7;border:1px dashed rgba(248,113,122,.6);background:#f8717a0f}@keyframes pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.sender{font-size:12px;font-weight:700;color:#8fb4ff;margin-bottom:3px}.sender.out{color:#9fe6b0}.bubble .pre{line-height:1.4;font-size:14px}.bubble .meta{font-size:11px;color:#ffffff73;margin-top:3px;text-align:right}.bubble.out .meta{color:#fff9}.msg-img{max-width:240px;max-height:240px;border-radius:10px;display:block;margin-bottom:4px;cursor:zoom-in;box-shadow:var(--shadow-sm)}.msg-sticker{max-width:128px;max-height:128px;display:block;margin-bottom:4px}.msg-audio{height:38px;max-width:240px;display:block}.composer{border-top:1px solid var(--line);padding:14px 16px;display:flex;gap:10px;align-items:center;background:#10162199}.composer input{border-radius:10px;padding:11px 14px}.emoji-btn{font-size:18px;padding:7px 10px;line-height:1}.emoji-panel{position:absolute;bottom:60px;left:14px;width:312px;background:var(--panel);border:1px solid var(--line2);border-radius:var(--radius);padding:10px;display:flex;flex-wrap:wrap;gap:4px;z-index:5;box-shadow:var(--shadow)}.emoji-panel span{font-size:21px;cursor:pointer;padding:4px;border-radius:7px;transition:background .1s}.emoji-panel span:hover{background:var(--panel3)}.presence{font-weight:700}.presence-online{color:#7ff0c8}.presence-busy{color:#ffd98a}.presence-offline{color:var(--muted)}.err{color:#ffb0b5;font-size:13px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070ce6;display:grid;place-items:center;z-index:100;cursor:zoom-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox img{max-width:92vw;max-height:92vh;border-radius:10px;box-shadow:var(--shadow)}.login-wrap{display:grid;place-items:center;height:100vh;padding:20px}.login-box{width:380px;max-width:100%;padding:32px 30px}.login-box h2{margin:0 0 6px;font-size:20px;font-weight:800;letter-spacing:.3px}.login-logo{width:52px;height:52px;border-radius:14px;margin-bottom:14px;background:linear-gradient(135deg,var(--accent2),var(--accent));box-shadow:0 8px 24px #4f7cff73,inset 0 1px #ffffff4d;display:grid;place-items:center;color:#fff;font-size:24px;font-weight:800}.login-box button{padding:11px;font-size:14px;margin-top:4px}@media (max-width: 720px){.ws{grid-template-columns:1fr}.bubble{max-width:82%}.content{padding:14px}}.acct-static{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;padding:7px 14px;background:var(--panel2);border:1px solid var(--line2);border-radius:99px}.acct-static .dot{width:8px;height:8px;border-radius:50%}.acct-static .dot.on{background:var(--ok);box-shadow:0 0 8px #34d399cc}.acct-static .dot.off{background:var(--muted)}.hours{display:flex;align-items:flex-end;gap:4px;height:160px;padding-top:10px}.hourbar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}.hb-fill{width:70%;min-height:2px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--accent2),var(--accent));transition:height .3s}.hb-label{font-size:10px;color:var(--muted);margin-top:4px}.presence-wrap{position:relative}.presence-btn{display:inline-flex;align-items:center;gap:8px;background:var(--panel2);color:var(--text);border:1px solid var(--line2);border-radius:99px;padding:7px 14px;font-weight:700;box-shadow:none}.presence-btn:hover{background:var(--panel3);filter:none}.presence-btn .caret{color:var(--muted);font-size:11px;margin-left:2px}.pdot{width:9px;height:9px;border-radius:50%;flex:0 0 9px}.pdot.online{background:var(--ok);box-shadow:0 0 8px #34d399cc}.pdot.busy{background:var(--warn);box-shadow:0 0 8px #fbbf24b3}.pdot.offline{background:var(--muted)}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.presence-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:31;min-width:130px;background:var(--panel);border:1px solid var(--line2);border-radius:10px;padding:6px;box-shadow:var(--shadow)}.presence-item{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:7px;cursor:pointer;font-weight:600}.presence-item:hover{background:var(--panel3)}