*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f0f2f5}.page-panel{background:#fff;border-radius:10px;padding:20px;margin-bottom:16px;border:1px solid #f0f0f0;box-shadow:0 1px 2px #10182808;transition:box-shadow .2s ease}.page-panel:hover{box-shadow:0 6px 16px #1018280f}.panel-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}.panel-title{position:relative;padding-left:12px;font-size:16px;font-weight:600;color:#1f2d3d}.panel-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,#d51a22,#8f0507)}.comp-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:12px;color:#606266;line-height:18px}.comp-legend-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.comp-legend-item i{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.panel-desc{font-size:12px;color:#909399;margin-top:4px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1400px){.metric-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.metric-grid{grid-template-columns:repeat(2,1fr)}}.metric-card{background:#fff;border-radius:10px;border:1px solid #ebeef5;padding:14px 16px;min-width:0;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #b9090c24;border-color:#f3c7c8}.metric-card .metric-title{font-size:13px;color:#909399}.metric-card .metric-num{font-size:19px;font-weight:700;line-height:1.3;margin-top:6px;color:#303133;font-variant-numeric:tabular-nums;word-break:break-all}.metric-card .metric-extra{font-size:12px;margin-top:6px;color:#909399;line-height:1.4}.metric-card.accent .metric-num{color:#b9090c}.metric-card.success .metric-num{color:#67c23a}.metric-card.danger .metric-num{color:#f56c6c}.metric-card-clickable{cursor:pointer;position:relative}.metric-card-clickable:after{content:"↗ 点击看趋势";position:absolute;right:8px;top:8px;font-size:10px;color:#c9ccd4;opacity:0;transition:opacity .15s ease}.metric-card-clickable:hover:after{opacity:1}.metric-card-selected{border-color:#b9090c!important;box-shadow:0 0 0 2px #b9090c2e,0 8px 20px #b9090c24!important}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.toolbar .grow{flex:1}.store-badge{display:inline-block;padding:2px 10px;border-radius:10px;background:#ecf5ff;color:#409eff;font-size:12px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b1f3a,#1f3a5f 55%,#2f7fe0 130%)}.login-card{width:400px;background:#fff;border-radius:12px;padding:36px 32px;box-shadow:0 16px 40px #0000004d}.brand{height:56px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:600;letter-spacing:1px;background:linear-gradient(90deg,#0b1f3a,#16324f)}.ant-card{border-radius:10px;border:1px solid #f0f0f0;box-shadow:0 1px 2px #10182808}.ant-card .ant-card-head{border-bottom:1px solid #f0f0f0;min-height:46px;padding:0 16px}.ant-card .ant-card-head-title{font-size:15px;color:#1f2d3d;padding:12px 0}.ant-card .ant-card-body{padding:16px}.ant-table-small .ant-table-thead>tr>th{background:#f5f7fa;color:#606266;font-weight:600}.ant-btn-primary{box-shadow:none}.ant-layout-sider{box-shadow:2px 0 8px #0000000f}.brand-side .ant-layout-sider-trigger{background:#8f0507!important}.page-panel{animation:fadeSlideIn .45s ease both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-fade{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.brand{height:56px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;background:#ffffff1f;margin:8px;border-radius:10px;overflow:hidden;white-space:nowrap}.brand-side{background:linear-gradient(180deg,#8f0507,#b9090c 60%,#8f0507)!important}.brand-side .ant-menu{background:transparent!important;border-right:none!important}.brand-side .ant-menu-item-selected{background:#fff3!important;border-radius:8px}.brand-side .ant-menu-item,.brand-side .ant-menu-submenu-title{margin:2px 8px;border-radius:8px;width:calc(100% - 16px)}.stat-num{font-variant-numeric:tabular-nums;transition:color .2s ease}.page-panel .ant-btn-primary{transition:all .2s ease}.page-panel .ant-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 10px #b9090c40}.metric-card.metric-card-brand .metric-num{color:#b9090c}.metric-card .metric-extra.metric-delta-up{color:#f56c6c}.metric-card .metric-extra.metric-delta-down{color:#67c23a}.metric-card .metric-extra.metric-delta-flat{color:#909399}.banner-store-select .ant-select-selector{background:#ffffff29!important;border-color:#ffffff73!important}.banner-store-select .ant-select-selection-item,.banner-store-select .ant-select-arrow{color:#fff!important}.banner-num{margin-top:4px;font-size:32px;font-weight:700;color:#fff;line-height:1.2;font-variant-numeric:tabular-nums}