.texture-deep{--td-bg:#0a1519;--td-raised:#10252b;--td-line:#31505a;--td-ink:#edf8f6;--td-muted:#b3c8c8;--td-accent:#81e7dc;--gray-100:var(--td-ink);--gray-700:var(--td-line);--gray-900:var(--td-raised);--accent-dark:var(--td-accent);display:grid;gap:1.6rem;padding-block:1rem 4rem;color:var(--td-ink);background:var(--td-bg);border-radius:1rem;box-shadow:inset 0 0 0 1px var(--td-line)}.texture-deep button,.texture-deep input,.texture-deep select{font:inherit}.td-intro{display:grid;gap:1rem;align-items:end;border-bottom:1px solid var(--gray-700);padding-bottom:1.5rem}.td-intro h1{max-width:20ch;margin:.4rem 0;font-size:clamp(2rem,6vw,4.1rem);letter-spacing:-.04em;line-height:1.05;text-wrap:balance}.td-intro p{max-width:62ch;color:var(--td-muted);line-height:1.7}.td-intro span,.td-lesson header>span,.td-proof span{color:var(--accent-dark);font-size:.75rem;font-weight:800}.td-intro button,.td-steps button,.td-gate button,.td-controls button,.td-page button,.td-page a{min-height:44px;padding:.65rem .8rem;border:1px solid var(--td-line);border-radius:.5rem;background:transparent;color:var(--td-ink);font-weight:750;cursor:pointer}.td-intro button[aria-pressed=true]{border-color:var(--td-accent);background:color-mix(in srgb,var(--td-accent) 12%,transparent)}.td-steps{display:grid;grid-template-columns:repeat(11,minmax(9rem,1fr));overflow-x:auto;border-block:1px solid var(--gray-700)}.td-steps button{min-width:9rem;border:0;border-right:1px solid var(--gray-700);border-radius:0;text-align:left}.td-steps button[aria-current=step]{box-shadow:inset 0 -3px var(--td-accent);background:color-mix(in srgb,var(--td-accent) 10%,transparent)}.td-steps small{display:block;color:var(--td-accent)}.td-lesson{display:grid;gap:1rem}.td-lesson header h2{max-width:22ch;margin:.35rem 0;font-size:clamp(1.7rem,5vw,3.2rem);letter-spacing:-.035em}.td-lesson header p{max-width:58ch;color:var(--td-muted);line-height:1.7}.td-stage{position:relative;border:1px solid var(--td-line);border-radius:.8rem;background:var(--td-bg);overflow:hidden}.texture-view{padding:1rem;min-height:330px}.texture-meta,.tex-caption{display:flex;justify-content:space-between;gap:.5rem;color:var(--td-muted);font-size:.75rem}.tex-grid{width:min(100%,480px);display:grid;grid-template-columns:repeat(8,1fr);gap:2px;margin:1.5rem auto}.tex-grid i{aspect-ratio:1;background:#18333a}.tex-grid i.hit{background:#f1bf71}.td-drawer{position:absolute;top:.75rem;right:.75rem;z-index:2}.td-controls{position:absolute;top:3.7rem;right:.75rem;width:min(19rem,calc(100% - 1.5rem));display:grid;gap:.7rem;padding:.8rem;border:1px solid var(--td-line);border-radius:.6rem;background:#10252b;color:var(--td-ink)}.td-controls input[type=range],.td-controls select{width:100%;min-height:38px}.td-controls small{color:var(--td-muted)}.td-controls>div{display:flex;gap:.4rem}.td-controls>div>*{flex:1}.td-gate,.td-proof,.td-explain{display:grid;gap:.75rem;padding:1rem;border-block:1px solid var(--gray-700);background:var(--gray-900)}.td-gate p,.td-proof p,.td-explain p{max-width:68ch;color:var(--td-muted);line-height:1.7}.td-proof{border-color:var(--td-accent)}.td-explain code{width:fit-content;max-width:100%;padding:.6rem;background:#071419;overflow-wrap:anywhere}.td-explain details{border-top:1px solid var(--td-line);padding-top:.7rem}.td-explain pre{overflow:auto;padding:.75rem;background:#071419}.td-explain a,.td-page a{color:var(--td-accent)}.td-page{display:flex;justify-content:space-between;gap:.5rem}.td-page a{display:flex;align-items:center;text-decoration:none}@media(min-width:50em){.td-intro{grid-template-columns:1fr auto}}@media(max-width:40rem){.texture-deep{gap:1.1rem}.td-intro>div:last-child{display:flex;gap:.4rem}.td-intro>div:last-child>*{flex:1}.td-steps{grid-template-columns:repeat(11,8.4rem)}.texture-view{min-height:270px;padding:.75rem}.td-controls{top:3.5rem}.td-page>*{flex:1;justify-content:center;text-align:center}}.td-stage,.td-steps{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible}.td-steps button{display:none;width:100%;min-width:0}.td-steps button[aria-current=step]{display:block}.texture-view{min-width:0}.td-drawer{position:static;justify-self:end;min-height:44px;margin:.75rem}.td-controls{position:static;width:auto;margin:0 .75rem .75rem}.td-controls input[type=range],.td-controls select{min-height:44px}@media(min-width:64rem){.td-stage.is-controls-open{grid-template-columns:minmax(0,1fr) minmax(17rem,20rem)}.td-stage.is-controls-open .texture-view{grid-column:1;grid-row:1 / 3}.td-stage.is-controls-open .td-drawer,.td-stage.is-controls-open .td-controls{grid-column:2}}@media(max-width:40rem){.td-steps button[aria-current=step]{display:block}}.td-steps{display:none}.td-intro h2{max-width:20ch;margin:.4rem 0;font-size:clamp(2rem,6vw,4.1rem);letter-spacing:-.04em;line-height:1.05;text-wrap:balance}.normal-evidence{display:grid;gap:1rem;min-height:330px;padding:1rem}.normal-evidence__heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;color:var(--td-muted);font-size:.75rem}.normal-evidence__heading strong{color:var(--td-ink);font-size:.85rem}.normal-evidence__compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.normal-evidence__panel{display:grid;gap:.45rem;margin:0}.normal-evidence__panel figcaption{color:var(--td-muted);font-size:.72rem}.normal-plane{--compression-block:28px;position:relative;min-height:190px;overflow:hidden;clip-path:polygon(8% 8%,96% 0,84% 100%,0 82%);background-color:#17343a;background-image:linear-gradient(rgba(129,231,220,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(129,231,220,.18) 1px,transparent 1px);background-size:var(--compression-block) var(--compression-block);box-shadow:inset 0 0 0 1px #81e7dc61}.normal-plane.is-reference{--compression-block:14px;background-color:#153238;background-image:linear-gradient(rgba(129,231,220,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(129,231,220,.09) 1px,transparent 1px)}.normal-plane i{position:absolute;width:2px;height:19px;border-radius:999px;background:#a9fff5;transform-origin:50% 90%;box-shadow:0 0 5px #81e7dc8c}.normal-plane i:after{content:"";position:absolute;top:-2px;left:-3px;width:7px;height:7px;border-top:2px solid #a9fff5;border-right:2px solid #a9fff5;transform:rotate(-45deg)}.normal-plane__highlight{position:absolute;z-index:0;left:51%;top:40%;height:34%;border-radius:50%;transform:translate(-50%,-50%) rotate(-7deg);background:radial-gradient(ellipse at center,#fff5c7fa,#f1bf71b8 35%,#f1bf7100 74%);filter:blur(1px);box-shadow:0 0 22px #f1bf7147;animation:normal-highlight-sweep 3.4s cubic-bezier(.22,1,.36,1) infinite alternate}.normal-plane.is-unstable .normal-plane__highlight{animation:normal-highlight-jitter 1.25s steps(4,end) infinite}.normal-evidence.is-clean .normal-plane i{display:none}.normal-evidence.is-clean .normal-plane{background-image:none}.normal-evidence__readout{display:grid;grid-template-columns:auto auto minmax(12rem,1fr);gap:.5rem 1rem;align-items:start;color:var(--td-muted);font-size:.72rem}.normal-evidence__readout strong{color:var(--td-accent);font-variant-numeric:tabular-nums}.normal-evidence__readout small{color:var(--td-muted);line-height:1.45}.normal-evidence__readout small+small{grid-column:3}.normal-mip__pipeline{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.8rem;align-items:center}.normal-mip__source,.normal-mip__result{min-width:0;display:grid;gap:.65rem;margin:0}.normal-mip__source figcaption,.normal-mip__result figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;color:var(--td-muted);font-size:.72rem}.normal-mip__source figcaption strong,.normal-mip__result figcaption strong{color:var(--td-ink);font-size:.78rem}.normal-mip__source small{color:var(--td-muted);font-size:.7rem;line-height:1.45}.normal-mip__arrow{color:var(--td-accent);font-size:1.5rem}.normal-mip__sample-grid{min-height:190px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:.55rem;border:1px solid var(--td-line);border-radius:.65rem;background:#10252b}.normal-mip__sample-grid i{position:relative;align-self:center;justify-self:center;width:2px;height:28px;border-radius:999px;background:#a9fff5;box-shadow:0 0 5px #81e7dc6b;transform:rotate(var(--sample-angle));transform-origin:50% 82%;opacity:var(--sample-opacity)}.normal-mip__sample-grid i:after{content:"";position:absolute;top:-2px;left:-3px;width:7px;height:7px;border-top:2px solid #a9fff5;border-right:2px solid #a9fff5;transform:rotate(-45deg)}.normal-mip__result-visual{min-height:190px;display:grid;grid-template-columns:minmax(7rem,.8fr) minmax(8rem,1.2fr);gap:.5rem;padding:.55rem;border:1px solid var(--td-line);border-radius:.65rem;background:#10252b}.normal-mip__result svg{width:100%;height:100%;min-height:150px}.normal-mip__axis{fill:none;stroke:#b3c8c847;stroke-width:1}.normal-mip__reference-vector,.normal-mip__selected-vector{stroke-linecap:round;stroke-width:3}.normal-mip__reference-vector{stroke:var(--td-accent)}.normal-mip__selected-vector{stroke:#f1bf71;stroke-dasharray:5 3}.normal-mip__reference-tip{fill:var(--td-accent)}.normal-mip__selected-tip{fill:#f1bf71}.normal-mip__highlight-field{position:relative;min-width:0;overflow:hidden;border-radius:.5rem;background:linear-gradient(155deg,#112b31,#1c3a3f)}.normal-mip__highlight-field:after{content:"同一灯光";position:absolute;right:.4rem;bottom:.35rem;color:#edf8f694;font-size:.62rem}.normal-mip__highlight{position:absolute;left:var(--normal-highlight-center);top:48%;width:var(--normal-highlight-width);height:42%;border-radius:50%;background:radial-gradient(ellipse at center,#fff5c7fa,#f1bf71ad 36%,#f1bf7100 76%);opacity:var(--normal-highlight-opacity);filter:blur(1px);transform:translate(-50%,-50%) rotate(-7deg);box-shadow:0 0 24px #f1bf713d}.normal-mip__highlight-field.is-unstable .normal-mip__highlight{animation:normal-mip-highlight-jitter 1.35s steps(4,end) infinite}.normal-mip__legend{display:flex;flex-wrap:wrap;gap:.35rem .8rem;color:var(--td-muted);font-size:.68rem}.normal-mip__legend span{display:inline-flex;gap:.3rem;align-items:center}.normal-mip__legend i{width:1rem;height:3px;border-radius:999px}.normal-mip__legend .is-reference{background:var(--td-accent)}.normal-mip__legend .is-selected{background:#f1bf71}.normal-mip__length{height:.5rem;overflow:hidden;border-radius:999px;background:#17343a}.normal-mip__length span{display:block;height:100%;border-radius:inherit;background:var(--td-accent)}.normal-mip__readout{grid-template-columns:repeat(4,minmax(0,1fr))}.normal-mip__readout small{grid-column:span 2}.normal-mip__readout small+small{grid-column:span 2}.normal-evidence.is-clean .normal-mip__sample-grid i,.normal-evidence.is-clean .normal-mip__result svg,.normal-evidence.is-clean .normal-mip__legend{visibility:hidden}@keyframes normal-highlight-sweep{0%{left:43%}to{left:57%}}@keyframes normal-highlight-jitter{0%,to{left:43%;filter:blur(1px)}35%{left:57%;filter:blur(3px)}70%{left:49%;filter:blur(0)}}@keyframes normal-mip-highlight-jitter{0%,to{transform:translate(calc(-50% - var(--normal-highlight-jitter)),-50%) rotate(-7deg)}45%{transform:translate(calc(-50% + var(--normal-highlight-jitter)),-50%) rotate(-7deg)}70%{transform:translate(-50%,-50%) rotate(-7deg)}}@media(prefers-reduced-motion:reduce){.normal-plane__highlight,.normal-plane.is-unstable .normal-plane__highlight,.normal-mip__highlight-field.is-unstable .normal-mip__highlight{animation:none}}@media(max-width:40rem){.normal-evidence{min-height:270px;padding:.75rem}.normal-evidence__compare{gap:.45rem}.normal-plane{min-height:150px}.normal-evidence__readout{grid-template-columns:1fr 1fr}.normal-evidence__readout small,.normal-evidence__readout small+small{grid-column:1/-1}}@media(max-width:48rem){.normal-mip__pipeline{grid-template-columns:minmax(0,1fr)}.normal-mip__arrow{justify-self:center;transform:rotate(90deg)}.normal-mip__sample-grid,.normal-mip__result-visual{min-height:165px}.normal-mip__readout{grid-template-columns:1fr 1fr}.normal-mip__readout small,.normal-mip__readout small+small{grid-column:1/-1}}.td-stage{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;overflow:visible}.texture-view,.normal-evidence{grid-column:1;grid-row:1/3}.td-drawer{position:static;grid-column:2;grid-row:1;align-self:start;margin:.75rem .75rem .75rem 0}.td-controls{position:static;grid-column:2;grid-row:2;align-self:start;margin:0 .75rem .75rem 0}.td-explain h3{max-width:32ch;margin:0;color:var(--td-ink);font-size:1.35rem;line-height:1.35;letter-spacing:0;text-wrap:pretty;overflow-wrap:anywhere}@media(max-width:40rem){.td-stage{grid-template-columns:minmax(0,1fr)}.texture-view,.normal-evidence{grid-column:1;grid-row:auto}.td-drawer{grid-column:1;grid-row:auto;justify-self:stretch;margin:.5rem .75rem 0}.td-controls{grid-column:1;grid-row:auto;width:auto;margin:0 .75rem .75rem}}.td-drawer{min-height:44px;padding:.6rem .75rem;border:1px solid var(--td-line);border-radius:.5rem;color:var(--td-ink);background:#10252b;font-weight:750;cursor:pointer}.td-explain summary{min-height:44px;display:flex;align-items:center;cursor:pointer}