:root{color-scheme:dark;--line:#27384e;--muted:#a6b6cc;--panel:#111b2a;--blue:#8bcaff;font:15px/1.55 "Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:#0a1320;color:#eef5ff}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}button,input,textarea{color:inherit;border:1px solid var(--line);background:#101b2c;border-radius:9px;padding:9px 12px}input,textarea{width:100%;min-width:0}.top{height:64px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 24px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{font-weight:850;letter-spacing:.04em;font-size:19px}.brand span{color:var(--blue);font-size:14px;letter-spacing:0;margin-left:8px}.sample{color:#f7d596;background:#342a1b;border:1px solid #5a4830;border-radius:99px;padding:4px 10px;font-size:12px}.grid{height:calc(100dvh - 64px);display:grid;grid-template-columns:clamp(230px,24vw,300px) minmax(0,1fr) clamp(210px,22vw,285px)}.inbox,.info{background:var(--panel);padding:20px 16px;overflow:auto}.inbox{border-right:1px solid var(--line)}.info{border-left:1px solid var(--line);padding:20px}h1,h2{font-size:17px;margin:0}.sub{color:var(--muted);margin:5px 0 14px;font-size:13px}.filters{display:flex;gap:8px;margin:12px 0}.filters button[aria-pressed=true]{background:#1d3654;border-color:#416d98;color:var(--blue)}.thread{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;text-align:left;margin:5px 0;background:transparent;border-color:transparent;border-bottom-color:var(--line)}.thread[aria-current=true],.thread:hover{background:#182b42;border-color:#315477}.avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#253f5b;color:var(--blue);font-weight:700}.thread strong,.thread small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread small,dt,.who{font-size:12px;color:var(--muted)}.badge{color:#091928;background:var(--blue);border-radius:20px;padding:1px 7px;font-weight:750}.chat{display:flex;flex-direction:column;min-height:0;min-width:0}.head{padding:15px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.head p{margin:4px 0 0}.timeline{flex:1;overflow:auto;padding:18px clamp(14px,4vw,42px);display:flex;flex-direction:column;gap:12px}.message{max-width:min(90%,520px);align-self:flex-start}.message.owner{align-self:flex-end}.bubble{background:#17263a;border:1px solid var(--line);border-radius:4px 13px 13px;padding:9px 12px;overflow-wrap:anywhere;white-space:pre-wrap}.owner .bubble{background:#1b3c5e;border-color:#305d87;border-radius:13px 4px 13px 13px}.compose{padding:12px 16px;border-top:1px solid var(--line);background:var(--panel);display:flex;gap:9px;align-items:end}.compose textarea{resize:vertical;min-height:44px;max-height:120px}.send{background:#74e2ba;color:#09251b;font-weight:750;white-space:nowrap}dt{margin-top:16px}dd{margin:3px 0 0;overflow-wrap:anywhere}.back,.details,.close{display:none}
@media(max-width:940px){.grid{grid-template-columns:245px minmax(0,1fr)}.info{display:none}.details,.close{display:block}.grid.show-info .info{display:block;position:fixed;top:64px;right:0;bottom:0;width:min(310px,100vw);z-index:2;box-shadow:0 0 0 100vmax #0007}}
@media(max-width:640px){.top{padding:0 12px}.grid{display:block}.inbox,.chat{height:100%}.chat{display:none}.grid.open .inbox{display:none}.grid.open .chat{display:flex}.back{display:block}.head,.compose{padding:10px}}


.top-actions,.quick{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.top-actions{justify-content:flex-end}.top-actions button,.quick button{font-size:13px;padding:5px 9px}.quick{padding:8px 16px 0;background:var(--panel)}.hint{font-size:12px;color:var(--muted);margin:0 16px 8px}.compose{border-top:0}.info .contact{margin-top:12px;width:100%;color:var(--blue);border-color:#416d98}dialog{max-width:min(390px,calc(100vw - 24px));padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:#eef5ff}dialog::backdrop{background:#0009}dialog label{display:flex;gap:8px;align-items:center;margin:12px 0}dialog input{width:auto}@media(max-width:640px){.brand{font-size:15px}.brand span{font-size:12px;margin-left:4px}.top-actions{gap:4px}.top-actions button,.sample{font-size:11px;padding:3px 6px}}

.visitor-actions{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.visitor-actions .quick{padding:0;margin:12px 0;background:transparent;align-items:flex-start}.visitor-actions .quick .sub{flex-basis:100%;margin:0}.visitor-actions .hint{margin:8px 0 0}.visitor-actions #shortcutSettings{width:100%;text-align:left}.compose{border-top:1px solid var(--line)}

.info{padding:0;overflow:auto}.visitor-card{padding:17px 16px 14px;min-height:0}.visitor-card dl{display:grid;grid-template-columns:4em minmax(0,1fr);align-items:baseline;gap:7px 8px;margin:10px 0 0}.visitor-card dt,.visitor-card dd{margin:0}.visitor-card dd{font-size:13px}.visitor-actions{margin:0;padding:15px 16px 16px}.visitor-actions .quick{display:grid;gap:7px;margin:9px 0 12px}.visitor-actions .quick button{text-align:left;width:100%;padding:7px 9px}.visitor-actions .quick strong,.visitor-actions .quick span{display:block}.visitor-actions .quick span{color:var(--muted);font-size:12px;line-height:1.5;margin-top:2px}.visitor-actions .sub{margin:5px 0 8px}.visitor-tools{display:flex;flex-wrap:wrap;gap:6px}.visitor-tools #shortcutSettings,.visitor-tools .contact{width:auto;margin:0;padding:5px 8px;font-size:12px}.info .close{margin:0 16px 14px}@media(min-width:941px){.info{display:grid;grid-template-rows:minmax(0,39%) minmax(0,1fr);overflow:hidden}.visitor-card,.visitor-actions{overflow:auto}}


.quick-plus{display:none}
@media(max-width:640px){
 .info .visitor-actions{display:none}
 .quick-plus{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;font-size:24px;line-height:1;color:var(--blue);border-color:#416d98}
 .compose{gap:6px;align-items:end}.compose .send{min-height:44px;padding-inline:9px}
 #mobileQuick{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:70dvh;overflow:auto;margin:0;border-radius:16px 16px 0 0;padding:16px 14px max(16px,env(safe-area-inset-bottom));box-shadow:0 -12px 40px #0007}
 #mobileQuick header{display:flex;align-items:center;justify-content:space-between;gap:8px}
 #mobileQuick .quick{display:grid;gap:7px;padding:0;background:transparent}
 #mobileQuick .quick button{text-align:left;width:100%;padding:9px}
 #mobileQuick .quick strong,#mobileQuick .quick span{display:block}
 #mobileQuick .quick span{color:var(--muted);font-size:13px;margin-top:2px}
}

[hidden]{display:none!important}.auth{margin:40px auto;padding:22px;max-width:420px;background:var(--panel);border-radius:12px}.auth a{color:var(--blue)}#error{color:#ffc2ad;font-size:13px}.timeline:empty::before{content:"请选择一条会话";color:var(--muted)}