:root{--paper:#f4f2eb;--ink:#1c3432;--muted:#5d706c;--accent:#165d55;--line:#d2d8cc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.75 "PingFang SC","Microsoft YaHei",sans-serif}main,.lab-nav{max-width:1380px;margin:auto;padding:24px}a{color:var(--accent);text-underline-offset:3px}.lab-nav{display:flex;gap:24px;border-bottom:1px solid var(--line);font-size:12px}.intro{max-width:860px}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--accent);margin-top:0}h1{text-wrap:balance;font:500 clamp(25px,3vw,35px)/1.4 "Songti SC",serif;margin:10px 0}p{color:var(--muted)}.controls{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1.2fr .7fr;gap:14px;margin-top:22px}label{font-size:12px;color:var(--muted)}select{display:block;width:100%;margin-top:7px;padding:11px 8px;border:1px solid #aebfb5;border-radius:0;background:#fafaf5;color:var(--ink);font:14px system-ui;min-width:0}.toolbar{display:flex;align-items:center;gap:13px 20px;flex-wrap:wrap;padding:16px 0;font-size:11px}.toolbar span{color:var(--muted)}button{border:1px solid #aebfb5;padding:7px 11px;color:var(--accent);background:transparent;cursor:pointer;font:12px system-ui}.toolbar label{display:flex;gap:7px;align-items:center}input{accent-color:var(--accent)}#status{font-size:12px;color:var(--muted);padding-bottom:10px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare article{min-width:0}.card-title{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:12px 0}.card-title>span{border:1px solid var(--accent);color:var(--accent);padding:0 7px;font:17px/1.6 Georgia}h2{font:500 21px/1.4 "Songti SC",serif;margin:0}.image-stage{position:relative;aspect-ratio:1;background:#05080a;touch-action:pan-y}.image-stage img{width:100%;height:100%;display:block}.image-stage svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.image-loading{position:absolute;top:10px;left:10px;color:#f4f2eb;background:#10232bdd;padding:4px 8px;font-size:12px}.coordinate{font:11px/1.6 ui-monospace,monospace;margin:8px 0;min-height:18px}.description{font-size:13px;min-height:47px}dl{font-size:12px;margin:12px 0 17px}dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:7px 0}dt{color:var(--muted)}dd{margin:0;text-align:right}.compare a{font-size:12px}.caption{font-size:12px;border-left:2px solid #9caf9c;padding-left:14px;margin:22px 0}.mechanisms{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:26px 0;border-top:1px solid var(--line)}.mechanisms span{font-size:10px;letter-spacing:.08em;color:var(--accent)}.mechanisms h2{margin:8px 0}.mechanisms p{font-size:13px;margin-bottom:0}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;color:var(--accent)}details h2{margin-top:22px}.figure{display:block;max-width:100%;height:auto;margin:18px auto}.boundary{font-size:12px;margin-top:20px}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:850px){.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.mechanisms{grid-template-columns:1fr}.compare{gap:14px}main{padding:16px 10px}h2{font-size:18px}.description{min-height:70px}dl>div{display:block}dd{text-align:left}.toolbar{gap:10px}dl{font-size:11px}}@media(max-width:520px){.compare{grid-template-columns:1fr}.description{min-height:0}.controls label:last-child{grid-column:1/-1}dl>div{display:flex}dd{text-align:right}.lab-nav{padding:16px 10px}}