*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;font-family:Microsoft YaHei,Arial,sans-serif}.index-container{width:100%;height:100%;background:#07133c;color:#d9efff}.screen-header{width:100%;height:82px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;letter-spacing:4px;background:url(/assets/header-2x-DqLEknJk.png) center top / 100% 100% no-repeat}.screen-main{height:calc(100% - 82px);display:flex;flex-direction:column;min-height:0}.middle-section,.bottom-section{width:100%;display:flex;gap:12px;padding:12px}.middle-section{flex:2;display:grid;grid-template-columns:1fr 2fr 1fr;min-height:0;overflow:hidden;padding-bottom:0}.bottom-section{flex:1;display:flex;flex-direction:column;min-height:0;padding:0 12px 12px}.bottom-header{width:100%;height:56px;flex-shrink:0;margin:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#d8f3ff;background:url(/assets/group-10-backup-2x-Dw35iq0e.png) center/100% 100% no-repeat}.bottom-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bottom-item{min-height:0;display:flex;flex-direction:column;overflow:hidden}.bottom-item-header{height:42px;margin:0;padding:0 45px;display:flex;align-items:center;font-size:14px;font-weight:700;color:#d8f3ff;background:url(/assets/secondary-title-2x-DK4IkCOp.png) left center/100% 100% no-repeat}.bottom-item-content{flex:1;min-height:0;padding:10px}.bottom-bar-chart{width:100%;height:100%}.bottom-ring-wrap{display:flex;align-items:center;justify-content:center}.bottom-ring{width:120px!important;height:120px!important}.bottom-ring .mini-ring-inner strong{font-size:34px}.bottom-ring .mini-ring-inner span{font-size:12px}.bottom-h-bars{width:100%;height:100%}.middle-left,.middle-center,.middle-right,.bottom-item{background:transparent;border-radius:8px;font-size:22px;font-weight:400}.middle-right{min-height:0;background:transparent;padding:0}.middle-center{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;background:transparent;padding:0}.middle-center-header{width:100%;height:70px;flex-shrink:0;margin:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#d8f3ff;background:url(/assets/frame-5-2x-BgDE3wnW.png) center center / 100% 100% no-repeat}.middle-center-content{flex:1;min-height:0;display:flex;gap:12px;width:100%}.center-left,.center-right{width:50%;min-height:0;border-radius:8px;background:transparent;color:#d8f3ff}.center-right{display:flex;flex-direction:column;gap:12px;padding:10px 12px}.center-right-top{height:120px;display:grid;grid-template-columns:80px 1fr;align-items:center;gap:12px}.trade-icon{width:76px;height:76px;background:url(/assets/fan-status-backup-2-2x-Bk4K-wjt.png) center/contain no-repeat}.trade-total-box{height:78px;padding:10px 18px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:url(/assets/frame-9-2x-BeIGAjFT.png) center/100% 100% no-repeat}.trade-total-box p{margin:0;font-size:14px;line-height:1.2;color:#f4fbff;font-weight:400}.trade-total-box p span{margin-left:8px;font-size:12px;color:#8ea7cc;font-weight:400}.trade-total-box strong{margin-top:4px;font-size:20px;line-height:1;color:#d8f5ff;letter-spacing:1px}.trade-total-box em{margin-left:8px;font-size:16px;color:#d6e6ff;font-style:normal;font-weight:400}.center-right-table{flex:1;min-height:0;display:flex;flex-direction:column}.table-header{height:42px;padding:0 18px;display:grid;grid-template-columns:22% 56% 22%;align-items:center;font-size:14px;color:#20a6e9;background:transparent}.table-list{margin:0;padding:0;list-style:none}.table-scroll{flex:1;min-height:0;overflow:hidden;position:relative}.table-track{animation:goods-scroll-up 16s linear infinite}.table-list li{height:40px;padding:0 18px;display:grid;grid-template-columns:22% 56% 22%;align-items:center;color:#afc0dd;box-shadow:inset 0 -1px #829dcd59}.table-list p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#c5d4ed}.table-list span{font-size:13px}.table-list em{font-style:normal;font-size:13px;color:#f2f7ff;font-weight:400}.table-scroll:hover .table-track{animation-play-state:paused}@keyframes goods-scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.center-left{display:flex;flex-direction:column;justify-content:space-between;padding:10px 12px}.center-left-top{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;min-height:0}.metric-mini-card{display:flex;align-items:center;gap:10px;min-height:0}.metric-icon{width:64px;height:64px;flex-shrink:0;background-position:center;background-repeat:no-repeat;background-size:contain}.icon-sales{background-image:url(/assets/frame-7-2x-Cw-3Q4vl.png)}.icon-stock{background-image:url(/assets/frame-8-2x-U_8KenfT.png)}.metric-text p{margin:0 0 6px;font-size:12px;color:#9db8e2}.metric-text strong{font-size:28px;color:#f4fbff;line-height:1;font-weight:400}.metric-text span{margin-left:3px;font-size:14px;color:#95afd6}.center-left-bottom{flex:1;min-height:0;display:grid;grid-template-columns:52% 48%;align-items:center;gap:10px}.donut-chart{width:100%;height:100%;min-height:140px}.donut-legend{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px;width:80%}.donut-legend li{height:32px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#90aed9;background:transparent}.dot{width:9px;height:9px;border-radius:50%;margin-right:8px;display:inline-block}.good{background:#53e5cf}.mid{background:#efd173}.normal{background:#58c9f7}.bad{background:#2d9dff}.donut-legend span{color:#f3fbff;font-size:18px;font-weight:400}.middle-left{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;background:transparent;border:none;padding:0}.left-card{width:100%;flex:1;min-height:0;border-radius:8px;background:transparent;overflow:hidden}.right-panel{width:100%;height:100%;min-height:0;border-radius:8px;background:transparent;overflow:hidden;display:flex;flex-direction:column}.right-top-metrics{height:110px;padding:6px 10px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.right-metric-item{display:flex;align-items:center;gap:8px}.right-metric-item .metric-icon{width:54px;height:54px}.right-metric-item .metric-text strong{font-size:22px}.right-grid{flex:1;min-height:0;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.right-grid-card{border-radius:8px;background:url(/assets/box3@2x-C7RMTR8d.png) center/100% 100% no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.mini-ring{width:96px;height:96px;background:url(/assets/frame-10-2x-CZrkLMYY.png) center/100% 100% no-repeat;position:relative}.mini-ring:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;background:#10295f}.mini-ring-inner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.mini-ring-inner strong{font-size:14px;color:#e9f6ff}.mini-ring-inner span{margin-top:2px;font-size:11px;color:#7f9cc8}.right-rate{margin:0;font-size:16px;color:#8ecbff}.right-title{margin:0;font-size:14px;color:#cbdcf1}.card-header{height:60px;padding:0 28px;display:flex;align-items:center;font-size:16px;font-weight:700;color:#d8f3ff;letter-spacing:1px;background:url(/assets/frame-4-2x-BH5Hdd7B.png) left center / 100% 100% no-repeat}.card-chart{height:calc(100% - 60px)}