*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{color:#303133;-webkit-font-smoothing:antialiased;background:#f0f2f5;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#90939966;border-radius:3px}::-webkit-scrollbar-track{background:0 0}.num-font{font-variant-numeric:tabular-nums;font-family:DIN Alternate,Helvetica Neue,Consolas,monospace}.page-container{padding:16px}.filter-bar{background:#fff;border-radius:6px;margin-bottom:12px;padding:16px 16px 2px}.table-card{background:#fff;border-radius:6px;padding:16px}.chart-card{background:#fff;border-radius:6px;margin-bottom:12px;padding:16px}.chart-card__title{color:#1f2937;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.chart-card__title:before{content:"";background:#2e9bff;border-radius:2px;width:3px;height:14px;margin-right:8px}.chart-card__title>span:first-child{flex:1}.screen{--screen-bg:#05132b;--panel-bg:#102a4e8c;--panel-border:#409eff47;--text-main:#e8f4ff;--text-sub:#7fa8d4;--accent:#21d4fd}.screen-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:4px;padding:10px 12px 12px;position:relative;overflow:hidden}.screen-panel:before,.screen-panel:after{content:"";border-color:var(--accent);opacity:.8;border-style:solid;width:14px;height:14px;position:absolute}.screen-panel:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.screen-panel:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.screen-panel__title{color:var(--text-main);letter-spacing:1px;white-space:nowrap;align-items:center;gap:6px;margin-bottom:8px;font-size:15px;font-weight:600;display:flex;overflow:hidden}.screen-panel__title i,.screen-panel__title .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.screen-panel__extra{color:var(--text-sub);flex-shrink:0;margin-left:auto;padding-left:8px;font-size:12px;font-weight:400}.screen-scroll{scrollbar-width:thin;overflow-y:auto}.screen-scroll::-webkit-scrollbar-thumb{background:#409eff59}.m-app{--m-bg:#f4f6f9;--m-card:#fff;--m-text:#1f2937;--m-sub:#8a93a0;--m-line:#edf0f4;--m-primary:#2e9bff;--m-tabbar:54px;background:var(--m-bg);min-height:100vh;color:var(--m-text);-webkit-tap-highlight-color:transparent}.m-header{z-index:20;color:#fff;padding:calc(env(safe-area-inset-top) + 12px) 16px 14px;background:linear-gradient(135deg,#1d6fd0 0%,#2e9bff 100%);position:sticky;top:0}.m-header__title{justify-content:space-between;align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.m-header__sub{opacity:.82;align-items:center;gap:8px;margin-top:3px;font-size:12px;display:flex}.m-body{padding:12px 12px calc(var(--m-tabbar) + env(safe-area-inset-bottom) + 12px)}.m-card{background:var(--m-card);border-radius:12px;margin-bottom:12px;padding:14px;box-shadow:0 1px 3px #0000000a}.m-card__title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.m-card__title:before{content:"";background:var(--m-primary);border-radius:2px;width:3px;height:13px;margin-right:7px}.m-card__title>span:first-of-type{flex:1;min-width:0}.m-card__more{color:var(--m-sub);flex-shrink:0;font-size:12px;font-weight:400}.m-tabbar{z-index:30;height:calc(var(--m-tabbar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--m-line);background:#fffffff5;display:flex;position:fixed;bottom:0;left:0;right:0}.m-tab{color:var(--m-sub);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;transition:color .15s;display:flex;position:relative}.m-tab.active{color:var(--m-primary)}.m-tab__badge{color:#fff;text-align:center;background:#f56c6c;border-radius:8px;min-width:15px;height:15px;margin-left:6px;padding:0 4px;font-size:10px;line-height:15px;position:absolute;top:4px;left:50%}.m-grid{gap:10px;display:grid}.m-grid--2{grid-template-columns:repeat(2,1fr)}.m-grid--3{grid-template-columns:repeat(3,1fr)}.m-metric{background:var(--m-card);border-left:3px solid var(--c,var(--m-primary));border-radius:10px;padding:12px}.m-metric__label{color:var(--m-sub);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.m-metric__value{color:var(--c,var(--m-text));white-space:nowrap;text-overflow:ellipsis;margin:4px 0 2px;font-size:20px;font-weight:700;line-height:1.2;overflow:hidden}.m-metric__value small{color:var(--m-sub);margin-left:2px;font-size:11px;font-weight:400}.m-metric__foot{color:var(--m-sub);white-space:nowrap;justify-content:space-between;align-items:center;gap:4px;font-size:11px;display:flex;overflow:hidden}.m-up{color:#f56c6c}.m-down{color:#67c23a}.m-row{border-bottom:1px solid var(--m-line);align-items:center;gap:10px;padding:11px 0;display:flex}.m-row:last-child{border-bottom:none}.m-row__main{flex:1;min-width:0}.m-row__title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.m-row__desc{color:var(--m-sub);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}.m-row__value{text-align:right;flex-shrink:0;font-size:15px;font-weight:600}.m-row__value small{color:var(--m-sub);margin-top:2px;font-size:11px;font-weight:400;display:block}.m-rank{padding:9px 0}.m-rank__head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.m-rank__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.m-rank__val{color:var(--m-sub);flex-shrink:0;font-size:12px}.m-rank__bar{background:#eef2f7;border-radius:3px;height:6px;overflow:hidden}.m-rank__fill{border-radius:3px;height:100%;transition:width .4s}.m-segment{background:#eef1f5;border-radius:8px;margin-bottom:12px;padding:3px;display:flex}.m-segment__item{text-align:center;color:var(--m-sub);border-radius:6px;flex:1;padding:7px 0;font-size:13px;transition:all .15s}.m-segment__item.active{color:var(--m-text);background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.m-empty{text-align:center;color:var(--m-sub);padding:32px 0;font-size:13px}.m-alarm{border-bottom:1px solid var(--m-line);gap:10px;padding:11px 0;display:flex}.m-alarm:last-child{border-bottom:none}.m-alarm__bar{border-radius:2px;flex-shrink:0;width:3px}.m-alarm__body{flex:1;min-width:0}.m-alarm__title{font-size:14px;line-height:1.5}.m-alarm__meta{color:var(--m-sub);flex-wrap:wrap;gap:8px;margin-top:4px;font-size:12px;display:flex}.m-badge{border-radius:4px;padding:1px 6px;font-size:11px;line-height:17px;display:inline-block}