*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{color:#29313e;background:#e9edf1;font:14px system-ui,-apple-system,"Microsoft YaHei",sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:2px solid #397bd1;outline-offset:3px}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}.messenger{height:calc(100dvh - 24px);display:flex;max-width:1480px;margin:0 auto;background:#fff;border:1px solid #dde2e8}.rail{width:66px;flex-shrink:0;background:#f0f2f5;border-right:1px solid #e0e4e9;display:flex;align-items:center;flex-direction:column;padding:24px 0 18px}.brand{background:#356ca5;width:36px;height:36px;display:grid;place-items:center;border-radius:9px;font-size:20px;color:white;font-weight:600;box-shadow:0 3px 7px #295f8f20}.rail-item{margin-top:38px;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:11px;color:#3b79bd}.rail-item svg{height:25px;width:25px;fill:none;stroke:currentColor;stroke-width:1.7}.rail-bottom{margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:8px;font-size:9px;color:#9299a5}.secure-dot{width:6px;height:6px;border-radius:50%;background:#68a28d}.sidebar{width:310px;flex-shrink:0;display:flex;flex-direction:column;background:#fafbfc;border-right:1px solid #e4e7ec;min-height:0}.sidebar-head{padding:23px 20px 17px;display:flex;align-items:center;justify-content:space-between}h1{font-size:18px;margin:0;font-weight:600;letter-spacing:.5px}.sidebar-head p{color:#9299a4;font-size:11px;margin:6px 0 0}.add-button{height:31px;width:31px;background:#eef1f5;color:#536477;border:1px solid #e1e6ed;border-radius:5px;font-size:22px;line-height:1}.add-button:hover{color:#3478cc;background:#e8eff8}.search-wrap{margin:0 18px 16px;display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:5px;background:#eef0f3;border:1px solid transparent}.search-wrap:focus-within{border-color:#6d9bd3;background:#fff}.search-wrap svg{width:15px;height:15px;flex-shrink:0;stroke:#8993a1;stroke-width:1.8;fill:none}.search-wrap input{width:100%;min-width:0;background:transparent;border:0;outline:0;font-size:12px;color:#394554}.filters{display:flex;padding:0 18px 12px;gap:12px;border-bottom:1px solid #e9ecf0}.filters button{padding:6px 12px;border-radius:4px;color:#7b8594;background:transparent;font-size:12px}.filters button.selected{background:#e8eff8;color:#2e6db6}.filters span{font-size:11px;margin-left:4px}.room-list{flex:1;min-height:0;overflow:auto}.room-item{position:relative;display:flex;padding:18px;gap:12px;border-bottom:1px solid #eff1f4;align-items:center}.room-item:hover{background:#f1f4f8}.room-item.selected{background:#e9eff7}.room-open{display:flex;gap:12px;align-items:center;flex:1;min-width:0;background:transparent;padding:0;text-align:left;color:inherit}.room-icon{width:44px;height:44px;border-radius:7px;background:#dbe6f3;color:#567ea9;display:grid;place-items:center;flex-shrink:0;position:relative}.room-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5}.room-badge{position:absolute;right:-6px;top:-6px;border-radius:11px;background:#d65353;color:#fff;font-size:10px;min-width:18px;max-width:38px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid #fafbfc}.room-text{min-width:0;flex:1}.room-top{display:flex;justify-content:space-between;align-items:baseline;gap:7px}.room-name{font-size:13px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-time{font-size:10px;flex-shrink:0;color:#a0a7b0}.room-order{font-size:11px;color:#8994a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.room-preview{font-size:12px;margin-top:6px;color:#8993a0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.4}.room-remove{display:none;background:transparent;color:#85909f;font-size:15px;position:absolute;right:4px;bottom:6px;line-height:16px;padding:2px 5px}.room-item:hover .room-remove,.room-item:focus-within .room-remove{display:block}.room-preview.blocked{color:#b96a54}.sidebar-foot{margin-top:auto;border-top:1px solid #e5e9ee;padding:13px 18px;display:flex;justify-content:space-between;gap:10px;color:#a0a7b0;font-size:10px;align-items:center}.text-button{padding:0;background:transparent;color:#6f8195;font-size:11px}.text-button:hover{color:#2d6db7}.list-empty{text-align:center;padding:60px 24px;color:#8a94a1;font-size:12px;line-height:1.8;flex:1}.list-empty strong{color:#677381;font-weight:500;font-size:13px}.list-empty p{margin:8px 0 18px}.empty-symbol{margin:0 auto 18px;width:46px;height:46px;border-radius:10px;background:#edf1f6;color:#98adc3;font-size:21px;display:grid;place-items:center}.primary,.secondary,.danger{padding:10px 17px;border-radius:5px;background:#3478c9;color:#fff;font-size:12px}.primary:hover{background:#2866b0}.secondary{background:#eef1f5;color:#65758b}.danger{background:#bd5555}.conversation{flex:1;min-width:0;position:relative;background:#fff;display:flex;flex-direction:column}.welcome{margin:auto;text-align:center;padding:30px;color:#9ca5b1;max-width:520px}.welcome-icon{margin:0 auto 24px;width:90px;height:90px;display:grid;place-items:center;border-radius:24px;background:#f2f5f9}.welcome-icon svg{width:50px;height:50px;fill:none;stroke:#acbfd3;stroke-width:2}.welcome h2{font-size:20px;font-weight:500;color:#66788f;margin:0 0 14px}.welcome p{font-size:13px;line-height:1.8;margin:0 0 27px}.welcome-note{font-size:11px;margin-top:16px;color:#a5adb8}.frames{flex:1;min-height:0;display:none}.frames iframe{border:0;width:100%;height:100%;display:none}.add-bar{padding:10px 22px;display:flex;justify-content:space-between;align-items:center;order:-1;border-bottom:1px solid #e4e8ee;background:#f9fafc;color:#66778e;font-size:12px}.confirm-dialog{border:1px solid #dde3eb;border-radius:9px;padding:25px;max-width:400px;width:calc(100vw - 40px);color:#394555;box-shadow:0 20px 60px #18263822}.confirm-dialog::backdrop{background:#18263855}.confirm-dialog h2{font-size:17px;font-weight:550;margin:0 0 12px}.confirm-dialog p{font-size:13px;line-height:1.8;color:#7d8998;margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.filing{height:24px;text-align:center;font-size:10px;color:#9ca5b0;line-height:24px}.filing a{color:inherit;text-decoration:none}.notice{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);background:#394a60;color:#fff;padding:10px 18px;font-size:12px;line-height:1.5;border-radius:6px;max-width:90vw;z-index:10;box-shadow:0 4px 18px #0002}
@media(max-width:700px){.messenger{border:0}.rail{display:none}.sidebar{width:100%;border:0}.conversation{display:none}.messenger.room-opened .sidebar{display:none}.messenger.room-opened .conversation{display:flex}.sidebar-head{padding:22px 22px 18px}h1{font-size:20px}.sidebar-head p{font-size:12px}.search-wrap{margin:0 20px 17px;padding:11px}.filters{padding-left:20px;padding-right:20px}.room-item{padding:18px 22px}.room-icon{width:47px;height:47px}.room-name{font-size:14px}.room-order{font-size:12px}.room-preview{font-size:13px}.room-remove{display:block;right:12px;bottom:7px}.sidebar-foot{padding-bottom:calc(13px + env(safe-area-inset-bottom))}.add-bar{padding:10px 16px}.welcome h2{font-size:18px}}