.rackfx{--panel:#111723;--panel-hi:#1a2333;--text:#e9eef8;--muted:#a8b3c9;--brd:rgba(255,255,255,.1);--ok:#2ee6a6;--warn:#ffd166;--err:#ff5a70;--fan:44px;--fan-border:1px;--fan-grill-gap:6px;padding:clamp(16px,2.4vw,28px);background:none;position:relative;overflow-x:clip}.rackfx:before,.rackfx:after{content:none}.rackfx-grid{max-width:1200px;margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(14px,2vw,20px)}.rackfx-grid *,.rackfx-grid *:before,.rackfx-grid *:after{box-sizing:border-box}.rackfx-unit{position:relative;border-radius:10px;padding:14px 14px 12px;background:linear-gradient(180deg,#ffffff08,#fff0 40%),linear-gradient(145deg,var(--panel-hi),var(--panel));border:1px solid var(--brd);overflow:hidden}.rackfx-head{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.rackfx-head h2{margin:0;color:var(--text);font:600 clamp(16px,1.6vw,18px)/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial}.rackfx-tag{font-size:12px;color:var(--muted);padding:.35rem .55rem;border-radius:4px;background:linear-gradient(180deg,#ffffff0f,#0000001f),#0f1522;border:1px solid rgba(255,255,255,.1)}.rackfx-trays{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.rackfx-tray{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 10px;border-radius:8px;background:linear-gradient(180deg,#ffffff08,#fff0 30%),linear-gradient(160deg,#0f141f,#0b1019 60%,#0b0f18);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000080}.rackfx-tray:before{content:"";position:absolute;left:10px;right:10px;top:6px;height:6px;border-radius:3px;background:linear-gradient(180deg,#ffffff1f,#0000004d)}.rackfx-tray:after{content:"";position:absolute;left:10px;right:10px;bottom:6px;height:7px;border-radius:3px;background:linear-gradient(180deg,#00000059,#ffffff0d);box-shadow:inset 0 1px #ffffff0f}.rackfx-led{display:block;inline-size:14px;block-size:14px;border-radius:50%;background:#0a0f16;position:relative;border:2px solid rgba(255,255,255,.12);box-shadow:inset 0 0 4px #0009}.rackfx-tray[data-status=ok] .rackfx-led{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.2) 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.063) 21%,rgba(255,255,255,.063) 35%,transparent 36%),radial-gradient(circle at 50% 55%,var(--ok) 0%,var(--ok) 60%,transparent 61%);box-shadow:0 0 10px var(--ok),0 0 26px #2ee6a673,inset 0 0 4px #0009}.rackfx-tray[data-status=warn] .rackfx-led{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.2) 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.063) 21%,rgba(255,255,255,.063) 35%,transparent 36%),radial-gradient(circle at 50% 55%,var(--warn) 0%,var(--warn) 60%,transparent 61%);box-shadow:0 0 10px var(--warn),0 0 26px #ffd16673,inset 0 0 4px #0009}.rackfx-tray[data-status=error] .rackfx-led{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.2) 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.063) 21%,rgba(255,255,255,.063) 35%,transparent 36%),radial-gradient(circle at 50% 55%,var(--err) 0%,var(--err) 60%,transparent 61%);box-shadow:0 0 10px var(--err),0 0 26px #ff5a7073,inset 0 0 4px #0009}@keyframes rackfx-blink{50%{opacity:.25}}.rackfx-tray[data-blink] .rackfx-led{animation:rackfx-blink 1.1s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.rackfx-tray[data-blink] .rackfx-led{animation:none}}.rackfx-foot{margin-top:12px}.rackfx-fans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:center}.rackfx-fan{width:clamp(36px,22%,var(--fan));aspect-ratio:1;border-radius:50%;position:relative;margin-left:auto;margin-right:auto;background:radial-gradient(closest-side,transparent calc(100% - 8px),rgba(255,255,255,.08) calc(100% - 7px),rgba(0,0,0,.6) calc(100% - 6px),transparent calc(100% - 5px)),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.12) 0px,rgba(255,255,255,.12) 1px,transparent 1px,transparent var(--fan-grill-gap)),radial-gradient(60% 60% at 48% 45%,#1b2334,#0f1524 60%,#0b101a);border:var(--fan-border) solid rgba(255,255,255,.12);box-shadow:inset 0 0 12px #0009;overflow:hidden}.rackfx-fan:before{content:"";position:absolute;inset:18%;background:conic-gradient(from 20deg,rgba(255,255,255,.1) 0deg,rgba(255,255,255,.1) 36deg,transparent 36deg,transparent 144deg,rgba(255,255,255,.1) 144deg,rgba(255,255,255,.1) 180deg,transparent 180deg,transparent 288deg,rgba(255,255,255,.1) 288deg,rgba(255,255,255,.1) 324deg,transparent 324deg,transparent 360deg);mix-blend-mode:screen;animation:rackfx-spin 1.8s linear infinite;transform-origin:50% 50%}.rackfx-fan:after{content:"";position:absolute;inset:40%;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.5) 0%,rgba(255,255,255,.5) 15%,rgba(255,255,255,.125) 16%,rgba(255,255,255,.125) 45%,transparent 46%),#1e2636;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 2px #0009,inset 0 0 3px #0009}@keyframes rackfx-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.rackfx-fan:before{animation:none}}@media (max-width:560px){.rackfx-trays{gap:8px}.rackfx-tray{padding:10px 8px;gap:8px}.rackfx-led{inline-size:12px;block-size:12px}.rackfx-fan{width:clamp(32px,24%,38px)}}