:root{--wqc-primary: #1677ff;--wqc-sidebar-bg: #1f2d3d;--wqc-header-height: 56px;--wqc-sidebar-width: 200px}body{margin:0;background:#f0f2f5}.wqc-layout{min-height:100vh}.wqc-header{height:var(--wqc-header-height);background:#fff;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;padding:0 20px;gap:16px;position:sticky;top:0;z-index:99}.wqc-logo{font-weight:700;font-size:18px;color:var(--wqc-primary);white-space:nowrap}.wqc-logo span{color:#333}.wqc-header-search{flex:1;max-width:480px}.wqc-header-right{display:flex;align-items:center;gap:12px}.wqc-user-badge{display:flex;align-items:center;gap:8px}.wqc-sidebar{width:var(--wqc-sidebar-width);background:var(--wqc-sidebar-bg);min-height:calc(100vh - var(--wqc-header-height))}.wqc-content{flex:1;padding:16px;min-width:0}.wqc-body{display:flex}.wqc-page-card{background:#fff;border-radius:8px;padding:16px;min-height:calc(100vh - var(--wqc-header-height) - 32px)}.wqc-quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.wqc-quick-item{text-align:center;padding:16px 8px;border-radius:8px;cursor:pointer;transition:background .2s;border:1px solid #f0f0f0}.wqc-quick-item:hover{background:#f5f9ff;border-color:#91caff}.wqc-quick-icon{font-size:28px;color:var(--wqc-primary);margin-bottom:8px}.wqc-chat-layout{display:flex;height:calc(100vh - 140px);border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;background:#fff}.wqc-chat-col{border-right:1px solid #e8e8e8;overflow-y:auto}.wqc-chat-col:last-child{border-right:none}.wqc-chat-col-narrow{width:220px;flex-shrink:0}.wqc-chat-col-mid{width:260px;flex-shrink:0}.wqc-chat-col-wide{flex:1;min-width:0}.wqc-list-item{padding:12px 14px;cursor:pointer;border-bottom:1px solid #f5f5f5}.wqc-list-item:hover{background:#f5f9ff}.wqc-list-item.active{background:#e6f4ff}.wqc-msg-bubble{max-width:75%;padding:10px 14px;border-radius:8px;margin-bottom:12px;line-height:1.5}.wqc-msg-self{background:#1677ff;color:#fff;margin-left:auto}.wqc-msg-other{background:#f5f5f5;color:#333}.wqc-msg-area{padding:16px;height:100%;overflow-y:auto;background:#fafafa}.wqc-stat-panel{background:#fafafa;border-radius:8px;padding:12px;margin-bottom:12px}.wqc-stat-panel h4{margin:0 0 8px;font-size:13px;color:#666}.wqc-trend-chart{display:flex;align-items:flex-end;gap:8px;height:120px;padding-top:8px}.wqc-trend-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.wqc-trend-bar{width:100%;max-width:32px;background:linear-gradient(180deg,#69b1ff,#1677ff);border-radius:4px 4px 0 0;min-height:4px}.wqc-trend-label{font-size:11px;color:#999}@media (max-width: 1200px){.wqc-quick-grid{grid-template-columns:repeat(3,1fr)}}