.learning-hub-switch{grid-template-columns:repeat(3,1fr)}.learning-hub-switch>*{min-width:0}
.dcs-view{background:#071116;color:#ecf4f0;min-height:100vh;padding-bottom:90px;overflow-x:clip}
.dcs-shell,.dcs-section,.dcs-config-grid>*,.dcs-compare-wrap{min-width:0;max-width:100%}
.dcs-view .learning-hub-switch{color:var(--ink);background:var(--paper);margin-top:0;padding:22px clamp(34px,5vw,78px) 14px;margin-left:0;margin-right:0;margin-bottom:0}
.dcs-shell{--dcs-bg:#071116;--dcs-panel:#0c1a20;--dcs-panel-2:#10242b;--dcs-line:#294047;--dcs-soft:#91a6a2;--dcs-green:#55d59b;--dcs-cyan:#50bde8;--dcs-orange:#ff6b35;--dcs-red:#ff5f62;--dcs-yellow:#f2c257;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
.dcs-shell button,.dcs-shell input,.dcs-shell select{font:inherit}
.dcs-shell button{touch-action:manipulation}
.dcs-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:44px;min-height:520px;padding:64px clamp(34px,5vw,78px);border-bottom:1px solid var(--dcs-line);background:radial-gradient(circle at 78% 46%,rgba(36,133,161,.2),transparent 32%),linear-gradient(145deg,#071116 20%,#0a1a20)}
.dcs-hero:before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#6b949d 1px,transparent 1px),linear-gradient(90deg,#6b949d 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000)}
.dcs-hero-copy,.dcs-architecture-preview{position:relative;z-index:1}
.dcs-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2.8px;color:var(--dcs-green);text-transform:uppercase}
.dcs-eyebrow:before{content:"";width:32px;height:2px;background:var(--dcs-orange)}
.dcs-hero h1{font-size:clamp(45px,5.2vw,78px);line-height:1.02;letter-spacing:-4px;margin:24px 0 22px;max-width:760px}
.dcs-hero h1 em{display:block;color:var(--dcs-orange);font-style:normal}
.dcs-hero-copy>p{max-width:690px;color:#b5c6c2;font-size:15px;line-height:1.85;margin:0}
.dcs-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.dcs-primary,.dcs-secondary{min-height:52px;border:1px solid var(--dcs-orange);padding:0 22px;cursor:pointer;font-weight:800}
.dcs-primary{background:var(--dcs-orange);color:#071116}.dcs-secondary{background:transparent;color:#eaf2ef;border-color:#435b62}
.dcs-primary:hover,.dcs-primary:focus-visible{background:#ff8055}.dcs-secondary:hover,.dcs-secondary:focus-visible{border-color:var(--dcs-orange)}
.dcs-hero-stats{display:flex;gap:26px;margin-top:34px}.dcs-hero-stats div{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.dcs-hero-stats b{font:30px Georgia;color:#fff}.dcs-hero-stats span{font-size:10px;line-height:1.35;color:var(--dcs-soft)}
.dcs-architecture-preview{align-self:center;border:1px solid #385158;background:rgba(4,12,15,.84);padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.dcs-preview-top{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--dcs-line);padding-bottom:16px}.dcs-preview-top span{font-size:10px;letter-spacing:1.7px;color:var(--dcs-soft)}.dcs-preview-top b{font-size:11px;color:var(--dcs-green)}
.dcs-preview-network{height:5px;background:linear-gradient(90deg,var(--dcs-green),var(--dcs-cyan));margin:27px 0 18px;position:relative}.dcs-preview-network:before,.dcs-preview-network:after{content:"";position:absolute;width:2px;height:28px;top:0;background:#6d8990}.dcs-preview-network:before{left:20%}.dcs-preview-network:after{right:20%}
.dcs-preview-stations{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dcs-preview-stations div{min-height:82px;border:1px solid var(--dcs-line);background:#102329;padding:13px}.dcs-preview-stations i{display:block;width:10px;height:10px;border-radius:50%;background:var(--dcs-green);box-shadow:0 0 15px var(--dcs-green)}.dcs-preview-stations b,.dcs-preview-stations span{display:block}.dcs-preview-stations b{font-size:12px;margin-top:12px}.dcs-preview-stations span{font-size:9px;color:var(--dcs-soft);margin-top:4px}
.dcs-preview-io{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-top:18px}.dcs-preview-io div{border:1px solid var(--dcs-line);padding:12px;text-align:center}.dcs-preview-io b,.dcs-preview-io span{display:block}.dcs-preview-io b{font-size:11px}.dcs-preview-io span{font-size:8px;color:var(--dcs-soft);margin-top:4px}.dcs-preview-io>span{color:var(--dcs-orange)}
.dcs-section{padding:58px clamp(34px,5vw,78px);border-bottom:1px solid var(--dcs-line)}
.dcs-section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}.dcs-section-head>div>span{font-size:9px;letter-spacing:2.2px;color:var(--dcs-orange)}.dcs-section-head h2{font-size:clamp(28px,3.2vw,46px);margin:9px 0 0;letter-spacing:-1.5px}.dcs-section-head p{max-width:580px;font-size:12px;line-height:1.8;color:var(--dcs-soft);margin:0}
.dcs-level-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.dcs-level-tabs button{border:1px solid var(--dcs-line);background:var(--dcs-panel);color:#dce7e3;min-height:88px;padding:14px;text-align:left;cursor:pointer}.dcs-level-tabs button i,.dcs-level-tabs button b,.dcs-level-tabs button span{display:block}.dcs-level-tabs button i{font:12px Georgia;color:var(--dcs-soft);font-style:normal}.dcs-level-tabs button b{font-size:15px;margin:9px 0 4px}.dcs-level-tabs button span{font-size:9px;color:var(--dcs-soft)}.dcs-level-tabs button.active{background:#2b1b17;border-color:var(--dcs-orange);box-shadow:inset 0 -4px var(--dcs-orange)}.dcs-level-tabs button.active i{color:var(--dcs-orange)}
.dcs-path-overview{display:grid;grid-template-columns:280px 1fr;gap:12px;margin-top:12px}.dcs-level-summary{border:1px solid var(--dcs-line);background:linear-gradient(155deg,#10262c,#0a171c);padding:24px}.dcs-level-summary>span{font-size:9px;letter-spacing:1.5px;color:var(--dcs-green)}.dcs-level-summary h3{font-size:24px;margin:12px 0 8px}.dcs-level-summary p{font-size:11px;line-height:1.8;color:var(--dcs-soft)}.dcs-level-progress{margin-top:24px}.dcs-level-progress div{height:7px;background:#1b3036}.dcs-level-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--dcs-green),var(--dcs-cyan))}.dcs-level-progress span{display:block;font-size:9px;color:var(--dcs-soft);margin-top:8px}
.dcs-course-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dcs-course-card{display:grid;grid-template-columns:45px 1fr auto;gap:14px;align-items:center;border:1px solid var(--dcs-line);background:var(--dcs-panel);color:#edf4f1;text-align:left;padding:18px;cursor:pointer;min-height:126px}.dcs-course-card:hover,.dcs-course-card:focus-visible{border-color:var(--dcs-orange);transform:translateY(-2px)}.dcs-course-card>i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid #496068;color:var(--dcs-orange);font:12px Georgia;font-style:normal}.dcs-course-card b,.dcs-course-card span,.dcs-course-card small{display:block}.dcs-course-card b{font-size:14px}.dcs-course-card span{font-size:10px;line-height:1.55;color:var(--dcs-soft);margin-top:6px}.dcs-course-card small{font-size:8px;color:var(--dcs-green);margin-top:8px}.dcs-course-card>em{font-style:normal;color:var(--dcs-orange);font-size:18px}.dcs-course-card.done{border-left:3px solid var(--dcs-green)}
.dcs-lesson-detail{margin-top:12px;border:1px solid var(--dcs-line);background:#0d1d22;display:grid;grid-template-columns:.7fr 1.3fr}.dcs-lesson-detail[hidden]{display:none}.dcs-lesson-title{padding:28px;border-right:1px solid var(--dcs-line);background:#10252b}.dcs-lesson-title span{font-size:9px;letter-spacing:1.5px;color:var(--dcs-orange)}.dcs-lesson-title h3{font-size:28px;margin:12px 0}.dcs-lesson-title p{font-size:11px;line-height:1.8;color:var(--dcs-soft)}.dcs-lesson-title button{margin-top:20px;min-height:44px;border:0;background:var(--dcs-green);color:#071116;padding:0 16px;font-weight:800;cursor:pointer}.dcs-lesson-body{padding:26px}.dcs-lesson-body h4{font-size:12px;margin:0 0 12px}.dcs-lesson-body ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;padding:0;margin:0}.dcs-lesson-body li{border:1px solid var(--dcs-line);padding:13px;font-size:10px;line-height:1.65;color:#c4d2ce}.dcs-lesson-practice{margin-top:15px;padding:15px;border-left:3px solid var(--dcs-orange);background:#17262b}.dcs-lesson-practice b,.dcs-lesson-practice span{display:block}.dcs-lesson-practice b{font-size:11px}.dcs-lesson-practice span{font-size:10px;color:var(--dcs-soft);line-height:1.7;margin-top:5px}
.dcs-concepts{background:#09161a}.dcs-arch-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:stretch}.dcs-arch-node{border:1px solid var(--dcs-line);background:var(--dcs-panel);color:#eef5f2;min-height:150px;padding:20px;text-align:left;cursor:pointer}.dcs-arch-node i,.dcs-arch-node b,.dcs-arch-node span{display:block}.dcs-arch-node i{font-style:normal;color:var(--dcs-orange);font:13px Georgia}.dcs-arch-node b{font-size:15px;margin:18px 0 8px}.dcs-arch-node span{font-size:10px;line-height:1.65;color:var(--dcs-soft)}.dcs-arch-node.active{border-color:var(--dcs-green);background:#102a26}.dcs-arch-arrow{display:grid;place-items:center;color:var(--dcs-orange);font-size:20px}.dcs-arch-detail{margin-top:9px;display:grid;grid-template-columns:190px 1fr;gap:20px;border:1px solid var(--dcs-line);background:#0f2025;padding:20px}.dcs-arch-detail b{font-size:16px}.dcs-arch-detail p{font-size:11px;line-height:1.8;color:#bac9c5;margin:0}
.dcs-compare-wrap{overflow:auto;margin-top:28px;border:1px solid var(--dcs-line)}.dcs-compare{width:100%;min-width:780px;border-collapse:collapse}.dcs-compare th,.dcs-compare td{border-bottom:1px solid var(--dcs-line);border-right:1px solid var(--dcs-line);padding:14px;text-align:left;font-size:10px;line-height:1.6}.dcs-compare th{background:#10272e;color:var(--dcs-green);font-size:11px}.dcs-compare td:first-child{color:var(--dcs-orange);font-weight:800}.dcs-boundary-note{margin-top:12px;border-left:3px solid var(--dcs-yellow);background:#211f16;padding:14px;font-size:10px;line-height:1.7;color:#d8d0b2}
.dcs-pid-board{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:12px}
.dcs-pid-flow{position:relative;min-height:430px;border:1px solid var(--dcs-line);overflow:hidden;background-color:#07151a;background-image:linear-gradient(rgba(83,116,124,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(83,116,124,.1) 1px,transparent 1px);background-size:32px 32px}
.dcs-vessel{position:absolute;left:39%;top:82px;width:25%;height:260px;border:5px solid #809aa0;border-radius:8px 8px 30px 30px;text-align:center;padding-top:22px;color:#dce8e4}.dcs-vessel b,.dcs-vessel span{display:block}.dcs-vessel b{font:16px monospace}.dcs-vessel span{font:8px monospace;color:var(--dcs-soft);margin-top:5px}.dcs-vessel i{position:absolute;left:0;right:0;bottom:0;height:58%;background:linear-gradient(rgba(80,189,232,.65),rgba(18,100,132,.9))}.dcs-vessel i:before{content:"";position:absolute;left:0;right:0;top:-4px;height:6px;background:#8ce0ff}
.dcs-feed,.dcs-discharge{position:absolute;display:flex;align-items:center;color:var(--dcs-soft);font:9px monospace}.dcs-feed{left:3%;top:112px}.dcs-discharge{right:3%;bottom:84px;flex-direction:row-reverse}.dcs-feed i,.dcs-discharge i{display:block;width:240px;height:10px;background:#718990;margin:0 8px}.dcs-feed i:after,.dcs-discharge i:after{content:"▶";float:right;color:var(--dcs-orange);font-size:18px;margin-top:-7px}
.dcs-pid-tag{position:absolute;z-index:3;width:70px;height:70px;border-radius:50%;border:2px solid var(--dcs-cyan);background:#0e252c;color:#eaf3f0;font:11px monospace;cursor:pointer;box-shadow:0 0 0 6px rgba(80,189,232,.08)}.dcs-pid-tag:hover,.dcs-pid-tag:focus-visible,.dcs-pid-tag.active{border-color:var(--dcs-orange);background:#34201b;box-shadow:0 0 0 7px rgba(255,107,53,.12)}.tag-pump{left:19%;top:82px;border-radius:8px;width:82px;height:52px}.tag-lt{left:27%;top:215px}.tag-lic{left:69%;top:104px}.tag-lv{right:19%;bottom:53px}.tag-lshh{left:66%;top:225px}
.dcs-pid-signal{position:absolute;z-index:1;border-top:2px dashed var(--dcs-cyan);transform-origin:left center}.signal-a{left:33%;top:249px;width:310px;transform:rotate(-24deg)}.signal-b{left:75%;top:170px;width:190px;transform:rotate(61deg)}
.dcs-pid-explain{border:1px solid var(--dcs-line);background:linear-gradient(155deg,#11272e,#0b191e);padding:25px}.dcs-pid-explain>span{font-size:9px;letter-spacing:1.7px;color:var(--dcs-orange)}.dcs-pid-explain h3{font-size:24px;line-height:1.35;margin:15px 0}.dcs-pid-explain p{font-size:11px;line-height:1.8;color:#bdcbc7}.dcs-pid-explain>div{margin-top:24px;padding-top:17px;border-top:1px solid var(--dcs-line)}.dcs-pid-explain b,.dcs-pid-explain small{display:block}.dcs-pid-explain b{font-size:11px;color:var(--dcs-green)}.dcs-pid-explain small{font-size:9px;line-height:1.7;color:var(--dcs-soft);margin-top:7px}
.dcs-pid-lab{background:#050d11}.dcs-process-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:10px}.dcs-process-tabs button{position:relative;min-height:94px;border:1px solid #314a52;background:#09181d;color:#d9e5e1;padding:14px;text-align:left;cursor:pointer;overflow:hidden}.dcs-process-tabs button:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:4px;background:var(--dcs-orange);transition:right .24s ease}.dcs-process-tabs button:hover,.dcs-process-tabs button.active{border-color:var(--dcs-orange);background:linear-gradient(135deg,#2d1c18,#0b1b20)}.dcs-process-tabs button.active:after{right:0}.dcs-process-tabs small,.dcs-process-tabs b,.dcs-process-tabs span{display:block}.dcs-process-tabs small{font:8px monospace;letter-spacing:1px;color:var(--dcs-orange)}.dcs-process-tabs b{font-size:13px;margin-top:8px}.dcs-process-tabs span{font-size:8px;color:var(--dcs-soft);margin-top:5px}.dcs-process-brief{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);gap:24px;align-items:center;border:1px solid #2f474f;border-left:4px solid var(--dcs-orange);background:#0c1a1f;padding:17px 20px;margin-bottom:14px}.dcs-process-brief span{font-size:8px;letter-spacing:1.4px;color:var(--dcs-orange)}.dcs-process-brief h3{font-size:15px;margin:7px 0 0}.dcs-process-brief p{font-size:10px;line-height:1.75;color:#aebeba;margin:0}.dcs-lab-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:14px}.dcs-hmi{border:1px solid #35515a;background:#061319}.dcs-hmi-top{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:#10262d;border-bottom:1px solid #35515a}.dcs-hmi-top b{font-size:12px;letter-spacing:.8px}.dcs-hmi-status{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--dcs-green)}.dcs-hmi-status i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.dcs-hmi-status.alarm{color:var(--dcs-red)}
.dcs-process{position:relative;min-height:390px;padding:28px;overflow:hidden;background-image:linear-gradient(rgba(77,110,119,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(77,110,119,.1) 1px,transparent 1px);background-size:28px 28px;transition:background-color .25s ease}.dcs-pipe{position:absolute;background:#668087;transition:all .25s ease}.dcs-pipe-in{left:5%;top:84px;width:33%;height:12px}.dcs-pipe-out{right:4%;bottom:79px;width:35%;height:12px}.dcs-pipe:after{content:"▶";position:absolute;right:-7px;top:-8px;color:var(--dcs-cyan);font-size:18px}.dcs-tank{position:absolute;left:38%;top:46px;width:27%;height:278px;border:5px solid #7e979d;border-radius:10px 10px 34px 34px;overflow:hidden;background:#09171c;transition:all .28s ease}.dcs-tank:before{content:attr(data-tag);position:absolute;top:14px;left:0;right:0;text-align:center;z-index:2;font:11px monospace;color:#dbe5e2}.dcs-liquid{position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(180deg,rgba(80,189,232,.75),rgba(16,103,135,.92));transition:height .2s linear,width .2s linear,background .25s ease}.dcs-liquid:before{content:"";position:absolute;left:0;right:0;top:-4px;height:7px;background:#8ce0ff;box-shadow:0 0 14px #59c2e8}
.dcs-process[data-process="temperature"],.dcs-process[data-process="cascade"]{background-color:#101313}.dcs-process[data-process="temperature"] .dcs-tank,.dcs-process[data-process="cascade"] .dcs-tank{left:37%;top:63px;width:29%;height:248px;border:10px double #9a735d;border-radius:46% 46% 26% 26%;box-shadow:0 0 0 8px rgba(255,107,53,.07),inset 0 0 24px rgba(255,107,53,.12)}.dcs-process[data-process="temperature"] .dcs-liquid,.dcs-process[data-process="cascade"] .dcs-liquid{background:linear-gradient(180deg,rgba(255,167,72,.72),rgba(163,49,24,.92))}.dcs-process[data-process="temperature"] .dcs-liquid:before,.dcs-process[data-process="cascade"] .dcs-liquid:before{background:#ffbe65;box-shadow:0 0 18px #ff6b35}.dcs-process[data-process="temperature"] .dcs-pipe-in,.dcs-process[data-process="cascade"] .dcs-pipe-in{top:108px}.dcs-process[data-process="temperature"] .dcs-transmitter,.dcs-process[data-process="cascade"] .dcs-transmitter{border-color:#ffb35c;box-shadow:0 0 18px rgba(255,107,53,.28)}
.dcs-process[data-process="flow"] .dcs-tank{left:31%;top:145px;width:38%;height:92px;border-width:9px;border-radius:52px;background:#07181e}.dcs-process[data-process="flow"] .dcs-tank:before{top:34px}.dcs-process[data-process="flow"] .dcs-liquid{inset:0 auto 0 0;height:100%!important;width:calc(var(--process-pv) * 1%);background:linear-gradient(90deg,#125f82,#52c5ec)}.dcs-process[data-process="flow"] .dcs-liquid:before{left:auto;right:-4px;top:0;bottom:0;width:7px;height:auto}.dcs-process[data-process="flow"] .dcs-pipe-in,.dcs-process[data-process="flow"] .dcs-pipe-out{top:185px;bottom:auto}.dcs-process[data-process="flow"] .dcs-transmitter{left:18%;top:151px}.dcs-process[data-process="flow"] .dcs-signal-line{left:25%;top:186px;width:65px}.dcs-process[data-process="flow"] .dcs-valve{right:16%;bottom:155px}
.dcs-process[data-process="pressure"]{background-color:#081419}.dcs-process[data-process="pressure"] .dcs-tank{left:35%;top:85px;width:33%;height:215px;border-radius:48%;border-width:7px;box-shadow:inset 0 0 42px rgba(80,189,232,.14)}.dcs-process[data-process="pressure"] .dcs-liquid{background:radial-gradient(circle at 50% 100%,rgba(80,189,232,.62),rgba(18,61,76,.25));opacity:.78}.dcs-process[data-process="pressure"] .dcs-pipe-in{top:175px}.dcs-process[data-process="pressure"] .dcs-pipe-out{bottom:105px}.dcs-process[data-process="pressure"] .dcs-valve{right:26%;bottom:81px}
.dcs-valve{position:absolute;right:27%;bottom:54px;width:70px;text-align:center}.dcs-valve:before,.dcs-valve:after{content:"";display:inline-block;width:0;height:0;border-top:18px solid transparent;border-bottom:18px solid transparent}.dcs-valve:before{border-right:31px solid var(--dcs-orange)}.dcs-valve:after{border-left:31px solid var(--dcs-orange)}.dcs-valve span{display:block;font:10px monospace;color:#f2f6f4;margin-top:5px}.dcs-transmitter{position:absolute;left:25%;top:180px;width:70px;height:70px;border-radius:50%;border:3px solid var(--dcs-cyan);display:grid;place-items:center;background:#10242b;box-shadow:0 0 18px rgba(80,189,232,.25);font:11px monospace;text-align:center}.dcs-transmitter b{font:inherit}.dcs-transmitter span{font-size:8px;color:var(--dcs-green)}.dcs-signal-line{position:absolute;left:31%;top:214px;width:80px;border-top:2px dashed var(--dcs-cyan)}
.dcs-process-values{position:absolute;right:16px;top:16px;display:grid;gap:7px}.dcs-process-values div{min-width:126px;background:rgba(8,24,29,.92);border:1px solid #365058;padding:9px}.dcs-process-values span,.dcs-process-values b{display:block}.dcs-process-values span{font-size:8px;color:var(--dcs-soft)}.dcs-process-values b{font:18px monospace;margin-top:4px}.dcs-process-values .bad{color:var(--dcs-red)}
.dcs-fbd{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;border-top:1px solid #35515a;padding:13px}.dcs-block{position:relative;border:1px solid #3d565e;background:#0e2026;padding:10px;min-height:60px}.dcs-block:not(:last-child):after{content:"→";position:absolute;right:-9px;top:22px;color:var(--dcs-orange);z-index:2}.dcs-block span,.dcs-block b{display:block}.dcs-block span{font:8px monospace;color:var(--dcs-soft)}.dcs-block b{font:10px monospace;margin-top:8px}.dcs-block.live{border-color:var(--dcs-green);box-shadow:inset 0 -3px var(--dcs-green)}.dcs-block.bad{border-color:var(--dcs-red);box-shadow:inset 0 -3px var(--dcs-red)}
.dcs-controls{border:1px solid #35515a;background:var(--dcs-panel);padding:18px}.dcs-controls h3{font-size:16px;margin:0 0 16px}.dcs-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dcs-mode-toggle button{min-height:44px;border:1px solid #3a545b;background:#0b191e;color:#cbd7d3;cursor:pointer}.dcs-mode-toggle button.active{background:var(--dcs-green);color:#06110e;border-color:var(--dcs-green);font-weight:800}.dcs-control-fields{display:grid;gap:12px;margin-top:16px}.dcs-control-fields label{display:grid;grid-template-columns:1fr 105px;gap:10px;align-items:center;font-size:10px;color:var(--dcs-soft)}.dcs-control-fields input,.dcs-control-fields select{min-height:42px;border:1px solid #3a535b;background:#071419;color:#f2f6f4;padding:0 10px;font-size:16px}.dcs-run-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}.dcs-run-actions button{min-height:46px;border:1px solid var(--dcs-orange);background:var(--dcs-orange);color:#071116;font-weight:800;cursor:pointer}.dcs-run-actions button:last-child{background:transparent;color:#e6efec;border-color:#3d555d}
.dcs-faults{margin-top:16px;border-top:1px solid var(--dcs-line);padding-top:15px}.dcs-faults>span{font-size:8px;letter-spacing:1.5px;color:var(--dcs-red)}.dcs-faults select{width:100%;min-height:44px;margin-top:8px;border:1px solid #4a5860;background:#071419;color:#fff;padding:0 9px;font-size:16px}
.dcs-trend{margin-top:14px;border:1px solid #35515a;background:#061319;padding:14px}.dcs-trend-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:10px}.dcs-trend-head b{font-size:11px}.dcs-trend-legend{display:flex;gap:12px;font-size:8px;color:var(--dcs-soft)}.dcs-trend-legend i{display:inline-block;width:13px;height:2px;margin-right:4px;vertical-align:middle}.dcs-trend-legend i.sp{background:var(--dcs-yellow)}.dcs-trend-legend i.pv{background:var(--dcs-cyan)}.dcs-trend-legend i.op{background:var(--dcs-orange)}.dcs-trend canvas{display:block;width:100%;height:220px;background:#07151a}
.dcs-alarm-strip{margin-top:12px;border:1px solid #35515a}.dcs-alarm-strip header{display:flex;justify-content:space-between;padding:10px 14px;background:#11252b}.dcs-alarm-strip header b{font-size:10px}.dcs-alarm-strip header span{font-size:8px;color:var(--dcs-soft)}.dcs-alarm-list{max-height:160px;overflow:auto}.dcs-alarm-row{display:grid;grid-template-columns:80px 76px 1fr auto;gap:10px;padding:9px 13px;border-top:1px solid #22383f;font:9px monospace;color:#d7e1de}.dcs-alarm-row strong{color:var(--dcs-red)}.dcs-alarm-row small{color:var(--dcs-soft)}
.dcs-config-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:14px}.dcs-io-panel,.dcs-pid-panel,.dcs-pid-practice{border:1px solid var(--dcs-line);background:var(--dcs-panel);padding:20px}.dcs-panel-title span{font-size:8px;letter-spacing:1.5px;color:var(--dcs-green)}.dcs-panel-title h3{font-size:19px;margin:7px 0}.dcs-panel-title p{font-size:10px;line-height:1.65;color:var(--dcs-soft)}
.dcs-io-table{width:100%;border-collapse:collapse;margin-top:16px}.dcs-io-table th,.dcs-io-table td{padding:10px 7px;border-bottom:1px solid var(--dcs-line);font-size:9px;text-align:left}.dcs-io-table th{color:var(--dcs-soft)}.dcs-io-table select{width:100%;min-height:38px;border:1px solid #3b545c;background:#071419;color:#fff;font-size:14px;padding:0 6px}.dcs-io-table tr.invalid{background:rgba(255,95,98,.1)}.dcs-io-check{width:100%;min-height:45px;border:0;background:var(--dcs-green);color:#06110e;font-weight:800;margin-top:14px;cursor:pointer}.dcs-io-result{font-size:10px;line-height:1.7;color:var(--dcs-soft);margin:10px 0 0}.dcs-io-result.good{color:var(--dcs-green)}.dcs-io-result.bad{color:var(--dcs-red)}
.dcs-pid-panel{display:grid;gap:10px}.dcs-pid-card{border:1px solid var(--dcs-line);padding:14px;display:grid;grid-template-columns:42px 1fr;gap:10px}.dcs-pid-card>i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#172c32;color:var(--dcs-orange);font:18px Georgia;font-style:normal}.dcs-pid-card b,.dcs-pid-card span{display:block}.dcs-pid-card b{font-size:12px}.dcs-pid-card span{font-size:9px;line-height:1.65;color:var(--dcs-soft);margin-top:5px}.dcs-pid-practice{grid-column:1/-1}.dcs-pid-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.dcs-pid-scenarios button{border:1px solid var(--dcs-line);background:#0a181d;color:#e6efec;padding:14px;text-align:left;cursor:pointer}.dcs-pid-scenarios button b,.dcs-pid-scenarios button span{display:block}.dcs-pid-scenarios button b{font-size:11px}.dcs-pid-scenarios button span{font-size:9px;line-height:1.6;color:var(--dcs-soft);margin-top:6px}.dcs-pid-scenarios button:hover{border-color:var(--dcs-orange)}
.dcs-assessment{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:14px}.dcs-quiz-card,.dcs-skills-card{border:1px solid var(--dcs-line);background:var(--dcs-panel);padding:24px}.dcs-quiz-meta{display:flex;justify-content:space-between;color:var(--dcs-green);font-size:9px;letter-spacing:1px}.dcs-quiz-card h3{font-size:22px;line-height:1.45;margin:18px 0}.dcs-quiz-options{display:grid;gap:8px}.dcs-quiz-options button{border:1px solid var(--dcs-line);background:#0a181d;color:#e7efec;text-align:left;min-height:48px;padding:10px 13px;cursor:pointer}.dcs-quiz-options button:hover{border-color:var(--dcs-cyan)}.dcs-quiz-options button.correct{border-color:var(--dcs-green);background:#112c25}.dcs-quiz-options button.wrong{border-color:var(--dcs-red);background:#2d181b}.dcs-quiz-feedback{margin-top:12px;border-left:3px solid var(--dcs-orange);background:#15262b;padding:13px;font-size:10px;line-height:1.7;color:#c3cfcc}.dcs-quiz-next{margin-top:12px;min-height:44px;border:0;background:var(--dcs-orange);padding:0 18px;font-weight:800;cursor:pointer}.dcs-skills-card>span{font-size:8px;letter-spacing:1.5px;color:var(--dcs-orange)}.dcs-skills-card h3{font-size:20px;margin:8px 0 18px}.dcs-skill-row{margin-top:13px}.dcs-skill-row div{display:flex;justify-content:space-between;font-size:9px;margin-bottom:5px}.dcs-skill-row i{display:block;height:6px;background:#1d3136}.dcs-skill-row i b{display:block;height:100%;background:linear-gradient(90deg,var(--dcs-green),var(--dcs-cyan))}
.dcs-reference{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.dcs-reference>article{border:1px solid var(--dcs-line);background:var(--dcs-panel);padding:22px}.dcs-reference span{font-size:8px;letter-spacing:1.4px;color:var(--dcs-orange)}.dcs-reference h3{font-size:19px;margin:8px 0}.dcs-reference p,.dcs-reference li{font-size:10px;line-height:1.75;color:var(--dcs-soft)}.dcs-reference ul{padding-left:18px}.dcs-resource-links{display:grid;gap:7px;margin-top:14px}.dcs-resource-links a{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--dcs-line);padding:11px;color:#dce8e4;text-decoration:none;font-size:10px}.dcs-resource-links a:hover{border-color:var(--dcs-orange)}
@media(max-width:1100px){.dcs-hero{grid-template-columns:1fr}.dcs-architecture-preview{max-width:720px}.dcs-path-overview,.dcs-lesson-detail,.dcs-reference{grid-template-columns:1fr}.dcs-lesson-title{border-right:0;border-bottom:1px solid var(--dcs-line)}.dcs-lab-grid,.dcs-config-grid{grid-template-columns:1fr}.dcs-process-tabs{grid-template-columns:repeat(3,1fr)}.dcs-arch-map{grid-template-columns:1fr 20px 1fr 20px 1fr}.dcs-pid-board{grid-template-columns:1fr}.dcs-pid-practice{grid-column:auto}.dcs-assessment{grid-template-columns:1fr}}
@media(max-width:700px){.dcs-view .learning-hub-switch{padding:14px 16px 10px}.dcs-hero,.dcs-section{padding:34px 16px}.dcs-hero{min-height:0;gap:28px}.dcs-hero h1{font-size:43px;letter-spacing:-2px}.dcs-hero-copy>p{font-size:13px}.dcs-hero-actions{display:grid}.dcs-primary,.dcs-secondary{width:100%}.dcs-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dcs-hero-stats div{display:block}.dcs-hero-stats b{font-size:24px;display:block}.dcs-preview-stations{grid-template-columns:1fr}.dcs-section-head{display:block}.dcs-section-head p{margin-top:12px}.dcs-level-tabs,.dcs-process-tabs{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.dcs-level-tabs button{min-width:142px;scroll-snap-align:start}.dcs-process-tabs button{min-width:188px;scroll-snap-align:start}.dcs-process-brief{grid-template-columns:1fr;gap:9px;padding:15px}.dcs-path-overview{grid-template-columns:1fr}.dcs-course-list{grid-template-columns:1fr}.dcs-lesson-body ul{grid-template-columns:1fr}.dcs-arch-map{grid-template-columns:1fr}.dcs-arch-arrow{transform:rotate(90deg);min-height:22px}.dcs-arch-detail{grid-template-columns:1fr}.dcs-pid-flow{min-height:460px}.dcs-vessel{left:34%;top:100px;width:32%}.dcs-feed{left:-30%;top:130px}.dcs-discharge{right:-35%;bottom:75px}.tag-pump{left:5%;top:100px}.tag-lt{left:5%;top:250px}.tag-lic{right:4%;left:auto;top:82px}.tag-lv{right:5%;bottom:46px}.tag-lshh{right:4%;left:auto;top:220px}.signal-a,.signal-b{display:none}.dcs-hmi-top{align-items:flex-start;gap:10px}.dcs-hmi-top>b{font-size:9px;max-width:62%;line-height:1.5}.dcs-process{min-height:530px;padding:12px}.dcs-process-values{left:8px;right:8px;top:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.dcs-process-values div{min-width:0;padding:6px}.dcs-process-values b{font-size:13px}.dcs-tank{left:31%;top:205px;width:38%;height:260px}.dcs-transmitter{left:5%;top:300px;width:58px;height:58px}.dcs-signal-line{left:18%;top:328px;width:55px}.dcs-pipe-in{left:0;top:250px;width:34%}.dcs-pipe-out{right:0;bottom:58px;width:34%}.dcs-valve{right:10%;bottom:32px}.dcs-process[data-process="temperature"] .dcs-tank,.dcs-process[data-process="cascade"] .dcs-tank{left:29%;top:220px;width:42%;height:235px}.dcs-process[data-process="temperature"] .dcs-pipe-in,.dcs-process[data-process="cascade"] .dcs-pipe-in{top:270px}.dcs-process[data-process="flow"] .dcs-tank{left:23%;top:285px;width:55%;height:85px}.dcs-process[data-process="flow"] .dcs-pipe-in,.dcs-process[data-process="flow"] .dcs-pipe-out{top:325px}.dcs-process[data-process="flow"] .dcs-transmitter{left:3%;top:293px}.dcs-process[data-process="flow"] .dcs-signal-line{left:16%;top:323px}.dcs-process[data-process="flow"] .dcs-valve{right:4%;bottom:137px}.dcs-process[data-process="pressure"] .dcs-tank{left:27%;top:235px;width:46%;height:205px}.dcs-process[data-process="pressure"] .dcs-pipe-in{top:325px}.dcs-process[data-process="pressure"] .dcs-pipe-out{bottom:92px}.dcs-process[data-process="pressure"] .dcs-valve{right:8%;bottom:67px}.dcs-fbd{display:flex;overflow:auto}.dcs-block{min-width:105px}.dcs-control-fields label{grid-template-columns:1fr 95px}.dcs-trend canvas{height:190px}.dcs-alarm-row{grid-template-columns:58px 60px 1fr}.dcs-alarm-row small{display:none}.dcs-compare-wrap,.dcs-io-panel{width:100%;max-width:calc(100vw - 32px);overflow-x:auto}.dcs-io-panel{padding:12px}.dcs-io-table{min-width:620px}.dcs-pid-scenarios{grid-template-columns:1fr}.dcs-assessment{grid-template-columns:1fr}.dcs-quiz-card,.dcs-skills-card{padding:18px}.dcs-reference{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.dcs-course-card,.dcs-liquid{transition:none}}