:root{color:#1c1e21;background:#f0f2f5;font-family:Arial,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;min-width:1280px;height:100vh;height:100dvh;overflow:hidden;background:#f0f2f5}button,input{font:inherit}button{min-height:32px;border:0;border-radius:6px;background:#e4e6eb;color:#1c1e21;cursor:pointer;font-weight:600;padding:0 12px}button:hover,.global-nav a:hover,#sendButton:hover{background:#d8dadf}.business-shell{display:grid;grid-template-columns:56px minmax(0,1fr);height:100%}.global-nav{display:flex;align-items:center;gap:8px;flex-direction:column;overflow:hidden;border-right:1px solid #d8dadf;background:#fff;padding:8px}.global-nav a,.nav-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;color:#444950;font-weight:800;text-decoration:none}.nav-logo,.global-nav .active{background:#e7f3ff;color:#0866ff}.business-main{display:grid;grid-template-rows:74px 52px minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}.topbar,.channel-tabs{display:flex;align-items:center;background:#fff;padding:0 24px}.topbar{justify-content:space-between;border-bottom:1px solid #edf0f2}.topbar h1{margin:0;font-size:24px;line-height:1.2}.topbar p{margin:4px 0 0;color:#65676b}.top-actions{display:flex;align-items:center;gap:8px}.channel-tabs{gap:8px;border-bottom:1px solid #d8dadf}.channel-tabs a{display:grid;place-items:center;min-height:36px;border-radius:6px;color:#4b4f56;font-weight:700;padding:0 12px;text-decoration:none}.channel-tabs .selected{background:#e7f3ff;color:#0866ff}.inbox-grid{display:grid;grid-template-columns:442px minmax(520px,1fr) 320px;min-height:0;overflow:hidden}.thread-pane,.conversation-pane,.detail-pane{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;background:#fff}.thread-pane{border-right:1px solid #d8dadf;padding:16px 12px}.detail-pane{border-left:1px solid #d8dadf;overflow:auto;padding:18px 22px}.search-box{display:flex;align-items:center;gap:8px;min-height:36px;border-radius:18px;background:#f0f2f5;color:#65676b;padding:0 12px}.search-box input{width:100%;border:0;outline:0;background:transparent}.filters{display:flex;gap:6px;flex-wrap:wrap;padding:12px 0}.thread-list{min-height:0;overflow:auto}.thread-link{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:80px;border-radius:8px;color:inherit;padding:8px;text-decoration:none}.thread-link.active,.thread-link:hover{background:#f0f2f5}.thread-link.unread .thread-name,.thread-link.unread .thread-preview{color:#050505;font-weight:800}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#10a37f;color:#fff;font-weight:800}.large{width:72px;height:72px;font-size:28px}.thread-name,.thread-preview,.thread-time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-preview,.thread-time,.conversation-header p,.detail-section p{color:#65676b}.conversation-header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:82px;border-bottom:1px solid #edf0f2;padding:12px 18px}.conversation-header h2,.conversation-header p,.profile-block h2,.detail-section h3{margin:0}.conversation-menu{display:flex;align-items:center;gap:8px}.message-region{display:flex;gap:10px;flex:1;flex-direction:column;min-height:0;overflow:auto;background:#fff;padding:18px 22px}.message-row{display:grid;grid-template-columns:40px minmax(0,max-content);gap:8px;max-width:72%}.message-row.self{align-self:flex-end;grid-template-columns:minmax(0,max-content)}.message-row.self .avatar{display:none}.bubble{border-radius:18px;background:#f0f2f5;line-height:1.4;padding:9px 12px}.message-row.self .bubble{background:#0084ff;color:#fff}.composer-row{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:10px;align-items:center;min-height:100px;border-top:1px solid #edf0f2;padding:18px 12px}.composer-wrap{position:relative;min-height:40px;border-radius:20px;background:#f0f2f5;padding:10px 12px}.placeholder{position:absolute;top:10px;left:12px;color:#65676b;pointer-events:none}.composer-wrap:focus-within .placeholder,.composer-wrap.has-text .placeholder{display:none}#composer{min-height:20px;outline:0}#sendButton{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e7f3ff;color:#0866ff;cursor:pointer;font-weight:800}#sendButton[aria-disabled=true]{color:#9aa4b2;cursor:default;opacity:.7}.profile-block{display:grid;justify-items:center;gap:8px;padding-bottom:18px}.detail-section{display:grid;gap:10px;border-top:1px solid #edf0f2;padding:18px 0}.detail-section label{display:flex;align-items:center;gap:8px}.test-controls{position:sticky;bottom:0;background:#fff}