.runxin-page .valve-page *{box-sizing:border-box}.runxin-page{margin:0;background:#f3f5f7;color:#182b38;font:16px/1.5 system-ui,-apple-system,sans-serif}.runxin-page main.valve-page{max-width:1180px;margin:auto;padding:28px 24px 36px}.runxin-page .valve-page h1{font-size:clamp(24px,4vw,34px);line-height:1.2;margin:5px 0 10px}.runxin-page .valve-page h2{font-size:22px;line-height:1.3;margin:0 0 8px}.runxin-page .valve-page p{margin:8px 0}.runxin-page .valve-page .eyebrow{color:#547083;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.runxin-page .valve-page .intro{max-width:720px;color:#586c79;margin-bottom:26px}.runxin-page .valve-page .layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:28px;align-items:start}.runxin-page .valve-page .visual{min-width:0}.runxin-page .valve-page .panel{position:relative}.runxin-page .valve-page .panel svg{display:block;width:100%;height:auto}.runxin-page .valve-page .physical,.runxin-page .valve-page .lamp-hit{position:absolute;transform:translate(-50%,-50%);padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer;touch-action:manipulation;min-width:34px;min-height:34px}.runxin-page .valve-page .physical:hover,.runxin-page .valve-page .physical:active,.runxin-page .valve-page .lamp-hit:hover{background:#ffffff18;box-shadow:0 0 0 3px #9bd7ffb3}.runxin-page .valve-page .physical.chosen{box-shadow:0 0 0 3px #96d7ff}.runxin-page .valve-page .physical:focus-visible,.runxin-page .valve-page .lamp-hit:focus-visible{outline:3px solid #60b6ee;outline-offset:3px}.runxin-page .valve-page .button-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 18px}.runxin-page .valve-page .button-legend button{border:0;border-radius:8px;background:transparent;color:#415e72;font:inherit;font-size:13px;padding:10px 5px;cursor:pointer;min-height:44px}.runxin-page .valve-page .button-legend button:hover{background:#e1eaf1}.runxin-page .valve-page .button-legend button.active{background:#dfedf7;color:#145b8b}.runxin-page .valve-page .button-legend b{display:block;font-size:18px;margin-bottom:3px}.runxin-page .valve-page .action-info{border-left:3px solid #388ec4;padding:2px 0 2px 14px;min-height:94px}.runxin-page .valve-page .action-info strong{font-size:15px}.runxin-page .valve-page .action-info p{font-size:14px;color:#4b6475}.runxin-page .valve-page .aside{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 24px #18374608;min-width:0}.runxin-page .valve-page .status{display:inline-block;font-size:12px;background:#ebf1f5;border-radius:20px;padding:5px 10px;margin-bottom:15px}.runxin-page .valve-page .status.edit{background:#e3f2fb;color:#135b8b}.runxin-page .valve-page .value{font-variant-numeric:tabular-nums;font-size:30px;font-weight:650;margin:4px 0 12px}.runxin-page .valve-page .help{color:#4f6675}.runxin-page .valve-page .next{background:#edf5fa;padding:12px 14px;border-radius:9px;font-size:14px;margin-top:18px}.runxin-page .valve-page .message{color:#28704e;font-size:14px;min-height:24px}.runxin-page .valve-page .picker{margin-top:22px;padding-top:18px;border-top:1px solid #e3eaf0}.runxin-page .valve-page .picker label{display:block;font-size:13px;color:#536a7a;margin-bottom:8px}.runxin-page .valve-page select{width:100%;border:1px solid #cbd6df;border-radius:8px;padding:11px 10px;background:white;color:#233d50;font:inherit;min-height:44px}.runxin-page .valve-page .note{font-size:12px;color:#607684;margin-top:10px}.runxin-page .valve-page .footer{font-size:12px;color:#667b89;margin-top:28px;max-width:880px}.runxin-page .valve-page .blink{animation:blink .9s step-end infinite}@keyframes blink{50%{opacity:.12}}@media(prefers-reduced-motion:reduce){.runxin-page .valve-page .blink{animation:none;opacity:.55}}@media(max-width:1023px){.runxin-page main.valve-page{padding:22px 16px}.runxin-page .valve-page .intro{font-size:14px;margin-bottom:16px}.runxin-page .valve-page .layout{grid-template-columns:1fr;gap:18px}.runxin-page .valve-page .panel{max-width:560px;margin:auto}.runxin-page .valve-page .physical,.runxin-page .valve-page .lamp-hit{min-width:44px;min-height:44px}.runxin-page .valve-page .button-legend{margin-bottom:12px}.runxin-page .valve-page .button-legend button{font-size:12px}.runxin-page .valve-page .aside{padding:20px}.runxin-page .valve-page .action-info{min-height:0}.runxin-page .valve-page .footer{margin-top:20px}}.runxin-page .valve-page [hidden]{display:none!important}

/* Layout preview: device, button labels, explanation. */
.runxin-page{background:#f4f7f9;color:#203848}.runxin-page main.valve-page{max-width:1200px;padding:34px 28px 32px}.runxin-page .valve-page .guide-header{padding-right:96px}.runxin-page .valve-page .eyebrow{font-size:11px;font-weight:650;letter-spacing:.16em;color:#658193}.runxin-page .valve-page h1{font-size:clamp(25px,4vw,36px);letter-spacing:-.035em;margin:8px 0 8px;font-weight:650}.runxin-page .valve-page .intro{font-size:15px;margin:0 0 22px;color:#69818f}.runxin-page .valve-page .model-switch{display:inline-flex;gap:4px;padding:4px;background:#e7eef3;border-radius:12px;margin-bottom:22px;max-width:100%}.runxin-page .valve-page .model-switch button{display:flex;align-items:center;gap:13px;padding:11px 17px;border:0;border-radius:9px;font:inherit;font-size:14px;background:transparent;color:#718796;min-height:44px}.runxin-page .valve-page .model-switch button[aria-pressed=true]{background:#fff;color:#135c8c;box-shadow:0 2px 6px #18394d0d}.runxin-page .valve-page .model-switch small{font-size:11px;letter-spacing:.02em}.runxin-page .valve-page .model-switch button:disabled{opacity:.65}.runxin-page .valve-page .guidance{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;padding:17px 20px;border-radius:12px;background:#eaf2f7;margin-bottom:28px}.runxin-page .valve-page .guidance-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#57798f}.runxin-page .valve-page .guidance p{margin:4px 0 0;font-size:13px;color:#526f82}.runxin-page .valve-page .guidance strong{font-weight:600;color:#2b536e}.runxin-page .valve-page .layout{grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:28px;align-items:start}.runxin-page .valve-page .section-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#436275;margin:0 18px 0}.runxin-page .valve-page .section-label span{font-size:11px;color:#7d919d}.runxin-page .valve-page .panel{margin-top:3px}.runxin-page .valve-page .aside{padding:22px 24px 20px;background:#fff;border:1px solid #e3ebf0;box-shadow:0 6px 24px #29425506;border-radius:16px}.runxin-page .valve-page .status{background:#edf4f8;color:#47758f;font-size:11px;margin-bottom:15px;letter-spacing:.02em}.runxin-page .valve-page .value{font-size:32px;font-weight:600;letter-spacing:-.02em}.runxin-page .valve-page h2{font-size:20px;font-weight:600}.runxin-page .valve-page .help{font-size:14px;line-height:1.65;color:#5f7786}.runxin-page .valve-page .next{background:transparent;border-left:2px solid #5093be;border-radius:0;padding:1px 0 1px 12px;font-size:13px;color:#355c76;margin:18px 0 0}.runxin-page .valve-page .message:empty{display:none}.runxin-page .valve-page .message{font-size:12px;margin-bottom:0}.runxin-page .valve-page .action-info{margin-top:20px;padding:15px 0 0;border-left:0;border-top:1px solid #e8eef2;min-height:0}.runxin-page .valve-page .action-info strong{display:block;font-size:13px;color:#274d67}.runxin-page .valve-page .action-info p{font-size:12px;line-height:1.6;color:#6a8190}.runxin-page .valve-page .picker{margin-top:16px;padding-top:16px}.runxin-page .valve-page .picker label{font-size:12px;color:#607d90}.runxin-page .valve-page select{font-size:14px;color:#365a73;border-color:#dce6ed;background:#f9fbfc;border-radius:9px}.runxin-page .valve-page .note{font-size:11px;line-height:1.6;color:#8296a3}.runxin-page .valve-page .button-legend{gap:7px;margin:8px 18px 0}.runxin-page .valve-page .button-legend button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-size:12px;line-height:1.4;padding:12px 5px 10px;min-height:76px;color:#567489;border-top:1px solid #d9e4ec;border-radius:0}.runxin-page .valve-page .button-legend b{display:flex;align-items:center;justify-content:center;background:#e5eef4;color:#2c6a94;border-radius:50%;width:25px;height:25px;font-size:14px;margin-bottom:7px}.runxin-page .valve-page .button-legend button.active{background:#e9f2f8;border-radius:0 0 10px 10px;color:#165f8f}.runxin-page .valve-page .footer{font-size:11px;line-height:1.6;color:#8496a3;margin-top:28px;padding-top:18px;border-top:1px solid #e2eaf0}.runxin-page .valve-page .physical:focus-visible,.runxin-page .valve-page .lamp-hit:focus-visible{outline-offset:2px}
@media(max-width:1023px){.runxin-page main.valve-page{padding:22px 16px}.runxin-page .valve-page .guide-header{padding-right:0}.runxin-page .valve-page .model-switch{display:flex;width:100%;margin-bottom:16px}.runxin-page .valve-page .model-switch button{justify-content:center;flex:1;gap:7px;padding:10px 8px;font-size:13px}.runxin-page .valve-page .model-switch small{font-size:11px}.runxin-page .valve-page .guidance{grid-template-columns:1fr;gap:12px;margin-bottom:20px;padding:14px 16px}.runxin-page .valve-page .guidance p{font-size:12px}.runxin-page .valve-page .guidance-label{font-size:11px}.runxin-page .valve-page .layout{grid-template-columns:1fr;gap:18px}.runxin-page .valve-page .section-label{margin:0 0 10px;font-size:12px}.runxin-page .valve-page .section-label span{font-size:11px}.runxin-page .valve-page .button-legend{margin:10px 0 0;gap:5px}.runxin-page .valve-page .button-legend button{font-size:11px;padding:11px 3px 8px}.runxin-page .valve-page .aside{padding:20px}.runxin-page .valve-page .panel{max-width:560px}.runxin-page .valve-page .footer{margin-top:20px}.runxin-page .valve-page .intro{font-size:14px;margin-bottom:16px}}