.resistance-demo{margin:20px 0;padding:22px;border:1px solid #c5dcd9;border-radius:16px;background:#f5fbfa}.resistance-demo h3{margin-top:0}.resistance-demo svg{display:block;width:100%;max-width:650px;margin:15px auto}.resistance-control{padding:16px;background:#fff;border-radius:12px;border:1px solid #d1e2e1}.resistance-control label{display:block;font-weight:700}.resistance-control input{width:100%;margin:14px 0}.resistance-result{color:#24677c;font-size:1.12rem}.resistance-note{font-size:.9rem;color:#51666c}
.resistance-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center}.resistance-visual{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #d1e2e1;border-radius:12px;padding:12px}.resistance-sensor{flex:1;min-width:0;text-align:center}.resistance-sensor svg{width:100%;margin:0}.resistance-sensor p{font-weight:700;color:#486e70;margin:5px}.light-adjust{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;color:#4a6771}.light-adjust label{font-weight:700}.light-adjust input{writing-mode:vertical-lr;direction:rtl;width:30px;height:175px;accent-color:#d99c33;cursor:pointer}.light-adjust output{font-weight:800;font-size:17px}.resistance-graph-side{min-width:0}.resistance-result{text-align:center;font-weight:700}.resistance-graph-side svg{margin:5px auto}@media(max-width:760px){.resistance-layout{grid-template-columns:1fr}.light-adjust input{height:135px}}
.resistance-demo{background:#fffaf1;border-color:#e8d9bd}.resistance-demo h3{margin:6px 0}.resistance-demo .resistance-layout{background:#f5fbfa;border:1px solid #c5dcd9;border-radius:14px;padding:14px}