*{box-sizing:border-box}body{margin:0;background:#fff;color:#243e4b;font-family:system-ui,'Microsoft YaHei',sans-serif;font-size:15px;line-height:1.7}main{max-width:1120px;margin:auto;padding:24px}h1{font-size:25px;line-height:1.4;margin:4px 0 12px}h2{font-size:19px;margin:0 0 6px}p{margin:8px 0 16px}.eyebrow{color:#177b7c;font-size:13px;font-weight:700;margin:0}header p:not(.eyebrow){color:#57717a}.controls{padding:17px 20px;background:#f2f8f8;border-radius:10px}.controls label{font-weight:700;display:flex;justify-content:space-between}.controls output{font-size:22px;color:#106669}input{width:100%;accent-color:#167b7c;min-height:34px}.presets{display:flex;gap:10px;flex-wrap:wrap}button{font:inherit;cursor:pointer;border:1px solid #b8d2d4;background:white;padding:5px 15px;border-radius:7px;color:#264f59}button:hover,button:focus-visible{background:#e2f3f0}.chart-wrap{overflow:auto;margin-top:16px}svg{display:block;width:100%;min-width:660px;height:auto}.axis-note{font-size:13px;color:#647b83}.result{border-left:4px solid #1c7c7d;padding:12px 18px;background:#f3f9f8}.result p{margin-bottom:10px}#model-links{display:flex;gap:10px;flex-wrap:wrap}a{color:#075e79}#model-links a{border:1px solid #aacacc;border-radius:6px;padding:5px 12px;text-decoration:none}details{margin-top:20px;color:#516b75;font-size:13px}summary{cursor:pointer;font-weight:700}details p{margin:10px 0}svg text{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a57534;outline-offset:3px}@media(max-width:560px){main{padding:16px}h1{font-size:21px}.controls{padding:12px}.chart-wrap{border:1px solid #dde8e8}button{padding:5px 12px}}

[hidden]{display:none!important}.scale-choice{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.scale-choice button{font:inherit;padding:8px 12px;background:#f6f9f9;color:#355d68;border:1px solid #bed3d6;border-radius:7px;cursor:pointer}.scale-choice button[aria-pressed=true]{background:#275f69;color:white}.chart-wrap{overflow-x:auto}#chart{max-width:none!important}
.subtype-details{font-size:14px;border-top:1px solid #d6e2e1;padding-top:16px}.beam-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.beam-comparison article{background:#f3f7f5;padding:14px;border-radius:9px}.beam-comparison h3{font-size:17px;margin:5px 0}.beam-comparison p{font-size:14px;line-height:1.65}.beam-icon{min-width:0;width:100%;height:90px}.range-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{text-align:left;border-bottom:1px solid #d9e3e1;padding:9px;font-size:13px}.beam-photo{width:100%;height:150px;object-fit:cover;border-radius:6px}.beam-credit{font-size:11px!important}@media(max-width:600px){.beam-comparison{grid-template-columns:1fr}.beam-icon{height:75px}.chart-wrap::before{content:"横向滑动查看完整跨度尺";display:block;font-size:12px;color:#6c8386;padding:6px 10px;position:sticky;left:0}.beam-comparison article{padding:12px}.range-table-wrap table{min-width:460px}}

.beam-heading{font-size:19px;margin:24px 0 8px}.beam-photo{height:170px}.beam-comparison article{min-width:0}.beam-credit{font-size:12px!important;line-height:1.7;color:#64767b}.beam-icon{height:76px}@media(max-width:600px){.beam-photo{height:190px}}