#kanban-daping{position:relative;overflow:hidden;width:100vw;height:100vh;padding:0 18px 14px;box-sizing:border-box;display:flex;flex-direction:column;color:#d7ecff;background:url(/differences/背景.png) no-repeat;background-size:100vw 100vh;font-family:Microsoft YaHei,PingFang SC,sans-serif}#kanban-daping .corner{position:absolute;width:10px;height:10px;border-color:#3ecfff;border-style:solid;pointer-events:none;z-index:2}#kanban-daping .corner.tl{top:-1px;left:-1px;border-width:2px 0 0 2px}#kanban-daping .corner.tr{top:-1px;right:-1px;border-width:2px 2px 0 0}#kanban-daping .corner.bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px}#kanban-daping .corner.br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}#kanban-daping .dp-header{position:relative;z-index:1;flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}#kanban-daping .dp-header .header-time{color:#8fb4d9;font-size:14px;letter-spacing:.5px;padding-left:8px}#kanban-daping .dp-header .header-title{min-width:33vw;font-size:24px;color:#fff;font-family:宋体,SimSun,serif;text-align:center;letter-spacing:2px}#kanban-daping .dp-header .header-right{display:flex;align-items:center;justify-content:flex-end;gap:16px}#kanban-daping .dp-header .header-right .update-time{color:#7aa0c4;font-size:13px}#kanban-daping .dp-header .header-right .back-btn{width:120px;height:40px;line-height:40px;padding:0;border:none;color:#34bfd1;background:url(/differences/进入底.png) no-repeat 50%/100% 100%;font-size:18px}#kanban-daping .dp-header .header-right .back-btn:hover{opacity:.9}#kanban-daping .kpi-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:4px 0 10px;flex:none}#kanban-daping .kpi-card{position:relative;display:flex;align-items:center;min-height:64px;padding:6px 12px;background:linear-gradient(180deg,rgba(18,62,118,.5),rgba(8,24,52,.32));border:1px solid rgba(64,158,255,.22);box-shadow:none}#kanban-daping .kpi-card .kpi-icon{flex:none;width:42px;height:42px;margin-right:10px;border-radius:50%;border:1.5px solid #5ce1e6;background:rgba(18,56,104,.35);display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px rgba(92,225,230,.45),inset 0 0 8px rgba(92,225,230,.12)}#kanban-daping .kpi-card .kpi-icon svg{width:22px;height:22px;fill:none;stroke:#7ee7ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#kanban-daping .kpi-card .kpi-info{min-width:0}#kanban-daping .kpi-card .kpi-info p{margin:0 0 2px;color:#8fb4d9;font-size:12px;line-height:1.2}#kanban-daping .kpi-card .kpi-info h3{display:inline-block;margin:0;padding-bottom:4px;color:#5ce1e6;font-size:26px;line-height:1.1;font-weight:700;letter-spacing:1px;text-shadow:0 0 12px rgba(92,225,230,.35);position:relative}#kanban-daping .kpi-card .kpi-info h3:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(92,225,230,.15),#5ce1e6 30%,#5ce1e6 70%,rgba(92,225,230,.15));box-shadow:0 0 6px #5ce1e6,0 0 12px rgba(92,225,230,.7)}#kanban-daping .bot-row,#kanban-daping .mid-row{position:relative;z-index:1;display:grid;gap:12px;min-height:0}#kanban-daping .mid-row{grid-template-columns:1.62fr 1fr;flex:1.15;margin-bottom:12px}#kanban-daping .bot-row{grid-template-columns:1.15fr 1.05fr 1fr;flex:1}#kanban-daping .panel{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(18,62,118,.55),rgba(8,28,64,.42) 38%,rgba(4,14,36,.55));border:1px solid rgba(80,170,230,.35);box-shadow:inset 0 1px 0 rgba(120,200,255,.18)}#kanban-daping .panel .corner{display:block}#kanban-daping .panel-head{flex:none;position:relative;display:flex;align-items:center;height:40px;padding:0 16px;box-sizing:border-box;background:linear-gradient(90deg,rgba(36,96,168,.45),rgba(20,56,110,.22) 55%,rgba(16,48,96,.12));border-bottom:1px solid rgba(80,170,230,.22)}#kanban-daping .panel-head .panel-title{flex:none}#kanban-daping .panel-head .trend-legend{flex:1;display:flex;align-items:center;justify-content:center;gap:22px}#kanban-daping .panel-head .trend-legend .item{display:flex;align-items:center;font-size:12px;color:#8fb4d9}#kanban-daping .panel-head .trend-legend .item i{width:14px;height:8px;margin-right:6px;border-radius:1px;position:relative}#kanban-daping .panel-head .trend-legend .item i:after{content:"";position:absolute;left:-2px;right:-2px;top:3px;height:2px;background:inherit}#kanban-daping .panel-head .trend-legend .item.service i{background:#5ce1e6}#kanban-daping .panel-head .trend-legend .item.assess i{background:#4a7dff}#kanban-daping .panel-head .year-select{flex:none}#kanban-daping .panel-title{display:flex;align-items:center;font-size:15px;color:#e8f4ff;letter-spacing:.5px;line-height:1}#kanban-daping .panel-title .title-mark{display:block;width:3px;height:14px;margin-right:8px;background:#5ce1e6;box-shadow:0 0 8px #5ce1e6}#kanban-daping .panel-body{flex:1;min-height:0;padding:0 10px 10px;position:relative}#kanban-daping .chart{width:100%;height:100%}#kanban-daping .empty-tip{height:100%;display:flex;align-items:center;justify-content:center;color:#5d7fa3;font-size:13px}#kanban-daping .empty-tip.sm{min-height:80px}#kanban-daping .dp-loading{height:100%;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5ce1e6;font-size:13px}#kanban-daping .dp-loading i{font-size:26px;margin-bottom:8px}#kanban-daping .kpi-wait i{font-size:20px;color:#5ce1e6}#kanban-daping .year-select{width:168px;flex:none}#kanban-daping .year-select .el-input__inner{height:26px;line-height:26px;background:rgba(8,28,56,.8);border:1px solid rgba(64,158,255,.35);color:#9fd7ff;font-size:12px;padding-right:28px}#kanban-daping .year-select .el-input__icon{line-height:26px;color:#7aa0c4}#kanban-daping .tizhi-body{display:flex;align-items:center;padding:0 8px 8px 0}#kanban-daping .tizhi-body .dp-loading,#kanban-daping .tizhi-body .empty-tip{flex:1;width:100%}#kanban-daping .tizhi-body .tizhi-chart{width:52%;height:100%}#kanban-daping .tizhi-body .tizhi-legend{flex:1;max-height:100%;overflow:auto;padding-right:8px}#kanban-daping .tizhi-body .tizhi-legend .legend-item{display:flex;align-items:center;font-size:12px;line-height:22px;color:#c5def5}#kanban-daping .tizhi-body .tizhi-legend .legend-item i{width:8px;height:8px;border-radius:50%;margin-right:8px;flex:none}#kanban-daping .tizhi-body .tizhi-legend .legend-item .name{flex:none}#kanban-daping .tizhi-body .tizhi-legend .legend-item .pct{color:#9fd7ff;margin-left:8px;flex:none}#kanban-daping .feature-wrap{height:100%;display:grid;grid-template-columns:repeat(4,1fr);padding:10px 2px 6px;overflow:hidden}#kanban-daping .feature-col{min-width:0;overflow:auto;padding:0 8px}#kanban-daping .feature-col:not(:last-child){border-right:1px dashed hsla(0,0%,100%,.28)}#kanban-daping .feature-col .feature-title{color:var(--feature-color);font-size:14px;margin-bottom:8px;text-align:center}#kanban-daping .feature-col .feature-row{margin-bottom:8px;font-size:12px}#kanban-daping .feature-col .feature-row .feature-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}#kanban-daping .feature-col .feature-row .name{color:#d7ecff;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:6px}#kanban-daping .feature-col .feature-row .bar-track{height:8px;border-radius:8px;background:hsla(0,0%,100%,.08);overflow:hidden}#kanban-daping .feature-col .feature-row .bar-fill{height:100%;border-radius:8px;min-width:0;background:var(--feature-color)}#kanban-daping .feature-col .feature-row .pct{color:#fff}#kanban-daping .people-body{display:grid;grid-template-columns:1.7fr 1fr;height:100%;min-height:0;padding-top:10px}#kanban-daping .people-body .dp-loading{grid-column:1/-1}#kanban-daping .people-block{min-width:0;min-height:0;display:flex;flex-direction:column}#kanban-daping .people-block .sub-title{flex:none;text-align:center;color:#9fd7ff;font-size:12px;margin-top:2px;margin-bottom:6px}#kanban-daping .people-block .chart{flex:1}#kanban-daping .people-block.gender-block{padding-left:10px;border-left:1px dashed hsla(0,0%,100%,.28)}#kanban-daping .gender-wrap{position:relative;flex:1;min-height:0}#kanban-daping .feed-body{display:flex;flex-direction:column;padding-bottom:6px}#kanban-daping .feed-body .dp-loading{flex:1}#kanban-daping .feed-viewport{flex:1;min-height:0;overflow:hidden}#kanban-daping .feed-track.scrolling{-webkit-animation:dpFeedScroll 22s linear infinite;animation:dpFeedScroll 22s linear infinite}#kanban-daping .feed-track.paused{-webkit-animation-play-state:paused;animation-play-state:paused}#kanban-daping .feed-item{display:flex;align-items:center;height:36px;margin-bottom:8px;padding:0 8px;background:linear-gradient(90deg,rgba(18,56,104,.55),rgba(10,28,56,.25));border:1px solid rgba(64,158,255,.12)}#kanban-daping .feed-item .feed-icon{flex:none;width:22px;height:22px;margin-right:8px;display:flex;align-items:center;justify-content:center}#kanban-daping .feed-item .feed-icon svg{width:16px;height:16px;fill:none;stroke:#5ce1e6;stroke-width:1.7}#kanban-daping .feed-item .feed-text{flex:1;min-width:0;margin:0;font-size:12px;color:#c5def5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#kanban-daping .feed-item .feed-text em{font-style:normal;color:#5ce1e6}#kanban-daping .feed-item .feed-time{flex:none;margin:0 10px;color:#7aa0c4;font-size:12px}#kanban-daping .feed-item .feed-status{flex:none;display:flex;align-items:center;color:#3ecf9a;font-size:12px}#kanban-daping .feed-item .feed-status i{width:6px;height:6px;border-radius:50%;background:#3ecf9a;margin-right:4px;box-shadow:0 0 6px #3ecf9a}#kanban-daping .feed-more{flex:none;text-align:center;color:#5ce1e6;font-size:12px;padding:4px 0 2px;cursor:pointer}#kanban-daping .feed-more:hover{opacity:.8}#kanban-daping ::-webkit-scrollbar{width:6px;height:6px}#kanban-daping ::-webkit-scrollbar-thumb{background:rgba(90,150,210,.35);border-radius:6px}#kanban-daping ::-webkit-scrollbar-track{background:transparent}@-webkit-keyframes dpFeedScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes dpFeedScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.daping-year-popper{background:#0b1c36!important;border:1px solid rgba(64,158,255,.35)!important}.daping-year-popper .el-select-dropdown__item{color:#9fd7ff;font-size:12px}.daping-year-popper .el-select-dropdown__item.hover,.daping-year-popper .el-select-dropdown__item.selected,.daping-year-popper .el-select-dropdown__item:hover{background:rgba(40,110,190,.35);color:#fff}.daping-year-popper .popper__arrow,.daping-year-popper .popper__arrow:after{border-bottom-color:#0b1c36!important;border-top-color:#0b1c36!important}