body[data-v-61b760e3]{--color-white:#fff;--color-bg-1:#f5f5f5;--color-bg-2:#f6f6f6;--color-bg-3:#b4bccc;--color-bg-4:#eef0f2;--color-assist:#626cee;--color-success:#00d485;--color-warning:#f5a72b;--color-danger:#f4333c;--color-text-main:#161e2e;--color-text-base:#555d6d;--color-text-secondary:#7d8695;--color-text-extra:#ccc;--color-text-icon-base:#8aa1b6;--color-text-placeholder:#d5d8dd;--color-text-hover:#2f7afa;--color-text-link:#0158f0;--color-text-active:#0158f0;--color-text-disabled:#b5bcc8;--color-text-warning:#f7b400;--color-text-danger:#de2626;--color-border-line:#e8e8e8;--color-link-a:#0158f0;--color-link-hover:#2f7afa;--color-link-checked:#0158f0;--color-link-disable:#b5bcc8;--color-link-active:#004ec2;--size-text-main:14px;--size-text-base:16px;--size-text-title:18px;--size-text-extra:12px;--radius-none:0px;--radius-lager:8px;--radius-normal:6px;--radius-small:4px;--radius-mini:2px;--size-lager-1:400px;--size-lager-2:300px;--size-normal-1:56px;--size-normal-2:64px;--size-small-1:38px;--size-small-2:32px;--size-small-3:30px;--size-small-4:28px;--size-small-5:26px;--size-small-6:24px;--size-small-7:22px;--size-small-8:20px;--size-mini-1:18px;--size-mini-2:16px;--size-mini-3:14px;--size-mini-4:12px;--size-mini-5:10px;--size-mini-6:8px;--size-mini-7:6px;--size-mini-8:4px;--el-button-size:28px;--color-bg:#fff;--color-label:#7d8695;--color-:#7d8695;--color-border:#d5d8dd;--color-5:rgba(1,88,240,0.05);--el-component-size-small:28px}@keyframes fadeInUp-61b760e3{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes iconRotate-61b760e3{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(1turn) scale(1.1)}}@keyframes numberPulse-61b760e3{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.kpi-container[data-v-61b760e3]{background:url(../img/kpibg.31249575.png) no-repeat;background-position:bottom;background-size:100% auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-bottom:53px;box-sizing:border-box;padding-top:30px;width:100%;height:100%}.kpi-card[data-v-61b760e3]{width:50%;display:flex;justify-content:center;align-items:center;margin-bottom:20px;cursor:pointer;animation:fadeInUp-61b760e3 .6s ease-out both;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-card[data-v-61b760e3]:hover{transform:translateY(-8px) scale(1.02);filter:brightness(1.1) drop-shadow(0 10px 20px rgba(55,200,255,.3))}.kpi-card:hover .icon-container[data-v-61b760e3]{transform:scale(1.1)}.kpi-card:hover .value-display .main-number[data-v-61b760e3]{animation:numberPulse-61b760e3 .4s ease-in-out;text-shadow:0 0 20px rgba(55,200,255,.6)}.kpi-card:hover .value-display .description[data-v-61b760e3]{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.kpi-card[data-v-61b760e3]:active{transform:translateY(-4px) scale(.98);transition:all .1s ease}.kpi-card .icon-container[data-v-61b760e3]{width:78px;height:68px;flex-shrink:0;background:url(../img/kpiConbg.c0676d1c.png) no-repeat 50%;background-size:cover;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-card .icon-container .icon-img[data-v-61b760e3]{width:100%;height:40px;display:flex;justify-content:center;align-items:center}.kpi-card .icon-container .icon-img img[data-v-61b760e3]{width:30px;height:30px;flex-shrink:0;aspect-ratio:1/1;transition:all .3s cubic-bezier(.4,0,.2,1);filter:brightness(1)}.kpi-card .value-display .main-number[data-v-61b760e3]{font-family:D-DIN-PRO;font-size:36px;font-style:normal;font-weight:700;line-height:normal;background:linear-gradient(180deg,#fff 19.3%,#37c8ff 85.96%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-card .value-display .description[data-v-61b760e3]{color:#e5eeff;font-family:HarmonyOS Sans SC;font-size:14px;font-style:normal;font-weight:400;line-height:normal;width:86px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.kpi-card[data-v-61b760e3]:hover{transform:translateY(-4px) scale(1.01)}.kpi-card .icon-container[data-v-61b760e3]:hover{transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.kpi-card[data-v-61b760e3]{animation:none}.kpi-card[data-v-61b760e3]:hover{transform:none;filter:brightness(1.05)}.kpi-card .icon-container .icon-img img[data-v-61b760e3],.kpi-card .value-display .main-number[data-v-61b760e3]{animation:none!important}}body[data-v-2c0efed9]{--color-white:#fff;--color-bg-1:#f5f5f5;--color-bg-2:#f6f6f6;--color-bg-3:#b4bccc;--color-bg-4:#eef0f2;--color-assist:#626cee;--color-success:#00d485;--color-warning:#f5a72b;--color-danger:#f4333c;--color-text-main:#161e2e;--color-text-base:#555d6d;--color-text-secondary:#7d8695;--color-text-extra:#ccc;--color-text-icon-base:#8aa1b6;--color-text-placeholder:#d5d8dd;--color-text-hover:#2f7afa;--color-text-link:#0158f0;--color-text-active:#0158f0;--color-text-disabled:#b5bcc8;--color-text-warning:#f7b400;--color-text-danger:#de2626;--color-border-line:#e8e8e8;--color-link-a:#0158f0;--color-link-hover:#2f7afa;--color-link-checked:#0158f0;--color-link-disable:#b5bcc8;--color-link-active:#004ec2;--size-text-main:14px;--size-text-base:16px;--size-text-title:18px;--size-text-extra:12px;--radius-none:0px;--radius-lager:8px;--radius-normal:6px;--radius-small:4px;--radius-mini:2px;--size-lager-1:400px;--size-lager-2:300px;--size-normal-1:56px;--size-normal-2:64px;--size-small-1:38px;--size-small-2:32px;--size-small-3:30px;--size-small-4:28px;--size-small-5:26px;--size-small-6:24px;--size-small-7:22px;--size-small-8:20px;--size-mini-1:18px;--size-mini-2:16px;--size-mini-3:14px;--size-mini-4:12px;--size-mini-5:10px;--size-mini-6:8px;--size-mini-7:6px;--size-mini-8:4px;--el-button-size:28px;--color-bg:#fff;--color-label:#7d8695;--color-:#7d8695;--color-border:#d5d8dd;--color-5:rgba(1,88,240,0.05);--el-component-size-small:28px}@keyframes floatUp-2c0efed9{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glowPulse-2c0efed9{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes numberScale-2c0efed9{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideInLeft-2c0efed9{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.dashboard-container[data-v-2c0efed9]{display:flex;align-items:center;justify-content:space-between;padding:20px;color:#fff}.left-section[data-v-2c0efed9]{flex:1;display:flex;justify-content:center;align-items:center;animation:slideInLeft-2c0efed9 .8s ease-out}.percentage-display[data-v-2c0efed9]{text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.percentage-display[data-v-2c0efed9]:hover{transform:translateY(-8px)}.percentage-display:hover .percentage-3d[data-v-2c0efed9]{transform:scale(1.05) rotateY(5deg);filter:brightness(1.15)}.percentage-display:hover .percentage-3d .percentage-text[data-v-2c0efed9]{animation:numberScale-2c0efed9 .6s ease-in-out;text-shadow:0 0 3.956px #00dcff,0 0 10px rgba(0,220,255,.6),0 0 20px rgba(0,220,255,.4)}.percentage-display:hover .percentage-3d .glow-effect[data-v-2c0efed9]{opacity:1;animation:glowPulse-2c0efed9 2s ease-in-out infinite}.percentage-display:hover .description .subtitle[data-v-2c0efed9],.percentage-display:hover .description .title[data-v-2c0efed9]{color:#37c8ff;text-shadow:0 2px 8px rgba(55,200,255,.3);transform:translateY(-2px)}.percentage-display:hover .amount-info[data-v-2c0efed9]{background:rgba(0,170,255,.25);border:1px solid rgba(55,200,255,.4);box-shadow:0 4px 15px rgba(55,200,255,.2);transform:translateY(-2px)}.percentage-display:hover .amount-info .current-amount[data-v-2c0efed9]{color:#37c8ff;text-shadow:0 0 8px rgba(55,200,255,.5)}.percentage-display:hover .amount-info img[data-v-2c0efed9]{filter:brightness(1.3) drop-shadow(0 0 4px rgba(55,200,255,.6))}.percentage-display .percentage-3d[data-v-2c0efed9]{position:relative;background:url(../img/percentageBg.384509dc.png) no-repeat;background-size:cover;width:142px;height:118px;margin:0 auto;margin-bottom:20px;transition:all .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.percentage-display .percentage-3d[data-v-2c0efed9]:hover{animation:floatUp-2c0efed9 3s ease-in-out infinite}.percentage-display .percentage-3d .percentage-text[data-v-2c0efed9]{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:100%;text-shadow:0 0 3.956px #00dcff;font-family:D-DIN-PRO;font-size:48px;font-style:normal;font-weight:700;line-height:normal;background:linear-gradient(180deg,#fff 19.3%,#37c8ff 85.96%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s ease}.percentage-display .percentage-3d .glow-effect[data-v-2c0efed9]{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle,rgba(55,200,255,.2) 0,rgba(55,200,255,.1) 40%,transparent 70%);border-radius:50%;opacity:0;transition:all .4s ease;pointer-events:none;z-index:1}.percentage-display .description[data-v-2c0efed9]{margin-bottom:16px;transition:all .3s ease}.percentage-display .description .subtitle[data-v-2c0efed9],.percentage-display .description .title[data-v-2c0efed9]{color:#fff;text-align:center;font-family:Source Han Sans SC;font-size:14px;font-style:normal;font-weight:500;line-height:18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.percentage-display .amount-info[data-v-2c0efed9]{display:flex;align-items:center;justify-content:center;gap:8px;width:224px;height:40px;background:rgba(0,170,255,.12);border-radius:4px;transition:all .4s cubic-bezier(.4,0,.2,1);margin:0 auto}.percentage-display .amount-info img[data-v-2c0efed9]{width:14px;height:14px;transition:all .3s ease}.percentage-display .amount-info .current-amount[data-v-2c0efed9]{color:#fff;text-align:right;font-family:Source Han Sans SC;font-size:14px;font-style:normal;font-weight:700;line-height:normal;transition:all .3s ease}.percentage-display .amount-info .total-amount[data-v-2c0efed9]{color:hsla(0,0%,100%,.74);text-align:right;font-family:Source Han Sans SC;font-size:14px;font-style:normal;font-weight:500;line-height:normal;transition:all .3s ease}.right-section[data-v-2c0efed9]{flex:1;display:flex;justify-content:center;align-items:center;padding:10px}.echarts-container[data-v-2c0efed9]{width:100%}.echarts-container .chart[data-v-2c0efed9]{position:relative}@media(max-width:768px){.percentage-display[data-v-2c0efed9]:hover{transform:translateY(-4px)}.percentage-display:hover .percentage-3d[data-v-2c0efed9]{transform:scale(1.02) rotateY(2deg)}}@media(prefers-reduced-motion:reduce){.percentage-display[data-v-2c0efed9]{animation:none}.percentage-display[data-v-2c0efed9]:hover{transform:none}.percentage-display:hover .percentage-3d[data-v-2c0efed9]{animation:none!important;transform:scale(1.02)}.percentage-display:hover .glow-effect[data-v-2c0efed9],.percentage-display:hover .percentage-text[data-v-2c0efed9]{animation:none!important}}.supplier-ranking-container[data-v-1711781b]{width:100%;overflow:hidden;box-sizing:border-box;position:relative;padding-top:20px}.table-wrapper[data-v-1711781b]{width:100%;overflow:hidden}.custom-table[data-v-1711781b]{width:100%;height:100%;display:flex;flex-direction:column}.table-header[data-v-1711781b]{display:grid;grid-template-columns:80px 1fr 120px 100px;gap:1px;position:relative}.header-cell[data-v-1711781b]{padding:12px 8px;height:34px;text-align:center;display:flex;align-items:center;justify-content:center;color:#c1eaf8;font-family:HarmonyOS Sans SC;font-size:15px;font-style:normal;font-weight:400;line-height:normal}.header-cell.name-col[data-v-1711781b]{justify-content:flex-start;padding-left:16px}.header-cell.amount-col[data-v-1711781b]{justify-content:flex-end;padding-right:16px}.table-body[data-v-1711781b]{flex:1;overflow-y:auto;overflow-x:hidden}.table-row[data-v-1711781b]{display:grid;grid-template-columns:80px 1fr 120px 100px;gap:1px;height:34px;transition:all .3s ease;border-bottom:1px solid rgba(0,234,255,.1)}.table-row[data-v-1711781b]:nth-child(2n){background:rgba(15,82,161,.08)}.table-row[data-v-1711781b]:nth-child(odd){background:rgba(10,56,114,.12)}.table-row[data-v-1711781b]:hover{background:rgba(0,234,255,.15)!important;transform:translateX(4px);box-shadow:0 2px 8px rgba(0,234,255,.2)}.table-row.hovered[data-v-1711781b]{background:rgba(0,234,255,.18)!important;transform:translateX(6px);box-shadow:0 4px 12px rgba(0,234,255,.25)}.table-row.top-three[data-v-1711781b]{position:relative}.table-cell[data-v-1711781b]{padding:12px 8px;display:flex;align-items:center;font-size:14px;overflow:hidden}.table-cell.amount-col[data-v-1711781b],.table-cell.category-col[data-v-1711781b],.table-cell.code-col[data-v-1711781b]{justify-content:center}.table-cell.name-col[data-v-1711781b]{justify-content:flex-start;padding-left:16px}.table-cell.amount-col[data-v-1711781b]{justify-content:flex-end;padding-right:16px}.normal-category[data-v-1711781b],.normal-code[data-v-1711781b],.normal-name[data-v-1711781b]{color:#c1eaf8;font-weight:500}.table-cell span[data-v-1711781b]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.amount-text[data-v-1711781b]{color:#fff;font-weight:700;font-family:DIN Pro,Arial,sans-serif;font-size:16px;text-shadow:0 0 4px hsla(0,0%,100%,.4)}@keyframes glow-1711781b{0%{filter:drop-shadow(0 0 4px currentColor)}to{filter:drop-shadow(0 0 12px currentColor)}}.table-body[data-v-1711781b]::-webkit-scrollbar{width:8px}.table-body[data-v-1711781b]::-webkit-scrollbar-track{background:rgba(0,100,200,.1);border-radius:4px}.table-body[data-v-1711781b]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(0,234,255,.4),rgba(0,170,255,.6));border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.table-body[data-v-1711781b]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(0,234,255,.6),rgba(0,170,255,.8))}.supplier-ranking-container[data-v-1711781b]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;pointer-events:none}.hover-panel[data-v-1711781b]{position:absolute;top:0;right:12px;width:220px;background:rgba(6,30,60,.85);border:1px solid rgba(64,196,255,.08);padding:10px 12px;border-radius:8px;z-index:30;color:#cfefff;box-shadow:0 6px 18px rgba(0,0,0,.5);font-size:13px}.hover-panel .panel-title[data-v-1711781b]{font-weight:600;margin-bottom:6px;color:#eafcff}.hover-panel .panel-row[data-v-1711781b]{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed hsla(0,0%,100%,.03)}.hover-panel .panel-row[data-v-1711781b]:last-child{border-bottom:none}.hover-panel .label[data-v-1711781b]{color:#9ecfe8}.hover-panel .value[data-v-1711781b]{color:#fff;font-weight:700}.table-body[data-v-1711781b]:empty:before{content:"暂无数据";display:flex;align-items:center;justify-content:center;height:100%;color:#c1eaf8;font-size:14px;opacity:.6}.supplier-ranking-container.loading[data-v-1711781b]{opacity:.7;pointer-events:none}.supplier-ranking-container.loading[data-v-1711781b]:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid rgba(0,234,255,.3);border-top:3px solid #00eaff;border-radius:50%;animation:spin-1711781b 1s linear infinite}@keyframes spin-1711781b{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.category-chart-dashboard[data-v-0dcc72a4]{display:flex;flex-direction:column;color:#fff;font-family:Source Han Sans SC,sans-serif;position:relative}.chart-container[data-v-0dcc72a4]{flex:1}.echarts-container[data-v-0dcc72a4]{width:100%;height:100%}.manufacturer-chart-dashboard[data-v-12c372d2]{display:flex;flex-direction:column;color:#fff;font-family:Source Han Sans SC,sans-serif;position:relative}.chart-container[data-v-12c372d2]{flex:1}.echarts-container[data-v-12c372d2]{width:100%;height:100%}body[data-v-561a60fd]{--color-white:#fff;--color-bg-1:#f5f5f5;--color-bg-2:#f6f6f6;--color-bg-3:#b4bccc;--color-bg-4:#eef0f2;--color-assist:#626cee;--color-success:#00d485;--color-warning:#f5a72b;--color-danger:#f4333c;--color-text-main:#161e2e;--color-text-base:#555d6d;--color-text-secondary:#7d8695;--color-text-extra:#ccc;--color-text-icon-base:#8aa1b6;--color-text-placeholder:#d5d8dd;--color-text-hover:#2f7afa;--color-text-link:#0158f0;--color-text-active:#0158f0;--color-text-disabled:#b5bcc8;--color-text-warning:#f7b400;--color-text-danger:#de2626;--color-border-line:#e8e8e8;--color-link-a:#0158f0;--color-link-hover:#2f7afa;--color-link-checked:#0158f0;--color-link-disable:#b5bcc8;--color-link-active:#004ec2;--size-text-main:14px;--size-text-base:16px;--size-text-title:18px;--size-text-extra:12px;--radius-none:0px;--radius-lager:8px;--radius-normal:6px;--radius-small:4px;--radius-mini:2px;--size-lager-1:400px;--size-lager-2:300px;--size-normal-1:56px;--size-normal-2:64px;--size-small-1:38px;--size-small-2:32px;--size-small-3:30px;--size-small-4:28px;--size-small-5:26px;--size-small-6:24px;--size-small-7:22px;--size-small-8:20px;--size-mini-1:18px;--size-mini-2:16px;--size-mini-3:14px;--size-mini-4:12px;--size-mini-5:10px;--size-mini-6:8px;--size-mini-7:6px;--size-mini-8:4px;--el-button-size:28px;--color-bg:#fff;--color-label:#7d8695;--color-:#7d8695;--color-border:#d5d8dd;--color-5:rgba(1,88,240,0.05);--el-component-size-small:28px}@keyframes cardFloatIn-561a60fd{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes numberPulse-561a60fd{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes glowPulse-561a60fd{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.6;transform:scale(1.2)}}@keyframes chartSlideIn-561a60fd{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.procurement-dashboard[data-v-561a60fd]{padding:10px;display:flex;color:#fff;font-family:Source Han Sans SC,sans-serif;gap:10px}.metrics-section[data-v-561a60fd]{display:flex;justify-content:space-around;margin-bottom:30px;width:50%;gap:20px;padding:10px;padding-top:30px}.metrics-section .metric-card[data-v-561a60fd]{display:flex;flex-direction:column;align-items:center;flex:1;cursor:pointer;position:relative;animation:cardFloatIn-561a60fd .8s ease-out both;transition:all .4s cubic-bezier(.4,0,.2,1)}.metrics-section .metric-card[data-v-561a60fd]:first-child{animation-delay:0s}.metrics-section .metric-card[data-v-561a60fd]:nth-child(2){animation-delay:.2s}.metrics-section .metric-card[data-v-561a60fd]:nth-child(3){animation-delay:.4s}.metrics-section .metric-card[data-v-561a60fd]:hover{transform:translateY(-12px) scale(1.05)}.metrics-section .metric-card:hover .metric-value[data-v-561a60fd]{filter:brightness(1.2) drop-shadow(0 8px 25px rgba(0,0,0,.3));transform:rotateY(5deg)}.metrics-section .metric-card:hover .metric-value .value[data-v-561a60fd]{animation:numberPulse-561a60fd .6s ease-in-out}.metrics-section .metric-card:hover .metric-label[data-v-561a60fd]{transform:translateY(-3px);filter:brightness(1.3)}.metrics-section .metric-card:hover .hover-glow[data-v-561a60fd]{opacity:1;animation:glowPulse-561a60fd 2s ease-in-out infinite}.metrics-section .metric-card:hover[data-theme=blue] .hover-glow[data-v-561a60fd]{background:radial-gradient(circle,rgba(55,200,255,.3) 0,rgba(55,200,255,.1) 50%,transparent 100%)}.metrics-section .metric-card:hover[data-theme=yellow] .hover-glow[data-v-561a60fd]{background:radial-gradient(circle,rgba(255,199,0,.3) 0,rgba(255,199,0,.1) 50%,transparent 100%)}.metrics-section .metric-card:hover[data-theme=green] .hover-glow[data-v-561a60fd]{background:radial-gradient(circle,rgba(153,243,167,.3) 0,rgba(153,243,167,.1) 50%,transparent 100%)}.metrics-section .metric-card[data-v-561a60fd]:active{transform:translateY(-8px) scale(1.02);transition:all .1s ease}.metrics-section .metric-card .metric-value[data-v-561a60fd]{box-sizing:border-box;width:138px;height:162px;padding-top:50px;text-align:center;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.metrics-section .metric-card .metric-value .value[data-v-561a60fd]{margin:0 auto;width:100%;transition:all .3s ease;position:relative;z-index:2}.metrics-section .metric-card .metric-label[data-v-561a60fd]{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.metrics-section .metric-card .hover-glow[data-v-561a60fd]{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border-radius:50%;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}.metrics-section .metric-card:first-child .metric-value[data-v-561a60fd]{background:url(../img/metricBg1.37eccafc.png) no-repeat;background-size:cover}.metrics-section .metric-card:first-child .metric-value .value[data-v-561a60fd]{text-align:center;font-family:D-DIN-PRO;font-size:24px;font-style:normal;font-weight:700;line-height:normal;background:linear-gradient(180deg,#fff 19.06%,#37c8ff 87.31%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.metrics-section .metric-card:first-child .metric-label[data-v-561a60fd]{text-align:center;font-family:HarmonyOS Sans SC;font-size:14px;font-style:normal;font-weight:400;line-height:normal;background:linear-gradient(180deg,#fff,#44cbff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.metrics-section .metric-card:first-child:hover .metric-value .value[data-v-561a60fd]{text-shadow:0 0 20px rgba(55,200,255,.8)}.metrics-section .metric-card:first-child:hover .metric-label[data-v-561a60fd]{text-shadow:0 2px 10px rgba(68,203,255,.6)}.metrics-section .metric-card:nth-child(2) .metric-value[data-v-561a60fd]{background:url(../img/metricBg2.4e94c087.png) no-repeat;background-size:cover}.metrics-section .metric-card:nth-child(2) .metric-value .value[data-v-561a60fd]{text-align:center;font-family:D-DIN-PRO;font-size:24px;font-style:normal;font-weight:700;line-height:normal;background:linear-gradient(180deg,#fff 19.3%,#fef381 85.96%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.metrics-section .metric-card:nth-child(2) .metric-label[data-v-561a60fd]{text-align:center;font-family:HarmonyOS Sans SC;font-size:14px;font-style:normal;font-weight:400;line-height:normal;background:linear-gradient(180deg,#fff,#fff9b9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.metrics-section .metric-card:nth-child(2):hover .metric-value .value[data-v-561a60fd]{text-shadow:0 0 20px rgba(255,199,0,.8)}.metrics-section .metric-card:nth-child(2):hover .metric-label[data-v-561a60fd]{text-shadow:0 2px 10px rgba(255,249,185,.6)}.metrics-section .metric-card:nth-child(3) .metric-value[data-v-561a60fd]{background:url(../img/metricBg3.0acbef7e.png) no-repeat;background-size:cover}.metrics-section .metric-card:nth-child(3) .metric-value .value[data-v-561a60fd]{font-family:D-DIN-PRO;font-size:24px;font-style:normal;font-weight:700;line-height:normal;background:linear-gradient(180deg,#fff 19.3%,#99f3a7 85.96%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.metrics-section .metric-card:nth-child(3) .metric-label[data-v-561a60fd]{text-align:center;font-family:HarmonyOS Sans SC;font-size:14px;font-style:normal;font-weight:400;line-height:normal;background:linear-gradient(180deg,#fff,#a6ffb4 90.09%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.metrics-section .metric-card:nth-child(3):hover .metric-value .value[data-v-561a60fd]{text-shadow:0 0 20px rgba(153,243,167,.8)}.metrics-section .metric-card:nth-child(3):hover .metric-label[data-v-561a60fd]{text-shadow:0 2px 10px rgba(166,255,180,.6)}.chart-section[data-v-561a60fd]{flex:1;padding:10px;animation:chartSlideIn-561a60fd 1s ease-out .6s both}.chart-section .chart-container[data-v-561a60fd]{width:100%;height:100%;transition:all .3s ease}@media(max-width:768px){.metrics-section .metric-card[data-v-561a60fd]:hover{transform:translateY(-6px) scale(1.02)}.metrics-section .metric-card:hover .metric-value[data-v-561a60fd]{transform:rotateY(2deg)}}@media(prefers-reduced-motion:reduce){.metric-card[data-v-561a60fd]{animation:none}.metric-card[data-v-561a60fd]:hover{transform:translateY(-4px) scale(1.02)}.metric-card:hover .metric-value[data-v-561a60fd]{animation:none!important;transform:none!important}.metric-card:hover .hover-glow[data-v-561a60fd]{animation:none!important}.chart-section[data-v-561a60fd]{animation:none}}body[data-v-c5d7b5a2]{--color-white:#fff;--color-bg-1:#f5f5f5;--color-bg-2:#f6f6f6;--color-bg-3:#b4bccc;--color-bg-4:#eef0f2;--color-assist:#626cee;--color-success:#00d485;--color-warning:#f5a72b;--color-danger:#f4333c;--color-text-main:#161e2e;--color-text-base:#555d6d;--color-text-secondary:#7d8695;--color-text-extra:#ccc;--color-text-icon-base:#8aa1b6;--color-text-placeholder:#d5d8dd;--color-text-hover:#2f7afa;--color-text-link:#0158f0;--color-text-active:#0158f0;--color-text-disabled:#b5bcc8;--color-text-warning:#f7b400;--color-text-danger:#de2626;--color-border-line:#e8e8e8;--color-link-a:#0158f0;--color-link-hover:#2f7afa;--color-link-checked:#0158f0;--color-link-disable:#b5bcc8;--color-link-active:#004ec2;--size-text-main:14px;--size-text-base:16px;--size-text-title:18px;--size-text-extra:12px;--radius-none:0px;--radius-lager:8px;--radius-normal:6px;--radius-small:4px;--radius-mini:2px;--size-lager-1:400px;--size-lager-2:300px;--size-normal-1:56px;--size-normal-2:64px;--size-small-1:38px;--size-small-2:32px;--size-small-3:30px;--size-small-4:28px;--size-small-5:26px;--size-small-6:24px;--size-small-7:22px;--size-small-8:20px;--size-mini-1:18px;--size-mini-2:16px;--size-mini-3:14px;--size-mini-4:12px;--size-mini-5:10px;--size-mini-6:8px;--size-mini-7:6px;--size-mini-8:4px;--el-button-size:28px;--color-bg:#fff;--color-label:#7d8695;--color-:#7d8695;--color-border:#d5d8dd;--color-5:rgba(1,88,240,0.05);--el-component-size-small:28px}.procurement-dashboard[data-v-c5d7b5a2]{display:flex;width:100%;font-family:Microsoft YaHei;box-sizing:border-box;overflow:hidden}.left-panel[data-v-c5d7b5a2]{display:flex;flex-direction:column;overflow:hidden;width:400px}.metrics-table[data-v-c5d7b5a2]{width:400px;overflow:hidden;box-sizing:border-box;white-space:nowrap;padding-right:4px;height:"100%";display:"flex";flex-direction:"column";overflow-y:auto}.table-header[data-v-c5d7b5a2]{display:grid;gap:1px;align-items:center;grid-template-columns:111px 93px 93px 93px}.table-header .header-cell[data-v-c5d7b5a2]{text-align:center;padding:3px 2px;font-family:HarmonyOS Sans SC;font-size:15px;font-weight:400}.metric-name[data-v-c5d7b5a2],.table-header .header-cell[data-v-c5d7b5a2]{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1;color:#c1eaf8;font-style:normal;line-height:normal}.metric-name[data-v-c5d7b5a2]{font-family:HarmonyOS Sans SC,Microsoft YaHei,sans-serif;padding:0 1px;font-family:HarmonyOS Sans SC;font-size:14px;font-weight:500}.metric-value[data-v-c5d7b5a2]{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;text-align:right;font-family:DIN Pro;font-size:18px;font-style:normal;font-weight:700;line-height:normal}.table-row[data-v-c5d7b5a2]:hover{background:hsla(0,0%,100%,.08)!important}.table-row[data-v-c5d7b5a2]:nth-child(2n){background:hsla(0,0%,100%,.08)!important;height:46px}.table-row[data-v-c5d7b5a2]:nth-child(2n):hover{background:hsla(0,0%,100%,.12)!important;height:46px}.right-panel[data-v-c5d7b5a2]{display:flex;flex-direction:column;position:relative;overflow:hidden;padding:0;margin:0;flex:1}.chart-container[data-v-c5d7b5a2]{width:100%;height:100%}@keyframes fadeIn-c5d7b5a2{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.chart-container[data-v-c5d7b5a2],.table-row[data-v-c5d7b5a2]{animation:fadeIn-c5d7b5a2 .5s ease-out}.table-row[data-v-c5d7b5a2]:first-child{animation-delay:.1s}.table-row[data-v-c5d7b5a2]:nth-child(2){animation-delay:.2s}.table-row[data-v-c5d7b5a2]:nth-child(3){animation-delay:.3s}.table-body[data-v-c5d7b5a2]::-webkit-scrollbar{width:3px}.table-body[data-v-c5d7b5a2]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:1px}.table-body[data-v-c5d7b5a2]::-webkit-scrollbar-thumb{background:rgba(193,234,248,.3);border-radius:1px}.table-body[data-v-c5d7b5a2]::-webkit-scrollbar-thumb:hover{background:rgba(193,234,248,.5)}.table-row[data-v-c5d7b5a2]{position:relative;overflow:hidden;box-sizing:border-box;display:grid;gap:1px;align-items:center;grid-template-columns:111px 93px 93px 93px;height:46px}.table-row[data-v-c5d7b5a2]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#00eaff,#28cc7c);transform:scaleY(0);transition:transform .3s ease;z-index:1}.table-row[data-v-c5d7b5a2]:hover:before{transform:scaleY(1)}.table-row[data-v-c5d7b5a2]:hover{box-shadow:0 2px 8px rgba(0,234,255,.15)!important}.table-row.hovered[data-v-c5d7b5a2]{background:rgba(40,204,124,.08)!important;transform:translateX(6px);box-shadow:0 6px 18px rgba(40,204,124,.12)}.hover-panel[data-v-c5d7b5a2]{position:absolute;top:-100px;left:312px;width:220px;background:rgba(6,30,60,.9);border:1px solid rgba(64,196,255,.08);padding:10px 12px;border-radius:8px;z-index:30;color:#cfefff;box-shadow:0 6px 18px rgba(0,0,0,.5);font-size:13px}.hover-panel .panel-title[data-v-c5d7b5a2]{font-weight:600;margin-bottom:6px;color:#eafcff}.hover-panel .panel-row[data-v-c5d7b5a2]{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed hsla(0,0%,100%,.03)}.hover-panel .panel-row[data-v-c5d7b5a2]:last-child{border-bottom:none}.hover-panel .label[data-v-c5d7b5a2]{color:#9ecfe8}.hover-panel .value[data-v-c5d7b5a2]{color:#fff;font-weight:700}body[data-v-02c3f42d]{--color-white:#fff;--color-bg-1:#f5f5f5;--color-bg-2:#f6f6f6;--color-bg-3:#b4bccc;--color-bg-4:#eef0f2;--color-assist:#626cee;--color-success:#00d485;--color-warning:#f5a72b;--color-danger:#f4333c;--color-text-main:#161e2e;--color-text-base:#555d6d;--color-text-secondary:#7d8695;--color-text-extra:#ccc;--color-text-icon-base:#8aa1b6;--color-text-placeholder:#d5d8dd;--color-text-hover:#2f7afa;--color-text-link:#0158f0;--color-text-active:#0158f0;--color-text-disabled:#b5bcc8;--color-text-warning:#f7b400;--color-text-danger:#de2626;--color-border-line:#e8e8e8;--color-link-a:#0158f0;--color-link-hover:#2f7afa;--color-link-checked:#0158f0;--color-link-disable:#b5bcc8;--color-link-active:#004ec2;--size-text-main:14px;--size-text-base:16px;--size-text-title:18px;--size-text-extra:12px;--radius-none:0px;--radius-lager:8px;--radius-normal:6px;--radius-small:4px;--radius-mini:2px;--size-lager-1:400px;--size-lager-2:300px;--size-normal-1:56px;--size-normal-2:64px;--size-small-1:38px;--size-small-2:32px;--size-small-3:30px;--size-small-4:28px;--size-small-5:26px;--size-small-6:24px;--size-small-7:22px;--size-small-8:20px;--size-mini-1:18px;--size-mini-2:16px;--size-mini-3:14px;--size-mini-4:12px;--size-mini-5:10px;--size-mini-6:8px;--size-mini-7:6px;--size-mini-8:4px;--el-button-size:28px;--color-bg:#fff;--color-label:#7d8695;--color-:#7d8695;--color-border:#d5d8dd;--color-5:rgba(1,88,240,0.05);--el-component-size-small:28px}.quality-dashboard[data-v-02c3f42d]{display:flex;width:100%;font-family:Microsoft YaHei;box-sizing:border-box;overflow:hidden}.left-panel[data-v-02c3f42d]{display:flex;flex-direction:column;overflow:hidden;width:400px}.metrics-table[data-v-02c3f42d]{width:400px;overflow:hidden;box-sizing:border-box;white-space:nowrap;padding-right:4px;height:"100%";display:"flex";flex-direction:"column";overflow-y:auto}.table-header[data-v-02c3f42d]{display:grid;gap:1px;align-items:center;grid-template-columns:111px 93px 93px 93px}.table-header .header-cell[data-v-02c3f42d]{text-align:center;padding:3px 2px;font-family:HarmonyOS Sans SC;font-size:15px;font-weight:400}.metric-name[data-v-02c3f42d],.table-header .header-cell[data-v-02c3f42d]{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1;color:#c1eaf8;font-style:normal;line-height:normal}.metric-name[data-v-02c3f42d]{font-family:HarmonyOS Sans SC,Microsoft YaHei,sans-serif;padding:0 1px;font-family:HarmonyOS Sans SC;font-size:14px;font-weight:500}.metric-value[data-v-02c3f42d]{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;text-align:right;font-family:DIN Pro;font-size:18px;font-style:normal;font-weight:700;line-height:normal}.table-row[data-v-02c3f42d]:hover{background:hsla(0,0%,100%,.08)!important}.table-row[data-v-02c3f42d]:nth-child(2n){background:hsla(0,0%,100%,.08)!important;height:46px}.table-row[data-v-02c3f42d]:nth-child(2n):hover{background:hsla(0,0%,100%,.12)!important;height:46px}.right-panel[data-v-02c3f42d]{display:flex;flex-direction:column;position:relative;overflow:hidden;padding:0;margin:0;flex:1}.chart-container[data-v-02c3f42d]{width:100%;height:100%}@keyframes fadeIn-02c3f42d{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.chart-container[data-v-02c3f42d],.table-row[data-v-02c3f42d]{animation:fadeIn-02c3f42d .5s ease-out}.table-row[data-v-02c3f42d]:first-child{animation-delay:.1s}.table-row[data-v-02c3f42d]:nth-child(2){animation-delay:.2s}.table-row[data-v-02c3f42d]:nth-child(3){animation-delay:.3s}.table-row[data-v-02c3f42d]:nth-child(4){animation-delay:.4s}.table-body[data-v-02c3f42d]::-webkit-scrollbar{width:3px}.table-body[data-v-02c3f42d]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:1px}.table-body[data-v-02c3f42d]::-webkit-scrollbar-thumb{background:rgba(193,234,248,.3);border-radius:1px}.table-body[data-v-02c3f42d]::-webkit-scrollbar-thumb:hover{background:rgba(193,234,248,.5)}.table-row[data-v-02c3f42d]{position:relative;overflow:hidden;box-sizing:border-box;display:grid;gap:1px;align-items:center;grid-template-columns:111px 93px 93px 93px;height:46px}.table-row[data-v-02c3f42d]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#007cff,#28cc7c);transform:scaleY(0);transition:transform .3s ease;z-index:1}.table-row[data-v-02c3f42d]:hover:before{transform:scaleY(1)}.table-row[data-v-02c3f42d]:hover{box-shadow:0 2px 8px rgba(0,124,255,.15)!important}.table-row.hovered[data-v-02c3f42d]{background:rgba(40,204,124,.08)!important;box-shadow:0 6px 18px rgba(40,204,124,.12)!important}.hover-panel[data-v-02c3f42d]{position:absolute;top:-20px;left:312px;width:220px;background:rgba(6,30,60,.9);border:1px solid rgba(64,196,255,.08);padding:10px 12px;border-radius:8px;z-index:30;color:#cfefff;box-shadow:0 6px 18px rgba(0,0,0,.5);font-size:13px}.hover-panel .panel-title[data-v-02c3f42d]{font-weight:600;margin-bottom:6px;color:#eafcff}.hover-panel .panel-row[data-v-02c3f42d]{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed hsla(0,0%,100%,.03)}.hover-panel .panel-row[data-v-02c3f42d]:last-child{border-bottom:none}.hover-panel .label[data-v-02c3f42d]{color:#9ecfe8}.hover-panel .value[data-v-02c3f42d]{color:#fff;font-weight:700}body[data-v-0e576b89]{--color-white:#fff;--color-bg-1:#f5f5f5;--color-bg-2:#f6f6f6;--color-bg-3:#b4bccc;--color-bg-4:#eef0f2;--color-assist:#626cee;--color-success:#00d485;--color-warning:#f5a72b;--color-danger:#f4333c;--color-text-main:#161e2e;--color-text-base:#555d6d;--color-text-secondary:#7d8695;--color-text-extra:#ccc;--color-text-icon-base:#8aa1b6;--color-text-placeholder:#d5d8dd;--color-text-hover:#2f7afa;--color-text-link:#0158f0;--color-text-active:#0158f0;--color-text-disabled:#b5bcc8;--color-text-warning:#f7b400;--color-text-danger:#de2626;--color-border-line:#e8e8e8;--color-link-a:#0158f0;--color-link-hover:#2f7afa;--color-link-checked:#0158f0;--color-link-disable:#b5bcc8;--color-link-active:#004ec2;--size-text-main:14px;--size-text-base:16px;--size-text-title:18px;--size-text-extra:12px;--radius-none:0px;--radius-lager:8px;--radius-normal:6px;--radius-small:4px;--radius-mini:2px;--size-lager-1:400px;--size-lager-2:300px;--size-normal-1:56px;--size-normal-2:64px;--size-small-1:38px;--size-small-2:32px;--size-small-3:30px;--size-small-4:28px;--size-small-5:26px;--size-small-6:24px;--size-small-7:22px;--size-small-8:20px;--size-mini-1:18px;--size-mini-2:16px;--size-mini-3:14px;--size-mini-4:12px;--size-mini-5:10px;--size-mini-6:8px;--size-mini-7:6px;--size-mini-8:4px;--el-button-size:28px;--color-bg:#fff;--color-label:#7d8695;--color-:#7d8695;--color-border:#d5d8dd;--color-5:rgba(1,88,240,0.05);--el-component-size-small:28px}.mb-20[data-v-0e576b89]{margin-bottom:20px}.mb-16[data-v-0e576b89]{margin-bottom:16px}.mr-20[data-v-0e576b89]{margin-right:20px}.mr-30[data-v-0e576b89]{margin-right:30px}.mb-24[data-v-0e576b89]{margin-bottom:24px}