.so-msg{max-width:1240px;margin:0 auto;padding:24px 40px 40px}.so-msg-head{letter-spacing:-.03em;padding:8px 4px 20px;font-size:26px;font-weight:800}.so-pane{border:1px solid var(--border);background:#fff;border-radius:20px;grid-template-columns:372px minmax(0,1fr);height:660px;display:grid;overflow:hidden}.so-list{border-right:1px solid var(--line);overflow-y:auto}.so-list-head{color:var(--muted2);background:#fff;padding:18px 20px 12px;font-size:13px;font-weight:700;position:sticky;top:0}.so-crow{text-align:left;border-bottom:1px solid var(--fill);cursor:pointer;align-items:center;gap:14px;width:100%;padding:15px 20px;display:flex}.so-crow:hover{background:var(--surface)}.so-crow.is-active{background:var(--brand-tint)}.so-crow.is-ended .so-cav{filter:grayscale(.7);opacity:.75}.so-cavwrap{flex:0 0 50px;position:relative}.so-cav{object-fit:cover;object-position:center 18%;border-radius:50%;width:50px;height:50px}.so-cbadge{background:var(--brand);color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.so-cbody{flex:1;min-width:0}.so-ctop{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.so-cname{align-items:center;gap:5px;font-size:15px;font-weight:700;display:inline-flex}.so-ctime{color:var(--muted3);flex:none;font-size:11.5px;font-weight:600}.so-csub{color:#b09a86;margin-top:3px;font-size:11.5px;font-weight:600}.so-crow.is-ended .so-csub{color:var(--muted3)}.so-cprev{color:var(--meta);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:13px;font-weight:500;overflow:hidden}.so-cprev.unread{color:var(--ink2);font-weight:700}.so-cdiv{color:var(--muted2);border-top:1px solid var(--line);padding:18px 20px 8px;font-size:12.5px;font-weight:700}.so-thread{flex-direction:column;min-width:0;display:flex}.so-th-top{border-bottom:1px solid var(--line2);flex:none;align-items:center;gap:12px;padding:16px 22px;display:flex}.so-th-name{align-items:center;gap:5px;font-size:16px;font-weight:700;display:flex}.so-th-sub{color:var(--muted2);margin-top:2px;font-size:12px;font-weight:600}.so-th-resv{cursor:pointer;background:#faf7f4;border-bottom:1px solid #f0ece6;align-items:center;gap:11px;width:100%;padding:12px 22px;display:flex}.so-th-resv img{object-fit:cover;object-position:center 18%;border-radius:10px;width:38px;height:38px}.so-th-resv-t{color:#15803d;font-size:13px;font-weight:700}.so-th-resv-m{color:var(--meta);margin-top:2px;font-size:12px;font-weight:600}.so-scroll{flex-direction:column;flex:1;gap:13px;padding:22px 24px;display:flex;overflow-y:auto}.so-sys{color:var(--muted);background:var(--surface);text-align:center;border-radius:13px;align-self:center;max-width:560px;padding:14px 16px;font-size:12.5px;font-weight:500;line-height:1.55}.so-line{align-items:flex-end;gap:9px;max-width:72%;display:flex}.so-line.them{align-self:flex-start}.so-line.me{flex-direction:row-reverse;align-self:flex-end}.so-av{object-fit:cover;object-position:center 18%;border-radius:50%;flex:0 0 32px;width:32px;height:32px}.so-bwrap{flex-direction:column;gap:4px;min-width:0;display:flex}.so-line.me .so-bwrap{align-items:flex-end}.so-bubble{border-radius:16px;padding:11px 15px;font-size:14.5px;font-weight:500;line-height:1.5}.so-line.them .so-bubble{background:var(--fill);color:var(--ink2);border-bottom-left-radius:5px}.so-line.me .so-bubble{background:var(--brand);color:#fff;border-bottom-right-radius:5px}.so-time{color:var(--muted3);font-size:10.5px;font-weight:600}.so-composer{border-top:1px solid var(--line2);flex:none;padding:14px 22px}.so-quick{gap:8px;padding-bottom:11px;display:flex;overflow-x:auto}.so-quick-btn{border:1.5px solid var(--border);height:36px;color:var(--ink3);white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:0 14px;font-size:13px;font-weight:600}.so-input-row{align-items:center;gap:10px;display:flex}.so-input{border:1.5px solid var(--border);background:var(--surface);height:48px;color:var(--ink2);border-radius:24px;outline:none;flex:1;padding:0 18px;font-family:inherit;font-size:14.5px;font-weight:500}.so-send{background:var(--brand);color:#fff;border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.so-closed{background:var(--surface);border-top:1px solid var(--line2);color:var(--muted2);flex:none;justify-content:center;align-items:center;gap:8px;padding:22px;font-size:14px;font-weight:700;display:flex}.so-nt{max-width:720px;padding:0 var(--gutter);margin:0 auto}.so-nt-head{justify-content:space-between;align-items:center;gap:var(--s5);display:flex}.so-nt-filters{margin:var(--s6) 0 var(--s2);gap:8px;display:flex}.so-nt-fchip{border-radius:var(--r-pill);border:1.5px solid var(--border);height:38px;font-size:var(--fs-body-sm);font-weight:var(--fw-semi);color:var(--ink3);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.so-nt-fchip:hover{background:var(--surface)}.so-nt-fchip.on{background:var(--ink1);border-color:var(--ink1);color:#fff}.so-nt-fchip .c{background:var(--fill);color:var(--muted2);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:800}.so-nt-fchip.on .c{color:#fff;background:#ffffff38}.so-nt-group-label{padding:var(--s7) 2px var(--s3);font-size:var(--fs-label);font-weight:var(--fw-bold);color:var(--muted3)}.so-nt-card{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.so-nt-row{text-align:left;cursor:pointer;align-items:center;gap:14px;width:100%;padding:16px 18px;transition:background .12s;display:flex;position:relative}.so-nt-row+.so-nt-row{border-top:1px solid var(--line2)}.so-nt-row:hover{background:var(--surface)}.so-nt-row.unread{background:#fff9f4}.so-nt-row.unread:before{content:"";background:var(--brand);width:3px;position:absolute;top:0;bottom:0;left:0}.so-nt-ic{border-radius:13px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.so-nt-ic.brand{background:var(--brand-tint);color:var(--brand)}.so-nt-ic.ok{color:#15803d;background:#e8f6ed}.so-nt-ic.info{color:#2563eb;background:#eaf1fe}.so-nt-ic.warm{color:#b45309;background:#fef3e2}.so-nt-ic.mute{background:var(--fill);color:var(--muted2)}.so-nt-title{font-size:var(--fs-body-sm);font-weight:var(--fw-bold);color:var(--ink2)}.so-nt-time{font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--muted3);flex:none}.so-nt-desc{font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--meta);margin-top:4px}.so-nt-cta{font-size:var(--fs-label);font-weight:var(--fw-bold);color:var(--brand);border-radius:var(--r-sm);background:var(--brand-tint);flex:none;padding:8px 14px}