.name-edit-input input{border-top:none;border-left:none;border-right:none;line-height:22px!important;height:22px!important;margin-top:-3px;border-radius:0}.name-edit-input .el-input__suffix{margin-top:-8px}.emp-detail-page{background-color:#f5f7fa;padding:16px;min-height:calc(100vh - 102px)}.emp-detail-page .emp-hero{position:relative;border-radius:8px;background:#fff;-webkit-box-shadow:0 1px 4px rgba(31,45,61,.06);box-shadow:0 1px 4px rgba(31,45,61,.06);overflow:hidden}.emp-detail-page .emp-hero-banner{height:96px;position:relative;background-image:linear-gradient(120deg,hsla(0,0%,100%,.22),hsla(0,0%,100%,0) 55%)}[data-theme=blue] .emp-detail-page .emp-hero-banner{background-color:#3385ff!important}[data-theme=green] .emp-detail-page .emp-hero-banner{background-color:#0bb27a!important}[data-theme=pink] .emp-detail-page .emp-hero-banner{background-color:#e56281!important}[data-theme=purple] .emp-detail-page .emp-hero-banner{background-color:#6076e3!important}.emp-detail-page .emp-hero-banner .banner-ring{position:absolute;border-radius:100%;border:26px solid hsla(0,0%,100%,.08)}.emp-detail-page .emp-hero-banner .banner-ring--1{width:170px;height:170px;right:120px;top:-60px}.emp-detail-page .emp-hero-banner .banner-ring--2{width:90px;height:90px;right:40px;top:30px;border-width:14px}.emp-detail-page .emp-hero-body{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 24px 20px 24px}.emp-detail-page .emp-hero-body,.emp-detail-page .emp-hero-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.emp-detail-page .emp-avatar{width:92px;height:92px;border-radius:100%;border:4px solid #fff;-webkit-box-shadow:0 4px 12px rgba(31,45,61,.12);box-shadow:0 4px 12px rgba(31,45,61,.12);margin-top:-38px;overflow:hidden;-ms-flex-negative:0;flex-shrink:0;background:#eef1f6}.emp-detail-page .emp-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.emp-detail-page .emp-avatar .emp-avatar-fallback{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:34px;color:#fff;font-weight:700}[data-theme=blue] .emp-detail-page .emp-avatar .emp-avatar-fallback{background-color:#3385ff!important}[data-theme=green] .emp-detail-page .emp-avatar .emp-avatar-fallback{background-color:#0bb27a!important}[data-theme=pink] .emp-detail-page .emp-avatar .emp-avatar-fallback{background-color:#e56281!important}[data-theme=purple] .emp-detail-page .emp-avatar .emp-avatar-fallback{background-color:#6076e3!important}.emp-detail-page .emp-base{margin-left:16px;padding-top:12px;min-height:56px}.emp-detail-page .emp-base .emp-name-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.emp-detail-page .emp-base .emp-name-row .emp-name{font-size:20px;font-weight:700;color:#303133;margin-right:10px}.emp-detail-page .emp-base .emp-name-row .emp-status-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:22px;padding:0 10px;border-radius:11px;font-size:12px;margin-right:8px}.emp-detail-page .emp-base .emp-name-row .emp-status-tag .dot{width:6px;height:6px;border-radius:100%;margin-right:5px;background:currentColor}.emp-detail-page .emp-base .emp-name-row .emp-status-tag--success{color:#0bb27a;background:#e6f7ef}[data-theme=blue] .emp-detail-page .emp-base .emp-name-row .emp-status-tag--primary{color:#3385ff!important}[data-theme=green] .emp-detail-page .emp-base .emp-name-row .emp-status-tag--primary{color:#0bb27a!important}[data-theme=pink] .emp-detail-page .emp-base .emp-name-row .emp-status-tag--primary{color:#e56281!important}[data-theme=purple] .emp-detail-page .emp-base .emp-name-row .emp-status-tag--primary{color:#6076e3!important}[data-theme=blue] .emp-detail-page .emp-base .emp-name-row .emp-status-tag--primary{background-color:#ecf5ff!important}[data-theme=green] .emp-detail-page .emp-base .emp-name-row .emp-status-tag--primary{background-color:#e6f7ef!important}[data-theme=pink] .emp-detail-page .emp-base .emp-name-row .emp-status-tag--primary{background-color:#fae7eb!important}[data-theme=purple] .emp-detail-page .emp-base .emp-name-row .emp-status-tag--primary{background-color:#dbe0fb!important}.emp-detail-page .emp-base .emp-name-row .emp-status-tag--warning{color:#e68a2e;background:#fdf3e7}.emp-detail-page .emp-base .emp-name-row .emp-status-tag--danger{color:#f56c6c;background:#fef0f0}.emp-detail-page .emp-base .emp-name-row .emp-status-tag--info{color:#909399;background:#f4f4f5}.emp-detail-page .emp-base .emp-meta-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:12px}.emp-detail-page .emp-base .emp-meta-row .emp-meta-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;color:#606266;margin-right:22px;margin-bottom:6px}.emp-detail-page .emp-base .emp-meta-row .emp-meta-item i{margin-right:5px;font-size:15px}[data-theme=blue] .emp-detail-page .emp-base .emp-meta-row .emp-meta-item i{color:#3385ff!important}[data-theme=green] .emp-detail-page .emp-base .emp-meta-row .emp-meta-item i{color:#0bb27a!important}[data-theme=pink] .emp-detail-page .emp-base .emp-meta-row .emp-meta-item i{color:#e56281!important}[data-theme=purple] .emp-detail-page .emp-base .emp-meta-row .emp-meta-item i{color:#6076e3!important}.emp-detail-page .emp-base .emp-base-skeleton .el-skeleton{margin-bottom:8px}.emp-detail-page .emp-hero-actions{padding-top:14px;-ms-flex-negative:0;flex-shrink:0}.emp-detail-page .emp-hero-actions .el-button+.el-button{margin-left:10px}.emp-detail-page .emp-tabs{border-radius:8px;overflow:hidden}.emp-detail-page .emp-tabs,.emp-detail-page .emp-tabs.el-tabs--border-card{-webkit-box-shadow:0 1px 4px rgba(31,45,61,.06);box-shadow:0 1px 4px rgba(31,45,61,.06)}.emp-detail-page .emp-tabs.el-tabs--border-card{border:none}.emp-detail-page .emp-tabs .el-tabs__header{background-color:#fff}.emp-detail-page .emp-tabs .el-tabs__content{background-color:#f5f7fa;padding:16px}.emp-detail-page .emp-tabs .el-tabs__item{height:46px;line-height:46px;font-size:14px}.emp-detail-page .emp-tabs .el-tabs__item i{margin-right:4px}.emp-detail-page .emp-archive{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.emp-detail-page .emp-anchor-rail{width:132px;-ms-flex-negative:0;flex-shrink:0;position:sticky;top:65px;padding:6px 0}.emp-detail-page .emp-anchor-rail .anchor-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:34px;line-height:34px;padding:0 10px 0 12px;margin-bottom:2px;border-radius:4px;cursor:pointer;color:#606266;font-size:13px;-webkit-transition:all .2s;transition:all .2s}.emp-detail-page .emp-anchor-rail .anchor-item .anchor-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-detail-page .emp-anchor-rail .anchor-item .anchor-count{min-width:18px;height:18px;line-height:18px;padding:0 5px;border-radius:9px;background:#f0f2f5;color:#909399;font-size:12px;text-align:center}.emp-detail-page .emp-anchor-rail .anchor-item:hover{color:#303133;background:#f5f7fa}.emp-detail-page .emp-anchor-rail .anchor-item.active{font-weight:700}[data-theme=blue] .emp-detail-page .emp-anchor-rail .anchor-item.active{color:#3385ff!important}[data-theme=green] .emp-detail-page .emp-anchor-rail .anchor-item.active{color:#0bb27a!important}[data-theme=pink] .emp-detail-page .emp-anchor-rail .anchor-item.active{color:#e56281!important}[data-theme=purple] .emp-detail-page .emp-anchor-rail .anchor-item.active{color:#6076e3!important}[data-theme=blue] .emp-detail-page .emp-anchor-rail .anchor-item.active{background-color:#ecf5ff!important}[data-theme=green] .emp-detail-page .emp-anchor-rail .anchor-item.active{background-color:#e6f7ef!important}[data-theme=pink] .emp-detail-page .emp-anchor-rail .anchor-item.active{background-color:#fae7eb!important}[data-theme=purple] .emp-detail-page .emp-anchor-rail .anchor-item.active{background-color:#dbe0fb!important}[data-theme=blue] .emp-detail-page .emp-anchor-rail .anchor-item.active .anchor-count{background-color:#e7eef9!important}[data-theme=green] .emp-detail-page .emp-anchor-rail .anchor-item.active .anchor-count{background-color:#e8f9f4!important}[data-theme=pink] .emp-detail-page .emp-anchor-rail .anchor-item.active .anchor-count{background-color:#fef0f0!important}[data-theme=purple] .emp-detail-page .emp-anchor-rail .anchor-item.active .anchor-count{background-color:#eef0fd!important}[data-theme=blue] .emp-detail-page .emp-anchor-rail .anchor-item.active .anchor-count{color:#3385ff!important}[data-theme=green] .emp-detail-page .emp-anchor-rail .anchor-item.active .anchor-count{color:#0bb27a!important}[data-theme=pink] .emp-detail-page .emp-anchor-rail .anchor-item.active .anchor-count{color:#e56281!important}[data-theme=purple] .emp-detail-page .emp-anchor-rail .anchor-item.active .anchor-count{color:#6076e3!important}.emp-detail-page .emp-archive-main{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding-left:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.emp-detail-page .grp-card{background:#fff;border:1px solid #ebeef5;border-radius:8px;padding:16px 20px 18px 20px;margin-bottom:16px;scroll-margin-top:70px;-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s,-webkit-box-shadow .2s}.emp-detail-page .grp-card:hover{-webkit-box-shadow:0 2px 12px rgba(31,45,61,.08);box-shadow:0 2px 12px rgba(31,45,61,.08)}.emp-detail-page .grp-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.emp-detail-page .grp-head .grp-bar{width:4px;height:14px;border-radius:2px;margin-right:8px}[data-theme=blue] .emp-detail-page .grp-head .grp-bar{background-color:#3385ff!important}[data-theme=green] .emp-detail-page .grp-head .grp-bar{background-color:#0bb27a!important}[data-theme=pink] .emp-detail-page .grp-head .grp-bar{background-color:#e56281!important}[data-theme=purple] .emp-detail-page .grp-head .grp-bar{background-color:#6076e3!important}.emp-detail-page .grp-head .grp-name{font-size:15px;font-weight:700;color:#303133}.emp-detail-page .grp-head .grp-count{margin-left:10px;height:20px;line-height:20px;padding:0 8px;border-radius:10px;font-size:12px}[data-theme=blue] .emp-detail-page .grp-head .grp-count{color:#3385ff!important}[data-theme=green] .emp-detail-page .grp-head .grp-count{color:#0bb27a!important}[data-theme=pink] .emp-detail-page .grp-head .grp-count{color:#e56281!important}[data-theme=purple] .emp-detail-page .grp-head .grp-count{color:#6076e3!important}[data-theme=blue] .emp-detail-page .grp-head .grp-count{background-color:#ecf5ff!important}[data-theme=green] .emp-detail-page .grp-head .grp-count{background-color:#e6f7ef!important}[data-theme=pink] .emp-detail-page .grp-head .grp-count{background-color:#fae7eb!important}[data-theme=purple] .emp-detail-page .grp-head .grp-count{background-color:#dbe0fb!important}.emp-detail-page .grp-body .grp-empty{padding:18px 0 8px 0;text-align:center;color:#c0c4cc;font-size:13px}.emp-detail-page .grp-body .grp-empty i{margin-right:6px}.emp-detail-page .field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));-webkit-column-gap:24px;-moz-column-gap:24px;column-gap:24px;row-gap:14px}.emp-detail-page .field-item{min-width:0}.emp-detail-page .field-item.field-item--full{grid-column:1/-1}.emp-detail-page .field-item .field-label{font-size:12px;color:#95979b;line-height:18px;margin-bottom:4px}.emp-detail-page .field-item .field-value{font-size:14px;color:#303133;line-height:22px;word-break:break-all}.emp-detail-page .field-item .field-value .value-text{white-space:pre-wrap}.emp-detail-page .field-item .field-value .value-empty{color:#c0c4cc}.emp-detail-page .field-item .field-value .value-img{width:80px;height:80px;border-radius:6px;-o-object-fit:cover;object-fit:cover;border:1px solid #ebeef5;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.emp-detail-page .field-item .field-value .value-img:hover{-webkit-box-shadow:0 2px 12px rgba(31,45,61,.16);box-shadow:0 2px 12px rgba(31,45,61,.16)}.emp-detail-page .field-item .field-value .value-file{display:block;color:#3385ff;font-size:13px;line-height:24px;text-decoration:none}.emp-detail-page .field-item .field-value .value-file i{margin-right:4px}.emp-detail-page .field-item .field-value .value-file:hover{text-decoration:underline}.emp-detail-page .entry-block{position:relative;border:1px dashed #e4e7ed;border-radius:6px;padding:14px 16px 16px 58px;margin-bottom:12px;background:#fafbfd}.emp-detail-page .entry-block:hover{border-color:#d0d6de}.emp-detail-page .entry-block:last-child{margin-bottom:0}.emp-detail-page .entry-block .entry-tag{position:absolute;left:14px;top:14px;width:28px;height:28px;line-height:28px;border-radius:6px;text-align:center;font-size:13px;font-weight:700;color:#fff;opacity:.85}[data-theme=blue] .emp-detail-page .entry-block .entry-tag{background-color:#3385ff!important}[data-theme=green] .emp-detail-page .entry-block .entry-tag{background-color:#0bb27a!important}[data-theme=pink] .emp-detail-page .entry-block .entry-tag{background-color:#e56281!important}[data-theme=purple] .emp-detail-page .entry-block .entry-tag{background-color:#6076e3!important}.emp-detail-page .emp-placeholder{padding:70px 0 90px 0;text-align:center}.emp-detail-page .emp-placeholder .ph-icon{width:72px;height:72px;line-height:72px;margin:0 auto;border-radius:100%;font-size:32px}[data-theme=blue] .emp-detail-page .emp-placeholder .ph-icon{color:#3385ff!important}[data-theme=green] .emp-detail-page .emp-placeholder .ph-icon{color:#0bb27a!important}[data-theme=pink] .emp-detail-page .emp-placeholder .ph-icon{color:#e56281!important}[data-theme=purple] .emp-detail-page .emp-placeholder .ph-icon{color:#6076e3!important}[data-theme=blue] .emp-detail-page .emp-placeholder .ph-icon{background-color:#ecf5ff!important}[data-theme=green] .emp-detail-page .emp-placeholder .ph-icon{background-color:#e6f7ef!important}[data-theme=pink] .emp-detail-page .emp-placeholder .ph-icon{background-color:#fae7eb!important}[data-theme=purple] .emp-detail-page .emp-placeholder .ph-icon{background-color:#dbe0fb!important}.emp-detail-page .emp-placeholder .ph-title{font-size:16px;font-weight:700;color:#303133;margin-top:18px}.emp-detail-page .emp-placeholder .ph-desc{font-size:13px;color:#909399;margin-top:8px}.emp-detail-page .emp-placeholder .ph-badge{display:inline-block;margin-top:16px;height:24px;line-height:24px;padding:0 12px;border-radius:12px;font-size:12px;color:#909399;background:#f0f2f5}.emp-detail-page .emp-change-history{min-height:220px;padding:8px 8px 0 4px}.emp-detail-page .emp-change-history .history-card{background:#fff;border:1px solid #ebeef5;border-radius:8px;padding:12px 16px 14px 16px;-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s,-webkit-box-shadow .2s}.emp-detail-page .emp-change-history .history-card:hover{-webkit-box-shadow:0 2px 12px rgba(31,45,61,.08);box-shadow:0 2px 12px rgba(31,45,61,.08)}.emp-detail-page .emp-change-history .history-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.emp-detail-page .emp-change-history .history-head .history-action{font-weight:700;color:#303133;margin-left:8px;font-size:14px}.emp-detail-page .emp-change-history .history-head .history-operator{margin-left:16px;color:#909399;font-size:12px}.emp-detail-page .emp-change-history .history-head .history-operator i{margin-right:4px}.emp-detail-page .emp-change-history .history-head .history-count{margin-left:auto;font-size:12px;color:#e68a2e}.emp-detail-page .emp-change-history .history-table{margin-top:10px;width:100%}.emp-detail-page .emp-change-history .history-table .history-arrow{color:#409eff;font-weight:700}.emp-detail-page .emp-change-history .history-table .value-before{color:#606266}.emp-detail-page .emp-change-history .history-table .value-after{color:#3385ff;font-weight:700}.emp-detail-page .emp-change-history .history-table .value-empty{color:#c0c4cc}.emp-detail-page .emp-change-history .history-pagination{margin-top:16px;text-align:right}.emp-detail-page .emp-viewer-img{width:100%;display:block}.emp-detail-page .emp-archive-skeleton{min-height:300px}