:root{--surface:#fff;--surface-soft:#f6f7fa;--input:#fff;--hover:#f1f3f7;--accent-soft:#fff0f0;--accent-text:#bd2635;--shadow:0 12px 35px #18223406;color-scheme:light}
:root[data-theme=dark]{--ink:#eeeff5;--muted:#a4a9ba;--line:#303440;--bg:#14161e;--surface:#1d202b;--surface-soft:#222633;--input:#181b25;--hover:#2a2f3e;--accent-soft:#39262f;--accent-text:#ff9299;--red:#ce3e50;--shadow:0 14px 40px #00000012;color-scheme:dark}
body{background:radial-gradient(ellipse at 85% 8%,#864c7710,transparent 43%),var(--bg);color:var(--ink)}aside,header{background:var(--surface)}.card{background:var(--surface);box-shadow:var(--shadow)}.workspace{background:linear-gradient(125deg,#735d9510,transparent 55%)}input,textarea,select,.rich-editor{background:var(--input);border-color:var(--line);color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.72}nav a{color:var(--muted)}nav a.active,nav a:hover{background:var(--accent-soft);color:var(--accent-text)}.nav-count{background:var(--accent-soft);color:var(--accent-text)}.chip{background:var(--input);color:var(--muted);border-color:var(--line);font-size:14px}.chip.selected{background:var(--accent-soft);color:var(--accent-text);border-color:var(--red)}.symbol{background:var(--accent-soft);color:var(--accent-text)}.btn.secondary,.theme-toggle{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}.btn.secondary:hover,.theme-toggle:hover{background:var(--hover)}.btn.danger{background:var(--accent-soft);color:var(--accent-text);border-color:var(--line)}.btn.danger:hover{border-color:var(--red);background:var(--hover)}.chat-promo{background:linear-gradient(135deg,#332734,#242b40 85%);color:#fff;border-color:#434054}.chat-promo .btn{background:#f4f1f7;color:#25232c}.chat-promo .symbol{background:#ffffff12;color:#eee}.chat-promo p{color:#c1c4d2}.help,.card-top p,.side-label,.admin-link,.date-label,.quick span,.article small,.conversation small,.chat-header small{color:var(--muted)}.hint p{color:var(--muted)}.ticket-row:hover{background:var(--surface-soft)}.badge{background:var(--surface-soft);color:var(--muted)}.badge.new{background:var(--accent-soft);color:var(--accent-text)}:root[data-theme=dark] .badge.done{background:#213c35;color:#9bdbc0}.notice{background:var(--surface-soft);color:var(--muted)}.messages{background:var(--input)}.bubble{background:var(--surface);color:var(--ink)}.bubble.mine{background:var(--accent-soft);border-color:var(--line)}.conversation{background:var(--surface);color:var(--ink);border-radius:7px}.conversation:hover{background:var(--hover)}.conversation.active{background:var(--accent-soft);color:var(--accent-text)}.conversation .badge{margin-top:9px}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.theme-toggle{border:1px solid var(--line);padding:9px 13px;border-radius:9px;font-size:13px;white-space:nowrap}.side-bottom{padding-top:25px}.action-group,.chat-actions{display:flex;flex-wrap:wrap;gap:10px}.chat-header{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}.chat-actions{width:100%}.presence{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:400;line-height:1.5}.presence-dot{width:7px;height:7px;border-radius:50%;background:#8d91a3;flex-shrink:0}.presence.is-online .presence-dot{background:#59b798;box-shadow:0 0 0 4px #59b79815}.hotline-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;border:1px solid var(--line);padding:16px 20px;border-radius:12px;background:linear-gradient(110deg,var(--surface),var(--surface-soft));margin-bottom:22px;font-size:14px;color:var(--muted)}.chat-intro{max-width:600px;margin:0 auto 25px}.chat-intro h2{margin-bottom:10px}.chat-intro form{margin-top:25px}.history{margin-top:24px}.chat-notice{margin:0;border-radius:0;padding:22px}.monitor{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px;background:linear-gradient(115deg,var(--surface),var(--surface-soft))}.monitor-counts{display:flex;gap:30px;flex-wrap:wrap;color:var(--muted);font-size:14px}.monitor-counts strong{font-size:34px;color:var(--ink);margin-right:7px}.hotline-control{border-left:1px solid var(--line);padding-left:25px;flex-shrink:0}.hotline-control p{font-size:13px;color:var(--muted)}.rich-content{white-space:normal;font-size:16px;line-height:1.85;overflow-wrap:anywhere}.rich-content p{margin:0 0 1em}.rich-content img{display:block;max-width:100%;height:auto;border-radius:9px;margin:18px 0;border:1px solid var(--line)}.rich-content mark{background:#e9c46a;color:#25200f;padding:2px 3px;border-radius:3px}.rich-content blockquote{border-left:3px solid var(--red);margin-left:0;padding-left:20px}.rich-editor{min-height:350px;padding:22px;border:1px solid var(--line);border-radius:0 0 9px 9px;outline-offset:3px}.rich-editor:focus{outline:2px solid var(--red)}.editor-tools{display:flex;flex-wrap:wrap;gap:6px;padding:10px;border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;background:var(--surface-soft)}.editor-tools button{background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:8px 12px;font-size:14px}.editor-tools button:hover{background:var(--hover)}.editor-tools [hidden]{display:none}.theme-toggle:focus-visible{outline:2px solid var(--red)}button,a,input,select,textarea{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px #0002}.btn:active{transform:translateY(0)}.article:hover{border-color:var(--red);transform:translateY(-2px)}.page-enter{animation:page-enter .26s ease-out}@keyframes page-enter{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:780px){.monitor{flex-direction:column;align-items:stretch}.hotline-control{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.action-group{width:100%}.monitor-counts{gap:15px}}@media(max-width:640px){header{gap:12px;height:65px}header>span{max-width:160px}.theme-toggle{padding:9px;font-size:12px}.heading{flex-wrap:wrap}.rich-editor{padding:14px}.chat-header{padding:18px}.editor-tools button{padding:8px}.chat-layout{gap:14px}.monitor-counts strong{font-size:28px}}