.plr{--plr-navy:#092b4c;--plr-orange:#ef7900;--plr-ink:#173954;--plr-line:#cedae4;margin:0 0 24px;border:1px solid var(--plr-line);border-radius:16px;overflow:hidden;background:#fff;color:var(--plr-ink);font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;isolation:isolate}
.plr *{box-sizing:border-box}.plr [hidden]{display:none!important}.plr-head{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:18px 20px;background:var(--plr-navy);color:#fff}.plr-head h3{margin:0;font-size:clamp(19px,2.5vw,25px);line-height:1.5;color:#fff}.plr-kicker{font-size:12px;letter-spacing:.12em;color:#c2d9eb;margin:0 0 3px}.plr-tag{flex:none;font-size:12px;border:1px solid #67839b;border-radius:20px;padding:6px 10px;color:#fff}
.plr-visual{position:relative;background:#dce2e7}.plr-visual>img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;aspect-ratio:3/2;margin:0!important;border:0!important;border-radius:0!important}.plr .plr-hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;z-index:2}
.plr-hotspot b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid #fff;background:var(--plr-navy);color:#fff;font:700 12px/1 system-ui;box-shadow:0 1px 5px #092b4c88}.plr-hotspot:hover b{background:#a94b00}.plr-hotspot span{display:none}.plr .plr-leaders{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;display:block!important;margin:0!important;pointer-events:none}.plr-leaders path{fill:none;stroke:#fff;stroke-width:1.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #092b4c)}.plr-leaders circle{fill:#ef7900;stroke:#fff;stroke-width:1px;vector-effect:non-scaling-stroke}
.plr-visual-tag{position:absolute;bottom:10px;left:12px;background:#092b4cea;color:#fff;font-size:12px;padding:5px 10px;border-radius:6px}.plr-components{display:flex;gap:7px;flex-wrap:wrap;padding:12px 16px;background:#f2f6f9}.plr .plr-component{min-height:44px;border:1px solid #bdcddd;border-radius:7px;background:white;padding:6px 10px;font:inherit;font-size:13px;color:#173954;cursor:pointer}.plr .plr-component b{color:#ad4e00;margin-right:5px}.plr-caption{padding:10px 18px;margin:0!important;font-size:12px;line-height:1.7;color:#526c7e;border-bottom:1px solid #dce5ed}
.plr-lab{padding:18px}.plr-label{font-size:14px;font-weight:700;margin:0 0 10px!important}.plr-scenarios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.plr .plr-scenario{min-height:52px;padding:8px;border:1px solid #b6c8d7;border-radius:9px;background:#f8fafc;color:var(--plr-ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.plr .plr-scenario[aria-pressed=true]{background:var(--plr-navy);color:white;border-color:var(--plr-navy);box-shadow:inset 0 -3px var(--plr-orange)}.plr-scenario-note{min-height:3.6em;margin:12px 0 16px!important;font-size:13px;line-height:1.8;color:#526c7e}
.plr-hmi{background:#0d1b2a;border:5px solid #566575;border-radius:12px;padding:18px;color:#dfeaf1;box-shadow:0 5px 15px #092b4c16}.plr-hmi-top{display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid #415160;padding-bottom:12px;flex-wrap:wrap}.plr-hmi-top strong{font-size:15px}.plr-link{font-size:12px;color:#99dfd1}.plr[data-online=false] .plr-link{color:#ffc17b}.plr-state{margin:14px 0 6px!important;color:#f7faff;font-size:clamp(20px,3vw,29px);font-weight:700;line-height:1.5}.plr[data-phase=fault] .plr-state,.plr[data-phase=blocked] .plr-state{color:#ffbd84}.plr-narrative{margin:0 0 16px!important;color:#bdcddd;font-size:13px;line-height:1.7;min-height:2.5em}
.plr-signals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.plr-signal{padding:12px 8px;border:1px solid #455667;border-radius:8px;background:#172b3d;text-align:center}.plr-signal dt{font-size:12px;color:#bdcddd;line-height:1.5}.plr-signal dd{margin:6px 0 0!important;font-weight:700;color:#c8d5e0;font-size:17px}.plr-signal dd:before{content:"";display:inline-block;width:9px;height:9px;background:#738392;border-radius:50%;margin-right:6px}.plr-signal[data-signal=on] dd{color:#a6eddb}.plr-signal[data-signal=on] dd:before{background:#55d5ae;box-shadow:0 0 8px #55d5ae77}.plr-signal[data-signal=unknown] dd{color:#ffd399}.plr-signal[data-signal=unknown] dd:before{background:#ffb351}
.plr-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.plr .plr-action{min-height:46px;padding:9px 15px;border:1px solid #7b91a4;background:#203c55;border-radius:7px;color:white;font:inherit;font-size:14px;cursor:pointer}.plr .plr-start{background:#176553;border-color:#45b298}.plr .plr-stop{background:#823f27;border-color:#d39a7a}.plr .plr-action:disabled{opacity:.42;cursor:not-allowed}.plr .plr-action:focus-visible,.plr button:focus-visible,.plr summary:focus-visible{outline:3px solid #ff9800;outline-offset:3px}
.plr-local{border-left:3px solid var(--plr-orange);padding:8px 12px;background:#f3f6f9;color:#284b65;font-size:13px;margin:14px 0!important}.plr-timing{font-size:12px;color:#607789;line-height:1.7;margin:12px 0!important}.plr-log{border-top:1px solid #d5e0e9;padding-top:10px;color:#526c7e;font-size:12px}.plr-log summary{cursor:pointer;min-height:32px}.plr-log ol{padding-left:23px;margin:10px 0 0}.plr-log li{margin:5px 0;line-height:1.7}.plr-nojs{padding:14px;color:#6d4b18}.plr:not([data-ready=true]) .plr-lab{display:none}
.plr-zoom{width:min(680px,calc(100vw - 24px));max-height:90vh;overflow:auto;padding:0;border:1px solid #8298ac;border-radius:14px;color:var(--plr-ink);background:#fff;box-shadow:0 10px 60px #0008}.plr-zoom::backdrop{background:#09223bd4}.plr-zoom-head{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.plr-zoom h4{font-size:19px;margin:0}.plr .plr-close{min-width:60px;min-height:44px;border:1px solid #bdcddd;border-radius:7px;background:#f2f6f9;color:#173954;font:inherit}.plr-zoom-image{aspect-ratio:1.65;background-size:300% auto;background-repeat:no-repeat;background-color:#dde4e9}.plr-zoom p{padding:14px 18px;margin:0;font-size:14px;line-height:1.9}.plr-original{border:1px solid #cad9e5;border-radius:10px;background:white;margin:16px 0}.plr-original>summary{padding:14px;color:#173954;font-size:14px;cursor:pointer;min-height:48px}.plr-original .control-figure{margin:0}
@media(max-width:620px){.q-deep-entry:has(.plr){margin-left:0!important;margin-right:0!important;padding:8px}.plr{border-radius:11px}.plr-head{padding:14px;gap:8px;flex-direction:column;align-items:flex-start}.plr-head h3{font-size:20px;line-height:1.5}.plr-tag{font-size:10px;padding:5px 7px}.plr-kicker{font-size:10px}.plr .plr-hotspot{width:44px;padding:0;justify-content:center}.plr-hotspot span{display:none}.plr-components{padding:10px;gap:6px}.plr .plr-component{font-size:12px;padding:5px 8px}.plr-lab{padding:12px}.plr-scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}.plr-signals{grid-template-columns:repeat(2,minmax(0,1fr))}.plr-hmi{padding:12px;border-width:4px}.plr-actions{gap:7px}.plr .plr-action{flex:1 1 95px;padding:9px 7px;font-size:13px}.plr-caption{padding:10px 12px}.plr-visual-tag{font-size:10px;bottom:5px;left:5px}.plr-scenario-note{min-height:0}.plr-zoom-image{aspect-ratio:1.3}}


.plr .plr-original-note{font-size:13px;line-height:1.8}

.plr{--plr-navy:#1e3f8f;--plr-orange:#e8801e;--plr-ink:#172d4b}.plr-head{background:#17337a}.plr-hmi{background:#17337a;border-color:#8799bd}.plr-link{color:#fff1de}.plr-signal{background:#23488e}.plr-signal[data-signal=on] dd{color:#ffe1bb}.plr-signal[data-signal=on] dd:before{background:#e8801e;box-shadow:none}.plr .plr-start{background:#1e3f8f;border-color:#bed0f3}.plr .plr-stop{background:#8e2434;border-color:#ffbfca}.plr .plr-component b{color:#914000}.plr-chart{margin:18px 0;padding:18px;background:#fff;border:1px solid #bdcce1;border-radius:12px;color:#172d4b}.plr-chart h4{margin:0 0 8px;font-size:19px}.plr-chart p{font-size:13px;line-height:1.8}.plr-chart svg{display:block;width:100%;height:auto;max-height:none;overflow:visible}.plr-chart svg text{font:15px system-ui;fill:#172d4b}.plr-chart svg .plr-axis{font-size:13px}.plr-chart .plr-grid{stroke:#cdd7e5;stroke-width:1;fill:none}.plr-chart .plr-series{fill:none!important;stroke-linejoin:round;vector-effect:non-scaling-stroke}.plr-chart svg .plr-unknown{fill:#a64700;font-weight:800}.plr-chart summary{min-height:44px;padding:8px 0;cursor:pointer}.plr-table-wrap{overflow:auto}.plr-chart table{width:100%;border-collapse:collapse;font-size:14px}.plr-chart th,.plr-chart td{padding:8px;border:1px solid #d0daea;text-align:center}.plr-chart caption{padding:8px}.plr-chart summary:focus-visible{outline:3px solid #e8801e}.plr-logo{width:42px!important;height:42px!important;object-fit:contain;background:white;border-radius:8px;padding:4px;margin:0!important}.plr-title-wrap{display:flex;align-items:center;gap:12px}.plr-title-wrap>div{min-width:0}.plr-head .plr-kicker{color:#e0e8f8}@media(max-width:620px){.plr-chart{padding:10px}.plr-chart svg text{font-size:18px}.plr-chart svg .plr-axis{font-size:16px}}