#officeoChatBox{position:fixed;right:16px;bottom:96px;width:380px;height:620px;max-height:calc(100vh - 130px);background:#fff;border:1px solid #e3e8ef;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.18);z-index:99990;display:none;overflow:hidden;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif}
#officeoChatBox.oc-open{display:flex;animation:ocIn .22s ease}
@keyframes ocIn{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
#officeoChatHead{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 14px 0 16px;background:linear-gradient(135deg,#00A0E9,#0090d0);color:#fff;flex:none}
#officeoChatHead .oc-title{display:flex;align-items:center;gap:8px;font-size:var(--fs-md);font-weight:600}
#officeoChatHead .oc-dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 3px rgba(61,220,132,.25)}
#officeoChatHead .oc-close{width:28px;height:28px;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:var(--fs-xl);line-height:1;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 2px}
#officeoChatHead .oc-close:hover{background:rgba(255,255,255,.32)}
#officeoChatFrame{flex:1;border:0;width:100%;background:#f7f9fc}
@media (max-width:768px){
  #officeoChatBox{left:0;right:0;bottom:0;top:0;width:100%;height:100%;max-height:none;border:0;border-radius:0}
}