:root{--ink:#392416;--muted:#685444;--gold:#aa6818;--stage-scale-x:1;--stage-scale-y:1;color-scheme:light;font-family:system-ui,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#bba789;color:var(--ink)}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #155c9f;outline-offset:4px}button{border:0}button:hover{filter:brightness(1.06)}[hidden]{display:none!important}.backdrop{position:fixed;inset:-24px;background:url(/assets/image-0-06562d01a89863f8.webp) center/cover;filter:blur(18px);transform:scale(1.06)}.stage{position:absolute;width:1672px;height:941px;left:0;top:0;transform:scale(var(--stage-scale-x),var(--stage-scale-y));transform-origin:top left;isolation:isolate}.background{position:absolute;inset:0;width:100%;height:100%;user-select:none;z-index:-3}.glass{background:linear-gradient(125deg,#fffbf4d6,#f3eee8c4);backdrop-filter:blur(24px) saturate(.8);-webkit-backdrop-filter:blur(24px) saturate(.8);border:1.5px solid #ffffffb8;box-shadow:inset 0 1px 1px #fff9,0 12px 36px #41271120}.glass-dark{background:linear-gradient(115deg,#30251cbb,#43382b9c);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid #fff0c978;box-shadow:inset 0 1px 1px #fff4,0 6px 22px #28160a15;color:#fff5df}.hero{position:absolute;left:26px;top:24px;min-width:515px;max-width:650px;padding:17px 23px 15px;border-radius:19px;z-index:3}.eyebrow{font-size:23px;letter-spacing:1px;margin:0 0 5px}.hero h1{font-family:Songti SC,SimSun,serif;font-size:60px;line-height:1.22;font-weight:600;margin:0;letter-spacing:2px}.hero h1 i{font-family:Georgia,serif;font-weight:400}.subtitle{font-size:26px;margin:7px 0 0;letter-spacing:1px}.foil-layer{position:absolute;transform-origin:0 0;pointer-events:none;z-index:-1;filter:drop-shadow(5px 9px 7px #2014004d)}.foil-layer img{display:block;width:100%;height:100%;object-fit:contain}.foil-layer:before{content:"";position:absolute;left:130px;top:1378px;width:750px;height:130px;border-radius:50%;background:radial-gradient(ellipse,#21120c91,transparent 70%);filter:blur(10px)}#macro-canvas{position:absolute;inset:0;width:1672px;height:941px;pointer-events:none;z-index:0}.annotation-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;fill:#fff2cd;stroke:#fff1cc;stroke-width:1.4}.part-label{position:absolute;padding:9px 20px;border-radius:9px;font-size:23px;z-index:4;min-width:108px;line-height:1.3}.part-label[data-part=source]{left:64px;top:296px}.part-label[data-part=collimator]{left:322px;top:289px}.part-label[data-part=foil]{left:628px;top:296px}.part-label[data-part=screen]{left:921px;top:278px}.part-label[aria-expanded=true]{background:#705022e8;border-color:#f8dba2}.apparatus-info{position:absolute;left:40px;top:215px;width:650px;min-height:70px;z-index:6;border-radius:12px;padding:12px 45px 12px 20px}.apparatus-info h2{font-size:22px;margin:0 0 3px;color:#ffe1a1}.apparatus-info p{font-size:20px;line-height:1.5;margin:0}.close-info{position:absolute;right:10px;top:8px;width:30px;height:30px;color:#fff8e7;background:none;font-size:28px}.focus-tag{position:absolute;left:787px;top:349px;padding:5px 13px;font-size:20px;font-weight:600;background:#553410cb;color:#ffe5a9;border:1px solid #efc670;border-radius:10px;z-index:3;pointer-events:none}.micro-panel{position:absolute;left:1096px;top:73px;width:548px;height:754px;border-radius:27px;padding:21px;z-index:5;display:flex;flex-direction:column;gap:10px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-heading h2{font-size:39px;line-height:1.2;margin:0;font-weight:700;letter-spacing:1px;white-space:nowrap}.status-badge{border:1px solid #ffefcc;background:linear-gradient(125deg,#dcb56bd9,#a3611ae6);box-shadow:inset 0 1px 4px #fff8,0 2px 8px #83502230;border-radius:24px;padding:10px 14px;color:#fffdf5;font-size:19px;white-space:nowrap}.panel-subtitle{font-size:20px;color:#554437;line-height:1.3;margin:-4px 0 0;display:flex;justify-content:space-between}.panel-subtitle #play-state{font-size:17px;color:#6a5644}.micro-view{position:relative;flex:none;width:504px;height:282px;overflow:hidden;border:1px solid #fff9;border-radius:19px;background:linear-gradient(130deg,#fffdf44d,#e4dacf3d)}#micro-canvas{display:block;width:100%;height:100%}.diagram-caption{position:absolute;left:13px;right:13px;bottom:8px;display:flex;justify-content:space-between;font-size:17px;color:#685444;pointer-events:none}.diagram-caption b{color:#533115}.phenomenon-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.phenomenon-tabs button{height:80px;border:1px solid #fff9;border-radius:13px;background:#fffaf269;box-shadow:inset 0 1px 3px #fff9,0 3px 6px #5b32110c;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:23px;font-weight:600}.phenomenon-tabs svg{width:91px;height:28px;stroke:#58402a;fill:none;stroke-width:1.8}.phenomenon-tabs circle{fill:#c18d3a;stroke:#f0d594}.phenomenon-tabs button[aria-pressed=true],.mode-tabs button[aria-pressed=true],button.primary{color:#fffdf7;background:linear-gradient(130deg,#ddb86bdc,#a36620e8);box-shadow:inset 0 1px 4px #fff8,0 3px 11px #92612424;border:1px solid #ffebc4}.phenomenon-tabs button[aria-pressed=true] svg{stroke:#fff8e4}.impact-control{margin-top:2px}.slider-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:22px}.slider-heading label{font-weight:600}.slider-heading output{font-size:19px;white-space:nowrap}.range-wrap{position:relative;height:33px;display:flex;align-items:center;margin-top:9px}.range-wrap i{position:absolute;left:50%;height:20px;top:6px;border-left:2px solid #ad834e;pointer-events:none}input[type=range]{width:100%;height:8px;border-radius:8px;margin:0;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#b79a7c,#c7a372,#aa9c8d);cursor:ew-resize;z-index:1}input[type=range]::-webkit-slider-thumb{appearance:none;width:31px;height:31px;border:3px solid #fffaf1;border-radius:50%;background:linear-gradient(130deg,#e9c578,#ac6c25);box-shadow:0 0 0 1px #ae7b36,0 3px 6px #53351044}input[type=range]::-moz-range-thumb{width:25px;height:25px;border:3px solid #fffaf1;border-radius:50%;background:#be8b40;box-shadow:0 0 0 1px #ae7b36}.range-labels{display:flex;justify-content:space-between;font-size:18px;color:#685444;margin-top:1px}.explanation{border-radius:15px;border:1px solid #fff7;background:#e8ddcf55;padding:12px 15px;min-height:104px;display:flex;flex-direction:column;justify-content:center;gap:6px}.explanation p{font-size:21px;line-height:1.45;margin:0}.explanation p:first-child{font-weight:700}.micro-note{font-size:16px;color:#6d5c4d;text-align:right;margin:0;line-height:1.3}.experiment-controls{position:absolute;left:29px;top:827px;width:1000px;height:96px;border-radius:24px;padding:12px 19px 8px;z-index:5}.control-row{display:flex;align-items:center;justify-content:space-between;gap:10px;height:47px}.control-row button{font-size:22px;white-space:nowrap;padding:9px 17px;border-radius:25px;background:#fffcf471;min-height:46px}.control-row .primary{min-width:174px}.mode-tabs{display:flex;border-radius:16px;background:#fffaf34f;padding:3px}.mode-tabs button{font-size:21px;padding:9px 14px;background:none;border-radius:13px}.control-row .divider{height:32px;border-left:1px solid #8c75684a}.control-row #toggle-labels{background:none;display:flex;align-items:center;gap:10px;padding:9px 4px;font-size:20px}.switch-track{position:relative;width:46px;height:26px;border-radius:20px;background:#8c8175;box-shadow:inset 0 1px 3px #4b2a2620}.switch-track:after{content:"";position:absolute;width:20px;height:20px;top:3px;left:3px;border-radius:50%;background:#fffbf2;transition:transform .15s}#toggle-labels[aria-checked=true] .switch-track{background:#aa712b}#toggle-labels[aria-checked=true] .switch-track:after{transform:translate(20px)}.control-row .icon-button{font-size:28px;min-width:40px;padding:3px;background:none}.control-note{font-size:17px;text-align:center;margin:8px 0 0;color:#635140}.control-note span{color:#6f6052}.load-error{position:absolute;left:50%;top:215px;transform:translate(-50%);z-index:20;background:#fff0e5;border:1px solid #9d321c;color:#792314;border-radius:12px;padding:16px;font-size:22px}#webgl-warning{padding:30px;font-size:21px}#play-symbol{margin-right:9px;font-family:Arial,sans-serif}.is-paused #play-state{color:#815616}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.control-row button.primary{background:linear-gradient(130deg,#ce9b48,#985914);color:#fffdf7;border:1px solid #ffe6b7}.status-badge{display:flex;align-items:center;justify-content:center;gap:5px;min-width:239px;height:54px;padding:6px 14px;border:0;border-radius:0;box-shadow:none;position:relative;isolation:isolate;background:none;color:#fffdf6;text-shadow:0 1px 3px #67380b;font-weight:600}.status-badge img{width:30px;height:30px;object-fit:contain;flex:none}.preset-visual{position:relative;display:block;width:102px;height:30px}.phenomenon-tabs .preset-visual svg{width:102px;height:30px;display:block}.phenomenon-tabs .preset-visual circle{display:none}.preset-particle{position:absolute;width:29px;height:29px;left:-3px;top:0;z-index:1;pointer-events:none}[data-preset=deflect] .preset-particle,[data-preset=return] .preset-particle{top:8px}.phenomenon-tabs button{gap:7px}input[type=range]::-webkit-slider-thumb{width:40px;height:40px;border:0;border-radius:0;box-shadow:none;background:transparent}input[type=range]::-moz-range-thumb{width:40px;height:40px;border:0;border-radius:0;box-shadow:none;background:transparent}.status-badge .badge-art{position:absolute;inset:-20% 0;z-index:-1;width:100%;height:140%;object-fit:fill;pointer-events:none}#impact-thumb{position:absolute;left:calc(20px + (100% - 40px)*var(--impact-fraction,.59));top:50%;transform:translate(-50%,-50%);width:40px;height:40px;z-index:2;pointer-events:none}.micro-panel{isolation:isolate;background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.micro-panel-art{position:absolute;inset:-7px;width:calc(100% + 14px);height:calc(100% + 14px);object-fit:fill;z-index:-1;pointer-events:none;user-select:none;filter:drop-shadow(0 10px 18px #442c181c)}.phenomenon-tabs .preset-visual svg{stroke:#b7751c;filter:drop-shadow(0 0 2px #ffcf6ac9) drop-shadow(0 0 5px #f9b63b70)}.phenomenon-tabs button[aria-pressed=true] .preset-visual svg{stroke:#fff6cc;filter:drop-shadow(0 0 2px #fff3bcdc) drop-shadow(0 0 6px #ffc453a8)}#current-kind{display:inline-block;margin-left:3px;padding:1px 7px 2px;border-radius:7px;background:#fff4dbe8;color:#8e2815;font-size:27px;font-weight:800;line-height:1.2;text-shadow:none;vertical-align:middle;box-shadow:0 1px 4px #64360624}.diagram-caption{align-items:center}#angle-value{display:inline-block;min-width:65px;margin-left:5px;padding:1px 7px;border:1px solid #e6bd7880;border-radius:8px;background:#fff7e8e6;color:#9a3514;font-size:31px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15;text-align:center;vertical-align:middle;box-shadow:0 2px 7px #8b561315}.slider-heading label{font-size:20px;white-space:nowrap}.slider-heading output{font-size:17px}.micro-panel{background:linear-gradient(125deg,#fffaf04d,#fff6e836);border:1.5px solid #fff5dba8;box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -1px 1px #ffffff40,0 12px 30px #36241724;backdrop-filter:blur(14px) saturate(1.18);-webkit-backdrop-filter:blur(14px) saturate(1.18)}.micro-panel-art{opacity:.12;filter:none}.micro-view{background:linear-gradient(130deg,#fffdf02e,#fff6e018);border-color:#fff9}.explanation{background:#fff8e52e;border-color:#ffffff73}.phenomenon-tabs button{background:#fff8e02b;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.experiment-controls{background:linear-gradient(125deg,#fff8e83b,#fff7ea24);border:1.5px solid #fff4d6a6;backdrop-filter:blur(16px) saturate(1.22);-webkit-backdrop-filter:blur(16px) saturate(1.22);box-shadow:inset 0 1px 1px #ffffffe0,inset 0 -1px 1px #ffffff4d,0 10px 28px #3e260f26}.control-row button{background:linear-gradient(135deg,#ffffff38,#fff9e914);border:1px solid #fff7dc8c;box-shadow:inset 0 1px 1px #ffffffa6,0 3px 9px #57381714;backdrop-filter:blur(8px) saturate(1.15);-webkit-backdrop-filter:blur(8px) saturate(1.15);color:#3d2716}.mode-tabs{background:#fff8e012;border:1px solid #ffffff40}.control-row .mode-tabs button{background:transparent;border-color:transparent;box-shadow:none}.control-row .mode-tabs button[aria-pressed=true],.control-row button.primary{background:linear-gradient(135deg,#edc77380,#bc812e61);border:1px solid #fff3c4c4;color:#49280b;font-weight:700;box-shadow:inset 0 1px 2px #ffffffc2,inset 0 -1px 1px #8c5a2340,0 3px 12px #9c682529}.control-row button:hover{background-color:#fff8e826}.control-note{color:#4e3b28;text-shadow:0 1px 2px #fff9}