:root{--primary-color:#00b4ff;--secondary-color:#12263a;--bg-color:#0a1a2e;--text-color:#fff;--border-color:#1e3a5f;--success-color:#4caf50;--warning-color:#ff9800;--info-color:#8b9dc7}*{margin:0;box-sizing:border-box;font-family:Microsoft YaHei,PingFang SC,sans-serif}*,body{padding:0}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;overflow:hidden}.header{text-align:center;color:var(--primary-color);text-shadow:0 0 0 rgba(0,180,255,.5);font-size:1.8rem;font-weight:700;letter-spacing:1px}.container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;width:100%;overflow:auto}.island{border-radius:10px;box-shadow:0 10px 10px rgba(0,0,0,.3);border:1px solid var(--border-color);height:245px;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;background:#1a3a6e}.island-header{font-size:1.6rem;color:var(--primary-color);text-align:center;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600;height:30px;line-height:30px;margin-left:10px;margin-right:10px;margin-bottom:5px}.island-content{display:flex;flex-direction:row;flex:1}.job-card{background:#1e3a5f;border-radius:5px;padding:5px;width:200px;height:200px;margin:0 3px;border:1px solid var(--border-color);overflow:hidden}.job-card,.progress-container{display:flex;flex-direction:column;position:relative}.progress-container{width:100%;height:130px;justify-content:center;align-items:flex-start;padding-left:20px}.progress-ring{width:70px;height:70px}.progress-ring-fill{position:absolute;stroke:#8b9dc7;stroke-width:8;stroke-linecap:round;fill:transparent;transition:stroke-dashoffset .5s ease,stroke .5s ease}.progress-ring-fill.active{stroke:#00b4ff}.progress-text{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);font-size:.9rem;font-weight:700;color:var(--text-color)}.progress-bar-container{width:170px;height:10px;background-color:#8b9dc7;border-radius:5px;margin-top:65px;margin-left:-10px;overflow:hidden}.progress-bar-fill{height:10px;background-color:#4caf50;width:0;transition:width .5s ease,background-color .5s ease;border-radius:5px;background-color:#00f}.progress-bar-fill.paused,.progress-bar-fill.working{background-color:#4caf50}.progress-bar-fill.completed{background-color:#8b9dc7}.progress-bar-text{position:absolute;margin-left:100px;margin-top:-60px;font-size:1.1rem;color:red}.job-info{flex-direction:column}.info-row,.job-info{justify-content:space-between}.info-row{font-size:1.2rem;line-height:1.4}.info-load1{font-size:1.5rem;text-align:center;margin-top:5px;margin-bottom:5px}.info-load2{margin-bottom:2px;letter-spacing:2.5px;white-space:nowrap}.info-load2,.info-load3{position:relative;font-size:1.2rem;text-align:center;margin-left:-10px}.info-load3{margin-bottom:-2px}.info-load4,.info-load5{position:relative;font-size:1.2rem;text-align:center;margin-left:-10px;margin-bottom:-2px}.info-load5,.info-load6{letter-spacing:2.5px}.info-load6{position:relative;font-size:1.2rem;margin-left:-10px;text-align:center}.info-load7{position:absolute;margin-top:215px}.info-load7 span{margin:0 8px}.info-load{font-size:1.2rem;text-align:center;margin-bottom:5px;margin-top:-60px;margin-left:-60px}.info-label{color:var(--info-color)}.info-value{color:var(--text-color);overflow:hidden;white-space:nowrap;text-align:left;font-size:15px}.status-badge{position:absolute;top:5px;right:5px;padding:2px 6px;border-radius:5px;font-size:.9rem;font-weight:700;background:rgba(0,180,255,.2);color:#fff}.station-icon{width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:50%}.waiting-count{font-size:2rem}.job-loadstatus{position:absolute;width:170px;height:100px;margin-top:130px;text-align:center}.job-status{font-weight:700;font-size:1.5rem}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes pulseScale{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1.15)}}.status-working{animation:pulseScale 1.5s infinite;background-color:green}.status-paused{background-color:red}.status-stop{background-color:#e9ecef}.status-idle{background-color:#8b9dc7}.waiting-0{color:#4caf50;background:rgba(76,175,80,.1)}.waiting-1{color:#ff9800;background:rgba(255,152,0,.1);animation:pulse 1.5s infinite}.station-free{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%234CAF50"><path d="M18 10a1 1 0 0 1-1 1H7a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1zm-7 4H7a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2zm8-8H5a1 1 0 0 0-1 1v12a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a1 1 0 0 0-1-1zm-1 12a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V8h12v10z"/></svg>')}.station-busy{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23FF9800"><path d="M19 7h-1V6a3 3 0 0 0-3-3H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zM5 5h10a1 1 0 0 1 1 1v1H5a1 1 0 0 1 0-2zm12 12H7a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z"/></svg>')}@media (max-width:800px){.container{grid-template-columns:1fr;grid-template-rows:auto}.island,.job-card{height:auto}}