.visualization-screen{background:url(../daping/img/bg.jpeg) center top,#000d4a;background-size:cover;padding:20px;min-height:100vh;margin:-24px -16px -24px -24px;position:relative;font-family:微软雅黑,Microsoft YaHei,Arial,sans-serif}.visualization-screen:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,13,74,.9) 0%,rgba(16,42,67,.8) 100%);z-index:1;pointer-events:none}.visualization-screen>*{position:relative;z-index:2}.screen-header{display:flex;justify-content:space-between;align-items:center;background:url(../daping/img/head_bg.png) no-repeat center center;background-size:cover;height:105px;padding:16px 30px;border-radius:8px;margin-bottom:24px;position:relative}.header-left h2{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5);font-size:42px;line-height:90px;margin:0;text-align:center;flex:1}.header-right{position:absolute;right:30px;top:0;line-height:70px}.header-right .ant-select{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.header-right .ant-select .ant-select-selector{background:transparent!important;color:#fff!important;border:none!important}.header-right .ant-select-arrow{color:#fff}.header-right .time-display{color:#ffffffe6!important;font-size:24px;margin-left:20px}.metric-card{background:rgba(0,0,0,.4)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:8px;overflow:hidden;transition:all .3s ease;position:relative;margin-bottom:15px;padding:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.metric-card .ant-card-body{background:transparent!important;padding:16px!important}.metric-card:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:60%;background:#49bcf7;border-radius:20px}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #49bcf74d}.metric-content{display:flex;align-items:center;padding:8px 0 8px 12px}.metric-icon{font-size:32px;color:#49bcf7;margin-right:16px;width:50px;display:flex;align-items:center;justify-content:center}.metric-data{flex:1}.metric-data .ant-statistic-title{color:#fffc!important;font-size:16px;margin-bottom:8px}.metric-data .ant-statistic-content{color:#fff!important;font-size:28px;font-weight:700;font-family:arial,sans-serif}.metric-trend{margin-top:8px}.trend-up{color:#52c41a;font-weight:500}.trend-down{color:#ff4d4f;font-weight:500}.business-card,.business-metrics-card,.regional-sales-card,.realtime-card,.tasks-card{background:rgba(0,0,0,.4)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:8px;margin-bottom:15px;position:relative;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.business-card .ant-card-head,.business-metrics-card .ant-card-head,.regional-sales-card .ant-card-head,.realtime-card .ant-card-head,.tasks-card .ant-card-head{border-bottom:2px solid #49bcf7!important;padding:15px 15px 0;background:rgba(0,0,0,.2)}.business-card .ant-card-head-title,.business-metrics-card .ant-card-head-title,.regional-sales-card .ant-card-head-title,.realtime-card .ant-card-head-title,.tasks-card .ant-card-head-title{color:#fff!important;font-size:18px;position:relative;padding-left:12px;font-weight:500}.business-card .ant-card-head-title:before,.business-metrics-card .ant-card-head-title:before,.regional-sales-card .ant-card-head-title:before,.realtime-card .ant-card-head-title:before,.tasks-card .ant-card-head-title:before{width:5px;height:20px;top:2px;position:absolute;content:"";background:#49bcf7;border-radius:20px;left:0}.business-card .ant-card-body,.business-metrics-card .ant-card-body,.regional-sales-card .ant-card-body,.realtime-card .ant-card-body,.tasks-card .ant-card-body{padding:15px;height:calc(100% - 60px);background:transparent!important}.business-metrics-card{height:320px}.business-metric-item{text-align:center;padding:16px;background:rgba(73,188,247,.05);border-radius:8px;height:100%}.metric-header{margin-bottom:16px}.metric-header .ant-typography{color:#fffc!important}.metric-progress{display:flex;justify-content:center}.metric-progress .ant-progress-circle .ant-progress-text{color:#fff!important;font-weight:700}.regional-sales-card{height:320px}.regional-list{height:240px;overflow-y:auto}.regional-item{margin-bottom:16px;padding:12px;background:rgba(255,255,255,.05);border-radius:8px;transition:all .3s ease}.regional-item:hover{background:rgba(255,255,255,.1)}.regional-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.regional-name{display:flex;align-items:center}.regional-name .ant-typography{color:#fff!important}.regional-data .ant-typography{color:#fffc!important}.realtime-card{height:400px}.realtime-card .ant-card-body{height:320px;overflow-y:auto;padding:16px}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.timeline-header .ant-typography{color:#fff!important}.realtime-card .ant-timeline-item-content{color:#fffc!important}.tasks-card{height:400px}.tasks-card .ant-card-body{height:320px;overflow-y:auto;padding:16px}.tasks-card .ant-table{background:rgba(0,0,0,.3);border-radius:8px;overflow:hidden}.tasks-card .ant-table-thead>tr>th{background:rgba(73,188,247,.15);border-bottom:2px solid #49bcf7;font-weight:600;color:#ffffffe6!important;font-size:14px}.tasks-card .ant-table-tbody>tr>td{background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.1);color:#fffc!important}.tasks-card .ant-table-tbody>tr:hover>td{background:rgba(73,188,247,.2)!important}.tasks-card .ant-table-tbody>tr:nth-child(2n)>td{background:rgba(0,0,0,.15)}.tasks-card .ant-table-tbody>tr:nth-child(2n):hover>td{background:rgba(73,188,247,.2)!important}.data-display{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:20px;text-align:center}.data-display .data-title{font-size:24px;color:#fff;margin-bottom:10px}.data-display .data-subtitle{font-size:18px;color:#fff9}.data-display .data-value{color:#fef000;font-size:80px;font-family:arial;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:10px 0;margin:18px 0;font-weight:700;letter-spacing:2px}.scroll-list{height:82%;overflow:hidden}.scroll-list ul{list-style:none;padding:0;margin:0}.scroll-list li{line-height:40px;height:40px;font-size:0}.scroll-list li span{display:inline-block;font-size:18px;color:#fff9}.scroll-list .list-header{border-bottom:1px solid rgba(255,255,255,.2);padding:0 0 10px;margin-bottom:10px}.scroll-list .list-header span{color:#fffc;font-weight:700}.ranking-table{width:100%;border-collapse:collapse}.ranking-table th{border-bottom:1px solid rgba(255,255,255,.2);font-size:16px;color:#fff9;font-weight:400;padding:0 0 10px}.ranking-table td{font-size:16px;color:#fff6;padding:15px 0 0}.ranking-table .rank-badge{width:24px;height:24px;border-radius:3px;display:block;background:#878787;color:#fff;line-height:24px;text-align:center;font-weight:700}.ranking-table tr:nth-child(2) .rank-badge{background:#ed405d}.ranking-table tr:nth-child(3) .rank-badge{background:#f78c44}.ranking-table tr:nth-child(4) .rank-badge{background:#49bcf7}.ant-progress-circle-text{font-size:12px!important;font-weight:600;color:#fff!important}.ant-progress-line .ant-progress-bg{background:linear-gradient(to right,#588fab,#5ea99c)!important}.regional-list::-webkit-scrollbar,.realtime-card .ant-card-body::-webkit-scrollbar,.tasks-card .ant-card-body::-webkit-scrollbar{width:4px}.regional-list::-webkit-scrollbar-track,.realtime-card .ant-card-body::-webkit-scrollbar-track,.tasks-card .ant-card-body::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:2px}.regional-list::-webkit-scrollbar-thumb,.realtime-card .ant-card-body::-webkit-scrollbar-thumb,.tasks-card .ant-card-body::-webkit-scrollbar-thumb{background:rgba(73,188,247,.6);border-radius:2px}.regional-list::-webkit-scrollbar-thumb:hover,.realtime-card .ant-card-body::-webkit-scrollbar-thumb:hover,.tasks-card .ant-card-body::-webkit-scrollbar-thumb:hover{background:rgba(73,188,247,.8)}.ant-tag{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fffc!important}.ant-tag-success{background:rgba(82,196,26,.2)!important;border-color:#52c41a80!important;color:#52c41a!important}.ant-tag-processing{background:rgba(24,144,255,.2)!important;border-color:#1890ff80!important;color:#1890ff!important}.ant-tag-warning{background:rgba(250,140,22,.2)!important;border-color:#fa8c1680!important;color:#fa8c16!important}.ant-tag-error{background:rgba(255,77,79,.2)!important;border-color:#ff4d4f80!important;color:#ff4d4f!important}@media (max-width: 1200px){.metric-content{flex-direction:column;text-align:center}.metric-icon{margin-right:0;margin-bottom:8px}}@media (max-width: 768px){.visualization-screen{padding:12px}.screen-header{flex-direction:column;gap:16px;height:auto;padding:20px}.header-left h2{font-size:28px;line-height:1.2}.header-right{position:static;line-height:normal}.business-metrics-card,.regional-sales-card,.realtime-card,.tasks-card{height:auto}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.metric-card,.business-card{animation:slideIn .5s ease-out}@keyframes dataFlicker{0%,to{opacity:1}50%{opacity:.8}}.data-value{animation:dataFlicker 2s ease-in-out infinite}.visualization-screen .ant-card{background:rgba(0,0,0,.2)!important;border:1px solid rgba(255,255,255,.1)!important}.visualization-screen .ant-card-head{background:rgba(0,0,0,.1)!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.visualization-screen .ant-card-head-title{color:#fff!important}.visualization-screen .ant-card-body{background:rgba(0,0,0,.05)!important}.visualization-screen .ant-table{background:rgba(0,0,0,.3)!important}.visualization-screen .ant-table-thead>tr>th{background:rgba(73,188,247,.15)!important;border-bottom:2px solid #49bcf7!important;color:#ffffffe6!important}.visualization-screen .ant-table-tbody>tr>td{background:rgba(0,0,0,.2)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;color:#fffc!important}.visualization-screen .ant-table-tbody>tr:hover>td{background:rgba(73,188,247,.2)!important}.visualization-screen .ant-table-tbody>tr:nth-child(2n)>td{background:rgba(0,0,0,.15)!important}.visualization-screen .ant-table-tbody>tr:nth-child(2n):hover>td{background:rgba(73,188,247,.2)!important}.visualization-screen .ant-progress-inner{background:rgba(255,255,255,.1)!important}.visualization-screen .ant-progress-bg{background:linear-gradient(to right,#49bcf7,#5ea99c)!important}.visualization-screen .ant-progress-circle-text{color:#fff!important}.visualization-screen .ant-timeline-item-content{color:#fffc!important}.visualization-screen .ant-timeline-item-tail{border-left:2px solid rgba(255,255,255,.2)!important}.visualization-screen .ant-statistic-title{color:#fffc!important}.visualization-screen .ant-statistic-content{color:#fff!important}.visualization-screen .ant-select{background:rgba(255,255,255,.1)!important}.visualization-screen .ant-select .ant-select-selector{background:transparent!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}.visualization-screen .ant-select-arrow{color:#fff!important}.visualization-screen .ant-tag{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fffc!important}.visualization-screen .ant-tag-success{background:rgba(82,196,26,.2)!important;border-color:#52c41a80!important;color:#52c41a!important}.visualization-screen .ant-tag-processing{background:rgba(24,144,255,.2)!important;border-color:#1890ff80!important;color:#1890ff!important}.visualization-screen .ant-tag-warning{background:rgba(250,140,22,.2)!important;border-color:#fa8c1680!important;color:#fa8c16!important}.visualization-screen .ant-tag-error{background:rgba(255,77,79,.2)!important;border-color:#ff4d4f80!important;color:#ff4d4f!important}.visualization-screen .ant-typography{color:#fffc!important}.visualization-screen .ant-typography-caption{color:#fff9!important}.visualization-screen .anticon{color:#fffc}.daping-visualization{background:#000d4a url(../daping/img/bg.jpeg) center top;background-size:cover;min-height:100vh;width:100%;margin:-24px -16px -24px -24px;padding:20px;font-family:微软雅黑,Microsoft YaHei,Arial,sans-serif;position:relative;overflow:hidden;color:#fff}.daping-visualization:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,13,74,.9) 0%,rgba(16,42,67,.8) 100%);z-index:1;pointer-events:none}.daping-visualization>*{position:relative;z-index:2}.head{width:100%;height:80px;background:url(../daping/img/head_bg.png) no-repeat center center;background-size:cover;position:relative;margin-bottom:20px;display:flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:0 4px 12px #0000004d}.head h1{color:#fff;text-align:center;font-size:32px;margin:0;text-shadow:0 3px 6px rgba(0,0,0,.8);font-weight:600;letter-spacing:2px}.weather{position:absolute;right:30px;top:50%;transform:translateY(-50%);color:#ffffffe6;font-size:14px;font-weight:500}.mainbox{display:flex;gap:20px;height:calc(100vh - 140px)}.column{flex:1;display:flex;flex-direction:column;gap:20px}.column-left,.column-right{flex:0 0 320px}.column-center{flex:1}.panel{background:rgba(0,0,0,.4);border:1px solid rgba(73,188,247,.3);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;flex:1;display:flex;flex-direction:column}.panel-header{background:rgba(73,188,247,.1);border-bottom:1px solid rgba(73,188,247,.3);padding:12px 16px}.panel-header h3{color:#49bcf7;margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.panel-content{padding:16px;flex:1;overflow:auto}.realtime-list{display:flex;flex-direction:column;gap:8px}.realtime-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:12px;transition:all .3s ease}.realtime-item:hover{background:rgba(73,188,247,.1);border-color:#49bcf74d}.order-info{margin-bottom:8px}.order-id{font-size:12px;color:#ffffffb3;margin-bottom:4px}.order-product{font-size:14px;color:#fff;font-weight:500}.order-details{display:flex;justify-content:space-between;align-items:center}.order-amount{font-size:16px;color:#00d4ff;font-weight:700}.order-region{font-size:12px;color:#fff9}.revenue-chart{height:100%}.chart-summary{display:flex;justify-content:space-between;margin-bottom:20px;padding:12px;background:rgba(255,255,255,.05);border-radius:6px}.summary-item{text-align:center}.summary-item .label{display:block;font-size:12px;color:#ffffffb3;margin-bottom:4px}.summary-item .value{display:block;font-size:18px;color:#00d4ff;font-weight:700;margin-bottom:4px}.summary-item .growth.positive{color:#52c41a;font-size:12px}.summary-item .progress{color:#faad14;font-size:12px}.revenue-bars{display:flex;justify-content:space-between;align-items:flex-end;height:120px;padding:0 8px}.revenue-bar{flex:1;display:flex;flex-direction:column;align-items:center;margin:0 2px}.revenue-bar .bar{width:16px;background:linear-gradient(to top,#49bcf7,#00d4ff);border-radius:2px 2px 0 0;min-height:10px;margin-bottom:8px}.revenue-bar .month{font-size:10px;color:#ffffffb3}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .3s ease}.metric-card:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}.metric-icon{font-size:24px}.metric-info{flex:1}.metric-title{font-size:12px;color:#ffffffb3;margin-bottom:4px}.metric-value{font-size:18px;color:#fff;font-weight:700;margin-bottom:4px}.metric-value .unit{font-size:12px;color:#ffffffb3;margin-left:2px}.metric-growth.positive{font-size:12px;color:#52c41a}.map-container{height:100%}.china-map{height:100%;display:flex;flex-direction:column}.map-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px}.legend-color{width:12px;height:12px;border-radius:2px}.map-data{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:200px;overflow-y:auto}.simplified-china-map{margin:16px 0;background:rgba(0,0,0,.2);border-radius:8px;padding:16px;position:relative;height:200px}.map-visual{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:4px}.region-block{background:rgba(255,255,255,.1);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;border:1px solid rgba(255,255,255,.2)}.region-block:hover{background:rgba(73,188,247,.3);transform:scale(1.05);border-color:#49bcf7}.region-block.north{grid-column:2 / 3;grid-row:1;background:rgba(255,107,107,.3)}.region-block.northeast{grid-column:3 / 4;grid-row:1;background:rgba(255,168,168,.3)}.region-block.northwest{grid-column:1 / 2;grid-row:1 / 2;background:rgba(255,216,216,.3)}.region-block.central{grid-column:2 / 3;grid-row:2;background:rgba(255,142,142,.3)}.region-block.east{grid-column:3 / 4;grid-row:2;background:rgba(255,47,47,.4)}.region-block.southwest{grid-column:1 / 3;grid-row:3;background:rgba(255,184,184,.3)}.region-block.south{grid-column:3 / 5;grid-row:3;background:rgba(255,56,56,.4)}.region-label{font-size:12px;color:#fff;font-weight:700;margin-bottom:4px}.region-value{font-size:10px;color:#fffc}.map-data-list{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:120px;overflow-y:auto}.map-item{display:flex;align-items:center;gap:8px;padding:8px;background:rgba(255,255,255,.05);border-radius:4px;border:1px solid rgba(255,255,255,.1)}.region-dot{width:8px;height:8px;border-radius:50%}.region-info{flex:1}.region-name{font-size:12px;color:#fff;margin-bottom:2px}.region-value{font-size:11px;color:#ffffffb3}.ranking-list{display:flex;flex-direction:column;gap:8px}.ranking-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;transition:all .3s ease}.ranking-item:hover{background:rgba(73,188,247,.1);border-color:#49bcf74d}.ranking-item.top-three{border-color:#ffd70080;background:rgba(255,215,0,.1)}.rank-number{display:flex;align-items:center;gap:4px;min-width:40px}.rank-number .rank{font-size:18px;font-weight:700;color:#49bcf7}.rank-number .icon{font-size:16px}.company-info{flex:1}.company-name{font-size:13px;color:#fff;margin-bottom:4px;font-weight:500}.company-amount{font-size:12px;color:#00d4ff;font-weight:700}.product-ranking{display:flex;flex-direction:column;gap:8px}.product-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;transition:all .3s ease}.product-item:hover{background:rgba(73,188,247,.1);border-color:#49bcf74d}.product-rank{width:24px;height:24px;background:linear-gradient(135deg,#49bcf7,#00d4ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.product-info{flex:1}.product-name{font-size:13px;color:#fff;margin-bottom:4px;font-weight:500}.product-sales{font-size:12px;color:#ffffffb3;display:flex;align-items:center;gap:6px}.trend.up{color:#52c41a}.trend.down{color:#ff4d4f}@media (max-width: 1400px){.mainbox{flex-direction:column;height:auto}.column-left,.column-right{flex:none}.metrics-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.head h1{font-size:24px}.metrics-grid{grid-template-columns:1fr 1fr}.map-data{grid-template-columns:1fr}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.ant-layout{min-height:100vh}.logo{height:32px;margin:16px;background:rgba(255,255,255,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.site-layout .site-layout-background{background:#fff;min-height:360px}.ant-menu-dark .ant-menu-item-selected{background-color:#1890ff}.content-header{margin-bottom:16px;padding:16px 0;border-bottom:1px solid #f0f0f0}.content-header h2{margin:0;color:#262626}.content-header .ant-typography{margin-top:8px;color:#8c8c8c}