.experiment-container{min-height:100vh;color:var(--text-primary);flex-direction:column;padding-top:70px;display:flex}.experiment-header{padding:var(--space-lg) var(--space-xl) 0;width:100%;max-width:1600px;margin:0 auto}.title-group h1{margin-top:4px;font-size:2rem;font-weight:700}.en-title{color:var(--text-tertiary);font-weight:500}.experiment-layout{gap:var(--space-lg);padding:var(--space-lg) var(--space-xl) 150px var(--space-xl);flex-direction:column;flex:1;width:100%;max-width:1600px;margin:0 auto;display:flex}.sim-area{aspect-ratio:16/9;flex-direction:column;width:100%;min-height:400px;max-height:65vh;display:flex;position:relative}.physics-workspace{background:var(--bg-surface-elevated);border:1px solid #ffffff0d;border-radius:24px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #00000080}#sim-canvas{cursor:grab;width:100%;height:100%;position:absolute;top:0;left:0}#sim-canvas:active{cursor:grabbing}.sim-overlay-controls{z-index:10;gap:8px;display:flex;position:absolute;top:24px;right:24px}.icon-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.icon-btn:hover{background:#fff3}.instruction-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;color:var(--text-secondary);z-index:10;background:#ffffff1a;border:1px solid #ffffff0d;border-radius:20px;padding:8px 16px;font-weight:500;transition:opacity .3s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.slider-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#000000b3;border:1px solid #ffffff1a;border-radius:12px;width:250px;padding:16px;position:absolute;bottom:20px;right:20px}.slider-header{color:#fff;justify-content:space-between;margin-bottom:8px;font-size:.9rem;font-weight:500;display:flex}.value-display{font-family:var(--font-mono);color:#f1c40f;font-weight:700}input[type=range]{cursor:pointer;width:100%;accent-color:var(--accent-primary)}.slider-hint{color:#aaa;margin-top:8px;font-size:.75rem;line-height:1.4}.control-panel{gap:var(--space-md);width:100%;display:flex}.panel-section{background:var(--bg-surface);border:1px solid var(--border-color);padding:var(--space-lg);box-sizing:border-box;border-radius:16px;flex:1}.key-point{border-left:4px solid var(--accent-primary);color:var(--accent-secondary);background:#b8c0ff1a;border-radius:4px 8px 8px 4px;margin-top:16px;padding:12px 16px;font-size:.95rem;line-height:1.5}@media (width<=640px){.experiment-layout{padding:calc(60px + var(--space-sm)) var(--space-sm) 150px}.sim-area{min-height:350px}.title-group h1{font-size:1.5rem}.control-panel{flex-direction:column}}