*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:linear-gradient(135deg,#0a1628 0%,#1a2a4a 50%,#0d1b2a 100%);width:100%;height:100%;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}:root{--primary-color:#00d4ff;--secondary-color:#09c;--success-color:#0f8;--warning-color:#fa0;--danger-color:#f44;--bg-dark:#0a1628;--bg-panel:#101e32d9;--border-color:#00d4ff4d;--text-primary:#fff;--text-secondary:#ffffffb3}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--primary-color)}50%{box-shadow:0 0 20px var(--primary-color), 0 0 30px var(--primary-color)}}@keyframes slideIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel{background:var(--bg-panel);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px}.panel-header{border-bottom:1px solid var(--border-color);color:var(--primary-color);align-items:center;gap:8px;padding:12px 16px;font-weight:600;display:flex}.status-indicator{border-radius:50%;width:8px;height:8px;display:inline-block}.status-running{background:var(--success-color);box-shadow:0 0 8px var(--success-color)}.status-warning{background:var(--warning-color);box-shadow:0 0 8px var(--warning-color)}.status-error{background:var(--danger-color);box-shadow:0 0 8px var(--danger-color)}.status-idle{background:#888}.btn{border:1px solid var(--border-color);color:var(--primary-color);cursor:pointer;background:#00d4ff1a;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .3s}.btn:hover{background:#00d4ff33;box-shadow:0 0 10px #00d4ff4d}.btn-primary{background:var(--primary-color);color:#000;border:none}.btn-primary:hover{background:var(--secondary-color)}.quality-correlation-panel{color:#e0e6ed;background:linear-gradient(135deg,#0a1428fa,#050f1efa);border-radius:12px;flex-direction:column;gap:16px;min-height:600px;padding:16px;display:flex}.quality-correlation-panel.empty{justify-content:center;align-items:center;display:flex}.empty-state{text-align:center;color:#ffffff80}.empty-state svg{opacity:.4;margin-bottom:16px}.empty-state p{margin:0 0 8px;font-size:18px}.empty-state span{opacity:.7;font-size:14px}.prediction-card,.heatmap-card,.influence-card,.scatter-card,.radar-card{background:#14284699;border:1px solid #00d4ff33;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0d}.card-header,.prediction-header{color:#00d4ff;background:#00d4ff1a;border-bottom:1px solid #00d4ff26;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.prediction-card{border-color:#00ff884d;box-shadow:0 0 20px #00ff881a}.prediction-header{color:#0f8;background:#00ff881a;border-bottom-color:#0f83}.prediction-content{flex-wrap:wrap;align-items:center;gap:24px;padding:20px;display:flex}.grade-section{text-align:center}.grade-badge{border:3px solid;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:8px;font-size:36px;font-weight:700;display:flex;box-shadow:0 0 20px}.grade-label{color:#fff9;font-size:12px}.pass-rate-section{text-align:center}.ring-progress{width:80px;height:80px;margin-bottom:8px;position:relative}.ring-progress svg{width:100%;height:100%;transform:rotate(0)}.ring-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-value{color:#fff;font-size:20px;font-weight:700}.ring-unit,.pass-rate-label{color:#fff9;font-size:12px}.confidence-section{flex:1;min-width:150px}.confidence-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden}.confidence-text{color:#fff9;font-size:12px}.confidence-text span{color:#00d4ff;font-weight:500}.prediction-summary{color:#ffffffe6;background:#00ff881a;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.risk-factors{border-top:1px solid #ffffff1a;padding:16px}.risk-header{color:#fa0;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.risk-list{flex-direction:column;gap:8px;display:flex}.risk-item{background:#0003;border-radius:6px;align-items:center;gap:12px;padding:8px 12px;font-size:12px;display:flex}.risk-badge{color:#fff;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500}.risk-name{color:#ffffffe6;flex:1}.risk-value,.risk-range{color:#fff9;white-space:nowrap}.risk-value{min-width:80px}.correlation-main{grid-template-rows:auto auto;grid-template-columns:1fr 350px;gap:16px;display:grid}.heatmap-card{grid-row:span 2}.heatmap-container{padding:16px}.heatmap-grid{gap:2px;display:grid}.heatmap-cell{justify-content:center;align-items:center;min-height:36px;font-size:11px;display:flex;position:relative}.heatmap-cell.header{color:#ffffffb3;background:#0000004d;font-weight:500}.heatmap-cell.corner{background:0 0}.heatmap-cell.col-header{writing-mode:vertical-lr;min-height:80px;padding:8px 4px;transform:rotate(180deg)}.heatmap-cell.row-header{text-align:right;justify-content:flex-end;padding-right:10px}.heatmap-cell.data{cursor:pointer;border-radius:4px;transition:transform .15s,box-shadow .15s}.heatmap-cell.data:hover{z-index:10;transform:scale(1.1);box-shadow:0 0 10px #00000080}.coef-value{color:#000c;text-shadow:0 0 2px #ffffff80;font-weight:600}.significance-star{color:gold;text-shadow:0 0 4px gold;font-size:10px;position:absolute;top:2px;right:3px}.heatmap-legend{color:#fff9;justify-content:center;align-items:center;gap:10px;margin-top:16px;font-size:11px;display:flex}.legend-gradient{background:linear-gradient(90deg,#3769ff 0%,#fff 50%,#ff3737 100%);border-radius:3px;width:150px;height:12px}.influence-card{flex-direction:column;max-height:300px;display:flex;overflow:hidden}.influence-list{flex-direction:column;flex:1;gap:10px;padding:12px 16px;display:flex;overflow-y:auto}.influence-item{align-items:center;gap:10px;display:flex}.influence-name{color:#fffc;white-space:nowrap;text-overflow:ellipsis;width:80px;font-size:12px;overflow:hidden}.influence-bar-container{background:#ffffff1a;border-radius:3px;flex:1;height:16px;overflow:hidden}.influence-bar{border-radius:3px;height:100%;transition:width .5s;box-shadow:0 0 8px}.influence-score{text-align:right;color:#ffffffe6;justify-content:flex-end;align-items:center;gap:4px;width:50px;font-size:12px;font-weight:600;display:flex}.direction{font-size:14px}.direction.positive{color:#0f8}.direction.negative{color:#f44}.scatter-card{flex-direction:column;display:flex}.scatter-selector{align-items:center;margin-left:auto;display:flex;position:relative}.scatter-selector select{appearance:none;color:#fffc;cursor:pointer;background:#0000004d;border:1px solid #00d4ff4d;border-radius:4px;padding:4px 24px 4px 10px;font-size:11px}.scatter-selector select:focus{border-color:#00d4ff;outline:none}.scatter-selector svg{pointer-events:none;color:#ffffff80;position:absolute;right:6px}.scatter-content{flex:1;min-height:200px;padding:12px;position:relative}.scatter-svg{width:100%;height:100%}.r2-badge{color:#ff6b6b;background:#ff6b6b33;border:1px solid #ff6b6b66;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;top:20px;right:20px}.radar-card{margin-top:0}.radar-content{align-items:center;gap:24px;padding:20px;display:flex}.radar-svg{flex-shrink:0;width:200px;height:200px}.radar-legend{flex-wrap:wrap;flex:1;gap:8px 16px;display:flex}.radar-legend-item{align-items:center;gap:6px;min-width:140px;font-size:12px;display:flex}.legend-dot{background:#00d4ff;border-radius:50%;width:8px;height:8px}.legend-name{color:#fffc}.legend-value{color:#00d4ff;margin-left:auto;font-weight:500}@media (width<=1200px){.correlation-main{grid-template-columns:1fr}.heatmap-card{grid-row:auto}.prediction-content{flex-wrap:wrap;justify-content:center}}@media (width<=768px){.quality-correlation-panel{padding:12px}.radar-content{flex-direction:column}.risk-item{flex-wrap:wrap}.risk-value,.risk-range{width:100%;margin-left:70px}}.influence-list::-webkit-scrollbar{width:4px}.influence-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.influence-list::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}.influence-list::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.optimization-panel{color:#e5e7eb;background:linear-gradient(135deg,#101828f2,#0a121efa);border:1px solid #00d4ff26;border-radius:12px;flex-direction:column;gap:24px;min-height:600px;padding:20px;display:flex;box-shadow:0 4px 24px #0006}.optimization-panel.empty-state{color:#fff6;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.panel-header{color:#00d4ff;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;padding-bottom:16px;font-size:18px;font-weight:600;display:flex}.current-assessment{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:16px}.assessment-header{color:#ffffffb3;margin-bottom:16px;padding-left:4px;font-size:14px;font-weight:500}.assessment-content{grid-template-columns:auto 1fr auto;align-items:center;gap:24px;display:grid}.radar-section{justify-content:center;align-items:center;display:flex}.radar-chart{filter:drop-shadow(0 0 8px #00d4ff4d)}.overall-score-section{flex-direction:column;align-items:center;gap:12px;display:flex}.overall-score{flex-direction:column;align-items:center;display:flex}.score-value{color:#00d4ff;text-shadow:0 0 20px #00d4ff80;font-size:56px;font-weight:700;line-height:1}.score-label{color:#fff9;margin-top:4px;font-size:14px}.trend-badge{background:#0000004d;border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.score-cards{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.score-card{background:#00000040;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;transition:all .2s;display:flex}.score-card:hover{background:#00000059;border-color:#00d4ff4d}.score-icon{background:#ffffff14;border-radius:6px;padding:6px}.score-icon.quality{color:#3b82f6}.score-icon.efficiency{color:#22c55e}.score-icon.energy{color:#f97316}.score-icon.cost{color:#a855f7}.score-info{flex-direction:column;gap:2px;display:flex}.score-name{color:#ffffff80;font-size:12px}.score-num{color:#fff;font-size:18px;font-weight:600}.suggestions-section{flex:1}.section-header{color:#ffffffd9;align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:500;display:flex}.suggestions-list{flex-direction:column;gap:16px;display:flex}.no-suggestions{text-align:center;color:#fff6;padding:40px}.suggestion-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:16px;transition:all .25s}.suggestion-card:hover{border-color:#00d4ff59;transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff26}.suggestion-header{margin-bottom:16px}.suggestion-tags{gap:10px;margin-bottom:10px;display:flex}.type-tag{color:#fff;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500}.priority-tag{background:0 0;border:1px solid;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500}.suggestion-title{color:#fff;margin-bottom:6px;font-size:16px;font-weight:600}.suggestion-desc{color:#fff9;font-size:13px;line-height:1.5}.adjustment-table{background:#0003;border-radius:8px;margin-bottom:16px;overflow:hidden}.table-header,.table-row{grid-template-columns:2fr 1.5fr 1.5fr 1fr;padding:10px 14px;display:grid}.table-header{color:#ffffffb3;background:#00d4ff1a;border-bottom:1px solid #ffffff1a;font-size:12px;font-weight:500}.table-row{border-bottom:1px solid #ffffff0d;font-size:13px}.table-row:last-child{border-bottom:none}.param-name{color:#fff}.param-current{color:#fff9}.param-recommend{color:#00d4ff;font-weight:500}.param-change{text-align:right;font-weight:600}.expected-outcome{margin-bottom:16px}.outcome-title{color:#fff9;margin-bottom:10px;font-size:12px;font-weight:500}.outcome-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.outcome-item{text-align:center;background:#0003;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;display:flex}.outcome-item svg{color:#ffffff80}.outcome-item span:nth-child(2){color:#ffffff80;font-size:11px}.outcome-value{font-size:14px;font-weight:600}.outcome-value.positive{color:#22c55e}.confidence-risk{background:#00000026;border-radius:8px;flex-direction:column;gap:12px;margin-bottom:12px;padding:12px;display:flex}.confidence-bar{align-items:center;gap:12px;display:flex}.confidence-label{color:#fff9;min-width:50px;font-size:12px}.confidence-track{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.confidence-fill{background:linear-gradient(90deg,#00d4ff,#0f8);border-radius:3px;height:100%;transition:width .3s}.confidence-value{color:#00d4ff;text-align:right;min-width:40px;font-size:13px;font-weight:600}.risk-indicator{align-items:center;gap:8px;font-size:13px;display:flex}.risk-desc{color:#ffffff80;margin-left:4px;font-size:12px}.implementation-notes{border-top:1px solid #ffffff14;padding-top:12px}.notes-toggle{color:#fff9;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:13px;transition:color .2s;display:flex}.notes-toggle:hover{color:#00d4ff}.notes-content{color:#ffffffb3;background:#00d4ff0d;border-left:3px solid #00d4ff66;border-radius:6px;margin-top:10px;padding:12px;font-size:13px;line-height:1.6}.comparison-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:16px}.comparison-table-wrapper{overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%;font-size:13px}.comparison-table th,.comparison-table td{text-align:center;border-bottom:1px solid #ffffff14;padding:12px 16px}.comparison-table th{color:#00d4ff;white-space:nowrap;background:#00d4ff1a;font-weight:500}.comparison-table th:first-child{text-align:left}.comparison-table td{color:#fffc}.comparison-table td.metric-name{text-align:left;color:#fff9}.comparison-table td.best-value{color:#22c55e;font-weight:600;position:relative}.comparison-table td.best-value:after{content:"★";color:#fbbf24;margin-left:6px;font-size:10px;position:absolute;top:50%;transform:translateY(-50%)}.comparison-table tbody tr:hover{background:#ffffff08}.comparison-table tbody tr:last-child td{border-bottom:none}@media (width<=900px){.assessment-content{grid-template-columns:1fr;gap:20px}.score-cards{grid-template-columns:repeat(4,1fr)}.outcome-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.optimization-panel{padding:14px}.score-cards{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{grid-template-columns:1.5fr 1fr 1fr .8fr;padding:8px 10px;font-size:11px}.outcome-grid{grid-template-columns:repeat(2,1fr)}}.app{width:100vw;height:100vh;position:relative;overflow:hidden}.scene-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.dashboard{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.dashboard>*{pointer-events:auto}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#0a1628fa 0%,#102846f2 50%,#0a1628fa 100%);border-bottom:2px solid #00d4ff66;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 4px 20px #0000004d}.header-left{align-items:center;gap:12px;display:flex}.dashboard-header h1{color:#00d4ff;text-shadow:0 0 15px #00d4ff99;letter-spacing:1px;margin:0;font-size:22px;font-weight:700}.subtitle{color:#fff9;background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:12px;padding:2px 10px;font-size:12px}.header-stats{gap:32px;display:flex}.stat-item{color:#ffffffe6;align-items:center;gap:10px;display:flex}.stat-item svg{color:#00d4ff;filter:drop-shadow(0 0 5px #00d4ff80)}.stat-info{flex-direction:column;align-items:flex-start;display:flex}.stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.stat-item.highlight .stat-value{color:#0f8;text-shadow:0 0 10px #00ff8880}.dashboard-sidebar{width:360px;position:absolute;top:86px;bottom:80px;overflow-y:auto}.dashboard-sidebar.left{left:16px}.dashboard-sidebar.right{right:16px}.panel-tabs{gap:8px;margin-bottom:12px;display:flex}.panel-tab{color:#ffffffb3;cursor:pointer;background:#101e32cc;border:1px solid #00d4ff33;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;transition:all .3s;display:flex}.panel-tab:hover{background:#00d4ff1a;border-color:#00d4ff66}.panel-tab.active{color:#00d4ff;background:#00d4ff33;border-color:#00d4ff;box-shadow:0 0 15px #00d4ff4d}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101e32e6;border:1px solid #00d4ff4d;border-radius:8px;overflow:hidden}.panel-header{color:#00d4ff;background:#00d4ff1a;border-bottom:1px solid #00d4ff33;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.panel-content{padding:16px}.equipment-list{flex-direction:column;gap:10px;padding:12px;display:flex}.equipment-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:14px;transition:all .3s}.equipment-card:hover{background:#00d4ff14;border-color:#00d4ff4d;transform:translate(4px)}.equipment-card.selected{background:#00d4ff1f;border-color:#00d4ff;box-shadow:0 0 15px #00d4ff40}.card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.equipment-icon{color:#00d4ff;background:#00d4ff26;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.equipment-name{color:#fffffff2;flex:1;font-size:13px;font-weight:600}.card-metrics{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.metric{color:#ffffffb3;background:#0003;border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;display:flex}.metric svg{color:#00d4ff}.metric.quality{color:#0f8;background:#00ff881a}.metric.quality svg{color:#0f8}.efficiency-bar{background:#ffffff14;border-radius:3px;height:6px;margin-bottom:8px;position:relative;overflow:hidden}.efficiency-fill{background:linear-gradient(90deg,#00d4ff,#0f8);border-radius:3px;height:100%;transition:width .5s}.efficiency-bar span{color:#ffffff80;font-size:10px;position:absolute;top:-18px;right:0}.output-info{color:#ffffff80;text-align:right;font-size:11px}.digital-twin-btn{color:#00d4ff;cursor:pointer;background:linear-gradient(135deg,#00d4ff33,#00ff881a);border:1px solid #00d4ff66;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:10px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.digital-twin-btn:hover{background:linear-gradient(135deg,#00d4ff4d,#0f83);transform:translateY(-1px);box-shadow:0 0 15px #00d4ff4d}.description{color:#ffffffb3;margin-bottom:16px;font-size:13px;line-height:1.6}.section{margin-bottom:16px}.section h4{color:#00d4ff;margin-bottom:12px;font-size:13px;font-weight:500}.parameters-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.parameter-item{background:#ffffff0d;border-radius:4px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.param-name{color:#ffffff80;font-size:11px}.specs-list{flex-direction:column;gap:6px;display:flex}.spec-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.spec-name{color:#fff9}.spec-value{color:#ffffffe6}.trend-chart{background:#0000004d;border-radius:4px;height:60px;padding:8px}.trend-svg{width:100%;height:100%}.stats-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.stat-card{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:16px 12px;transition:all .3s}.stat-card:hover{background:#00d4ff0d;border-color:#00d4ff33}.stat-icon{color:#00d4ff;margin-bottom:8px}.stat-label{color:#ffffff80;margin-bottom:6px;font-size:11px}.stat-value{color:#00d4ff;font-size:24px;font-weight:700}.stat-value small{color:#ffffff80;margin-left:2px;font-size:12px;font-weight:400}.stat-value.good{color:#0f8}.stat-value.warning{color:#fa0}.charts-section{flex-direction:column;gap:16px;margin-top:16px;display:flex}.chart-container{background:#0003;border:1px solid #ffffff0d;border-radius:8px;padding:12px}.chart-header{color:#fffc;border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;font-size:13px;display:flex}.chart-header svg{color:#00d4ff}.chart-body{width:100%}.alarm-list{flex-direction:column;gap:8px;display:flex}.alarm-item{background:#ffffff0d;border-radius:6px;gap:10px;padding:10px;display:flex}.alarm-item.error{background:#ff44441a;border-left:3px solid #f44}.alarm-item.warning{background:#ffaa001a;border-left:3px solid #fa0}.alarm-item.info{background:#00d4ff1a;border-left:3px solid #00d4ff}.alarm-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.alarm-content{flex:1}.alarm-message{color:#ffffffe6;margin-bottom:4px;font-size:12px}.quality-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101e32e6;border:1px solid #00d4ff4d;border-radius:8px;overflow:hidden}.quality-badge{border-radius:12px;align-items:center;gap:6px;margin-left:auto;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.quality-badge.pass{color:#0f8;background:#0f83}.quality-badge.fail{color:#f44;background:#f443}.quality-info{border-bottom:1px solid #ffffff1a;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;padding-bottom:16px;display:grid}.info-row{align-items:center;gap:8px;font-size:12px;display:flex}.info-label{color:#ffffff80;align-items:center;gap:4px;display:flex}.info-value{color:#ffffffe6;font-weight:500}.quality-tabs{gap:8px;margin-bottom:16px;display:flex}.tab{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;transition:all .3s;display:flex}.tab:hover{background:#00d4ff1a;border-color:#00d4ff4d}.tab.active{color:#00d4ff;background:#00d4ff33;border-color:#00d4ff}.dimension-table{overflow-x:auto}.dimension-table table{border-collapse:collapse;width:100%;font-size:12px}.dimension-table th,.dimension-table td{text-align:left;border-bottom:1px solid #ffffff1a;padding:8px}.dimension-table th{color:#fff9;background:#0003;font-weight:500}.dimension-table td{color:#ffffffe6}.status-tag{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.status-tag.合格{color:#0f8;background:#0f83}.status-tag.超差{color:#f44;background:#f443}.mechanical-data,.metallographic-data{flex-direction:column;gap:12px;display:flex}.mech-item,.meta-item{background:#ffffff08;border-radius:6px;justify-content:space-between;align-items:center;padding:12px;display:flex}.mech-label,.meta-label{color:#fff9;font-size:12px}.mech-value,.meta-value{color:#00d4ff;font-size:16px;font-weight:600}.mech-standard,.meta-standard{color:#fff6;font-size:11px}.dashboard-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1628fa;border-top:2px solid #00d4ff4d;align-items:center;height:60px;display:flex;position:absolute;bottom:0;left:0;right:0}.alarm-bar{align-items:center;gap:24px;width:100%;padding:0 24px;display:flex}.alarm-label{color:#00d4ff;white-space:nowrap;border-right:1px solid #ffffff1a;align-items:center;gap:8px;padding-right:24px;font-size:13px;font-weight:600;display:flex}.alarm-scroll{flex:1;gap:16px;display:flex;overflow:hidden}.alarm-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;animation:.5s fadeIn;display:flex}.alarm-badge.error{color:#f44;background:#ff444426;border:1px solid #ff44444d}.alarm-badge.warning{color:#fa0;background:#ffaa0026;border:1px solid #ffaa004d}.alarm-badge.normal{color:#0f8;background:#00ff8826;border:1px solid #00ff884d}.process-flow-container{z-index:10;width:800px;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}.process-flow-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101e32f2;border:1px solid #00d4ff4d;border-radius:8px;overflow:hidden}.process-flow-content{padding:16px 24px}.process-timeline{justify-content:space-between;align-items:center;display:flex}.process-step{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.step-connector{align-items:center;display:flex;position:relative}.step-dot{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.process-step.completed .step-dot{background:#0f83;border-color:#0f8}.process-step.active .step-dot{background:#00d4ff33;border-color:#00d4ff;animation:2s infinite pulse;box-shadow:0 0 10px #00d4ff80}.status-icon{color:#ffffff80}.status-icon.completed{color:#0f8}.status-icon.active{color:#00d4ff}.step-arrow{color:#ffffff4d;position:absolute;right:-20px}.step-info{text-align:center}.step-name{color:#ffffffe6;margin-bottom:2px;font-size:12px}.step-duration{color:#ffffff80;font-size:11px}.digital-twin-modal{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.digital-twin-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;position:absolute;inset:0}.digital-twin-content{background:linear-gradient(135deg,#0a1628 0%,#1a2a4a 100%);border:2px solid #00d4ff66;border-radius:12px;flex-direction:column;width:90vw;height:85vh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #00d4ff4d}.digital-twin-header{background:#00d4ff1a;border-bottom:1px solid #00d4ff4d;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-title{align-items:center;gap:12px;display:flex}.header-title h2{color:#00d4ff;margin:0;font-size:20px;font-weight:700}.header-title .subtitle{color:#ffffff80;border-left:1px solid #fff3;margin-left:12px;padding-left:12px;font-size:12px}.digital-twin-status{align-items:center;gap:16px;display:flex}.status-item{color:#ffffffb3;background:#0000004d;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.status-item svg{color:#0f8}.close-btn{color:#f44;cursor:pointer;background:#f443;border:1px solid #f446;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .3s;display:flex}.close-btn:hover{background:#ff44444d}.digital-twin-tabs{background:#0003;border-bottom:1px solid #ffffff1a;flex-wrap:wrap;gap:8px;padding:12px 24px;display:flex}.dt-tab{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;transition:all .3s;display:flex}.dt-tab:hover{background:#00d4ff1a;border-color:#00d4ff4d}.dt-tab.active{color:#00d4ff;background:#00d4ff33;border-color:#00d4ff;box-shadow:0 0 15px #00d4ff4d}.digital-twin-body{flex:1;padding:20px 24px;overflow-y:auto}.dt-panel{height:100%}.dt-process-layout{grid-template-columns:1fr 1.5fr;gap:16px;height:calc(100% - 80px);margin-top:16px;display:grid}.dt-split-layout{grid-template-columns:35% 65%;gap:0;height:100%;display:grid}.dt-persistent-3d{background:#050c19cc;border-right:1px solid #00d4ff26;flex-direction:column;display:flex;overflow:hidden}.dt-persistent-3d .dt-3d-header{color:#00d4ff;background:#00d4ff0d;border-bottom:1px solid #00d4ff26;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.dt-persistent-3d .dt-3d-viewport{flex:1;min-height:400px}.dt-tab-content{height:100%;padding:16px;overflow-y:auto}.dt-3d-mapping{background:#0a162880;border:1px solid #00d4ff33;border-radius:8px;flex-direction:column;min-height:400px;display:flex;overflow:hidden}.dt-3d-header{color:#00d4ff;background:#00d4ff0d;border-bottom:1px solid #00d4ff26;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.dt-3d-viewport{flex:1;min-height:350px;position:relative}.dt-process-info{max-height:calc(100vh - 260px);overflow-y:auto}.dt-process-info::-webkit-scrollbar{width:6px}.dt-process-info::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.dt-process-info::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}.dt-process-info::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.dt-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.dt-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;overflow:hidden}.dt-card.wide{grid-column:span 2}.dt-card-header{color:#00d4ff;background:#00d4ff1a;border-bottom:1px solid #00d4ff33;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.dt-card-content{padding:16px}.process-gauge:last-child{margin-bottom:0}.gauge-value{margin-bottom:6px;font-size:20px;font-weight:700}.gauge-value small{color:#ffffff80;font-size:12px;font-weight:400}.gauge-bar{position:relative}.gauge-track{background:#ffffff1a;border-radius:4px;height:8px;position:relative}.gauge-target{background:#fa0;border-radius:2px;width:4px;height:12px;position:absolute;top:-2px;transform:translate(-50%)}.gauge-range{color:#fff6;justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.temp-indicator{text-align:center}.temp-value{margin-bottom:8px;font-size:32px;font-weight:700}.temp-bar{background:#ffffff1a;border-radius:5px;height:10px;margin-bottom:8px;overflow:hidden}.temp-fill{border-radius:5px;height:100%;transition:all .5s}.temp-range{color:#ffffff80;font-size:11px}.billet-info{flex-direction:column;gap:8px;display:flex}.info-row{background:#0003;border-radius:4px;justify-content:space-between;padding:8px 12px;font-size:12px;display:flex}.info-row span:first-child{color:#ffffff80}.info-row span:last-child{color:#ffffffe6;font-weight:500}.die-temp-item{background:#0003;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.temp-value{color:#ff6b6b;font-weight:600}.gap-value,.wear-value{color:#00d4ff;font-weight:600}.quality-badge-large{text-shadow:0 0 20px;margin-bottom:16px;font-size:48px;font-weight:700}.quality-params{flex-direction:column;gap:10px;display:flex}.quality-param{background:#0003;border-radius:6px;justify-content:space-between;padding:10px 12px;font-size:13px;display:flex}.quality-param span:last-child{color:#0f8;font-weight:600}.screw-position{text-align:center}.position-value{color:#00d4ff;margin-bottom:16px;font-size:28px;font-weight:700}.position-visual{justify-content:center;align-items:center;gap:16px;display:flex}.position-bar{background:#ffffff1a;border-radius:20px;width:40px;height:150px;position:relative;overflow:hidden}.position-fill{background:linear-gradient(#00d4ff,#0f8);border-radius:20px;transition:height .3s;position:absolute;bottom:0;left:0;right:0}.position-marks{color:#ffffff80;flex-direction:column;justify-content:space-between;height:150px;font-size:11px;display:flex}.mechanism-param{background:#0003;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px;display:flex}.mechanism-param:last-child{margin-bottom:0}.param-value{color:#00d4ff;font-size:18px;font-weight:600}.brake-status{border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:18px;font-weight:600;display:flex}.brake-status.engaged{color:#f44;background:#f443}.brake-status.released{color:#0f8;background:#0f83}.brake-indicator{background:currentColor;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px}.die-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.die-card{flex-direction:column;display:flex}.life-badge{border-radius:12px;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:600}.life-badge.good{color:#0f8;background:#0f83}.life-badge.warning{color:#fa0;background:#fa03}.life-badge.danger{color:#f44;background:#f443}.life-progress{margin:12px 0}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#f44,#fa0,#0f8);border-radius:4px;height:100%;transition:width .5s}.wear-areas{margin-top:12px}.wear-areas h4{color:#fff9;margin-bottom:8px;font-size:12px}.wear-item{background:#0003;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px;font-size:12px;display:flex}.wear-item .status-tag{border-radius:4px;padding:2px 8px;font-size:11px}.wear-item.正常 .status-tag{color:#0f8;background:#0f83}.wear-item.注意 .status-tag{color:#fa0;background:#fa03}.wear-item.警告 .status-tag{color:#f44;background:#f443}.maintenance-info{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.maint-type{border-radius:4px;padding:2px 8px;font-size:11px}.maint-type.保养{color:#00d4ff;background:#00d4ff33}.maint-type.修复{color:#fa0;background:#fa03}.maint-type.更换{color:#f44;background:#f443}.radar-chart{height:250px}.prediction-item{align-items:center;gap:12px;margin-bottom:12px;display:flex}.prediction-item span:first-child{color:#fff9;width:80px;font-size:12px}.prediction-bar{background:#ffffff1a;border-radius:4px;flex:1;height:8px;overflow:hidden}.prediction-fill{background:linear-gradient(90deg,#00d4ff,#0f8);border-radius:4px;height:100%;transition:width .5s}.prediction-item span:last-child{text-align:right;color:#0f8;width:50px;font-size:13px;font-weight:600}.energy-chart{align-items:center;gap:24px;display:flex}.energy-legend{flex-direction:column;gap:8px;display:flex}.legend-item{align-items:center;gap:8px;font-size:12px;display:flex}.legend-color{border-radius:2px;width:12px;height:12px}.filter-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:8px 16px;font-size:12px;transition:all .3s}.filter-btn:hover{background:#00d4ff1a;border-color:#00d4ff4d}.knowledge-list{flex-direction:column;gap:12px;display:flex}.knowledge-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:16px}.knowledge-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.category-tag.工艺规范{color:#00d4ff;background:#00d4ff33}.category-tag.故障案例{color:#f44;background:#f443}.category-tag.优化建议{color:#0f8;background:#0f83}.category-tag.经验公式{color:#fa0;background:#fa03}.confidence{color:#ffffff80;font-size:11px}.source{color:#fff6;background:#0003;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:11px}.knowledge-item h4{color:#ffffffe6;margin-bottom:8px;font-size:14px}.knowledge-item p{color:#ffffffb3;margin-bottom:10px;font-size:13px;line-height:1.6}.conditions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.conditions span:first-child{color:#ffffff80;font-size:11px}.condition{color:#00d4ff;background:#00d4ff1a;border-radius:4px;padding:4px 10px;font-size:11px}@media (width<=1400px){.dashboard-sidebar{width:280px}.process-flow-container{width:700px}.digital-twin-content{width:95vw;height:90vh}.dt-grid{grid-template-columns:1fr}.dt-card.wide{grid-column:span 1}.die-grid{grid-template-columns:1fr}}@media (width<=1200px){.dashboard-sidebar.left{display:none}.process-flow-container{width:600px}}.kpi-bar{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.kpi-card{background:#00d4ff0d;border:1px solid #00d4ff26;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:120px;padding:8px 12px;display:flex}.kpi-icon{opacity:.85}.kpi-value{font-size:18px;font-weight:700;line-height:1}.kpi-label{color:#ffffff8c;margin-top:2px;font-size:11px}.kpi-sub{color:#fff6;font-size:10px}.process-gauge{margin-bottom:12px}.gauge-label{color:#fff9;margin-bottom:2px;font-size:11px}.gauge-value{font-size:16px;font-weight:600;line-height:1.2}.gauge-value small{opacity:.7;font-size:11px;font-weight:400}.gauge-bar-outer{background:#ffffff1a;border-radius:3px;height:6px;margin:4px 0;position:relative}.gauge-fill{background:linear-gradient(90deg,#06f,#00d4ff);border-radius:3px;height:100%;transition:width .5s}.gauge-target-line{background:#fa0;border-radius:1px;width:2px;height:12px;position:absolute;top:-3px;transform:translate(-50%)}.gauge-range-labels{color:#ffffff59;justify-content:space-between;font-size:10px;display:flex}.billet-status{flex-direction:column;gap:8px;display:flex}.temp-label{color:#ffffff8c;margin-bottom:4px;font-size:11px}.temp-value-big{font-size:26px;font-weight:700}.temp-bar-outer{background:#ffffff1a;border-radius:4px;height:8px;margin:6px 0;position:relative}.temp-bar-fill{border-radius:4px;height:100%;transition:width .5s}.temp-bar-min,.temp-bar-max{background:#ffffff80;width:2px;height:16px;position:absolute;top:-4px}.temp-window-label{color:#fff6;font-size:10px}.sep-line{background:#ffffff1a;height:1px;margin:4px 0}.die-temps{flex-direction:column;gap:5px;display:flex}.die-row{color:#ffffffb3;justify-content:space-between;font-size:12px;display:flex}.die-row span:last-child{font-weight:600}.quality-prediction{text-align:center}.quality-badge-large{filter:drop-shadow(0 0 20px);margin:8px 0;font-size:48px;font-weight:800;line-height:1}.quality-params{flex-direction:column;gap:6px;margin-top:10px;display:flex}.quality-param-row{color:#ffffffb3;background:#ffffff0a;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:12px;display:flex}.quality-param-row span:nth-child(2){font-weight:600}.window-bar-item{align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.window-label{color:#fff9;width:30px}.window-track{background:#ffffff12;border-radius:5px;flex:1;height:10px;position:relative}.window-range-zone{background:#00d4ff33;border:1px solid #00d4ff4d;border-radius:5px;height:100%;position:absolute;top:0}.window-cursor{border:2px solid #0a1628;border-radius:50%;width:12px;height:12px;transition:left .4s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px}.window-value-label{text-align:right;min-width:60px;font-weight:600}.window-status{border-radius:3px;padding:1px 6px;font-size:10px}.window-status.ok{color:#0f8;background:#00ff881a}.window-status.out{color:#f44;background:#ff44441a}.tab-badge{color:#fff;text-align:center;background:#f44;border-radius:8px;min-width:16px;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:700}.status-item.green{color:#0f8}.flywheel-panel{align-items:center;gap:16px;display:flex}.flywheel-visual{flex-shrink:0}.flywheel-params{flex-direction:column;flex:1;gap:6px;display:flex}.fly-row{color:#ffffffb3;border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.fly-val{color:#e0e0e0;font-weight:600}.screw-position{margin-bottom:12px}.pos-display{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.pos-label{color:#ffffff80;font-size:11px}.pos-value{color:#00d4ff;font-size:22px;font-weight:700}.pos-visual{gap:8px;height:100px;display:flex}.pos-track{background:#ffffff14;border-radius:8px;width:16px;position:relative}.pos-fill{background:linear-gradient(#00d4ff,#04a);border-radius:8px;transition:height .5s;position:absolute;bottom:0;left:0;right:0}.pos-indicator{background:#00d4ff;border-radius:3px;width:20px;height:6px;transition:bottom .5s;position:absolute;left:50%;transform:translate(-50%,50%);box-shadow:0 0 8px #00d4ff}.pos-scale{color:#fff6;flex-direction:column;justify-content:space-between;font-size:10px;display:flex}.mechanism-params{flex-direction:column;gap:6px;display:flex}.mechanism-param{background:#ffffff0a;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:12px;display:flex}.param-label{color:#fff9}.param-value{align-items:center;gap:4px;font-weight:600;display:flex}.param-value small{opacity:.7;font-size:10px;font-weight:400}.brake-status-panel{text-align:center;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:12px;padding:12px}.brake-status-panel.engaged{background:#00ff880f}.brake-status-panel.released{background:#ffffff08}.brake-icon{margin-bottom:6px}.brake-label{margin-bottom:4px;font-size:15px;font-weight:600}.brake-sub{color:#ffffff80;font-size:11px}.safety-checks{flex-direction:column;gap:5px;display:flex}.safety-item{color:#ffffffb3;align-items:center;gap:8px;font-size:12px;display:flex}.safety-item span:last-child{margin-left:auto}.wear-analysis{flex-direction:column;gap:10px;display:flex}.wear-summary{flex-direction:column;gap:8px;display:flex}.wear-item-big{flex-direction:column;gap:4px;display:flex}.wear-name{color:#ffffffb3;font-size:12px}.wear-progress-bar{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.wear-pct{color:#ffffff80;font-size:11px}.wear-advice{color:#ffaa00e6;background:#ffaa0014;border:1px solid #fa03;border-radius:6px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:11px;display:flex}.advice-icon{flex-shrink:0;margin-top:1px}.die-life-visual{margin-bottom:10px}.die-life-stats{color:#fff6;justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.die-info-grid{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.die-info-item{color:#ffffff8c;flex-direction:column;gap:2px;font-size:11px;display:flex}.die-info-item.full{flex-direction:row;grid-column:span 2;justify-content:space-between;align-items:center}.die-info-item b{color:#e0e0e0;font-size:12px}.maint-tag{border-radius:3px;padding:1px 6px;font-size:11px}.maint-tag.info{color:#00d4ff;background:#00d4ff1a}.maint-tag.warning{color:#fa0;background:#ffaa001a}.maint-tag.danger{color:#f44;background:#ff44441a}.wear-areas{flex-direction:column;gap:5px;display:flex}.wear-areas-title{color:#ffffff73;margin-bottom:4px;font-size:11px}.wear-area-row{align-items:center;gap:8px;font-size:11px;display:flex}.area-name{color:#ffffffb3;min-width:70px}.area-bar-outer{background:#ffffff14;border-radius:3px;flex:1;height:6px;overflow:hidden}.area-bar-fill{border-radius:3px;height:100%;transition:width .5s}.area-depth{text-align:right;min-width:40px}.area-status-tag{border-radius:3px;padding:1px 5px;font-size:10px}.wear-area-row.正常 .area-status-tag{color:#0f8;background:#00ff881a}.wear-area-row.注意 .area-status-tag{color:#fa0;background:#ffaa001a}.wear-area-row.警告 .area-status-tag{color:#f44;background:#ff444426}.fault-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.fault-stat-card{text-align:center;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.fault-stat-card span:first-child{font-size:26px;font-weight:700}.fault-stat-card span:last-child{color:#ffffff8c;font-size:11px}.fault-stat-card.total{background:#00d4ff0f}.fault-stat-card.total span:first-child{color:#00d4ff}.fault-stat-card.pending{background:#ffaa000f}.fault-stat-card.pending span:first-child{color:#fa0}.fault-stat-card.urgent{background:#ff44440f}.fault-stat-card.urgent span:first-child{color:#f44}.fault-stat-card.resolved{background:#00ff880f}.fault-stat-card.resolved span:first-child{color:#0f8}.fault-filter{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.fault-layout{grid-template-columns:1fr 360px;gap:10px;min-height:300px;display:grid}.fault-list{flex-direction:column;gap:6px;max-height:420px;display:flex;overflow-y:auto}.fault-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:10px 12px;transition:all .2s}.fault-item:hover{background:#00d4ff0f;border-color:#00d4ff4d}.fault-item.selected{background:#00d4ff14;border-color:#00d4ff66}.fault-item.紧急{border-left:3px solid #f22}.fault-item.故障{border-left:3px solid #f60}.fault-item.预警{border-left:3px solid #fa0}.fault-item.信息{border-left:3px solid #00d4ff}.fault-item-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.fault-level-badge{border-radius:3px;padding:1px 7px;font-size:10px;font-weight:600}.fault-code{color:#ffffff80;font-family:monospace;font-size:11px}.fault-status-tag{border-radius:3px;padding:1px 6px;font-size:10px}.fault-status-tag.resolved{color:#0f8;background:#00ff881a}.fault-status-tag.processing{color:#fa0;background:#ffaa001a}.fault-status-tag.pending{color:#aaa;background:#ffffff12}.fault-time{color:#ffffff59;margin-left:auto;font-size:10px}.fault-item-body{align-items:baseline;gap:8px;font-size:12px;display:flex}.fault-component{color:#ffffff8c;flex-shrink:0;align-items:center;gap:4px;display:flex}.fault-desc{color:#fffc}.fault-duration{color:#ffffff59;align-items:center;gap:4px;margin-top:4px;font-size:10px;display:flex}.fault-detail{background:#00d4ff0a;border:1px solid #00d4ff26;border-radius:8px;flex-direction:column;gap:0;padding:14px;display:flex}.fault-detail-title{color:#00d4ff;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.fault-detail-body{flex-direction:column;gap:8px;display:flex}.detail-row{color:#ffffffb3;justify-content:space-between;font-size:12px;display:flex}.detail-row b{color:#e0e0e0}.detail-block{flex-direction:column;gap:4px;font-size:12px;display:flex}.detail-block span{color:#ffffff80;font-size:11px}.detail-block p{color:#ffffffd9;margin:0;line-height:1.6}.detail-block.solution{background:#00ff880d;border:1px solid #00ff8826;border-radius:6px;padding:8px}.detail-block.solution span{color:#0f8}.detail-block.solution p{color:#ffffffe6}.oee-today{grid-template-columns:auto 1fr;align-items:start;gap:12px;margin-bottom:12px;display:grid}.oee-big-card{text-align:center;background:#00d4ff0d;border:1px solid #00d4ff33;border-radius:10px;min-width:240px;padding:16px 20px}.oee-title{color:#ffffff8c;margin-bottom:4px;font-size:12px}.oee-big-value{filter:drop-shadow(0 0 20px);font-size:52px;font-weight:800;line-height:1}.oee-components{justify-content:center;gap:12px;margin-top:12px;display:flex}.oee-comp{text-align:center;flex:1}.oee-comp-label{color:#ffffff80;margin-bottom:2px;font-size:10px}.oee-comp-value{font-size:16px;font-weight:700}.oee-comp-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-top:3px;overflow:hidden}.oee-comp-fill{border-radius:2px;height:100%;transition:width .5s}.oee-formula{color:#ffffff59;margin-top:10px;font-size:10px}.oee-stats-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.oee-stat-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:10px 12px}.oee-stat-value{font-size:22px;font-weight:700}.oee-stat-label{color:#fff9;font-size:11px}.oee-stat-sub{color:#ffffff59;font-size:10px}.down-legend{flex-direction:column;gap:4px;margin-top:8px;display:flex}.down-legend-item{color:#ffffffb3;align-items:center;gap:8px;font-size:12px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.down-min{color:#ffffff80;margin-left:auto;font-size:11px}.twin-accuracy{background:#00d4ff0f;border-radius:6px;justify-content:space-between;align-items:center;margin-top:6px;padding:8px;display:flex}.acc-label{color:#fff9;font-size:12px}.acc-value{color:#00d4ff;font-size:20px;font-weight:700}.sim-info{flex-direction:column;gap:5px;margin-top:10px;display:flex}.sim-row{color:#fff9;border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.sim-row span:last-child{color:#e0e0e0;font-weight:500}.prediction-item{color:#ffffffb3;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.prediction-bar-outer{background:#ffffff14;border-radius:4px;flex:1;height:8px;overflow:hidden}.prediction-bar-fill{border-radius:4px;height:100%;transition:width .5s}.energy-layout{align-items:center;gap:12px;display:flex}.energy-detail{flex-direction:column;flex:1;gap:6px;display:flex}.energy-item{align-items:center;gap:8px;font-size:12px;display:flex}.e-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.e-name{color:#ffffffb3;flex:1}.e-val{color:#e0e0e0;text-align:right;min-width:55px;font-weight:600}.e-pct{color:#fff6;text-align:right;min-width:38px;font-size:10px}.energy-total{color:#fffc;border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:4px;padding-top:6px;font-size:13px;font-weight:600;display:flex}.e-total-val{color:#00d4ff;font-size:16px}.knowledge-recommend{background:#ffaa000f;border:1px solid #fa03;border-radius:8px;margin-bottom:10px;padding:10px 12px}.recommend-title{color:#fa0;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.recommend-list{flex-direction:column;gap:4px;display:flex}.recommend-item{color:#ffffffb3;cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:4px 6px;font-size:12px;display:flex}.recommend-item:hover{background:#ffaa001a}.rec-cat{font-weight:600}.knowledge-filter{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.filter-btn{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:16px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;transition:all .2s;display:flex}.filter-btn:hover{color:#ffffffe6;border-color:#00d4ff66}.filter-btn.active{color:#00d4ff;background:#00d4ff1a;border-color:#00d4ff}.filter-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.knowledge-list{flex-direction:column;gap:8px;max-height:450px;display:flex;overflow-y:auto}.knowledge-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:12px 14px;transition:border-color .2s}.knowledge-item.relevant{background:#ffaa000a;border-color:#ffaa004d}.knowledge-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.category-tag{border-radius:3px;padding:2px 8px;font-size:10px;font-weight:500}.confidence{color:#ffffff80;align-items:center;gap:5px;font-size:11px;display:flex}.conf-bar{background:#ffffff1a;border-radius:2px;width:40px;height:4px;overflow:hidden}.conf-fill{border-radius:2px;height:100%}.source{color:#ffffff59;margin-left:auto;font-size:10px}.relevant-tag{color:#fa0;align-items:center;gap:3px;font-size:10px;display:flex}.knowledge-item h4{color:#e0e0e0;margin:0 0 6px;font-size:13px;font-weight:600}.knowledge-item p{color:#ffffffb3;margin:0 0 8px;font-size:12px;line-height:1.6}.conditions{color:#ffffff73;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.condition{color:#00d4ffcc;background:#00d4ff14;border:1px solid #00d4ff26;border-radius:4px;padding:2px 8px}.digital-twin-body{flex:1;overflow-y:auto}.line-level-twin{background:linear-gradient(135deg,#0a1628 0%,#1a2a4a 100%);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.line-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#0a1628fa 0%,#102846f2 50%,#0a1628fa 100%);border-bottom:2px solid #00d4ff66;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex}.line-header .header-left{align-items:center;gap:16px;display:flex}.line-header .header-title h1{color:#00d4ff;margin:0;font-size:22px;font-weight:700}.line-header .header-title .subtitle{color:#ffffff80;font-size:12px}.header-kpi{gap:24px;display:flex}.header-kpi .kpi-item{color:#00d4ff;align-items:center;gap:10px;display:flex}.header-kpi .kpi-item.highlight{color:#0f8}.header-kpi .kpi-content{flex-direction:column;display:flex}.header-kpi .kpi-value{font-size:18px;font-weight:700}.header-kpi .kpi-label{color:#ffffff80;font-size:11px}.line-content{flex:1;gap:16px;padding:16px;display:flex;overflow:hidden}.line-sidebar{flex-direction:column;gap:12px;width:340px;display:flex;overflow-y:auto}.line-sidebar.right{width:380px}.line-center{flex-direction:column;flex:1;display:flex;position:relative}.center-hint{color:#ffffff4d;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.center-hint p{margin:0;font-size:18px}.center-hint span{font-size:12px}.process-flow-inline{width:90%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.equipment-matrix{flex-direction:column;gap:10px;padding:12px;display:flex}.equipment-matrix-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:12px;transition:all .3s}.equipment-matrix-card:hover{background:#00d4ff14;border-color:#00d4ff4d;transform:translate(4px)}.matrix-card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.matrix-icon{background:#00d4ff26;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.matrix-info{flex:1}.matrix-name{color:#fffffff2;font-size:13px;font-weight:600;display:block}.matrix-status{color:#ffffff80;font-size:11px}.matrix-arrow{color:#ffffff4d;transition:transform .3s}.equipment-matrix-card:hover .matrix-arrow{color:#00d4ff;transform:translate(4px)}.matrix-metrics{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.matrix-metric{color:#ffffffb3;background:#0003;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:flex}.matrix-metric svg{color:#00d4ff}.matrix-efficiency{align-items:center;gap:8px;display:flex}.matrix-efficiency .efficiency-track{background:#ffffff14;border-radius:3px;flex:1;height:5px;overflow:hidden}.matrix-efficiency .efficiency-fill{border-radius:3px;height:100%;transition:width .5s}.matrix-efficiency>span{text-align:right;min-width:36px;font-size:12px;font-weight:600}.view-tabs{gap:8px;margin-bottom:12px;display:flex}.view-tab{color:#ffffffb3;cursor:pointer;background:#101e32cc;border:1px solid #00d4ff33;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;transition:all .3s;display:flex}.view-tab:hover{background:#00d4ff1a;border-color:#00d4ff66}.view-tab.active{color:#00d4ff;background:#00d4ff33;border-color:#00d4ff}.stats-compact{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.stat-row{background:#ffffff08;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.stat-row span:first-child{color:#fff9}.stat-val{color:#e0e0e0;font-weight:600}.stat-val.good{color:#0f8}.stat-val.warning{color:#fa0}.chart-area,.alarm-panel{margin-top:12px}.alarm-count{color:#fff;background:#f44;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:10px}.alarm-list-compact{flex-direction:column;gap:6px;display:flex}.alarm-item-compact{border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.alarm-item-compact.warning{color:#fa0;background:#ffaa001a}.alarm-item-compact.error{color:#f44;background:#ff44441a}.alarm-item-compact.info{color:#00d4ff;background:#00d4ff1a}.alarm-msg{flex:1}.alarm-time{color:#fff6;font-size:10px}.no-alarm{color:#fff9;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:13px;display:flex}.panel .badge{color:#00d4ff;background:#00d4ff33;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px}.equipment-level-twin{background:linear-gradient(135deg,#0a1628 0%,#1a2a4a 100%);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.equip-twin-header{background:linear-gradient(90deg,#0a1628fa 0%,#102846f2 50%,#0a1628fa 100%);border-bottom:2px solid #00d4ff66;align-items:center;gap:24px;height:60px;padding:0 20px;display:flex}.back-btn{color:#00d4ff;cursor:pointer;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .3s;display:flex}.back-btn:hover{background:#00d4ff33}.equip-title{flex:1}.equip-title h1{color:#00d4ff;margin:0;font-size:18px;font-weight:700}.equip-subtitle{color:#ffffff80;font-size:11px}.equip-status-bar{gap:16px;display:flex}.equip-status-bar .status-item{color:#ffffffb3;background:#0003;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.equip-twin-body{flex:1;padding:16px;overflow-y:auto}.no-twin-content{color:#fff6;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.equipment-twin-content{flex-direction:column;height:100%;display:flex}.twin-tabs{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.twin-tab{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;transition:all .3s;display:flex}.twin-tab:hover{background:#00d4ff1a;border-color:#00d4ff4d}.twin-tab.active{color:#00d4ff;background:#00d4ff33;border-color:#00d4ff}.twin-panel-grid{flex:1;grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.twin-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;overflow:hidden}.twin-card.wide{grid-column:span 2}.twin-card-header{color:#00d4ff;background:#00d4ff1a;border-bottom:1px solid #00d4ff33;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.twin-card-content{padding:16px}.param-list{flex-direction:column;gap:8px;display:flex}.param-row{background:#0003;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.param-row span:first-child{color:#fff9}.param-val{color:#00d4ff;font-weight:600}.param-val.good{color:#0f8}.zone-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.zone-card{text-align:center;background:#0000004d;border-radius:8px;padding:12px}.zone-name{color:#fff9;margin-bottom:8px;font-size:12px}.zone-temp{margin-bottom:4px;font-size:24px;font-weight:700}.zone-target{color:#fff6;margin-bottom:8px;font-size:11px}.zone-burner{border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.zone-burner.on{color:#f80;background:#f803}.zone-burner.modulating{color:#00d4ff;background:#00d4ff33}.zone-burner.off{color:#ffffff80;background:#ffffff1a}.billet-list,.batch-list{flex-direction:column;gap:8px;display:flex}.billet-item,.batch-item{background:#0003;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.billet-id,.batch-id{color:#fffc;font-weight:500}.billet-temp{font-weight:600}.billet-time,.batch-time{color:#fff6}.batch-stage{color:#00d4ff}.tracking-info{flex-direction:column;gap:8px;display:flex}.track-row{background:#0003;border-radius:4px;justify-content:space-between;padding:8px 12px;font-size:13px;display:flex}.track-row span:first-child{color:#fff9}.track-val{color:#e0e0e0;font-weight:600}.track-val.good{color:#0f8}.current-product{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:16px}.current-product h4{color:#00d4ff;margin:0 0 12px;font-size:13px}.product-info{color:#ffffffb3;flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.metrics-list{flex-direction:column;gap:8px;display:flex}.metric-row{background:#0003;border-radius:4px;justify-content:space-between;padding:8px 12px;font-size:13px;display:flex}.metric-row span:first-child{color:#fff9}.metric-val{color:#e0e0e0;font-weight:600}.metric-val.good{color:#0f8}.energy-display{text-align:center}.energy-main{justify-content:center;align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.energy-value{color:#00d4ff;font-size:36px;font-weight:700}.energy-unit{color:#ffffff80;font-size:14px}.energy-efficiency{color:#ffffffb3;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.time-params{flex-direction:column;gap:10px;display:flex}.time-item{background:#0003;border-radius:4px;justify-content:space-between;padding:10px 12px;font-size:13px;display:flex}.time-item span:first-child{color:#fff9}.time-val{color:#00d4ff;font-weight:600}.bearing-temps{flex-direction:column;gap:10px;display:flex}.bearing-item{background:#0003;border-radius:4px;justify-content:space-between;padding:10px 12px;font-size:13px;display:flex}.bearing-val{font-weight:600}.lub-status{flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.lub-text{font-size:16px;font-weight:600}.lub-warning{color:#fa0;background:#ffaa001a;border-radius:4px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.wear-list,.wear-analysis{flex-direction:column;gap:10px;display:flex}.wear-row{align-items:center;gap:12px;font-size:12px;display:flex}.wear-pos,.wear-joint{color:#ffffffb3;width:50px}.wear-bar{background:#ffffff14;border-radius:4px;flex:1;height:8px;overflow:hidden}.wear-fill{border-radius:4px;height:100%;transition:width .5s}.wear-val{text-align:right;color:#ffffff80;min-width:80px}.pass-schedule{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.pass-item{text-align:center;background:#0003;border:1px solid #ffffff1a;border-radius:8px;padding:12px}.pass-item.completed{background:#00ff880d;border-color:#00ff884d}.pass-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pass-num{color:#ffffffe6;font-size:14px;font-weight:600}.pass-params{color:#fff9;flex-direction:column;gap:4px;font-size:11px;display:flex}.slider-display{flex-direction:column;align-items:center;gap:12px;display:flex}.slider-position{align-items:baseline;gap:4px;display:flex}.slider-val{color:#00d4ff;font-size:32px;font-weight:700}.slider-unit{color:#ffffff80;font-size:14px}.slider-bar{background:#ffffff14;border-radius:10px;width:20px;height:80px;position:relative;overflow:hidden}.slider-fill{background:linear-gradient(#00d4ff,#06f);border-radius:10px;transition:height .5s;position:absolute;bottom:0;left:0;right:0}.slider-info{color:#fff9;font-size:12px}.die-temp-display{justify-content:space-around;display:flex}.die-item{flex-direction:column;align-items:center;gap:8px;display:flex}.die-item span:first-child{color:#fff9;font-size:12px}.die-val{color:#ff6b6b;font-size:24px;font-weight:700}.life-display{flex-direction:column;gap:8px;display:flex}.life-bar{background:#ffffff14;border-radius:5px;height:10px;overflow:hidden}.life-fill{border-radius:5px;height:100%;transition:width .5s}.life-info{color:#ffffff80;justify-content:space-between;font-size:11px;display:flex}.trim-quality-list{flex-direction:column;gap:8px;display:flex}.trim-quality-item{background:#0003;border-radius:4px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.edge-name{color:#fffc;font-size:13px}.quality-badge{border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:flex}.quality-badge.good{color:#0f8;background:#00ff881a}.quality-badge.warning{color:#fa0;background:#ffaa001a}.blade-status-display{flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.blade-status-text{font-size:18px;font-weight:600}.blade-life{flex-direction:column;gap:8px;width:100%;margin-top:12px;display:flex}.blade-life>span:first-child{color:#fff9;font-size:12px}.blade-life>span:last-child{color:#ffffff80;text-align:center;font-size:11px}.flash-stats{flex-direction:column;gap:10px;display:flex}.flash-item{background:#0003;border-radius:4px;justify-content:space-between;padding:10px 12px;font-size:13px;display:flex}.flash-item span:first-child{color:#fff9}.flash-val{color:#e0e0e0;font-weight:600}.flash-val.good{color:#0f8}.quenchant-status{flex-direction:column;align-items:center;gap:8px;margin-bottom:12px;padding:12px;display:flex}.quenchant-temp{color:#00d4ff;align-items:center;gap:8px;display:flex}.temp-val{font-size:24px;font-weight:700}.quenchant-condition{font-size:12px}.agitator-status{flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.agitator-status.on{color:#0f8}.agitator-status.off{color:#fff6}.agitator-status span{font-size:14px;font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:1s linear infinite spin}.hardness-list{flex-direction:column;gap:8px;display:flex}.hardness-item{background:#0003;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.sample-id{color:#ffffffb3}.hardness-val{font-weight:600}.hardness-target{color:#fff6;font-size:11px}.axis-list{flex-direction:column;gap:8px;display:flex}.axis-item{align-items:center;gap:10px;font-size:12px;display:flex}.axis-name{color:#fff9;width:24px;font-weight:500}.axis-bar{background:#ffffff14;border-radius:3px;flex:1;height:6px;overflow:hidden}.axis-fill{background:#00d4ff;border-radius:3px;height:100%;transition:width .3s}.axis-val{text-align:right;color:#fffc;width:50px}.joint-temps{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.joint-temp-item{background:#0003;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;display:flex}.joint-name{color:#fff9}.joint-val{font-weight:600}.joint-limit{color:#fff6;font-size:10px}.gripper-display{flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.gripper-text{font-size:16px;font-weight:600}.gripper-info{width:100%;margin-top:12px}.gripper-info .info-row{color:#ffffffb3;border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.fault-log-list{flex-direction:column;gap:8px;display:flex}.fault-log-item{background:#ffaa000d;border-left:3px solid #fa0;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.fault-code{color:#fa0;font-family:monospace}.fault-msg{color:#fffc;flex:1;margin-left:12px}.fault-time{color:#fff6}.digital-twin-embedded-wrapper{width:100%;height:100%}.digital-twin-embedded{background:linear-gradient(135deg,#0a1628 0%,#1a2a4a 100%);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.loading{color:#ffffff80;justify-content:center;align-items:center;height:100%;font-size:14px;display:flex}@media (width<=1400px){.line-sidebar{width:300px}.line-sidebar.right{width:340px}.twin-panel-grid{grid-template-columns:1fr}.twin-card.wide{grid-column:span 1}.zone-grid{grid-template-columns:1fr}.pass-schedule{grid-template-columns:repeat(2,1fr)}}@media (width<=1200px){.line-sidebar{display:none}.line-sidebar.right{width:100%}.line-content{flex-direction:column}}.equipment-twin-3d-layout{background:linear-gradient(135deg,#0a1628 0%,#0d1e35 100%);width:100vw;height:100vh;position:relative;overflow:hidden}.center-3d-model{z-index:1;width:60vw;height:70vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-back-btn{z-index:100;color:#00d4ff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1628e6;border:1px solid #00d4ff66;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;transition:all .3s;display:flex;position:absolute;top:20px;left:20px}.floating-back-btn:hover{background:#00d4ff33;border-color:#00d4ff;transform:translate(-3px)}.floating-title{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1628e6;border:1px solid #00d4ff4d;border-radius:30px;align-items:center;gap:16px;padding:12px 28px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.floating-title h1{color:#00d4ff;text-shadow:0 0 15px #00d4ff80;margin:0;font-size:20px;font-weight:700}.floating-title .status-badge{color:#000;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.floating-time{z-index:100;color:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1628e6;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-family:Consolas,monospace;font-size:13px;display:flex;position:absolute;top:20px;right:20px}.floating-module{z-index:50;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a1628eb;border:1px solid #00d4ff4d;border-radius:12px;transition:all .3s;position:absolute;overflow:hidden;box-shadow:0 8px 32px #0006}.floating-module:hover{border-color:#00d4ff80;transform:scale(1.02);box-shadow:0 8px 40px #00d4ff26}.floating-module .module-header{color:#00d4ff;background:#00d4ff1a;border-bottom:1px solid #00d4ff33;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.floating-module .module-content{padding:12px}.floating-module.top-left{width:220px;top:80px;left:20px}.floating-module.top-right{width:240px;top:80px;right:20px}.floating-module.bottom-left{width:260px;bottom:20px;left:20px}.floating-module.bottom-right{width:260px;bottom:20px;right:20px}.floating-module.bottom-center{width:320px;bottom:20px;left:50%;transform:translate(-50%)}.floating-module.top-center{width:340px;top:80px;left:50%;transform:translate(-50%)}.status-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.status-cell{background:#ffffff08;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex}.status-cell .label{color:#ffffff80;font-size:11px}.status-cell .value{color:#00d4ff;font-family:Consolas,monospace;font-size:15px;font-weight:700}.params-list{flex-direction:column;gap:10px;display:flex}.param-item{background:#ffffff08;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;transition:background .2s;display:flex}.param-item:hover{background:#ffffff0f}.param-icon{background:#0000004d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.param-info{flex-direction:column;flex:1;gap:2px;display:flex}.param-label{color:#ffffff80;font-size:11px}.param-value{font-family:Consolas,monospace;font-size:16px;font-weight:700}.param-unit{opacity:.7;margin-left:2px;font-size:11px;font-weight:400}.chart-container{position:relative}.efficiency-value{flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:10px;right:10px}.efficiency-value .current{color:#0f8;font-family:Consolas,monospace;font-size:20px;font-weight:700}.efficiency-value .label{color:#ffffff80;font-size:10px}.product-track{flex-direction:column;gap:10px;display:flex}.product-item{flex-direction:column;gap:4px;display:flex}.product-item .batch{color:#00d4ff;font-family:Consolas,monospace;font-size:14px;font-weight:600}.product-item .process-stage{color:#fff9;font-size:12px}.product-progress{flex-direction:column;gap:6px;display:flex}.product-progress .progress-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.product-progress .progress-fill{background:linear-gradient(90deg,#00d4ff,#0f8);border-radius:3px;height:100%;transition:width .5s}.product-progress .progress-text{color:#ffffff80;text-align:right;font-size:11px}.alerts-list{flex-direction:column;gap:8px;display:flex}.alert-item{border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.alert-item.success{color:#0f8;background:#00ff881a;border:1px solid #00ff884d}.alert-item.warning{color:#fa0;background:#ffaa001a;border:1px solid #ffaa004d}.alert-item.error{color:#f44;background:#ff44441a;border:1px solid #ff44444d}@media (width<=1600px){.center-3d-model{width:55vw;height:60vh}.floating-module.top-center,.floating-module.bottom-center{display:none}}@media (width<=1400px){.center-3d-model{width:50vw;height:55vh}.floating-module{transform:scale(.9)}.floating-module.top-left{top:70px;left:10px}.floating-module.top-right{top:70px;right:10px}.floating-module.bottom-left{bottom:10px;left:10px}.floating-module.bottom-right{bottom:10px;right:10px}}@media (width<=1200px){.center-3d-model{width:100%;height:100%;top:0;left:0;transform:none}.floating-module{transform:scale(.8)}.floating-module.top-right,.floating-module.bottom-right{display:none}}.spc-control-panel{color:#ffffffe6;background:linear-gradient(#1a1a2efa 0%,#101828fa 100%);border:1px solid #00d4ff33;border-radius:12px;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.spc-empty-state{justify-content:center;align-items:center;min-height:400px;display:flex}.spc-empty-content{text-align:center}.spc-empty-content p{color:#ffffffb3;margin:16px 0 8px;font-size:18px}.spc-empty-content span{color:#fff6;font-size:14px}.spc-header{border-bottom:1px solid #00d4ff33;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.spc-header svg{color:#00d4ff;filter:drop-shadow(0 0 8px #00d4ff80)}.spc-header h2{color:#00d4ff;text-shadow:0 0 10px #00d4ff4d;flex:1;margin:0;font-size:18px;font-weight:600}.spc-update-time{color:#fff6;font-size:12px}.spc-kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.spc-kpi-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:8px;padding:16px;transition:all .3s;display:flex;position:relative;overflow:hidden}.spc-kpi-card:before{content:"";background:linear-gradient(90deg,#0000,#00d4ff80,#0000);height:2px;position:absolute;top:0;left:0;right:0}.spc-kpi-card:hover{background:#ffffff0d;border-color:#00d4ff4d;box-shadow:0 4px 20px #00d4ff1a}.spc-kpi-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;font-size:12px;display:flex}.spc-kpi-label svg{color:#00d4ff;opacity:.8}.spc-kpi-value{text-shadow:0 0 20px;font-size:32px;font-weight:700;line-height:1}.spc-kpi-unit{opacity:.6;margin-left:4px;font-size:14px;font-weight:400}.spc-kpi-badge{border:1px solid;border-radius:12px;align-items:center;gap:4px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.spc-stability-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.spc-stability-fill{border-radius:3px;height:100%;transition:width .5s;box-shadow:0 0 10px}.spc-alert-indicator{color:#ef4444;align-items:center;gap:6px;font-size:12px;display:flex}.spc-alert-pulse{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}.spc-param-selector{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.spc-param-tab{color:#ffffffb3;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .2s}.spc-param-tab:hover{background:#00d4ff1a;border-color:#00d4ff4d}.spc-param-tab.active{color:#00d4ff;background:#00d4ff33;border-color:#00d4ff;box-shadow:0 0 15px #00d4ff33}.spc-charts-container{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.spc-chart-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;overflow:hidden}.spc-chart-header{color:#ffffffe6;background:#00d4ff14;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.spc-chart-legend{color:#fff9;gap:16px;font-size:11px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-line{border-radius:1px;width:20px;height:2px}.legend-line.ucl,.legend-line.lcl,.legend-line.lsl,.legend-line.usl{background:#ef4444;border-style:dashed}.legend-line.cl{background:#4ade80}.legend-line.target{background:#facc15}.spc-chart-body{padding:16px}.spc-bottom-row{grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:20px;display:grid}.spc-histogram-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;overflow:hidden}.spc-spec-limits{background:#0003;border-top:1px solid #ffffff0d;justify-content:space-between;padding:12px 16px;display:flex}.spec-item{flex-direction:column;align-items:center;gap:4px;display:flex}.spec-item .spec-label{color:#ffffff80;text-transform:uppercase;font-size:10px}.spec-item .spec-value{color:#ef4444;font-size:14px;font-weight:600}.spec-item.target .spec-value{color:#facc15}.spc-alerts-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.spc-alerts-count{color:#ffffff80;background:#ffffff1a;border-radius:10px;padding:2px 8px;font-size:11px}.spc-alerts-list{flex:1;max-height:240px;padding:12px;overflow-y:auto}.spc-no-alerts{color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;min-height:150px;font-size:14px;display:flex}.spc-alert-item{background:#ffffff05;border-left:3px solid;border-radius:6px;gap:12px;margin-bottom:8px;padding:12px;transition:background .2s;display:flex}.spc-alert-item:hover{background:#ffffff0d}.spc-alert-item:last-child{margin-bottom:0}.spc-alert-icon{flex-shrink:0;padding-top:2px}.spc-alert-content{flex:1;min-width:0}.spc-alert-rule{color:#ffffffe6;margin-bottom:4px;font-size:13px;font-weight:600}.spc-alert-desc{color:#fff9;margin-bottom:6px;font-size:12px;line-height:1.4}.spc-alert-points{color:#fff6;font-size:11px}.spc-summary-row{background:#00d4ff0d;border:1px solid #00d4ff26;border-radius:8px;flex-wrap:wrap;gap:8px;padding:16px;display:flex}.spc-summary-item{background:#ffffff08;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:100px;padding:8px 12px;display:flex}.spc-summary-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.spc-summary-value{color:#00d4ff;font-size:16px;font-weight:600}@media (width<=1400px){.spc-kpi-row{grid-template-columns:repeat(2,1fr)}.spc-bottom-row{grid-template-columns:1fr}}@media (width<=768px){.spc-kpi-row{grid-template-columns:1fr}.spc-kpi-value{font-size:24px}.spc-summary-row{flex-direction:column}.spc-summary-item{flex-direction:row;justify-content:space-between}}.equipment-view-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a1628e6;border:1px solid #00d4ff33;border-radius:12px;gap:4px;padding:6px 12px;display:flex;position:fixed;top:60px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}.view-tab{color:#89a;cursor:pointer;white-space:nowrap;background:#1e325080;border:1px solid #00d4ff26;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.view-tab:hover:not(:disabled){color:#abc;background:#00d4ff1a;border-color:#00d4ff4d}.view-tab.active{color:#00d4ff;text-shadow:0 0 10px #00d4ff66;background:#00d4ff26;border-color:#00d4ff80}.view-tab.active svg{filter:drop-shadow(0 0 4px #00d4ff99)}.view-tab:disabled{opacity:.4;cursor:not-allowed}.view-tab svg{flex-shrink:0}.process-panel-container{background:#08102080;padding:16px;position:absolute;inset:110px 0 0;overflow:hidden auto}.process-panel-container::-webkit-scrollbar{width:6px}.process-panel-container::-webkit-scrollbar-track{background:#0003;border-radius:3px}.process-panel-container::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}.process-panel-container::-webkit-scrollbar-thumb:hover{background:#00d4ff80}@media (width<=768px){.equipment-view-tabs{gap:2px;padding:4px 8px;top:50px}.view-tab{padding:6px 10px;font-size:12px}.view-tab span{display:none}.process-panel-container{padding:8px;top:90px}}