:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#151b2b;background:#f2f5fb;font-synthesis:none;--primary:#3f61df;--primary-soft:#e5ebff;--border:#dfe5ef;--muted:#7d879d;--panel:#fff;--sidebar:224px}*{box-sizing:border-box}body{margin:0;min-width:1180px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.shell{min-width:1180px;min-height:100vh}.sidebar{position:fixed;z-index:10;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;background:#fff;border-right:1px solid #dce3ef;box-shadow:2px 0 12px #263b6810}.brand{height:72px;padding:0 22px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #e8ecf3}.brand>span,.login-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,#627fff,#3857d6);box-shadow:0 6px 14px #4966dc33;font-size:19px;font-weight:800}.brand>div{display:grid}.brand b{font-size:16px}.brand small{margin-top:2px;color:var(--muted);font-size:11px}.sidebar nav{flex:1;padding:12px 11px;overflow-y:auto}.sidebar nav section>p{margin:17px 12px 6px;color:#8e99ae;font-size:11px;font-weight:600;letter-spacing:1px}.sidebar nav a{height:43px;padding:0 11px;display:flex;align-items:center;gap:11px;border-radius:8px;color:#465168;text-decoration:none;font-size:14px}.sidebar nav a:hover{color:#2948c7;background:#f0f3fb}.sidebar nav a.router-link-exact-active{color:#274bd8;background:var(--primary-soft);box-shadow:inset 3px 0 #4568ec;font-weight:650}.sidebar nav i{width:20px;color:#6f7e9b;font-size:17px;font-style:normal;text-align:center}.sidebar nav em{min-width:21px;margin-left:auto;padding:2px 6px;border-radius:11px;color:#fff;background:#f25f73;font-size:10px;font-style:normal;text-align:center}.sidebar footer{padding:15px 22px;border-top:1px solid #e8ecf3;color:#9da6b8;font-size:10px}.main{min-width:956px;min-height:100vh;margin-left:var(--sidebar)}.topbar{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dde4ef;box-shadow:0 2px 10px #263b680a}.topbar>div:first-child{display:flex;gap:6px;font-size:13px}.topbar small{color:#768197}.top-actions{display:flex;align-items:center;gap:7px}.top-actions>button{width:34px;height:34px;border:0;border-radius:8px;color:#506078;background:transparent}.top-actions>button:hover{background:#eef2f8}.avatar{width:34px;height:34px;margin-left:5px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#6683f2,#3f5bd4);font-weight:700}.top-actions>div{display:grid}.top-actions b{font-size:12px}.top-actions small{font-size:10px}.content{max-width:1600px;margin:auto;padding:24px}.page-title{min-height:54px;margin-bottom:21px;display:flex;align-items:center;justify-content:space-between;gap:20px}.page-title h1{margin:0 0 6px;font-size:24px}.page-title p,.panel-head p{margin:0;color:var(--muted);font-size:13px}.date-control{height:36px;padding:0 13px;display:flex;align-items:center;gap:17px;border:1px solid #d3dbea;border-radius:8px;background:#fff;color:#7b869b;box-shadow:0 2px 7px #263b680b;font-size:12px}.date-control span{padding:0 14px;border-inline:1px solid #e5e9f0;color:#252c3c}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.kpis article{min-height:126px;padding:21px;display:flex;justify-content:space-between;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 5px 16px #263b6810}.kpis article>div{display:grid}.kpis small{color:#68758e;font-size:13px}.kpis strong{margin:12px 0 10px;font-size:27px}.kpis span{font-size:11px;font-weight:600}.up{color:#079875}.down{color:#e34460}.kpis i{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;font-size:19px;font-style:normal}.kpis i.blue{color:#3e62df;background:#e9eeff}.kpis i.green{color:#079875;background:#def7ef}.kpis i.orange{color:#d88315;background:#fff0da}.kpis i.red{color:#dd405e;background:#ffe5eb}.chart-grid{margin-top:15px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,.8fr);gap:15px}.panel{border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:0 5px 16px #263b6810;overflow:hidden}.panel-head{min-height:73px;padding:17px 20px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e8ecf3}.panel-head h2{margin:0 0 5px;font-size:16px}.tabs{padding:2px;display:flex;border-radius:7px;background:#e9edf5}.tabs button{height:28px;padding:0 11px;border:0;border-radius:5px;color:#66738b;background:transparent;font-size:11px}.tabs button.active{color:#3158df;background:#fff;box-shadow:0 2px 7px #344a7c20}.bar-chart{height:285px;padding:32px 30px 35px;display:flex;align-items:end;gap:5%;background:repeating-linear-gradient(to bottom,#fff 0 54px,#e3e8f0 55px)}.bar-chart>div{width:9%;min-height:8%;position:relative;border-radius:7px 7px 2px 2px;background:linear-gradient(#5878ef,#aabaff);box-shadow:0 5px 12px #4b6be52b}.bar-chart span{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);color:#758198;font-size:10px;white-space:nowrap}.link{border:0;color:#3159df;background:none;font-size:11px;font-weight:600}.donut-area{min-height:285px;padding:28px 24px;display:grid;grid-template-columns:145px 1fr;align-items:center;gap:25px}.donut{width:145px;height:145px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#4569f0 0 68%,#10b98d 68% 88%,#f3a52f 88% 97%,#e8526a 97%)}.donut:before{content:"";width:91px;height:91px;border-radius:50%;background:#fff}.donut strong{position:absolute;display:grid;text-align:center;font-size:21px}.donut strong small{color:#7d879d;font-size:10px;font-weight:400}.donut-area ul{padding:0;margin:0;display:grid;gap:17px;list-style:none}.donut-area li{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;color:#4b566b;font-size:11px}.donut-area li i{width:8px;height:8px;border-radius:50%;background:#4569f0}.donut-area li .dot-1{background:#10b98d}.donut-area li .dot-2{background:#f3a52f}.donut-area li .dot-3{background:#e8526a}.primary,.secondary{height:36px;padding:0 15px;border-radius:7px;font-size:12px}.primary{border:0;color:#fff;background:var(--primary);box-shadow:0 4px 10px #3d5ed52e}.primary:disabled{opacity:.65}.secondary{border:1px solid #d8deea;color:#59657a;background:#fff}.block{width:100%}.list-panel{overflow:hidden}.filters{padding:17px 18px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #e7ebf2}.filters label{display:grid;gap:6px;color:#647087;font-size:11px}.filters input,.filters select{width:210px;height:36px;padding:0 11px;border:1px solid #d8deea;border-radius:7px;outline:none;color:#3f495c;background:#fff;font-size:12px}.filters select{width:140px}.filters input:focus,.filters select:focus{border-color:#6b82e8;box-shadow:0 0 0 3px #edf1ff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{height:43px;padding:0 16px;color:#68758c;background:#f5f7fb;font-size:11px;font-weight:650;text-align:left}td{height:51px;padding:0 16px;border-top:1px solid #e5e9f1;color:#4b566b;font-size:11px}.status{padding:5px 9px;border-radius:13px}.status.正常{color:#087e61;background:#dcf5ed}.status.待审核{color:#ad6d0c;background:#ffefd2}.status.已停用{color:#c83b52;background:#ffe3e8}.more{border:0;color:#8390a4;background:none}.empty{height:180px;text-align:center;color:#929cad}.pagination{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5e9f1;color:#7a8599;font-size:11px}.pagination div{display:flex;gap:4px}.pagination button{width:29px;height:29px;border:1px solid #dfe4ed;border-radius:6px;color:#667286;background:#fff}.pagination button.active{color:#fff;border-color:var(--primary);background:var(--primary)}.state,.placeholder{min-height:360px;display:grid;place-content:center;justify-items:center;color:#7d879d}.placeholder{margin-top:15px}.placeholder>span{width:55px;height:55px;display:grid;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(145deg,#6683f2,#3f5bd4);font-size:24px}.placeholder h2{margin:15px 0 5px;color:#20283a}.placeholder p{margin:0}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 15%,#e2e9ff,transparent 35%),#f2f5fb}.login-card{width:390px;padding:36px;border:1px solid var(--border);border-radius:17px;background:#fff;box-shadow:0 18px 55px #263b6820}.login-logo{margin-bottom:20px}.login-card h1{margin:0 0 7px;font-size:27px}.login-card>p{margin:0 0 25px;color:var(--muted);font-size:13px}.login-card form{display:grid;gap:15px}.login-card label{display:grid;gap:7px;color:#4e596d;font-size:12px}.login-card input{height:44px;padding:0 13px;border:1px solid #d8deea;border-radius:8px;outline:none}.login-card input:focus{border-color:#6b82e8;box-shadow:0 0 0 3px #edf1ff}.login-tip{padding:9px 11px;border-radius:7px;color:#5269c9;background:#edf1ff;font-size:11px}.form-error{margin:0;color:#d63f58;font-size:12px}.live-dot{width:8px;height:8px;border-radius:50%;background:#12b981;box-shadow:0 0 0 4px #12b98120}.refresh,.legend{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.hero-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.hero-kpis article{min-height:145px;padding:23px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(145deg,#fff,#f8faff);box-shadow:0 5px 16px #263b6810}.hero-kpis small,.hero-kpis span{display:block;color:#748098;font-size:12px}.hero-kpis strong{display:block;margin:14px 0 12px;color:#243d9e;font-size:34px}.summary-grid{margin-top:15px;display:grid;grid-template-columns:2fr 1fr;gap:15px}.terminal-chart{height:260px}.terminal-chart div b{position:absolute;bottom:calc(100% + 5px);width:100%;color:#51617e;font-size:10px;text-align:center}.queue-cards{padding:22px}.queue-cards>div{display:flex;align-items:center;justify-content:space-between;padding:14px;margin-bottom:10px;border-radius:9px;background:#f3f6fb;color:#647087}.queue-cards strong{color:#294bd1;font-size:24px}.queue-cards p{margin:19px 0 0;color:#6a7589;font-size:12px}.queue-cards p b{float:right;color:#0b9674;font-size:17px}.queue-cards p small{display:block;margin-top:6px}.mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:15px}.mini-kpis article{padding:17px 20px;display:flex;align-items:center;gap:13px;border:1px solid var(--border);border-radius:11px;background:#fff}.mini-kpis article>span{width:10px;height:10px;border-radius:50%}.ok-dot{background:#11ac81}.bad-dot{background:#e85269}.warn-dot{background:#f0a42d}.info-dot{background:#496be5}.mini-kpis div{display:grid;gap:4px}.mini-kpis small{color:var(--muted)}.mini-kpis b{font-size:20px}.monitor-filter{padding:14px 16px;margin-bottom:15px;display:flex;gap:9px;align-items:center}.monitor-filter input,.monitor-filter select{height:36px;padding:0 11px;border:1px solid var(--border);border-radius:7px;background:#fff}.monitor-filter input{width:250px}.monitor-filter>span{margin-left:auto;color:var(--muted);font-size:11px}.legend span{display:flex;align-items:center;gap:4px}.legend i{width:9px;height:9px;border-radius:3px}.legend .idle,.slot.idle{background:#e0f5ee}.legend .busy,.slot.busy{background:#e5ebff}.legend .offline,.slot.offline{background:#edf0f4}.legend .consumable,.slot.consumable{background:#fff0d7}.legend .abnormal,.slot.abnormal{background:#ffe1e6}.chassis-list{display:grid;gap:15px}.chassis-card>header{padding:16px 19px;display:flex;justify-content:space-between;border-bottom:1px solid var(--border)}.chassis-card h2{margin:0 0 5px;font-size:16px}.chassis-card header p{margin:0;color:var(--muted);font-size:11px}.box-counts{display:flex;align-items:center;gap:16px;color:#607087;font-size:11px}.box-counts .online{color:#098366}.box-counts .offline{color:#8791a3}.box-counts .danger{color:#d8455c}.slot-grid{padding:17px;display:grid;grid-template-columns:repeat(10,minmax(70px,1fr));gap:8px}.slot{height:67px;padding:7px;border:1px solid transparent;border-radius:8px;display:grid;text-align:left;color:#435069}.slot:hover{border-color:#7088e4;transform:translateY(-1px)}.slot b{font-size:11px}.slot small{overflow:hidden;text-overflow:ellipsis}.slot em{font-size:9px;font-style:normal}.slot.empty{color:#9aa3b2;background:#fafbfc;border:1px dashed #d8dee8}.slot.busy{color:#3154ca}.slot.offline{color:#8a93a2}.slot.consumable{color:#ae700d}.slot.abnormal{color:#c63d53}.slot.paused,.slot.rebooting,.slot.inspecting{background:#eee9ff;color:#7354bd}.drawer-mask{position:fixed;z-index:30;inset:0;background:#17213b55;display:flex;justify-content:flex-end}.device-drawer{width:440px;height:100%;padding:23px;background:#fff;box-shadow:-12px 0 35px #17213b25}.device-drawer>header,.modal>header{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:17px}.device-drawer h2,.modal h2{margin:5px 0 0}.device-drawer header button,.modal header button{border:0;background:none;font-size:24px}.device-drawer dl{display:grid;grid-template-columns:130px 1fr;margin:22px 0}.device-drawer dt,.device-drawer dd{padding:11px 0;border-bottom:1px solid #edf0f4;font-size:12px}.device-drawer dt{color:var(--muted)}.device-drawer dd{margin:0}.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.command-grid button{height:38px;border:1px solid var(--border);border-radius:7px;color:#4e5a70;background:#fff}.command-grid .danger-button{color:#cf4057;border-color:#f2bdc6}.tag{display:inline-flex;padding:4px 8px;border-radius:12px;font-size:10px;font-style:normal}.tag.idle{color:#087e61;background:#dcf5ed}.tag.busy{color:#3454c4;background:#e4eaff}.tag.waiting{color:#3159c9;background:#eaf0ff}.tag.paused{color:#7652b4;background:#eee8fb}.tag.abnormal{color:#c83b52;background:#ffe3e8}.tag.consumable{color:#a86908;background:#ffedce}.queue-no{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;color:#3157d1;background:#e8edff;font-weight:700}.subline{display:block;margin-top:5px;color:var(--muted);font-size:10px}.progress{width:130px;height:6px;margin-bottom:5px;border-radius:4px;background:#e7ebf3;overflow:hidden}.progress i{display:block;height:100%;background:#4769e5}.success-text{color:#079875}.danger-text{color:#d7435b!important}.page-note{color:var(--muted);font-size:11px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.template-card{padding:19px}.template-card header,.template-card footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.template-card h2{margin:18px 0 10px;font-size:16px}.template-card>p{height:72px;margin:0;color:#616d83;font-size:12px;line-height:1.7;overflow:hidden}.template-card footer{padding-top:15px;border-top:1px solid var(--border)}.modal{width:560px;margin:auto;padding:24px;border-radius:13px;background:#fff}.modal>label{display:grid;gap:7px;margin-top:17px;color:#536077;font-size:12px}.modal input,.modal textarea{padding:11px;border:1px solid var(--border);border-radius:7px;resize:vertical}.modal>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.button-link{display:inline-flex;align-items:center;text-decoration:none}.inline-actions{display:flex;align-items:center;gap:10px}.page-notice{margin:0;padding:10px 18px;color:#3159a8;background:#edf3ff;font-size:12px}.modal select,.modal input,.modal textarea{width:100%;padding:10px 12px;border:1px solid #d8deea;border-radius:7px;background:#fff;outline:none}.modal textarea{resize:vertical}.modal label{display:grid;gap:7px}.consumable-history{margin-top:18px}.provision-panel{max-width:760px}.provision-panel form{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.provision-panel label{display:grid;gap:7px;color:#59657a;font-size:12px}.provision-panel input,.provision-panel select{height:40px;padding:0 11px;border:1px solid #d8deea;border-radius:7px;background:#fff}.provision-panel button,.provision-panel .form-error{grid-column:1/-1}.secret-panel{max-width:760px;margin-top:18px;padding:24px}.secret-panel h2{margin:0}.secret-panel>p{color:#b15316}.secret-panel dl{display:grid;grid-template-columns:110px 1fr}.secret-panel dt,.secret-panel dd{margin:0;padding:10px;border-bottom:1px solid #edf0f5}.secret-value{font-family:ui-monospace,monospace;word-break:break-all;color:#2446bd}.monitor-pagination{padding:18px;display:flex;align-items:center;justify-content:center;gap:14px;color:#69758b;font-size:12px}.monitor-pagination button:disabled{opacity:.45;cursor:not-allowed}.import-report{min-height:45px;margin-bottom:14px;padding:0 15px;display:flex;align-items:center;gap:18px;border:1px solid #bde8d9;border-radius:9px;color:#31705e;background:#ecfaf5;font-size:11px}.import-report b{color:#087e61}.import-report button{margin-left:auto;border:0;background:none}.dragging{opacity:.45}.modal select{height:40px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:#fff}.modal label small{color:var(--muted)}