*{box-sizing:border-box}:root{--ink:#152d59;--blue:#255ee6;--violet:#a967d9;--line:#cbd8ea;--muted:#72849f;--paper:#f3f7ff}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Microsoft YaHei','PingFang SC',Arial,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #b65ce0;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.page{max-width:1376px;margin:auto;padding:0 48px}.masthead{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);font-size:12px}.back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink);text-decoration:none;font-size:12px;letter-spacing:.03em}.back>span{font-size:22px}.info-button{margin-left:auto;min-height:44px;border:0;background:none;padding:0;font-size:12px;white-space:nowrap}.intro{display:flex;align-items:center;justify-content:space-between;padding:31px 0 28px;gap:20px}.eyebrow{font-size:12px;line-height:1.6;letter-spacing:1.5px;margin:0 0 10px;color:#456ca4}h1{font-size:clamp(38px,4.7vw,62px);letter-spacing:-.045em;line-height:1.18;margin:0;font-weight:800}h1 span{color:var(--blue)}.mobile-break{display:none}.instruction{font-size:13px;line-height:1.9;border-left:2px solid #809fe1;padding-left:19px;margin:0;color:#53719b}.optical-bench{border:1px solid #aec3e0;background:#fff;box-shadow:0 14px 50px #4c7bb00a}.bench-top{padding:12px 21px;display:flex;gap:9px;align-items:center;font-size:11px;border-bottom:1px solid var(--line);background:#edf3fc;letter-spacing:.05em}.indicator{height:6px;width:6px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px #255ee611}.material-note{margin-left:auto;color:#5f79a1;font-size:10px}.work-area{display:grid;grid-template-columns:.76fr 1.25fr 1fr;min-height:365px}.optics{padding:22px 14px 14px;border-right:1px solid var(--line);background:linear-gradient(110deg,#eaf1fb88,#fff);position:relative;overflow:hidden}.small-label{font-size:11px;display:flex;justify-content:space-between;gap:6px;padding:0 5px;color:#496990}.small-label>span{font-size:9px;color:#8295b1}.optical-drawing{display:block;width:100%;max-height:310px;margin:0 auto}.optical-drawing text{font-size:10px;fill:#6b81a2}.optics-foot{font-size:10px;display:flex;gap:7px;justify-content:center;color:#7b8ca6;letter-spacing:.12em}.optics-foot i{width:5px;height:5px;border-radius:50%;background:#a969dc;align-self:center}.wafer-view{min-width:0;padding:22px 23px 15px;background-image:linear-gradient(#c7d8ee25 1px,transparent 1px),linear-gradient(90deg,#c7d8ee25 1px,transparent 1px);background-size:22px 22px}.view-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;letter-spacing:.04em}.view-title>span:last-child{font-size:10px;color:#6c83a7}.wafer-wrap{position:relative;width:100%;max-width:336px;margin:9px auto 0;aspect-ratio:1}.wafer-wrap>canvas{display:block;width:100%;height:100%}.slice-label{position:absolute;top:48.5%;left:1%;font:10px Consolas,monospace;color:#3f65a3}.slice-label.end{left:auto;right:0}.view-legend{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#6481a7;min-height:22px}.view-legend>span{display:inline-flex;align-items:center;gap:5px;margin-left:15px}.view-legend i,.material-key i{display:inline-block;width:7px;height:7px}.light{background:#fff;outline:1px solid #9975e8}.resist{background:#9d72d2}.film{background:#70a3e2}.silicon{background:#173965}.section-view{padding:22px 24px 17px;border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.magnify{font-size:23px!important;line-height:12px;color:var(--blue)!important}.profile-wrap{width:100%;margin-top:22px;aspect-ratio:1.42}.profile-wrap canvas{display:block;width:100%;height:100%}.material-key{display:flex;gap:14px;font-size:9px;color:#7a8daa;flex-wrap:wrap}.material-key>span{display:flex;align-items:center;gap:5px}.material-message{font-size:12px;line-height:1.7;min-height:40px;margin:23px 0 0;color:#466898}.previous-result{display:flex;margin-top:13px;padding-top:12px;border-top:1px dashed var(--line);gap:12px;align-items:center}.previous-result[hidden]{display:none}.previous-result canvas{width:60px;height:60px;border-radius:50%;background:#173965}.previous-result>div{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#7a8caa}.previous-result strong{font-size:10px;color:#4c6992;font-weight:normal}.previous-result button{border:0;background:none;text-align:left;padding:3px 0;min-height:24px;font-size:9px;color:#7a8caa}.settings{display:grid;grid-template-columns:1.15fr 1fr .75fr;gap:35px;padding:19px 24px 15px;border-top:1px solid var(--line);background:#f8fbff}.control-label{font-size:11px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#486993}.control-label output{font:10px Consolas,monospace;color:var(--blue)}.mask-setting{display:flex;align-items:center;gap:16px}.mask-setting>.control-label{white-space:nowrap}.mask-buttons{display:flex;gap:6px;flex:1}.mask-buttons button{min-height:44px;flex:1;padding:6px;border:1px solid #cad7e8;background:white;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:2px;white-space:nowrap}.mask-buttons button.selected{border-color:var(--blue);color:var(--blue);background:#e9f0ff;box-shadow:inset 0 0 0 1px #255ee61a}.mask-icon{font-size:21px;line-height:20px;font-family:Arial,sans-serif}.circuit-icon{font-weight:bold}.focus-setting,.dose-setting{display:block}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:30px;margin:0;cursor:pointer;background:transparent;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#cedaf0}input[type=range]::-moz-range-track{height:3px;background:#cedaf0}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:17px;width:17px;background:var(--blue);border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px var(--blue);margin-top:-7px}input[type=range]::-moz-range-thumb{height:12px;width:12px;background:var(--blue);border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px var(--blue)}.range-labels{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#8b9bb3;margin-top:-2px}.process-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:16px 24px}.process-steps{display:flex;gap:17px;align-items:center;font-size:12px;color:#a1aec1}.process-steps b{font:10px Consolas,monospace;margin-right:5px}.process-steps i{font-size:12px;font-style:normal;color:#c0cee0}.process-steps .active{color:var(--blue)}.process-steps .done{color:#425f8a}.process-steps .done b{color:var(--blue)}.process-steps em{font-size:9px;font-style:normal;margin-left:2px}.action-buttons{display:flex;gap:9px}.reset-button,.action-button{min-height:45px;padding:11px 16px;border:1px solid var(--line);font-size:12px;background:#fff}.action-button{background:var(--blue);color:white;border-color:var(--blue);min-width:151px;display:flex;justify-content:space-between;align-items:center;gap:20px}.action-button:hover{background:#154bc8}.action-button span{font-size:17px}.reset-button:hover{background:#f0f5fc}.bench-bottom{display:flex;justify-content:space-between;gap:16px;padding:10px 24px;background:#eff4fb;border-top:1px solid #dbe4f1;font-size:10px;color:#728aa9;line-height:1.6}.bench-bottom>span:last-child{color:#94a2b7}footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;line-height:1.7;color:#8193af;padding:21px 0 30px}.sweep{position:absolute;inset:7% 6%;border-radius:50%;pointer-events:none;overflow:hidden;opacity:0}.sweep.busy{opacity:1}.sweep.busy::before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#bd8eff88 48%,transparent 75%);transform:translateY(-100%);animation:sweep 900ms ease-in-out}.sweep.developing::before{background:linear-gradient(transparent 20%,#a0d5fa99 48%,transparent 75%)}.sweep.etching::before{background:linear-gradient(transparent 20%,#528fff88 48%,transparent 75%)}@keyframes sweep{to{transform:translateY(100%)}}dialog{width:min(580px,calc(100% - 28px));max-height:87vh;border:1px solid #aec3e0;background:#f7faff;color:var(--ink);padding:33px;box-shadow:0 20px 80px #06235035}dialog::backdrop{background:#13294fbb;backdrop-filter:blur(5px)}dialog h2{font-size:30px;line-height:1.45;margin:0 0 20px}dialog h3{font-size:14px;margin-top:24px}dialog p{font-size:12px;line-height:1.9;color:#526d93}dialog a{color:var(--blue)}dialog .smallprint{font-size:10px}.close-info{position:absolute;right:10px;top:8px;min-width:44px;min-height:44px;border:0;background:none;font-size:25px}
@media(max-width:1050px){.page{padding:0 28px}.work-area{grid-template-columns:.7fr 1.1fr 1fr;min-height:315px}.optics{padding-left:8px;padding-right:8px}.small-label{display:block}.small-label>span{display:block;margin-top:6px}.optical-drawing{margin-top:10px;max-height:265px}.wafer-view{padding:20px 12px 14px}.section-view{padding:20px 16px}.profile-wrap{margin-top:26px}.settings{gap:23px}.mask-setting{gap:10px}.process-steps{gap:10px}.material-key{gap:8px}.material-message{font-size:11px;margin-top:17px}.process-steps em{display:none}}
@media(max-width:760px){.page{padding:0 18px}.masthead{height:56px;gap:8px}.back{font-size:11px;letter-spacing:0;gap:5px}.back>span{font-size:19px}.info-button{font-size:11px}.intro{padding:22px 0 20px;gap:15px}h1{font-size:35px}.eyebrow{font-size:11px;margin-bottom:8px}.instruction{font-size:10px;padding-left:12px;flex-shrink:0}.bench-top{padding:10px 13px;font-size:10px}.material-note{font-size:9px}.work-area{grid-template-columns:1.08fr 1fr;min-height:0}.optics{display:none}.wafer-view{padding:14px 8px 9px}.view-title{font-size:9px;gap:5px}.view-title>span:last-child{font-size:8px}.wafer-wrap{margin-top:6px}.slice-label{font-size:8px}.view-legend{font-size:8px;gap:4px;flex-wrap:wrap;margin-top:2px}.view-legend>span{margin-left:4px;gap:3px}.view-legend i{width:5px;height:5px}.section-view{padding:14px 10px 8px}.profile-wrap{margin-top:14px;aspect-ratio:1.18}.material-key{font-size:8px;gap:6px;line-height:1.5}.material-key i{width:5px;height:5px}.material-message{font-size:10px;line-height:1.65;margin:10px 0 0;min-height:33px}.previous-result{gap:6px;margin-top:7px;padding-top:7px}.previous-result canvas{width:40px;height:40px}.previous-result>div,.previous-result strong{font-size:8px;gap:3px}.previous-result button{font-size:8px;min-height:28px}.settings{grid-template-columns:1.1fr 1fr;gap:12px 18px;padding:13px}.mask-setting{grid-column:1/-1;gap:14px}.mask-buttons button{flex-direction:row;gap:7px;padding:6px 9px;justify-content:center;font-size:10px}.control-label{font-size:10px}.control-label output{font-size:9px}.range-labels{font-size:8px}input[type=range]{height:32px}.process-bar{padding:12px 13px;flex-wrap:wrap;gap:12px}.process-steps{justify-content:space-between;width:100%;font-size:10px;gap:6px}.process-steps b{font-size:9px}.process-steps em{display:inline;font-size:8px}.action-buttons{width:100%;gap:8px}.reset-button{padding:10px 14px;min-width:82px}.action-button{flex:1;min-width:0}.bench-bottom{font-size:9px;padding:9px 13px;gap:8px;flex-direction:column}.bench-bottom>span:last-child{display:none}footer{font-size:9px;padding-top:16px;gap:10px}footer>span:last-child{text-align:right}.magnify{font-size:18px!important}.mobile-break{display:none}dialog{padding:29px 23px}dialog h2{font-size:27px}}
@media(max-width:420px){.page{padding:0 13px}.back{font-size:10px}.info-button{font-size:10px}.masthead{gap:5px}.intro{padding:17px 0 16px}h1{font-size:30px}.instruction{font-size:9px;padding-left:8px}.eyebrow{font-size:10px;margin-bottom:6px}.mask-buttons button{padding:5px;gap:5px}.mask-setting{gap:11px}.section-view{padding-left:8px;padding-right:8px}.view-title{font-size:8px}.material-note{font-size:8px}.bench-top{font-size:9px}.control-label{font-size:9px}.material-key{gap:5px;font-size:7px}.material-message{font-size:9px}.view-legend{font-size:7px}.material-key>span{gap:3px}}
@media(prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important}}
/* Keep the shared header equally legible on every exhibit. */
.masthead .back,.masthead .info-button{font-size:12px}
input[type=range]{min-height:44px}
.previous-result button{min-height:44px}
@media(max-width:760px){.intro{display:block}.intro>div{width:100%}.intro .instruction{display:none}.intro h1{font-size:32px;white-space:nowrap}}

/* A nearby action stays outside the scientific image. */
.quick-action-button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:16px;margin:5px auto 8px;padding:10px 19px;border:1px solid var(--blue);border-radius:4px;background:var(--blue);color:white;font-size:12px;cursor:pointer}.quick-action-button:disabled{opacity:.55;cursor:wait}.quick-action-button:focus-visible{outline:3px solid #a888ef;outline-offset:3px}@media(max-width:600px){.quick-action-button{width:calc(100% - 12px);font-size:11px;padding:9px 8px;gap:9px}}