:root{color-scheme:dark;--purple:#a855f7;--ink:#f5f0f8;--muted:#a99db6;--line:#a855f731;--mono:Consolas,'Microsoft YaHei',monospace;--sans:'Segoe UI','Microsoft YaHei',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#000;color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,iframe:focus-visible{outline:2px solid #d9b5f7;outline-offset:4px}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:20px;padding:12px;background:#261332;z-index:30}.skip-link:focus{top:15px}.space-header{display:flex;align-items:center;gap:30px;padding:21px 5%;border-bottom:1px solid var(--line);max-width:1500px;margin:auto}.brand{font:700 27px Georgia,serif;letter-spacing:-1px}.brand span{color:#b590ce;font-size:12px;vertical-align:top;margin-left:5px}.coordinate{font:9px var(--mono);letter-spacing:1.8px;color:#9d76b8}.space-header nav{margin-left:auto;display:flex;gap:25px;font-size:10px;color:#b1a0c0}.space-header nav a:hover{color:#e9d6f4}.language-switch{display:flex;align-items:center;gap:8px;color:#6d547f;font:9px var(--mono)}.language-switch button{border:0;background:none;color:#9876af;min-height:36px;padding:7px 2px;font-size:10px}.language-switch button[aria-pressed=true]{color:white}main{max-width:1400px;margin:auto;padding:0 5%}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:45px 0 39px}.eyebrow{font:8px var(--mono);letter-spacing:1.6px;color:#b17dcc;margin:0 0 14px}.intro h1{margin:0;font-size:clamp(38px,5vw,69px);font-weight:400;letter-spacing:-2.7px;line-height:1.02}.intro h1 em{display:block;font:italic 1.02em Georgia,'Microsoft YaHei',serif;color:#c5a8d9}.intro-copy{max-width:280px;padding-bottom:3px}.intro-copy p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 17px}.text-link{font-size:10px;color:#d5b6e8}.device-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;border-top:1px solid var(--line)}.device-heading .eyebrow{display:block;font-size:7px;margin-bottom:10px}.device-heading h2{font-size:22px;font-weight:400;letter-spacing:-.5px;margin:0}.device-heading h2>span{display:inline-block;margin-left:15px;font:8px var(--mono);letter-spacing:1px;color:#a18bad;vertical-align:middle}.sound-button{border:1px solid var(--line);border-radius:6px;min-height:38px;padding:9px 13px;display:flex;gap:9px;align-items:center;color:#cdb8dd;background:#0e0715;font-size:9px}.sound-button[aria-pressed=true]{border-color:#a855f766}.view-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:7px;overflow:hidden;margin-bottom:18px}.view-tabs>button{display:grid;grid-template-columns:24px 1fr;gap:8px 10px;text-align:left;padding:19px 20px;background:#07040b;border:0;color:#9b85ae;position:relative}.view-tabs>button+button{border-left:1px solid var(--line)}.view-tabs button>span{font:8px var(--mono);color:#a875c5;grid-row:1/3;align-self:center}.view-tabs strong{font-size:10px;letter-spacing:.7px;font-weight:400;line-height:1.6}.view-tabs small{font-size:9px;color:#786681;line-height:1.6}.view-tabs button.is-current{color:#f4e6ff;background:linear-gradient(135deg,#281137,#12081c)}.view-tabs button.is-current:after{content:'';position:absolute;bottom:0;left:20px;right:20px;height:1px;background:#c089ea}.stage-shell{border:1px solid var(--line);border-radius:12px;background:#050307;overflow:hidden;position:relative;min-height:600px}.stage-tools{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;border-bottom:1px solid var(--line)}.mode-buttons{display:flex;gap:7px;flex-wrap:wrap}.mode-buttons button{border:1px solid #a855f728;padding:8px 12px;border-radius:5px;background:#0e0814;color:#9e83b3;font-size:9px;min-height:34px}.mode-buttons button[aria-pressed=true]{color:#f3e6fb;border-color:#a855f767;background:#271233}.stage-tools>a{font-size:9px;color:#c3a5d8;white-space:nowrap}.stage-shell iframe{display:block;width:100%;height:820px;border:0;background:#070409}.stage-shell:has(#anatomy-frame:not([hidden])) iframe,.stage-shell:has(#hairline-frame:not([hidden])) iframe{height:690px}.frame-loading{position:absolute;inset:63px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#07030a;color:#b9a1ca;pointer-events:none;font-size:11px}.frame-loading>span{font-size:32px;color:#ab67cf}.frame-loading p{margin-top:20px}.work-caption{display:flex;justify-content:space-between;gap:20px;padding:16px 2px;color:#94809f;font-size:10px}.work-caption p{margin:0;line-height:1.8;max-width:700px}.work-caption>span{font:7px/2 var(--mono);letter-spacing:1.1px;white-space:nowrap}.observations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:35px 0 62px}.observations article{border-top:1px solid var(--line);padding:25px 6px 0}.observations h3{font-size:18px;font-weight:400;letter-spacing:-.3px;line-height:1.5;margin:0 0 14px}.observations p{font-size:11px;color:var(--muted);line-height:1.9;margin:0;max-width:340px}.aperture-stops{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px;font:9px var(--mono);color:#b9a0c7}.aperture-stops span{padding:7px 9px;background:#0d0712;border:1px solid var(--line);border-radius:4px}.formula{font:20px Georgia,serif;color:#c5aed6;margin-top:23px}.structure-trace{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:24px;font:6px var(--mono);letter-spacing:.5px;color:#9679aa}.structure-trace i{width:4px;height:4px;border-radius:50%;background:#a855f7}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:26px}.section-heading h2{font-size:30px;line-height:1.3;font-weight:400;letter-spacing:-.8px;margin:0}.collection-count,.verified-date{font:8px/1.6 var(--mono);color:#9671a9;white-space:nowrap}.collection-card{display:grid;grid-template-columns:270px 1fr;align-items:center;gap:38px;padding:25px 34px;border:1px solid var(--line);background:linear-gradient(135deg,#0c0712,#070409);border-radius:9px}.collection-art{display:grid;place-items:center;aspect-ratio:1.45;background:radial-gradient(ellipse,#21112e70,#040205 75%);border:1px solid #a855f717;border-radius:6px}.collection-art svg{width:80%;height:auto}.collection-card h3{font-size:25px;font-weight:400;line-height:1.4;letter-spacing:-.4px;margin:0 0 14px}.collection-card p:not(.eyebrow){font-size:11px;line-height:1.9;max-width:450px;color:var(--muted);margin:0 0 20px}.collection-card:hover{border-color:#a855f767}.sources{margin-top:69px;padding-top:36px;border-top:1px solid var(--line)}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.source-grid article{padding:23px 27px;border:1px solid var(--line);border-radius:8px;background:#08040d}.source-grid h3{font-size:16px;font-weight:400;margin:0 0 15px;color:#d6bddf}.source-grid p,.source-grid li{font-size:11px;line-height:1.9;color:var(--muted)}.source-grid p{margin:0 0 12px}.source-grid p:last-child{margin:0}.source-grid ul{padding-left:18px;margin:0}.source-grid li+li{margin-top:8px}.source-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0 58px}.source-links>a{border:1px solid #a855f722;padding:18px 16px;border-radius:6px}.source-links span{display:block;color:#9263a9;font:6px var(--mono);letter-spacing:.8px;margin-bottom:10px;line-height:1.7}.source-links strong{display:block;font-size:10px;line-height:1.8;color:#c4aacd;font-weight:400}.source-links a:hover{border-color:#a855f761}footer{max-width:1400px;margin:auto;padding:23px 5% 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font:7px/2 var(--mono);letter-spacing:.6px;color:#9876aa}.skill-credits{display:flex;gap:12px;flex-wrap:wrap}.skill-credits a:hover{color:#e8cff3}.noscript-note{padding:30px 5%;color:#baa2ca}.frame-error .frame-loading{pointer-events:auto}.frame-error .frame-loading p{max-width:350px;text-align:center;line-height:1.8}html[lang=zh-Hans] .intro h1{font-size:clamp(37px,4.9vw,66px);line-height:1.22;letter-spacing:-1.7px}html[lang=zh-Hans] .intro h1 em{font-family:var(--sans);font-style:normal;font-size:.97em}
@media(max-width:900px){.space-header{gap:20px}.space-header nav{gap:16px}.intro-copy{max-width:250px}.source-links{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-card{grid-template-columns:210px 1fr;gap:27px}.observations{gap:23px}.observations h3{font-size:16px}.stage-shell iframe{height:830px}.view-tabs>button{padding:16px 13px;gap:8px}.view-tabs strong{font-size:9px;letter-spacing:.25px}.view-tabs small{font-size:8px}}
@media(max-width:650px){.space-header{padding:18px 6%;gap:15px}.coordinate{font-size:6px;letter-spacing:.8px}.brand{font-size:25px}.space-header nav{gap:0;font-size:8px}.space-header nav a:first-child{display:none}.language-switch{gap:6px}.language-switch button{font-size:9px}main{padding:0 6%}.intro{display:block;padding:31px 0 27px}.intro h1{font-size:44px;letter-spacing:-1.8px}.eyebrow{font-size:7px;letter-spacing:1.1px}.intro-copy{max-width:320px;margin-top:22px}.intro-copy p{font-size:11px;line-height:1.9;margin-bottom:10px}.text-link{font-size:9px}.device-heading{padding:18px 0;gap:14px}.device-heading h2{font-size:20px}.device-heading h2>span{font-size:7px;margin-left:10px}.sound-button{font-size:8px;padding:8px;gap:6px;min-height:36px}.view-tabs{margin-bottom:12px}.view-tabs>button{display:flex;flex-direction:column;padding:13px 9px;gap:7px}.view-tabs>button>span{align-self:flex-start;font-size:6px}.view-tabs strong{font-size:8px;line-height:1.8;letter-spacing:0}.view-tabs small{display:none}.view-tabs button.is-current:after{left:9px;right:9px}.stage-shell{border-radius:8px;min-height:530px}.stage-tools{display:block;padding:11px 9px}.mode-buttons{gap:5px}.mode-buttons button{font-size:8px;padding:7px 8px;flex:1}.stage-tools>a{display:inline-block;font-size:8px;margin-top:10px}.stage-shell iframe{height:1120px}.stage-shell:has(#anatomy-frame:not([hidden])) iframe{height:700px}.stage-shell:has(#hairline-frame:not([hidden])) iframe{height:760px}.frame-loading{inset:82px 0 0}.work-caption{display:block;font-size:9px;padding:13px 1px}.work-caption>span{display:block;font-size:6px;margin-top:9px}.observations{display:block;margin:27px 0 44px}.observations article{padding-top:21px;margin-top:27px}.observations h3{font-size:18px}.observations p{font-size:11px;max-width:none}.observations .eyebrow{font-size:6px}.aperture-stops{margin-top:16px}.formula{margin-top:17px}.structure-trace{margin-top:18px}.section-heading{display:block;margin-bottom:20px}.section-heading h2{font-size:25px;letter-spacing:-.5px}.collection-count,.verified-date{display:inline-block;margin-top:14px;font-size:7px}.collection-card{display:block;padding:18px}.collection-art{max-width:260px;margin:auto auto 22px}.collection-card h3{font-size:22px}.collection-card p:not(.eyebrow){font-size:10px;margin-bottom:17px}.sources{margin-top:45px;padding-top:27px}.source-grid{display:block}.source-grid article{padding:20px;margin-top:13px}.source-grid h3{font-size:15px}.source-grid p,.source-grid li{font-size:10px}.source-links{gap:10px;margin-bottom:35px}.source-links>a{padding:14px 12px}.source-links span{font-size:5px;letter-spacing:.35px}.source-links strong{font-size:9px}footer{padding:22px 6% 29px;display:block;font-size:6px}.skill-credits{gap:10px;margin-top:11px}}
@media(max-width:360px){.coordinate{display:none}.space-header nav{margin-left:auto}.intro h1{font-size:39px}.view-tabs strong{font-size:7px}.mode-buttons button{font-size:7px}.device-heading h2{font-size:18px}.device-heading h2>span{display:block;margin-left:0;margin-top:7px}.stage-shell iframe{height:1150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.work-switch{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 24px}.work-switch button{text-align:left;background:#09050e;border:1px solid #a855f735;border-radius:7px;padding:20px;color:#ae98bd;display:flex;flex-direction:column;gap:10px}.work-switch button>span{font:7px var(--mono);letter-spacing:1px;color:#9e6bb8}.work-switch strong{font-size:23px;font-weight:400;letter-spacing:-.4px;color:#d0bddb}.work-switch small{font-size:10px;line-height:1.7}.work-switch button[aria-pressed=true]{background:linear-gradient(120deg,#29143a,#0b0610);border-color:#a855f780}.work-switch button[aria-pressed=true] strong{color:#f4eafa}.device-heading h2>#device-name{font:inherit;letter-spacing:inherit;margin:0;vertical-align:baseline;color:inherit;display:inline}.collection-list{display:grid;gap:18px}.collection-art img{width:100%;height:100%;object-fit:cover;display:block;border-radius:5px}.stage-shell:has(#engine-frame:not([hidden])) iframe{height:820px}@media(max-width:650px){.work-switch{gap:9px;margin-bottom:17px}.work-switch button{padding:15px 12px;gap:8px}.work-switch button>span{font-size:5px;letter-spacing:.4px}.work-switch strong{font-size:17px}.work-switch small{font-size:8px}.device-heading h2>#device-name{display:inline}.stage-shell:has(#engine-frame:not([hidden])) iframe{height:900px}}
.stage-shell:has(#anatomy-frame:not([hidden])) iframe{height:900px}.stage-shell:has(#hairline-frame:not([hidden])) iframe{height:600px}@media(max-width:650px){.stage-shell iframe{height:900px}.stage-shell:has(#anatomy-frame:not([hidden])) iframe{height:810px}.stage-shell:has(#hairline-frame:not([hidden])) iframe{height:650px}}
.stage-tools{flex-wrap:wrap}.system-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;border-top:1px solid #a855f71d;padding-top:12px}.system-tabs>span{font:7px var(--mono);color:#9e78b2;letter-spacing:.5px;margin-right:8px}.system-tabs button{font-size:9px;color:#bca4cc;border:1px solid #a855f72c;background:#0c0711;border-radius:4px;padding:8px 11px;min-height:34px}.system-tabs button[aria-pressed=true]{background:#281336;border-color:#a855f771;color:#f3e6ff}@media(max-width:650px){.system-tabs{margin-top:11px;gap:5px}.system-tabs>span{width:100%;font-size:6px;margin:0 0 3px}.system-tabs button{flex:1;font-size:7px;padding:7px 6px;white-space:nowrap}.frame-loading{inset:160px 0 0}}
.collection-card[data-work="iphone-18-pro"] .collection-art img{object-fit:contain;background:#f3f2ee}

/* Six mechanisms: concise selection, actual rendered posters. */
.work-switch{grid-template-columns:repeat(3,minmax(0,1fr))}.work-switch strong{font-size:20px}.collection-list{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-card{grid-template-columns:1fr;padding:23px;gap:22px}.collection-art{aspect-ratio:1.3;background:#f3f2ee;overflow:hidden}.collection-art img{object-fit:contain}.collection-card h3{font-size:22px}.device-heading h2>#device-finish{line-height:1.8}.source-links{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media(max-width:760px){.work-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.work-switch strong{font-size:17px}.collection-list{grid-template-columns:1fr}.collection-card{display:block}.collection-art{max-width:100%;margin-bottom:22px}.device-heading h2>#device-finish{display:block;margin:9px 0 0;font-size:7px}.stage-shell:has(#lift-frame:not([hidden])) iframe,.stage-shell:has(#watch-frame:not([hidden])) iframe,.stage-shell:has(#motor-frame:not([hidden])) iframe,.stage-shell:has(#s58-frame:not([hidden])) iframe{height:900px}.source-links{grid-template-columns:repeat(2,minmax(0,1fr))}}