body{margin:0}a{color:#0A3D8F}a:hover{color:#072C69}.pp .lab{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.pp .lab-top{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0;border-bottom:1px solid var(--line)}.pp .rack{background:#0C2236;padding:16px 14px;display:flex;flex-direction:column;gap:6px}.pp .unit{display:grid;grid-template-columns:10px minmax(0,1fr);gap:8px;align-items:center;padding:7px 8px;background:#132A44;border:1px solid #1F3B58;font:400 11px/1.1 var(--fp);color:#A9BBCC}.pp .unit i{width:10px;height:10px;background:#3F5468}.pp .unit.on i{background:#3DD6B7;box-shadow:0 0 8px #3DD6B7}.pp .unit.on{color:#E8EFF6}.pp .chart{padding:18px 18px 8px}.pp .tog{display:flex;flex-wrap:wrap;gap:8px}.pp .tog button{min-height:44px;padding:0 14px;border:1px solid color-mix(in srgb,var(--ink2) 45%,var(--line));border-radius:4px;background:var(--surface);color:var(--ink);font:700 14px/1 var(--fb);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.pp .tog button i{width:10px;height:10px;border:2px solid var(--ink2)}.pp .tog button[aria-pressed=true]{border:2px solid var(--ok)}.pp .tog button[aria-pressed=true] i{background:var(--aurora);border-color:var(--aurora)}.pp .stack{display:flex;flex-direction:column;gap:8px}.pp .layer{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:18px 22px;border:1px solid var(--line);background:var(--surface);align-items:center}.pp .layer b{font:650 18px/1.2 var(--fd);display:flex;gap:10px;align-items:center}.pp .layer b i{width:12px;height:12px;background:var(--tint)}@container pp (max-width:1000px){.pp .lab-top{grid-template-columns:minmax(0,1fr)}.pp .rack{flex-direction:row;flex-wrap:wrap}.pp .layer{grid-template-columns:minmax(0,1fr);gap:8px}}