:root{--bg-deep: #0a1628;--bg-panel: rgba(8, 20, 40, .72);--bg-panel-solid: #0a1424;--accent-primary: #00d4ff;--accent-secondary: #0080ff;--accent-success: #00e676;--accent-warning: #ffb300;--accent-danger: #ff5252;--text-primary: #e8f4f8;--text-secondary: #8ba3b8;--text-muted: #4a6078;--border-subtle: rgba(0, 212, 255, .08);--border-glow: rgba(0, 212, 255, .25);--glass-blur: 20px}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#00d4ff66}.glass-panel{background:var(--bg-panel);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-subtle);border-radius:.06rem;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(0,212,255,.15) 0%,transparent 40%,transparent 60%,rgba(0,128,255,.1) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass-panel:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.3),transparent)}.corner-accent{position:absolute;width:.16rem;height:.16rem;pointer-events:none;z-index:1}.corner-accent.tl{top:0;left:0;border-top:.02rem solid var(--accent-primary);border-left:.02rem solid var(--accent-primary);border-radius:.04rem 0 0}.corner-accent.tr{top:0;right:0;border-top:.02rem solid var(--accent-primary);border-right:.02rem solid var(--accent-primary);border-radius:0 .04rem 0 0}.corner-accent.bl{bottom:0;left:0;border-bottom:.02rem solid var(--accent-primary);border-left:.02rem solid var(--accent-primary);border-radius:0 0 0 .04rem}.corner-accent.br{bottom:0;right:0;border-bottom:.02rem solid var(--accent-primary);border-right:.02rem solid var(--accent-primary);border-radius:0 0 .04rem}.status-dot{width:.08rem;height:.08rem;border-radius:50%;position:relative;flex-shrink:0}.status-dot:after{content:"";position:absolute;inset:-.03rem;border-radius:50%;animation:pulse-ring 2s ease-out infinite}.status-dot.online{background:var(--accent-secondary)}.status-dot.online:after{border:1px solid var(--accent-secondary)}.status-dot.working{background:var(--accent-success)}.status-dot.working:after{border:1px solid var(--accent-success)}.status-dot.idle{background:var(--accent-warning)}.status-dot.idle:after{border:1px solid var(--accent-warning)}.status-dot.offline{background:var(--text-muted)}.status-dot.offline:after{display:none}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(2.2);opacity:0}}.scan-line{position:absolute;top:0;left:0;right:0;height:.02rem;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.4;animation:scan 6s linear infinite;pointer-events:none}@keyframes scan{0%{top:0;opacity:0}10%{opacity:.4}90%{opacity:.4}to{top:100%;opacity:0}}.data-value{font-family:Consolas,JetBrains Mono,DIN Alternate,monospace;font-variant-numeric:tabular-nums}.progress-track{background:#ffffff0f;border-radius:.04rem;overflow:hidden;height:.06rem}.progress-fill{height:100%;border-radius:.04rem;transition:width .8s ease;position:relative}.progress-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:.2rem;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3))}.machine-item{transition:all .2s ease;border-left:.03rem solid transparent}.machine-item:hover{background:#00d4ff0f;border-left-color:var(--accent-primary)}.machine-item.active{background:#00d4ff1a;border-left-color:var(--accent-primary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.weather-icon{animation:float 3s ease-in-out infinite}@keyframes panel-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.03rem)}}@keyframes btn-pulse{0%{box-shadow:0 0 #00d4ff66}70%{box-shadow:0 0 0 10px #00d4ff00}to{box-shadow:0 0 #00d4ff00}}.video-btn{animation:btn-pulse 2s infinite}.grid-deco{background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:.4rem .4rem}.panel-title-bar{width:.04rem;height:.2rem;border-radius:.02rem;background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:.04rem;padding:.02rem .08rem;font-size:.1rem;border-radius:999px;font-weight:500;white-space:nowrap}.status-badge.working{background:#00e67626;color:var(--accent-success);border:1px solid rgba(0,230,118,.2)}.status-badge.online{background:#0080ff26;color:var(--accent-secondary);border:1px solid rgba(0,128,255,.2)}.status-badge.offline{background:#64646433;color:var(--text-muted);border:1px solid rgba(100,100,100,.3)}.status-badge.idle{background:#ffb30026;color:var(--accent-warning);border:1px solid rgba(255,179,0,.2)}