:root{--cp-color-white:#fff;--cp-color-background-top:var(--cp-color-white);--cp-color-background-item:rgba(10,108,255,.1);--cp-color-state-hover:hsla(0,0%,5%,.06);--cp-color-state-pressed:hsla(0,0%,5%,.1);--cp-color-line-regular:hsla(0,0%,5%,.12);--cp-color-background-dialog-modal:#000;--cp-color-bacground-button-primary:#3b64fc;--cp-color-border-button-line:#3b64fc;--cp-color-background-button-hover:#f5f5f5;--cp-color-background-button-active:#eee;--cp-color-border-button:hsla(0,0%,5%,.14);--cp-color-text-error:#bb2726;--cp-color-red-6:#dd3332;--cp-color-public-normal:#3b64fc;--cp-color-public-hover:#4f87fe;--cp-color-public-pressed:#2453de;--cp-border-radius-small:4px;--cp-border-radius-middle:6px;--cp-border-radius-large:8px;--cp-color-line-public:#2453de;--cp-color-text-primary:hsla(0,0%,5%,.9);--cp-color-text-secondary:hsla(0,0%,5%,.66);--cp-font-size-base:14px;--cp-font-size-small:12px;--cp-font-size-mini:10px}body{font-family:PingFang SC}.switch-account-component-panel{background-color:var(--cp-color-background-top);border-radius:var(--cp-border-radius-large);font-size:var(--cp-font-size-base);padding:12px}.switch-account-component-panel__header{align-items:center;color:var(--cp-color-text-primary);display:flex;justify-content:space-between;line-height:22px;padding-bottom:12px}.switch-account-component-panel__header-title{font-weight:600}.switch-account-component-panel__header-logout{color:var(--cp-color-text-secondary);display:flex;flex:1;justify-content:flex-end;position:relative}.switch-account-component-panel__header-logout-block{align-items:center;border-radius:var(--cp-border-radius-small);cursor:pointer;display:flex;padding:1px 3px 1px 5px}.switch-account-component-panel__header-logout-block:hover{background:var(--cp-color-state-hover)}.switch-account-component-panel__header-logout-block:active{background:var(--cp-color-state-pressed)}.switch-account-component-panel__account-list{overflow:auto}.switch-account-component-panel__account-list .account-item{justify-content:space-between}.switch-account-component-panel__account-list .account-item div:first-child{align-items:center;display:flex}.switch-account-component-panel__account-list .account-item__operate{display:none;position:relative}.switch-account-component-panel__account-list .account-item__operate img{box-sizing:content-box;height:16px;width:16px}.switch-account-component-panel__account-list .account-item__tfa span{color:var(--cp-color-text-primary);font-size:var(--cp-font-size-base);line-height:20px;margin-left:4px}.switch-account-component-panel__account-list .account-item:hover .account-icon__more{display:block}.switch-account-component-panel__account-list .account-item:hover .account-item__operate{display:flex}.switch-account-component-panel__account-list .account-item__avatar-active{border:1px solid var(--cp-color-line-public)}.switch-account-component-panel__account-list .account-item__info-below div,.switch-account-component-panel__account-list .account-item__info-title{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch-account-component-panel__account-list .account-item__info-title{line-height:22px}.switch-account-component-panel__account-list .account-item__info-below{align-items:center;display:flex}.switch-account-component-panel__account-list .account-item__info-below div{color:var(--cp-color-text-secondary);font-size:var(--cp-font-size-small);line-height:20px}.switch-account-component-panel__account-list .account-item__active{background:var(--cp-color-background-item)}.switch-account-component-panel__account-list::-webkit-scrollbar{height:6px;width:6px}.switch-account-component-panel__account-list::-webkit-scrollbar-thumb{background:hsla(0,0%,57%,.3)!important;border-radius:999px;-webkit-box-shadow:inset 0 0 10px hsla(0,0%,60%,.2)}.switch-account-component-panel__account-list::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,57%,.6)!important}.switch-account-component-panel__account-list::-webkit-scrollbar-thumb:active{background:hsla(0,0%,57%,.8)!important}.switch-account-component-panel__account-list::-webkit-scrollbar-track{background-color:#dbdbdb;border-radius:999px;-webkit-box-shadow:inset 0 0 5px transparent}.account-item{align-items:center;border-radius:var(--cp-border-radius-middle);display:flex;margin-bottom:4px;padding:6px 12px}.account-item:hover:not(:first-child){background:var(--cp-color-state-hover);cursor:pointer}.account-item__avatar{align-items:center;box-sizing:border-box;display:flex;height:42px;justify-content:center;margin-right:12px;position:relative;width:42px}.account-item__avatar img:first-child{height:36px;width:36px}.account-item__avatar-round{border-radius:50%}.account-item__avatar-square{border-radius:0}.account-item-btn:hover{background:var(--cp-color-state-hover);cursor:pointer}.account-dialog{background:var(--cp-color-white);border:1px solid hsla(0,0%,5%,.12);border-radius:12px;box-sizing:border-box;left:0;padding:24px;position:relative;transform:translateX(0);-webkit-transform:translateX(0);width:480px;z-index:2005}.account-dialog__header{align-items:center;border-bottom:none;color:var(--cp-color-text-primary);display:flex;font-size:16px;font-weight:600;justify-content:space-between;line-height:24px;padding:0}.account-dialog__header span{word-wrap:normal;color:#3c414b;display:block;font-size:18px;font-weight:600;overflow:hidden;padding-right:20px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.account-dialog__body{color:var(--cp-color-text-primary);line-height:22px;padding:20px 0}.account-dialog__footer{text-align:right}.account-dialog__wrapper{align-items:center;bottom:0;display:flex;justify-content:center;left:0;margin:0;overflow:auto;position:fixed;right:0;top:0;z-index:20001}.account-dialog__modal{background:var(--cp-color-background-dialog-modal);height:100%;left:0;opacity:.5;position:fixed;top:0;width:100%}.account-button{-webkit-appearance:none;background:var(--cp-color-white);border:1px solid #e7e9eb;border-radius:5px;box-sizing:border-box;color:var(--cp-color-text-primary);cursor:pointer;height:30px;margin:0;outline:0;padding:4px 15px;text-align:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;white-space:nowrap}.account-button__cancel:hover{border:1px solid var(--cp-color-public-hover)}.account-button__cancel:active,.account-button__cancel:hover{background:var(--cp-color-background-button-hover);color:var(--cp-color-public-normal)}.account-button__cancel:active{border:1px solid var(--cp-color-public-pressed)}.account-button__confirm{background-color:var(--cp-color-bacground-button-primary);border-color:var(--cp-color-border-button-line);color:var(--cp-color-white);margin-left:10px}.account-button__confirm:hover{background:var(--cp-color-public-hover);border:1px solid var(--cp-color-public-hover)}.account-button__confirm:active{background:vvar(--cp-color-public-pressed);border:1px solid var(--cp-color-public-pressed)}.account-dropdown{background:var(--cp-color-background-top);border:1px solid var(--cp-color-line-regular);border-radius:var(--cp-border-radius-large);box-shadow:0 12px 32px 0 hsla(0,0%,5%,.08);box-sizing:border-box;display:none;font-size:var(--cp-font-size-small);padding:8px;position:absolute;top:26px;z-index:2}.account-dropdown div{box-sizing:border-box;line-height:20px;padding:6px 8px}.account-dropdown div:hover{background:var(--cp-color-state-hover);border-radius:var(--cp-border-radius-middle);cursor:pointer}.account-dropdown div:not(:last-child){margin-bottom:4px}.account-dropdown div:first-child{color:var(--cp-color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown div:nth-child(2){color:var(--cp-color-text-error)}.account-unread{position:relative}.account-unread:hover{cursor:pointer}.account-unread:hover .account-unread__popover{display:block}.account-unread__count{align-items:center;background:var(--cp-color-red-6);border-radius:50%;box-sizing:border-box;color:var(--cp-color-white);display:flex;font-size:var(--cp-font-size-mini);height:16px;justify-content:center;padding:2px;width:16px}.account-unread__popover{background:var(--cp-color-background-top);border:1px solid var(--cp-color-line-regular);border-radius:var(--cp-border-radius-middle);box-shadow:0 12px 32px 0 hsla(0,0%,5%,.08);box-sizing:border-box;display:none;font-size:var(--cp-font-size-small);left:50%;min-width:120px;padding:6px 12px;position:absolute;right:0;top:28px;transform:translateX(-50%);z-index:2}.account-unread__popover-text{line-height:20px}.account-unread__popover-arrow{height:10px;left:50%;position:absolute;top:-5px;transform:translateX(-50%);width:10px;z-index:-1}.account-unread__popover-arrow:before{background:var(--cp-color-white);border-bottom-color:transparent!important;border-right-color:transparent!important;border:1px solid var(--cp-color-line-regular);border-top-left-radius:2px;box-sizing:border-box;content:" ";height:10px;position:absolute;right:0;transform:rotate(45deg);width:10px;z-index:-1}.account-icon__enterprise{bottom:0;height:18px;position:absolute;right:0;width:18px}.account-icon__arrow-down{height:12px;margin-left:2px;width:12px}.account-icon__close,.account-icon__more{border-radius:var(--cp-border-radius-small);cursor:pointer;padding:4px}.account-icon__close:hover,.account-icon__more:hover{background:var(--cp-color-state-hover)}.account-icon__close:active,.account-icon__more:active{background:var(--cp-color-state-pressed)}.account-icon__more{margin-left:8px}.account-icon__selected{margin-left:16px}