:root{--ink:#353b57;--muted:#737a92;--blue:#7e9eba;--pink:#cc8ca4;--paper:#fbfafc;--line:#dfe3ed;--lavender:#efedf8;--serif:Georgia,'Noto Serif SC','Songti SC','SimSun',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft Yahei',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ba819d;outline-offset:5px}button{color:inherit}::selection{background:#f5dce8}#petals{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:8;opacity:.7}.reading-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,#95c5d6,#d69bb0);width:0;z-index:30}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 5%;border-bottom:1px solid #e5e5ed;background:#fbfafcef;position:relative;z-index:10}.brand{display:flex;gap:12px;align-items:center;line-height:1.3;font-size:19px;letter-spacing:2px;font-weight:600}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:400;margin-top:7px}.flower{font-size:34px;color:#acb6d0;font-weight:400}.topbar nav{display:flex;gap:28px;font-size:13px}.topbar nav a{position:relative;color:#677086}.topbar nav a:after{content:'';height:2px;background:var(--pink);position:absolute;bottom:-10px;left:0;width:0;transition:.3s}.topbar nav a:hover:after{width:100%}.effect-toggle{border:1px solid var(--line);border-radius:24px;padding:7px 14px;background:transparent;font-size:12px}.effect-toggle:first-letter{color:var(--pink)}.hero{max-width:1440px;min-height:695px;margin:auto;padding:76px 7% 70px;display:grid;grid-template-columns:1.08fr 1fr;position:relative;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 86% 36%,#e2e9f67a,transparent 52%),radial-gradient(ellipse at 4% 92%,#f9eaf3,transparent 40%)}.hero-text{z-index:2;padding-bottom:40px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#8793b0;display:flex;align-items:center;gap:10px;margin:0 0 25px}.eyebrow span{width:22px;height:1px;background:#9fa9bf}h1{font-size:clamp(40px,4.6vw,70px);line-height:1.4;letter-spacing:1px;margin:0 0 26px;font-weight:500;font-family:var(--serif)}.serif-accent{color:#9a86ad;position:relative}.serif-accent:after{content:'';position:absolute;bottom:-4px;left:0;right:12px;height:7px;border-top:1px solid #c1b1cf;border-radius:50%;transform:rotate(-3deg)}.hero-desc{color:#798198;font-size:15px;line-height:2.05;letter-spacing:.5px}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-radius:6px;padding:13px 23px;font-size:13px;transition:transform .25s,box-shadow .25s}.primary{background:#59647f;color:white;box-shadow:0 8px 25px #6e7b9825;border:1px solid #59647f}.primary:hover{transform:translateY(-3px);box-shadow:0 12px 28px #6e7b9840}.text-link{font-size:12px;display:inline-flex;gap:20px;color:#6e7890}.hero-tags{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:1px;margin-top:36px;color:#8c8da3}.hero-tags i{color:#cdaab8;font-style:normal}.hero-art{position:relative;height:520px;justify-self:end;width:100%;max-width:470px}.sakura{position:absolute;inset:0 0 0 18px;width:calc(100% - 18px);height:100%;object-fit:cover;object-position:center;border-radius:47% 47% 44% 44%;filter:saturate(.8);box-shadow:0 25px 80px #a1b8d126}.art-orbit{position:absolute;inset:-18px -14px -14px 0;border:1px solid #c5d0e095;border-radius:48%;transform:rotate(10deg)}.art-orbit:after{content:'✧';font-size:44px;color:#c2a7c6;position:absolute;right:-4px;top:50px}.art-caption{position:absolute;top:18px;right:18px;font-family:var(--serif);font-size:13px;letter-spacing:3px;writing-mode:vertical-rl;color:#fff;text-shadow:0 1px 4px #5c728b}.art-caption span{font-family:sans-serif;font-size:8px;letter-spacing:2px;margin-top:13px}.vertical-note{position:absolute;right:-36px;top:230px;writing-mode:vertical-rl;letter-spacing:4px;font-size:10px;color:#a4a7ba}.floating-preview{position:absolute;bottom:10px;left:-55px;width:166px;padding:12px;border:1px solid #ffffffd9;background:#ffffffed;box-shadow:0 20px 50px #727b9a22;border-radius:10px;transform:rotate(-5deg);animation:float 7s ease-in-out infinite}.floating-preview small{font-size:8px;letter-spacing:1px}.floating-preview img{width:100%;display:block;border-radius:5px;margin:10px 0 7px}.floating-preview>span:last-child{font-size:15px;font-family:var(--serif)}.floating-preview i{font-style:normal;font-size:8px;font-family:sans-serif;float:right;padding-top:4px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#96b8ab;margin-right:5px}.scroll-note{position:absolute;bottom:25px;left:7%;font-size:8px;letter-spacing:2px;color:#9c9dad;display:flex;gap:26px}.scroll-note span{font-size:16px}.research-strip{max-width:1440px;margin:auto;padding:22px 7%;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#f6f6fa;font-size:11px;color:#8b8fa6;gap:20px}.research-strip p{font-family:var(--serif);font-size:18px;color:#6b7491;margin:0;letter-spacing:1px}.research-strip b{font-weight:400;color:#c6a2b7;padding:0 20px}.section{max-width:1250px;margin:auto;padding:100px 50px}.section-label{display:flex;gap:18px;align-items:center;color:#929bb1;margin-bottom:28px;font-size:10px;letter-spacing:2px}.section-label:before{content:'';width:28px;height:1px;background:#b6bdd0}.section-label i{font-style:normal;letter-spacing:2px;font-size:11px;color:#a0a3b4}.section h2{font-family:var(--serif);font-weight:500;font-size:36px;line-height:1.55;letter-spacing:.5px;margin:0 0 22px}.pink-text{color:#b9829b}.blue-text{color:#7b9aaf}.question-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.question-grid>div>p{color:var(--muted);font-size:14px;margin:15px 0}.question-grid strong{font-weight:500;color:#606883}.quote{border-left:2px solid #d9bdd0;margin-top:28px;padding-left:24px;font-family:var(--serif);font-size:17px;line-height:1.9;color:#9c849b}.opening-compare{display:grid;grid-template-columns:1fr 20px 1fr;gap:15px;align-items:center}.opening-compare>div{background:#eeeef4;border-radius:90px 90px 9px 9px;overflow:hidden;text-align:center;padding-top:12px}.opening-compare img{width:100%;display:block}.opening-compare span:not(.compare-arrow){display:block;padding:12px;font-size:13px;background:#f1eff5}.opening-compare small{font-size:10px;color:#9196a8;display:block}.opening-compare .compare-arrow{font-size:22px;color:#bbacc3}.opening-compare>p{grid-column:1/-1;text-align:center;font-size:10px!important;color:#9399ad!important}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-heading>p,.section-heading>div>p{color:var(--muted);font-size:13px;margin:0 0 20px}.method{padding-top:55px}.method-track{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;background:linear-gradient(140deg,#f5f6fc,#fcf6f9);overflow:hidden}.method-track article{padding:28px 25px 30px;border-right:1px solid var(--line)}.method-track article:last-child{border:0}.step-no{font-family:var(--serif);font-size:13px;color:#b9a6bf}.mini-diagram{height:72px;margin:20px 0;position:relative}.method-track h3{font-size:16px;font-weight:500;margin:20px 0 10px}.method-track p{font-size:12px;color:#7b8397;line-height:1.9;min-height:68px;margin-bottom:20px}.method-track small{font-size:9px;color:#9299ad;line-height:1.6;display:block}.rays b{position:absolute;font-size:30px;color:#d7afbb;right:25px;top:12px;font-weight:400}.rays i{position:absolute;width:65px;left:25px;top:35px;height:1px;background:#b0bed3;transform:rotate(-16deg)}.rays i:nth-child(2){transform:rotate(10deg);top:45px}.rays i:nth-child(3){transform:rotate(-40deg);top:20px}.rays em{position:absolute;width:35px;height:55px;border:1px solid #91a7bc;border-radius:40%;left:5px;top:5px;background:#cbd7e94a}.features{display:flex;align-items:end;gap:8px;padding:5px 12px}.features span{width:12px;background:#b6c3d9;border-radius:2px;height:35%}.features span:nth-child(2n){height:75%;background:#ccb7cd}.features span:nth-child(3n){height:95%}.curve svg{width:100%;height:100%;overflow:visible}.curve path{fill:none;stroke:#a19bbe;stroke-width:2}.curve circle{fill:#dba7be}.mask span{display:block;width:74px;height:74px;border-radius:50%;background:#f8f8fd;box-shadow:inset 22px 0 0 #778da9;margin:auto;border:1px solid #c4ccdc}.supervision-note{margin:24px 0 20px;display:grid;grid-template-columns:58px 1fr;gap:8px 20px;font-size:12px;color:#828a9f}.supervision-note>span{background:#f2eaf3;border-radius:3px;height:25px;color:#a17c9c;text-align:center}.supervision-note p{margin:0}.formula-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;color:#798298;font-size:12px}.formula-details summary,.limits summary{cursor:pointer;list-style:none}.formula-details summary span,.limits summary span{float:right}.formula-details>div{padding:15px 25px;background:#f6f5f9;margin-top:15px}.math{font-family:var(--serif);font-size:21px;color:#5e6a89}.lab-section{background:linear-gradient(145deg,#edf3f7,#f4edf6 68%,#f9f3f6);position:relative}.lab-inner{padding-top:80px;padding-bottom:60px}.lab-inner h2{font-size:40px}.version-switch{display:flex;background:#ffffff89;border:1px solid #dce0eb;padding:4px;border-radius:30px;flex-shrink:0;margin-bottom:30px}.version-switch button{background:none;border:0;padding:9px 16px;border-radius:24px;font-size:11px;color:#8a90a2}.version-switch button.active{background:#65738f;color:white;box-shadow:0 2px 8px #66718a20}.frame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.frame-grid figure{margin:0;background:#ffffffa8;border:1px solid #ffffffd4;border-radius:9px;overflow:hidden;box-shadow:0 14px 40px #858ca215}.frame-top{padding:15px 14px;font-size:11px;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.frame-top>span{font-family:var(--serif);font-size:12px;color:#a797b7}.frame-top i{font-style:normal;font-size:8px;color:#9298a8;margin-left:auto}.frame-grid img{width:100%;display:block;aspect-ratio:1}.frame-grid figcaption{font-size:10px;color:#8791a3;text-align:center;padding:12px 6px}.final-figure{border-color:#dcbfd4!important}.playback{margin-top:26px;display:flex;align-items:center;gap:24px}.play-button{border:1px solid #cfd6e4;width:45px;height:45px;border-radius:50%;background:#fff9;color:#647797;flex-shrink:0;font-size:13px}.angle-track{flex:1}.angle-track input{width:100%;appearance:none;height:3px;background:linear-gradient(90deg,#a4c3d9,#c5b1cf,#d3a9bc);display:block;cursor:pointer;accent-color:#889ab6}.angle-track input::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;border:3px solid white;background:#8897b3;box-shadow:0 1px 8px #66738b4d}.angle-track>div{display:flex;justify-content:space-between;font-size:9px;margin-top:13px;color:#929aae}.playback output{font:35px var(--serif);color:#667592;min-width:96px;text-align:right}.playback output span{font-size:20px}.lab-foot{display:flex;justify-content:space-between;margin-top:26px;font-size:9px;color:#8f96aa;gap:20px}.calibration-note{font-size:10px;color:#9b87a0;margin:15px 0 0;border-top:1px solid #dbdce77a;padding-top:16px}.composition-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:85px;align-items:start}.layer-view{padding:20px;border:1px solid var(--line);border-radius:150px 150px 10px 10px;background:#f3f3f8;margin-top:28px}.layer-label{text-align:center;font-size:9px;letter-spacing:2px;color:#8d98b2;margin:35px 0 25px}.layer-label span{margin-left:20px;color:#bc95ac}.layer-view>img{width:100%;display:block;aspect-ratio:1;border-radius:100px 100px 4px 4px}.layer-tabs{display:flex;margin-top:20px;justify-content:space-between;gap:3px}.layer-tabs button{border:none;background:none;font-size:11px;padding:7px 10px;border-radius:4px;color:#828a9f}.layer-tabs button.active{background:#dde4ef;color:#566d8d}.layer-view p{text-align:center;font-size:10px;color:#959caf;min-height:37px;margin-top:17px}.composition-text>p{font-size:13px;color:var(--muted)}.light-steps{padding:0;list-style:none;margin:28px 0}.light-steps li{display:flex;gap:16px;margin:17px 0}.light-steps li>span{color:#bea3c1;font-size:18px}.light-steps h3{font-size:14px;margin:0 0 3px;font-weight:500}.light-steps p{font-size:11px;color:#8a91a4;margin:0}.formula-card{padding:18px 23px;background:linear-gradient(120deg,#ecf2f9,#f6eef5);border-radius:7px}.formula-card small{font-size:9px;color:#8b92a8}.formula-card p{font-family:var(--serif);font-size:24px;display:flex;gap:9px;align-items:center;margin:12px 0}.formula-card sub{font-size:12px}.fraction{display:inline-flex;flex-direction:column;text-align:center;font-size:16px;line-height:1.7}.fraction>span:first-child{border-bottom:1px solid #9eabc1}.footnote{font-size:10px!important;color:#9198ab!important;line-height:1.9!important}.experiments{padding-top:30px}.experiment-tabs{display:flex;gap:35px;border-bottom:1px solid var(--line);margin-bottom:35px}.experiment-tabs button{font-size:12px;background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;color:#9196aa}.experiment-tabs button.active{color:#667c98;border-color:#9aabc5}.experiment-content{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.wipe{position:relative;max-width:440px;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#333}.wipe>img,.wipe-before img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.wipe-before{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.wipe-line{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#ffffffbd}.wipe-line span{position:absolute;top:50%;transform:translate(-50%,-50%);width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#6d7898;box-shadow:0 2px 8px #0003}.wipe input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4;margin:0}.wipe:focus-within{outline:3px solid #a681a3;outline-offset:3px}.wipe-label{position:absolute;top:15px;background:#353b575c;border:1px solid #ffffff30;color:white;backdrop-filter:blur(4px);border-radius:4px;padding:5px 10px;font-size:10px;z-index:2}.before-label{left:14px}.after-label{right:14px}.pill{font-size:10px;background:#f1e9f0;color:#a38da5;border-radius:20px;padding:6px 12px}.experiment-copy h3{font-family:var(--serif);font-size:25px;font-weight:500;line-height:1.7;margin-top:20px}.experiment-copy>p{color:var(--muted);font-size:13px;line-height:2}.experiment-result{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;color:#8d91a6;font-size:11px;margin:25px 0}.experiment-result strong{font:27px var(--serif);color:#919eb9;margin-left:16px}.experiment-result small{display:block;font-size:9px;margin-top:7px;color:#a1a7b7}.interlude{height:310px;position:relative;overflow:hidden;max-width:1440px;margin:25px auto 0;background:#e6f2f6}.interlude>img{width:65%;height:100%;object-fit:cover;object-position:center 67%;opacity:.42;position:absolute;right:0;transform:scaleX(-1)}.interlude:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#edf3f8 12%,#edf3f8c9 40%,transparent)}.interlude>div{position:relative;z-index:1;margin-left:max(8%,calc((100% - 1150px)/2));padding-top:45px}.interlude span{font-size:9px;letter-spacing:3px;color:#90a8b9}.interlude p{font-family:var(--serif);font-size:32px;line-height:1.6;color:#6d819c;margin:17px 0}.interlude small{font-size:11px;color:#93a2b6}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-block:1px solid var(--line);padding:30px 0;margin-top:10px}.metrics article{padding:0 23px;border-right:1px solid var(--line)}.metrics article:first-child{padding-left:0}.metrics article:last-child{border:0}.metrics small{font-size:11px;color:#8a93a8}.metrics p{font:38px var(--serif);margin:15px 0;color:#8794af}.metrics p span{font-size:22px;color:#b3adbc}.metrics p i{font:18px sans-serif;color:#c7b8c9}.metrics em{font-size:10px;font-style:normal;color:#939bad}.archive-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;margin-top:50px}.limits h3{font-weight:500;font-size:19px}.limits p{font-size:12px;color:#8a91a4;line-height:2}.limits b{display:block;color:#6e7c96;font-weight:500;font-size:12px}.limits details{border-top:1px solid var(--line);margin-top:25px;padding:15px 0;font-size:12px;color:#848da3}.limits ol{font-size:11px;line-height:2.5;padding-left:20px}.download-card{position:relative;padding:35px;background:linear-gradient(135deg,#eef0f8,#f6edf2);border:1px solid #e4deeb;border-radius:10px;overflow:hidden}.download-card>small:first-of-type{font-size:8px;letter-spacing:2px;color:#a6a2b9}.download-card h3{font-family:var(--serif);font-size:27px;font-weight:500;margin:18px 0 12px}.download-card p{font-size:12px;color:#8b90a7}.download-flower{font-size:120px;color:#e0d2e65c;position:absolute;right:-20px;top:5px;transform:rotate(-25deg);pointer-events:none}.download-card .button{margin-top:15px;position:relative;z-index:1}.data-links{display:flex;flex-wrap:wrap;gap:18px;font-size:10px;margin:23px 0 14px;color:#828ba3}.data-links a:hover{text-decoration:underline}.download-card>small:last-child{font-size:9px;color:#a19caf}footer{border-top:1px solid var(--line);max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:35px 7%;gap:25px}footer p{font-size:11px;color:#8e95a7}footer p small{font-size:9px;color:#aaaaba}.back-top{font-size:11px;color:#9297ac}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#56647eef;color:white;border-radius:30px;padding:10px 20px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:99}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(-3deg)}}
@media(min-width:1500px){.hero{padding-inline:110px}.hero-art{max-width:480px}.section{max-width:1250px}}
@media(max-width:1050px){.topbar nav{gap:15px;font-size:11px}.hero{padding-inline:6%;min-height:640px}.hero-art{height:450px;width:370px}.floating-preview{width:145px;left:-30px}.hero h1{font-size:46px}.hero-desc{font-size:13px}.research-strip .strip-mark{display:none}.section{padding:75px 35px}.question-grid{gap:35px}.section h2{font-size:29px}.method-track article{padding:22px 17px}.composition-grid{gap:40px}.metrics p{font-size:31px}.section-heading{gap:25px}.lab-inner h2{font-size:32px}.version-switch button{padding:8px 10px}.frame-top i{display:none}.experiment-content{gap:40px}.archive-bottom{gap:30px}footer .brand{font-size:15px}footer .brand small{font-size:7px}}
@media(max-width:760px){.topbar{height:76px;padding:0 22px}.brand{font-size:16px}.brand small{font-size:7px}.topbar nav{display:none}.effect-toggle{font-size:10px;padding:6px 11px}.hero{grid-template-columns:1fr;gap:20px;padding:45px 26px 55px;min-height:0}.hero-text{padding:0}.eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:42px;margin-bottom:15px}.hero-desc{font-size:13px}.hero-tags{font-size:9px;gap:8px;margin-top:23px}.hero-art{height:400px;width:300px;margin:22px auto 15px;justify-self:center;max-width:90%}.floating-preview{left:-18px;width:132px}.vertical-note{right:-22px;top:150px}.hero-actions{margin-top:23px;gap:22px}.button{padding:11px 17px;font-size:12px}.hero .scroll-note{left:26px;bottom:20px}.research-strip{padding:19px 25px;display:block}.research-strip>span{font-size:9px}.research-strip p{font-size:15px;margin-top:4px}.research-strip b{padding:0 6px}.section{padding:60px 23px}.section-label{font-size:8px;letter-spacing:1.4px;margin-bottom:22px}.section-label i{font-size:9px}.section h2{font-size:29px;line-height:1.55}.question-grid,.composition-grid,.experiment-content,.archive-bottom{grid-template-columns:1fr;gap:35px}.question-grid>div>p{font-size:13px}.opening-compare{padding:0 12px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{font-size:12px}.method-track{grid-template-columns:1fr 1fr}.method-track article:nth-child(2){border-right:0}.method-track article:nth-child(-n+2){border-bottom:1px solid var(--line)}.method-track article{padding:20px 16px}.method-track small{font-size:9px}.method-track p{min-height:85px}.mini-diagram{height:60px;margin:10px 0}.supervision-note{font-size:10px;gap:12px}.formula-details>div{padding:10px}.math{font-size:15px}.version-switch{display:inline-flex;margin:7px 0 10px}.frame-grid{gap:7px}.frame-top{font-size:8px;padding:10px 5px;gap:4px;letter-spacing:0}.frame-top>span{font-size:9px}.frame-grid figcaption{font-size:8px;padding:9px 5px;min-height:42px;line-height:1.6}.playback{gap:10px;margin-top:23px}.play-button{width:35px;height:35px;font-size:11px}.playback output{font-size:26px;min-width:68px}.angle-track>div{font-size:8px}.lab-foot{display:block;font-size:9px;line-height:2}.lab-foot>span{display:block}.calibration-note{font-size:9px}.layer-view{max-width:400px;margin:auto;width:100%;order:2}.composition-text{order:1}.experiment-tabs{gap:20px}.experiment-tabs button{font-size:10px}.wipe{max-width:420px;margin:auto}.experiment-copy h3{font-size:24px}.interlude{height:275px}.interlude>div{margin-left:28px;padding-top:30px}.interlude p{font-size:27px}.interlude>img{width:100%;opacity:.3}.metrics{grid-template-columns:1fr;gap:24px;padding:26px 0}.metrics article,.metrics article:first-child{padding:0 0 20px;border:0;border-bottom:1px solid var(--line)}.metrics article:last-child{padding-bottom:0}.metrics p{font-size:37px;margin:10px 0}.archive-bottom{margin-top:25px}.download-card{padding:25px}.archive{padding-bottom:50px}footer{flex-wrap:wrap;padding:25px}.back-top{margin-left:auto}footer p{order:3;width:100%;font-size:10px}.js-motion .reveal{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}#petals{display:none}}
/* Research journal edition */
:root{--ink:#303d4b;--muted:#697a87;--paper:#fcfcfa;--line:#d9dfe2;--pink:#b8818e;--blue:#7e9dab}.topbar{height:78px;background:#fcfcfa;border-bottom:1px solid #a7b6bf;padding:0 5%;max-width:1440px}.brand{font-size:14px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:1.8px}.monogram{font-family:Georgia,serif;font-size:28px;letter-spacing:-2px;border-right:1px solid #c8d1d6;padding-right:15px;font-weight:400}.effect-toggle{border:0;border-radius:0;padding-right:0;color:#8b969b}.topbar nav{font-size:11px;gap:27px}.editorial-hero{display:block;min-height:0;background:none;overflow:visible;padding:28px 7% 30px}.issue-line{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#8c9da7}.editorial-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:50px;padding:43px 0 36px}.large-english{font-family:Arial,Helvetica,sans-serif;font-size:clamp(50px,6vw,84px);font-weight:700;line-height:.99;letter-spacing:-5px;color:#354c60}.large-english i{font-family:Georgia,serif;font-size:.65em;font-weight:400;letter-spacing:-3px;color:#b997a4}.editorial-heading h1{font-family:'Microsoft Yahei',sans-serif;font-size:18px;font-weight:400;letter-spacing:2px;line-height:1.7;margin:22px 0 0}.hero-abstract{max-width:335px;justify-self:end;font-size:13px;color:#74828a;border-left:1px solid #d2dbe0;padding-left:26px}.note-label{font-size:9px;letter-spacing:2px;color:#b08692}.hero-abstract p{line-height:1.85;margin:10px 0}.hero-abstract b{font-weight:400;color:#4e6475}.hero-abstract a{display:flex;justify-content:space-between;border-bottom:1px solid #8297a5;padding:9px 0 6px;margin-top:12px;color:#496476;font-size:11px}.hero-film{display:grid;grid-template-columns:46px repeat(3,1fr);gap:1px;background:#dde4e8;border-block:1px solid #b7c6ce}.film-side{background:var(--paper);padding:12px 0;display:flex;flex-direction:column;justify-content:space-between}.film-side>span{font-family:var(--serif);font-size:19px;line-height:1.3;color:#728c9d}.film-side small{font-size:8px;line-height:1.9;color:#97a4ab}.hero-film figure{margin:0;position:relative}.hero-film img{display:block;width:100%;max-height:310px;object-fit:contain;background:#333}.hero-film figcaption{background:var(--paper);padding:11px 14px;font-size:10px;color:#526c7e}.hero-film figcaption b{font-family:Georgia;font-size:14px;margin-right:10px;color:#aa8e9e;font-weight:400}.hero-film figcaption span{float:right;color:#9da6af;font-size:8px;padding-top:2px}.hero-foot{display:flex;justify-content:space-between;font-size:8px;color:#9aa8af;letter-spacing:.4px;padding:15px 0 0 46px}.hero-foot a{color:#758b9b}.section{padding-top:78px;padding-bottom:78px}.section-label{font-size:10px;letter-spacing:1px;margin-bottom:24px;color:#6c899d}.section-label:before{width:12px;background:#aabfcb}.section-label i{display:none}.section h2{font-family:'Microsoft Yahei',sans-serif;font-size:27px;font-weight:400;line-height:1.65;letter-spacing:.4px}.question{border-top:1px solid #dbe2e5;margin-top:40px}.question-grid{grid-template-columns:1.05fr 1fr;gap:70px}.quote{background:#edf2f4;border:0;padding:17px 22px;font-family:var(--serif);font-size:17px;color:#698395;width:fit-content;transform:rotate(-1deg)}.quote small{font-family:sans-serif;font-size:9px;letter-spacing:1px;color:#a58a98}.opening-compare>div{border-radius:0;background:none;padding:0}.opening-compare span:not(.compare-arrow){text-align:left;background:none;border-bottom:1px solid #c7d3da;padding:8px 0}.opening-compare small{margin-top:5px}.opening-compare>p{text-align:left}.lab-section{background:#edf3f5;border-block:1px solid #d6e1e7}.lab-inner h2{font-size:30px}.version-switch{border:0;border-radius:0;background:none;padding:0;margin-bottom:30px;border-bottom:1px solid #bdcdd6}.version-switch button{border-radius:0;padding:10px 15px;background:none}.version-switch button.active{background:none;color:#335970;border-bottom:2px solid #6e91a4;box-shadow:none}.frame-grid{gap:1px;background:#c8d5db;border:1px solid #c8d5db}.frame-grid figure{border:0!important;border-radius:0;box-shadow:none;background:#edf3f5}.frame-top{background:#edf3f5;font-size:10px}.frame-top span{color:#9c8694}.frame-grid figcaption{background:#edf3f5;padding:10px}.play-button{border-radius:0;width:40px;height:36px;background:none}.calibration-note{color:#8c7b89}.composition-grid{grid-template-columns:.85fr 1.15fr;gap:75px}.layer-view{border:0;border-radius:0;padding:0;background:none;margin-top:0}.layer-label{text-align:left;margin:0;padding:12px 0;border-top:1px solid #adc0cb;font-size:9px}.layer-label span{float:right}.layer-view>img{border-radius:0}.layer-tabs{margin-top:8px;justify-content:flex-start;border-bottom:1px solid #c7d4dc;gap:8px}.layer-tabs button{border-radius:0;padding:8px 14px}.layer-tabs button.active{background:none;border-bottom:2px solid #7e9baa}.layer-view p{text-align:left}.light-steps li>span{color:#8aa4b2}.formula-card{border-radius:0;border-left:2px solid #a1bac8;background:#edf2f5;padding:14px 22px}.experiment-tabs{gap:35px;margin-bottom:28px}.experiment-tabs button.active{border-color:#6a8ca3;color:#486c83}.wipe{border-radius:0;max-width:460px}.wipe-label{border-radius:0;font-size:9px}.wipe-line span{border-radius:0;width:30px;height:36px;background:#f8fbff}.pill{border-radius:0;background:none;padding:0;color:#819baa;letter-spacing:1px;font-size:10px}.experiment-copy h3{font-family:'Microsoft Yahei',sans-serif;font-size:22px;line-height:1.7;font-weight:400}.experiment-result strong{color:#66899f}.visual-notes{max-width:1150px;margin:20px auto 0;padding:32px 0;border-block:1px solid #d7e2e7;display:flex;align-items:center;gap:32px}.reference-crops{display:flex;gap:8px}.reference-crops img{width:105px;height:145px;object-fit:cover;filter:saturate(.7)}.reference-crops img:nth-child(2){object-position:50% 66%}.visual-notes>div:nth-child(2)>span{font-size:9px;letter-spacing:1.5px;color:#a08f9b}.visual-notes p{font-family:var(--serif);font-size:21px;color:#6e8595;margin:10px 0}.visual-notes small{color:#9aa7af;font-size:10px;line-height:1.7}.swatches{display:flex;gap:9px;margin-left:auto}.swatches i{width:25px;height:65px;background:#b7c8de}.swatches i:nth-child(2){background:#d8b8c4}.swatches i:nth-child(3){background:#bfdee0}.swatches i:nth-child(4){background:#eff0e9}.metrics{gap:0}.metrics article{padding:0 25px}.metrics p{font-size:34px;color:#718d9f}.metrics em{font-size:9px}.download-card{border-radius:0;border:0;border-left:1px solid #c5d5df;background:none;padding:8px 0 10px 35px}.download-card h3{font-family:'Microsoft Yahei',sans-serif;font-size:25px}.download-card .button,.button{border-radius:0;background:#4e6b80;box-shadow:none;border-color:#4e6b80}.download-card .button:hover,.button:hover{box-shadow:none;transform:translateY(-1px)}footer{background:#eff3f4;margin-top:25px}.reveal{transition-duration:.4s!important}#petals{opacity:.3}.derivation{border-top:1px solid #dbe2e5;padding-top:60px}.derivation .section-heading{align-items:start}.derivation-intro{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:12px;border-block:1px solid #d8e2e7;padding:15px 0;color:#5e7c90;margin-bottom:15px}.derivation-intro b{color:#b6c5ce}.derivation-intro small{flex-basis:100%;font-size:10px;color:#94a1a9}.derive-step{display:grid;grid-template-columns:65px 1fr;gap:28px;padding:29px 0;border-bottom:1px solid #e0e7e9}.derive-index{font:27px Georgia;color:#a9bac6;padding-top:1px}.derive-index small{display:block;font:9px sans-serif;color:#b38f9a;margin-top:9px;letter-spacing:1px}.derive-main h3{margin:0 0 12px;font-size:17px;letter-spacing:.2px;font-weight:500;color:#435f73}.derive-main>p{font-size:12px;color:#7a8a96;line-height:1.9;max-width:820px}.equation{display:flex;align-items:center;justify-content:space-between;gap:20px;overflow-x:auto;padding:22px 24px;background:#f1f5f7;color:#355c73;margin:19px 0 12px;border-left:2px solid #bdd0dc}.equation math{font-size:23px;flex:1;text-align:left;min-width:max-content;margin:0}.equation>span{font:11px Georgia;color:#9eafb9;margin-left:18px}.secondary-equation{background:none;border:0;padding-block:9px;margin-block:10px}.result-equation{background:#f4eef0;border-color:#d9bcc8}.derive-main p.derive-definition{font-size:11px;color:#8c989f;max-width:860px}.derive-definition b{color:#6c8796;font-weight:500}.calibration-aside{margin:25px 0 0 93px;font-size:11px;color:#a28193;border-left:1px solid #d8b6c6;padding-left:20px;max-width:830px}.calibration-aside b{font-weight:500}.calibration-aside p{color:#9396a2;line-height:1.9}
@media(max-width:1050px){.editorial-heading{gap:35px}.large-english{font-size:70px}.hero-abstract{font-size:12px}.hero-film img{max-height:255px}.visual-notes{margin-inline:35px}.section-heading h2{font-size:27px}.composition-grid{gap:40px}.equation math{font-size:20px}.derive-step{gap:20px}.topbar nav{gap:16px}}
@media(max-width:760px){.topbar{height:70px}.topbar .brand{font-size:12px;gap:10px}.monogram{font-size:24px;padding-right:11px}.editorial-hero{padding:22px 23px 25px}.issue-line{font-size:7px;letter-spacing:.5px}.editorial-heading{grid-template-columns:1fr;gap:25px;padding:30px 0 25px}.large-english{font-size:62px;letter-spacing:-3px}.large-english i{letter-spacing:-2px}.editorial-heading h1{font-size:16px;margin:16px 0 0;letter-spacing:1px}.hero-abstract{max-width:100%;justify-self:start;padding:0;border:0;font-size:12px;display:grid;grid-template-columns:1fr 1fr;gap:3px 18px}.hero-abstract .note-label{grid-column:1/-1}.hero-abstract p{margin:4px 0}.hero-abstract a{grid-column:1/-1;margin-top:10px;max-width:170px}.hero-film{grid-template-columns:repeat(3,1fr)}.film-side{display:none}.hero-film img{height:auto;max-height:none}.hero-film figcaption{padding:8px 5px;font-size:8px;line-height:1.7}.hero-film figcaption b{font-size:11px;margin-right:4px}.hero-film figcaption span{display:block;float:none;font-size:7px}.hero-foot{padding-left:0;font-size:7px;gap:10px;flex-wrap:wrap}.hero-foot a{display:none}.section{padding-block:50px}.question{margin-top:15px}.question-grid{grid-template-columns:1fr;gap:30px}.section h2,.lab-inner h2{font-size:25px}.section-heading{display:block}.composition-grid{grid-template-columns:1fr}.version-switch{margin-bottom:18px}.frame-top{font-size:8px}.playback output{font-size:25px}.frame-grid figcaption{font-size:7px}.visual-notes{margin:0 23px;padding:23px 0;gap:18px}.reference-crops{gap:4px}.reference-crops img{width:52px;height:100px}.visual-notes p{font-size:16px}.visual-notes small{font-size:9px}.visual-notes>div:nth-child(2)>span{font-size:7px}.swatches{display:none}.download-card{padding:23px 0 0;border-left:0;border-top:1px solid #c5d5df}.metrics article{padding:0 0 20px}.derive-step{grid-template-columns:28px 1fr;gap:13px;padding:25px 0}.derive-index{font-size:20px}.derive-index small{font-size:8px;line-height:1.6}.derive-main h3{font-size:16px}.derive-main>p{font-size:11px}.equation{padding:17px 12px;gap:6px}.equation math{font-size:17px}.equation>span{font-size:9px;margin-left:5px}.derive-main p.derive-definition{font-size:10px}.calibration-aside{margin-left:41px;font-size:10px}.derivation-intro{gap:10px;font-size:10px}.derivation-intro small{font-size:9px}}
/* Formula flow, following the user's reference */
.derivation .section-heading{margin-bottom:22px}.derive-step{position:relative;display:block;padding:30px 35px;border:1px solid #d8e0e3;margin:32px 0;border-radius:5px;background:#fff}.derive-step:not(:last-of-type):after{content:'↓';position:absolute;bottom:-29px;left:50%;font:18px sans-serif;color:#a0aeb4}.derive-index{position:absolute;top:27px;left:24px;font-size:17px;color:#8a9da8}.derive-index small{font-size:8px;letter-spacing:0;margin-top:5px}.derive-main h3{text-align:center;font-size:17px;margin:0 50px 15px}.derive-main>p:first-of-type{text-align:center;margin:0 auto 10px;max-width:780px;font-size:12px}.equation{background:none;border:0;margin:13px 0;padding:15px 10px;position:relative;justify-content:center}.equation math{flex:initial;text-align:center}.equation>span{position:absolute;right:0;top:50%;transform:translateY(-50%)}.secondary-equation{margin:5px 0}.result-equation{border-top:1px solid #d7e4de;padding-top:20px}.derive-main p.derive-definition{margin:15px auto 0;padding-top:15px;border-top:1px solid #e1e7e9;text-align:left;max-width:830px}.derive-step:nth-of-type(4){background:#edf6f1;border-color:#b6d5c3}.derive-step:nth-of-type(4) .equation{color:#466c60}.derive-step:nth-of-type(5){background:#f3f6fa;border-color:#c6d5df}.calibration-aside{margin-left:0}.composition-grid{grid-template-columns:.78fr 1.22fr;gap:55px}.layer-view{position:sticky;top:25px}.render-flow{border:1px solid #d9e0e3;border-radius:5px;padding:18px;margin:25px 0 16px;background:#fff}.flow-step{text-align:center;padding:15px 10px;border-radius:4px}.flow-step h3{font-size:14px;font-weight:500;margin:4px 0 10px}.flow-step p{font-size:10px;color:#8a979f;line-height:1.9;margin:10px 0 0}.flow-arrow{display:block;text-align:center;color:#acb6bc;font-size:17px;line-height:1.5;margin:3px 0}.flow-step.emphasized{background:#edf6f0;border:1px solid #bfd9c7;padding:20px 10px}.flow-step:nth-of-type(3){border:1px solid #e0e5e7}.flow-formula{overflow-x:auto;padding:7px 0}.flow-formula math{font-size:20px;white-space:nowrap;margin:10px 0;min-width:max-content}.flow-step.emphasized math{color:#466a5e}
@media(max-width:760px){.derive-step{padding:25px 15px 20px;margin:30px 0}.derive-index{left:12px;top:25px;font-size:14px}.derive-main h3{font-size:14px;margin:0 24px 15px 36px}.derive-main>p:first-of-type{font-size:11px}.equation{padding:14px 0;justify-content:flex-start}.equation math{font-size:17px}.equation>span{position:static;transform:none;padding-left:15px}.composition-grid{grid-template-columns:1fr}.layer-view{position:static;order:1}.composition-text{order:2}.render-flow{padding:10px}.flow-formula math{font-size:18px}.flow-step{padding:15px 8px}.flow-step p{font-size:10px}}
/* Final palette: retain the user's mist-blue / sakura-pink / pale-cyan references. */
:root{--ink:#485570;--muted:#758199;--paper:#fafbff;--line:#dce1ef;--pink:#bd8fa9;--blue:#8ca9c5}.topbar{background:#fafbffe8;border-color:#dde0ef}.monogram{color:#9ba7ca;border-color:#d8ddee}.brand{color:#657293}.topbar nav a{color:#7b87a3}.editorial-hero{background:radial-gradient(ellipse at 10% 20%,#f7e8f280,transparent 55%),radial-gradient(ellipse at 88% 34%,#dfedf885,transparent 56%)}.issue-line{color:#9ca7c0}.large-english{color:#7186ab}.large-english i{color:#c7a2ba}.editorial-heading h1{color:#687897}.hero-abstract{border-color:#dadfed;color:#8592ab}.hero-abstract b{color:#7183a2}.note-label{color:#bf96b1}.hero-abstract a{color:#8b9cba;border-color:#bdc9de}.hero-film{background:#dfe6f1;border-color:#cbd6e8}.film-side{background:#f9faff}.film-side>span{color:#a2b2cd}.film-side small,.hero-foot{color:#a4afc3}.hero-film figcaption{background:#f7f9fe;color:#7f91ad}.hero-film figcaption b{color:#c29bb3}.hero-film figcaption span{color:#9ba9be}.hero-foot a{color:#96a5bf}.section-label{color:#99aac5}.section-label:before{background:#bbcce0}.question,.derivation{border-color:#e3e7f2}.quote{background:#f4edf7;color:#9b8dac}.quote small{color:#bea1b8}.opening-compare span:not(.compare-arrow){border-color:#dce4f2}.opening-compare small{color:#a1aec5}.lab-section{background:linear-gradient(120deg,#ecf4fb,#f2eef9 60%,#f9edf5);border-color:#e1e7f4}.version-switch{border-color:#cdd7e9}.version-switch button.active{color:#8095b8;border-color:#acb8d4}.frame-grid{background:#d3dced;border-color:#d3dced}.frame-grid figure,.frame-top,.frame-grid figcaption{background:#f6f8fe}.frame-top{color:#7182a1}.frame-top span{color:#bb9ab6}.frame-grid figcaption{color:#91a1ba}.play-button{border-color:#cdd8ed;color:#8da0c0;background:#f9fbff70}.playback output{color:#98a8c8}.calibration-note{color:#ae93ac;border-color:#dfe0ef}.layer-label,.layer-tabs{border-color:#d4dfee}.layer-tabs button.active{color:#819aba;border-color:#a8bcd8}.layer-view p{color:#99a7bd}.light-steps li>span{color:#bc9fb9}.experiment-tabs{border-color:#dbe2f0}.experiment-tabs button.active{color:#859bc0;border-color:#b0bfdc}.pill{color:#b396b2}.experiment-result{border-color:#dfe5f0}.experiment-result strong{color:#97aaca}.wipe-line span{background:#f4f5fd;color:#a28dab}.visual-notes{border-color:#dfe7f2}.visual-notes p{color:#879ab9}.visual-notes small{color:#a1aec1}.visual-notes>div:nth-child(2)>span{color:#c2a1b8}.metrics{border-color:#dde5f0}.metrics article{border-color:#dde5f0}.metrics p{color:#96a7c8}.metrics p span{color:#c5adc4}.download-card{background:linear-gradient(135deg,#f2f5fc,#fcf1f7);padding:28px 30px;border:0}.download-card .button,.button{background:#8295b7;border-color:#8295b7;color:#fff}.download-card .button:hover,.button:hover{background:#7488ad}.limits b{color:#8298b7}footer{background:linear-gradient(110deg,#edf4fb,#f7eff7);border-color:#e1e5f0}.derive-step{background:#fcfdff;border-color:#dde3ef}.derive-index{color:#b0bbd4}.derive-index small{color:#c3a0b7}.derive-main h3{color:#7084a6}.derive-main>p{color:#8290a8}.equation{color:#6b81a7}.derive-main p.derive-definition{border-color:#e3e7f1;color:#8f9cb2}.derive-definition b{color:#7c91b3}.derive-step:nth-of-type(4){background:linear-gradient(120deg,#eff7fa,#f1f2fc);border-color:#c8d9ea}.derive-step:nth-of-type(4) .equation{color:#7c99b5}.derive-step:nth-of-type(5){background:linear-gradient(110deg,#f6f1f9,#fdf2f7);border-color:#e3d3e4}.result-equation{border-color:#dae2ee}.derive-step:not(:last-of-type):after{color:#c1cadd}.derivation-intro{color:#879eb8;border-color:#dce5f0}.calibration-aside{color:#b28ca8;border-color:#dcbcd2}.calibration-aside p{color:#a29aae}.render-flow{background:#fcfdff;border-color:#dce4f1}.flow-step h3{color:#768eae}.flow-step p{color:#94a3b9}.flow-step.emphasized{background:linear-gradient(120deg,#ecf7f8,#eef3fb);border-color:#c3dde5}.flow-step.emphasized math{color:#7e9fad}.flow-step:nth-of-type(3){border-color:#e3dbe9;background:#fcf6fa}.flow-formula{color:#849abd}.flow-arrow{color:#bbc8dd}#petals{opacity:.52}.footnote{color:#8f9bb0!important}
/* Parameter help stays outside formula overflow containers. */
.math-help-hint{font-size:11px;color:#8898b2;margin:0 0 18px}.math-term{cursor:help;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:#bcc8df;text-underline-offset:5px}.math-term:hover,.math-term.math-active,.math-term:focus-visible{color:#a46d90;background:#f5e8f1;border-radius:3px;outline:1px solid #d6bdd4;outline-offset:3px}.math-tooltip{position:fixed;z-index:100;width:300px;max-width:calc(100vw - 24px);padding:17px 20px;background:linear-gradient(125deg,#f5f9ff,#fff4fa);border:1px solid #cdd8e9;border-top:2px solid #c9a4bc;border-radius:8px;box-shadow:0 12px 35px #657a9825;color:#51617e;font-size:12px;line-height:1.9;pointer-events:auto}.math-tooltip[hidden]{display:none}.math-tooltip strong{font-size:13px;font-weight:600;color:#846a86}.math-tooltip p{margin:7px 0 0}.math-tooltip::selection{background:#e8d6e9}