:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#203b43;background:#fff;--teal:#087f86;--purple:#785aa5;--orange:#d97a3d}*{box-sizing:border-box}body{margin:0}main{max-width:1280px;margin:auto;padding:24px 26px 16px}header{margin-bottom:14px}#kicker{font-size:12px;letter-spacing:2px;color:#558087}h1{font-size:24px;margin:5px 0 8px;font-weight:650}header p{margin:0;color:#587077;font-size:14px;line-height:1.6}.choice-row{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 14px}button{font:inherit;cursor:pointer;border:1px solid #cfdcdf;background:#fff;color:#38555d;padding:8px 15px;border-radius:7px;font-size:13px}button.active{background:#e1f2f0;color:#096b73;border-color:#46a29f;font-weight:600}button:focus-visible{outline:3px solid #9dcccb;outline-offset:2px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:20px;border-top:1px solid #e0e8e8;padding-top:14px}.visual{height:360px;position:relative;background:#f2f5f3;border-radius:10px;overflow:hidden}#scene{width:100%;height:100%;touch-action:none}#scene canvas{display:block;width:100%;height:100%}#labels{position:absolute;inset:0;pointer-events:none}.scene-label{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;padding:3px 7px;border-radius:4px;font-size:12px;background:#ffffffde;color:#245058;border:1px solid #ccdcd8}.scene-label.force{color:#b85d29}.scene-label.support{color:#127a87}.scene-label.section{color:#72559e}.views{position:absolute;top:10px;left:10px;display:flex;gap:4px}.views button{padding:5px 10px;font-size:12px;background:#fffE}.views button.active{background:#dceeea}.scale-note{position:absolute;bottom:10px;left:12px;font-size:11px;color:#697d80;background:#ffffffe0;border-radius:4px;padding:4px 6px}aside{padding:6px 0}.aside-heading{font-weight:600;font-size:15px}#plot{width:100%;height:190px;margin:2px 0;font-family:inherit}#readout{display:flex;gap:26px;padding:6px 0 10px;border-bottom:1px solid #e3e9e8}.metric{font-size:12px;color:#6c7d81}.metric strong{display:block;font-weight:650;color:#225864;font-size:25px;line-height:1.6}.metric span{font-size:12px;font-weight:400;padding-left:4px}#conclusion{font-size:14px;line-height:1.65;margin:12px 0 0;color:#39575d}.controls{padding:8px 0 0}.secondary{margin:5px 0 8px}.secondary button{font-size:12px;padding:6px 12px}.slider-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f0f6f4;border-radius:7px}.slider-row label{font-size:14px;min-width:82px}#parameter{flex:1;accent-color:var(--teal);min-width:80px}#parameter-value{min-width:77px;text-align:right;color:#145a61;font-variant-numeric:tabular-nums;font-size:15px}#play{width:38px;padding:5px 0;border:none;color:#087f86;background:#fff}.boundary{font-size:11px;color:#78888a;margin:10px 0 0;line-height:1.6}.negative{color:#9d6442}.combination .visual{height:330px}.combination #plot{height:230px}body.embedded main{padding:17px 18px 12px}body.embedded h1{font-size:21px}@media(max-width:850px){.workspace{grid-template-columns:minmax(0,1fr) 270px;gap:14px}main{padding:18px 15px}.visual{height:340px}#plot{height:176px}}

.workspace{grid-template-columns:minmax(0,1fr) 340px}.visual{height:390px}.combination .visual{height:390px}#plot{height:230px}.compact{gap:6px;margin-top:-5px}.compact button{font-size:12px;padding:5px 11px}.group-label{align-self:center;color:#7b8c8a;font-size:12px;margin-right:5px}.group-gap{width:15px}.plot-region{cursor:pointer}.plot-region:hover{opacity:.8}.boundary{max-width:1120px}.term-list{font-size:12px;color:#6b7b7d}.direct-action #choices{display:none}#conclusion{font-size:13px}.slider-row[hidden]{display:none}.choice-row[hidden]{display:none} .scale-note{max-width:94%;white-space:normal} #readout{gap:15px}.metric strong{font-size:23px}


/* The bearing detail belongs only to the temperature action. */
#bearing-wrap[hidden],#plot[hidden]{display:none}.temperature-detail .workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.temperature-detail .visual{height:440px}.temperature-detail #plot{height:85px;margin:0}.temperature-detail #readout{padding:2px 0 7px}.temperature-detail #conclusion{margin-top:7px;min-height:36px}.temperature-detail .metric strong{font-size:21px}.bearing-stage{height:280px;position:relative;background:#eff4f1;border-radius:8px;margin-top:8px;overflow:hidden}#bearing-scene{width:100%;height:100%;touch-action:none}#bearing-scene canvas{display:block;width:100%;height:100%}#bearing-reset{position:absolute;right:9px;top:9px;padding:4px 7px;font-size:11px;background:#ffffffeb}#bearing-note{position:absolute;left:9px;bottom:8px;padding:3px 5px;font-size:11px;color:#546f74;background:#ffffffe0}.bearing-legend{display:flex;gap:15px;font-size:11px;color:#587079;justify-content:center;margin:7px 0}.bearing-legend span{display:flex;align-items:center;gap:5px}.bearing-legend i{display:inline-block;width:10px;height:10px;border-radius:2px}.legend-concrete{background:#b3bcb4}.legend-steel{background:#718f9d}.legend-rubber{background:#283f43}
.model-note{margin-top:14px;color:#63756c;font-size:12px}.model-note>summary{cursor:pointer}.model-note .boundary{margin-top:8px;line-height:1.7}