:root{color-scheme:dark;--ink: #eef3ff;--muted: #93a0bd;--line: rgba(255, 255, 255, .1);--brand: #7c9cff;--brand-2: #c084fc;--green: #34d399;--red: #fb7185;--glass: rgba(16, 20, 38, .62);--glass-2: rgba(255, 255, 255, .045);--shadow: 0 24px 60px rgba(2, 6, 23, .38);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{color:var(--ink);background:#070b16}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}strong{font-weight:650}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none;background:radial-gradient(1200px 700px at 10% -10%,#152044,transparent 55%),#070b16}.aurora i{position:absolute;width:46vw;height:46vw;border-radius:50%;filter:blur(40px);opacity:.55;animation:drift 18s ease-in-out infinite alternate}.aurora i:nth-child(1){background:#3b5bdb;left:-8vw;top:-10vw}.aurora i:nth-child(2){background:#7c3aed;right:-10vw;top:10vh;animation-duration:22s}.aurora i:nth-child(3){background:#0e7490;left:30vw;bottom:-18vw;animation-duration:26s}@keyframes drift{to{transform:translate3d(8vw,6vh,0) scale(1.12)}}.shell{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:96px minmax(0,1fr)}.rail{margin:14px 0 14px 14px;padding:16px 10px;border-radius:28px;color:#dbe4ff;background:linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:8px}.rail nav{width:100%;display:flex;flex-direction:column;gap:6px}.rail a,.rail-exit{width:100%;min-height:64px;border:0;border-radius:18px;background:transparent;color:#9aa8c7;display:grid;place-items:center;gap:3px;font-size:12px;transition:.2s ease}.rail svg{width:22px;height:22px;fill:currentColor}.rail a:hover{color:#fff;transform:translateY(-1px)}.rail a.router-link-active{color:#fff;background:linear-gradient(180deg,#7c9cff47,#c084fc29);box-shadow:inset 0 0 0 1px #ffffff24,0 10px 24px #5870ff40}.rail .spacer{flex:1}.rail-user{text-align:center}.rail-user strong{display:block;font-size:12px;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-user small{color:var(--muted);display:flex;gap:4px;align-items:center;justify-content:center}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);display:inline-block}.dot.off{background:#64748b;box-shadow:none}.brand-mark{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:750;background:linear-gradient(135deg,#7c9cff,#c084fc 55%,#22d3ee);box-shadow:0 10px 24px #7c9cff66}.login-page{position:relative;z-index:1;min-height:100%;display:grid;grid-template-columns:1.05fr .95fr}.login-hero{padding:72px;display:flex;flex-direction:column;justify-content:flex-end}.login-hero h1{font-size:54px;line-height:1.12;margin:18px 0 12px;letter-spacing:-1px}.login-hero p{max-width:420px;color:#c9d4ef;font-size:16px}.login-card{margin:auto;width:min(440px,calc(100% - 48px));padding:34px;border-radius:28px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow)}.login-card h2{margin:0 0 6px;font-size:26px}.login-card .lead,.muted{color:var(--muted)}label{display:block;margin:14px 0;font-size:13px;color:#c5d0e8}input,textarea,select{width:100%;margin-top:6px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#070b1673;color:#fff;padding:12px 13px;outline:none}input::placeholder,textarea::placeholder{color:#72809d}input:focus,textarea:focus,select:focus{border-color:#7c9cffcc;box-shadow:0 0 0 4px #7c9cff29}option{color:#111827}.primary,.ghost,.danger,.chip{border:0;border-radius:14px;padding:10px 14px;transition:.18s ease}.primary{color:#fff;font-weight:700;background:linear-gradient(135deg,#6d8dff,#8b5cf6);box-shadow:0 10px 22px #6d8dff52}.primary:hover{transform:translateY(-1px)}.primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.ghost{background:#ffffff0f;color:#e8eeff;border:1px solid rgba(255,255,255,.06)}.ghost:hover{background:#ffffff1a}.danger{background:#fb718524;color:#fecdd3}.full{width:100%;padding:13px}.error{color:#fda4af;min-height:20px;font-size:13px}.desk{height:100%;min-width:0;display:grid;grid-template-columns:348px minmax(420px,1fr) 318px;gap:12px;padding:14px 14px 14px 12px}.pane,.thread,.side,.card,.table{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow);border-radius:26px}.pane,.thread{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.pane header,.toolbar{display:flex;gap:8px;align-items:center;padding:16px 16px 8px}.pane header{justify-content:space-between}.pane header strong{display:block;font-size:20px;letter-spacing:-.3px}.pane header small{color:var(--muted)}.pane header select,.toolbar select{width:auto;margin:0}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 14px 12px}.chip{background:#ffffff0d;color:#c9d4ee}.chip.active{color:#fff;background:linear-gradient(135deg,#6d8dff66,#c084fc47);box-shadow:inset 0 0 0 1px #ffffff1f}.tabs .chip{padding:11px 8px}.toolbar input{margin:0}.list{overflow:auto;padding:0 10px 12px}.conv{width:100%;text-align:left;border:0;color:inherit;background:transparent;border-radius:18px;padding:11px;display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;transition:.16s ease}.conv:hover{background:#ffffff0b}.conv.active{background:linear-gradient(135deg,#6d8dff33,#ffffff0a);box-shadow:inset 0 0 0 1px #ffffff14}.conv-main{min-width:0}.conv-top,.conv-meta,.head-actions,.label-list,.who{display:flex;align-items:center;gap:8px}.conv-top{justify-content:space-between}.conv-top time,.conv-meta{color:var(--muted);font-size:12px}.name{font-weight:680}.conv.unread .name{color:#fff}.preview{margin:4px 0 7px;color:#a9b6d1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:750;overflow:hidden;flex:none;background:linear-gradient(135deg,#64748b,#334155);box-shadow:0 8px 16px #0003}.avatar img{width:100%;height:100%;object-fit:cover}.avatar[data-tone="0"]{background:linear-gradient(135deg,#60a5fa,#2563eb)}.avatar[data-tone="1"]{background:linear-gradient(135deg,#2dd4bf,#0f766e)}.avatar[data-tone="2"]{background:linear-gradient(135deg,#c084fc,#7c3aed)}.avatar[data-tone="3"]{background:linear-gradient(135deg,#fb923c,#c2410c)}.avatar[data-tone="4"]{background:linear-gradient(135deg,#fb7185,#be185d)}.avatar[data-tone="5"]{background:linear-gradient(135deg,#38bdf8,#0369a1)}.avatar.sm{width:34px;height:34px;border-radius:12px;font-size:13px}.avatar.lg{width:72px;height:72px;border-radius:26px;font-size:28px}.badge{margin-left:auto;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:linear-gradient(135deg,#fb7185,#e11d48);color:#fff;font-size:11px;display:inline-grid;place-items:center;box-shadow:0 0 12px #f43f5e8c}.tag{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:12px;background:#ffffff14;color:#dbe4ff;font-style:normal}.tag.open{background:#34d39929;color:#a7f3d0}.tag.pending{background:#fb923c29;color:#fed7aa}.tag.resolved{color:#cbd5e1}.tag.snoozed{background:#a78bfa2e;color:#ddd6fe}.thread{position:relative;background:linear-gradient(180deg,#12182eb8,#0a0e1ca8)}.thread-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.who{min-width:0}.who .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages{flex:1;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:min(74%,640px);padding:11px 13px;border-radius:8px 18px 18px;background:#ffffff12;border:1px solid rgba(255,255,255,.06)}.bubble.out{align-self:flex-end;color:#fff;border:0;border-radius:18px 8px 18px 18px;background:linear-gradient(135deg,#6d8dff,#7c5cff);box-shadow:0 12px 26px #6d8dff47}.bubble.note{align-self:center;max-width:88%;color:#fde68a;background:#f59e0b1f;border:1px dashed rgba(251,191,36,.4)}.bubble .meta{opacity:.72;font-size:12px;margin-bottom:4px}.bubble .text{white-space:pre-wrap;line-height:1.6}.bubble img.attach{max-width:240px;border-radius:12px;display:block;margin-top:8px}.activity{align-self:center;font-size:12px;color:#dbe4ff;background:#ffffff0f;border-radius:999px;padding:5px 12px}.composer{border-top:1px solid var(--line);padding:0 14px 14px;background:#ffffff08}.composer.note{background:#f59e0b0f}.composer-tabs{display:flex;gap:18px}.composer-tabs button{border:0;background:transparent;color:var(--muted);padding:12px 0 8px;border-bottom:2px solid transparent}.composer-tabs button.active{color:#fff;border-color:#8da2ff}.composer textarea{min-height:86px;resize:vertical;border:0;background:transparent;box-shadow:none;padding:8px 2px}.composer textarea:focus{box-shadow:none}.composer .actions{display:flex;align-items:center;gap:10px}.file-btn{margin:0;color:#dbe4ff;background:#ffffff0f;border-radius:12px;padding:8px 12px}.file-btn input{display:none}.hint{color:var(--muted);font-size:12px}.spacer{flex:1}.suggest{position:absolute;left:18px;right:18px;bottom:172px;z-index:4;overflow:auto;max-height:240px;border-radius:18px;background:#0f1426eb;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.suggest button{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;padding:11px 13px}.suggest button:hover{background:#ffffff0d}.side{overflow:auto;padding:18px}.side section{padding:14px 0;border-top:1px solid var(--line)}.side h3{margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9aa8c7}.profile-card{display:grid;justify-items:center;gap:8px;text-align:center;padding-bottom:8px}.kv{display:grid;grid-template-columns:52px 1fr;gap:9px 10px;font-size:13px}.kv b{font-weight:620;overflow-wrap:anywhere}.empty{margin:auto;text-align:center;color:var(--muted);padding:32px}.welcome h2{margin:14px 0 6px;color:#fff;font-size:28px}.welcome .brand-mark{margin:0 auto}.page{height:100%;overflow:auto;padding:22px}.page h2{margin:0 0 4px;font-size:28px}.card{padding:18px}.grid{display:grid;gap:12px}.table{width:100%;border-collapse:collapse;overflow:hidden}.table th,.table td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line)}.table th{color:#b7c3de;font-weight:650;background:#ffffff08}.toast{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:20;color:#fff;padding:11px 16px;border-radius:999px;background:#0f1426e0;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-back{display:none}.icon-btn{padding:8px 10px}@media(max-width:1180px){.desk{grid-template-columns:310px minmax(0,1fr)}.side{display:none}.side.open{display:block;position:fixed;top:14px;right:14px;bottom:14px;width:min(360px,calc(100% - 124px));z-index:6}}@media(max-width:860px){.login-page{grid-template-columns:1fr}.login-hero{min-height:220px;padding:32px}.login-hero h1{font-size:36px}.shell{grid-template-columns:1fr;grid-template-rows:1fr 78px}.rail{flex-direction:row;margin:0;border-radius:0}.rail nav{flex-direction:row}.rail .spacer,.rail .hide-mobile,.rail-user{display:none}.desk{grid-template-columns:1fr;padding:8px}.pane.hide-mobile,.thread.hide-mobile{display:none}.mobile-back{display:inline-flex}.hint{display:none}}