.user-info-vertical{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;line-height:1.2}.user-info-vertical .user-info-vertical-name{font-size:11px;color:#c5c8ce}.page-layout{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.list-card{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.dept-panel{width:260px;-ms-flex-negative:0;flex-shrink:0;border-radius:16px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dept-panel-title{font-size:15px;font-weight:600;padding:4px 4px 10px;border-bottom:1px solid #e8eaec}.dept-all{padding:8px 10px;margin:8px 0 4px;border-radius:6px;cursor:pointer;font-size:13px;color:#495060;-webkit-transition:all .2s;transition:all .2s}.dept-all:hover{background:#f0f0f0}.dept-all.active{background:#2d8cf0;color:#fff}.dept-tree-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:4px 2px}.list-action{margin:8px 0}.summary-box{background:#f8f8f9;padding:8px 10px;border-radius:6px;margin-bottom:6px;line-height:1.8}.info-row{margin-bottom:2px}.f12{font-size:12px}.c-gray{color:#808695}.c-green{color:#00b42a}.c-red{color:#f53f3f}.c-blue{color:#2d8cf0}.m-l{margin-left:8px}.sync-progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px;padding:8px 12px;background:#f0faff;border-radius:8px}.dept-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dept-card{border:1px solid #e8eaec;border-radius:8px;padding:14px;background:#fafafa;-webkit-transition:all .2s;transition:all .2s}.dept-card.syncing{opacity:.7;pointer-events:none}.dept-card.done{border-color:#2d8cf0;background:#f0faff}.dept-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:4px}.dept-name{font-weight:600;font-size:14px}.dept-time{font-size:12px}.sync-footer{text-align:center;margin-top:16px;padding-top:12px;border-top:1px solid #e8eaec}.syncing-bar{margin-top:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}// 暗色模式适配 body.theme-dark{.dept-panel-title{border-bottom-color:var(--dark-border)!important;color:var(--dark-text-1)!important}.dept-all{color:var(--dark-text-2)!important;&:hover{background:var(--dark-fill-1)!important}&.active{background:var(--dark-accent)!important;color:#fff!important}}.dept-tree-wrap{.ivu-tree-title{color:var(--dark-text-2)!important}.ivu-tree-title-selected{color:var(--dark-accent)!important}}}