@charset "UTF-8";
:root{color-scheme:light;--ink:#202b3c;--muted:#697586;--blue:#3163d7;--line:#e2e6ed;--paper:#f7f8fa;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,iframe:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#dbe7ff}h1,h2,h3,p{margin:0}svg{display:block;width:100%;height:100%}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:12px 20px;z-index:10;border:1px solid var(--blue);border-radius:6px}.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid var(--line);background:#fafbfc}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:650;letter-spacing:.02em;white-space:nowrap}.brand-mark{display:inline-flex;width:37px;height:37px;padding:4px;background:var(--blue);color:#fff;border-radius:10px}.personal-label{font-size:11px;letter-spacing:.04em;font-weight:400;color:var(--muted);border-left:1px solid #d7dde7;margin-left:6px;padding-left:16px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#566173}.site-header nav a{padding-block:10px;transition:color .15s}.site-header nav a:hover{color:var(--blue)}
.hero{padding-block:76px 78px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:90px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.12em;font-weight:600;color:#65748a}.hero-copy>.eyebrow{color:var(--blue);letter-spacing:.16em;margin-bottom:22px}.hero-copy>.eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--blue)}h1{font-size:clamp(38px,4.4vw,60px);line-height:1.32;font-weight:650;letter-spacing:-.035em}.hero-description{font-size:14px;line-height:1.95;color:var(--muted);margin-top:21px}.primary-link{display:inline-flex;align-items:center;gap:33px;background:var(--blue);color:white;border-radius:7px;font-size:13px;font-weight:550;padding:13px 19px;margin-top:27px;box-shadow:0 4px 10px #3163d712;transition:background .16s,transform .16s}.primary-link:hover{background:#254fb5;transform:translateY(-1px)}.primary-link>span{font-size:20px;line-height:1}
.study-note{position:relative;border:1px solid #dce3ef;background:linear-gradient(130deg,#f0f4fc,#fff 78%);border-radius:10px;padding:25px 30px 0;box-shadow:0 15px 40px #233d6205;max-width:445px;width:100%;justify-self:end;transform:rotate(1deg)}.study-note:before{content:"";position:absolute;inset:9px -8px -8px 8px;border:1px solid #e1e6ed;border-radius:10px;background:#fff;z-index:-1}.note-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6a7891;letter-spacing:.08em}.note-index{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.05em}.subject-tag{display:flex;align-items:center;gap:6px;margin-top:41px;font-size:11px;color:var(--blue)}.subject-tag>span{font-size:14px}.study-note h2{font-size:30px;letter-spacing:-.025em;font-weight:600;margin-top:12px}.study-note p{color:#748096;font-size:13px;line-height:1.9;margin-top:14px}.note-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dfe5ef;margin-top:38px;padding-block:17px;font-size:11px;color:#6c7890}.note-bottom>span:last-child{display:flex;gap:15px}
.experiment-section{padding-block:43px 38px;background:#eef1f6;border-block:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-heading h2{margin-top:10px;font-size:26px;font-weight:600;letter-spacing:-.03em}.text-link{display:inline-flex;align-items:center;gap:16px;white-space:nowrap;font-size:12px;color:#5d6e88;padding:6px 0}.text-link:hover{color:var(--blue)}.text-link>span{font-size:17px}.lab-frame{position:relative;overflow:hidden;border:1px solid #dce2eb;border-radius:10px;background:#fff;box-shadow:0 12px 32px #253b5e08}.lab-titlebar{height:45px;display:flex;align-items:center;justify-content:space-between;padding-inline:18px;background:#fafbfc;border-bottom:1px solid #e2e6ee;font-size:11px;color:#56647a}.lab-titlebar>div{display:flex;align-items:center;gap:17px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border:1px solid #ccd3df;border-radius:50%;background:#e2e7ef}.live-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#42746b}.live-label i{width:5px;height:5px;border-radius:50%;background:#5d9c88}iframe{display:block;border:0;width:100%;height:780px;background:#f5f7f9}.lab-loading{position:absolute;top:80px;left:0;right:0;display:flex;justify-content:center;gap:10px;align-items:center;color:#64748b;font-size:13px;pointer-events:none}.lab-loading[hidden]{display:none}.loading-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.experiment-hint{display:flex;align-items:start;justify-content:space-between;gap:20px;color:#728096;font-size:11px;line-height:1.8;margin-top:15px}.experiment-hint p:first-child{display:flex;gap:8px}.experiment-hint p:first-child>span{color:var(--blue);font-size:16px;line-height:1.2}.experiment-hint p:last-child{flex-shrink:0;color:#8590a1}.mobile-hint{display:none}.noscript-note{font-size:13px;line-height:1.8;margin-top:14px;color:#697586}
.notes-section{padding-block:76px 69px;display:grid;grid-template-columns:1fr 2fr;gap:40px 55px}.notes-intro h2{font-size:29px;font-weight:600;letter-spacing:-.03em;line-height:1.6;margin-top:15px}.notes-intro>p:last-child{font-size:13px;line-height:1.9;margin-top:16px;color:var(--muted)}.notes-list{list-style:none;margin:0;padding:0}.notes-list li{display:flex;align-items:start;gap:21px;padding:24px 0;border-bottom:1px solid var(--line)}.notes-list li:first-child{padding-top:0}.step-number{font-size:12px;line-height:2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#9ca8b7}.notes-list h3{font-size:16px;font-weight:600;line-height:1.6}.notes-list li p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:7px;max-width:480px}.note-keyword{display:inline-block;white-space:nowrap;font-size:10px;line-height:1.7;border-radius:4px;background:#e9edf3;color:#66748b;padding:3px 7px;margin-left:auto;margin-top:2px}.note-keyword.warm{background:#f6ece3;color:#9a6536}.note-keyword.cool{background:#e7eefb;color:#4d70b4}.model-note{grid-column:2;color:#8490a0;font-size:11px;line-height:1.8;margin-top:-22px}
.about-section{display:flex;gap:25px;align-items:center;border-top:1px solid var(--line);padding-block:42px 55px}.about-symbol{display:flex;justify-content:center;align-items:center;width:62px;height:68px;flex-shrink:0;border:1px solid #dce3ec;border-radius:7px;font-family:"Songti SC","STSong",serif;font-size:30px;color:#7a8ca5;background:#f0f3f8}.about-section .eyebrow{font-size:10px;letter-spacing:.1em}.about-section h2{font-size:19px;font-weight:600;letter-spacing:-.02em;margin-top:9px}.about-section p:last-child{font-size:12px;line-height:1.9;color:var(--muted);margin-top:11px}.back-top{margin-left:auto;display:flex;justify-content:center;align-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #d9e0eb;border-radius:50%;color:#7a8aa3;font-size:17px}.back-top:hover{background:#e9eef7;color:var(--blue)}.site-footer{background:#f0f2f6;border-top:1px solid var(--line);color:#697586}.footer-inner{min-height:73px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px}.footer-divider{color:#acb4c1;padding-inline:10px}.site-footer a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
@media(min-width:1600px){.hero{padding-block:90px}.container{width:min(1300px,calc(100% - 120px))}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{gap:45px;padding-block:62px}.hero h1{font-size:46px}.study-note{padding-inline:25px}.personal-label{display:none}.notes-section{gap:35px}.notes-list li{gap:15px}.note-keyword{display:none}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.header-inner{height:71px;gap:12px}.brand{font-size:18px;gap:8px}.brand-mark{width:32px;height:32px;border-radius:8px}.site-header nav{gap:19px;font-size:12px}.site-header nav a:last-child{display:none}.hero{padding-block:43px 48px;gap:36px;grid-template-columns:1fr}.hero-copy>.eyebrow{font-size:10px;margin-bottom:17px}.hero h1{font-size:43px}.hero-description{font-size:13px;margin-top:17px;line-height:1.95}.primary-link{margin-top:22px;font-size:12px;padding:12px 17px}.study-note{max-width:none;justify-self:stretch;padding:20px 23px 0;transform:none}.study-note:before{inset:6px -4px -5px 5px}.note-top{font-size:10px}.subject-tag{margin-top:24px}.study-note h2{font-size:26px}.study-note p{font-size:12px;margin-top:10px}.note-bottom{margin-top:23px;padding-block:14px}.experiment-section{padding-block:31px 28px}.section-heading{align-items:start;gap:12px;margin-bottom:18px}.section-heading .eyebrow{font-size:9px;letter-spacing:.09em}.section-heading h2{font-size:21px;line-height:1.6;margin-top:7px}.text-link{font-size:10px;gap:5px;margin-top:26px}.text-link>span{font-size:14px}.lab-titlebar{height:40px;padding-inline:11px;font-size:10px}.lab-titlebar>div{gap:10px}.window-dots{gap:4px}.window-dots i{width:5px;height:5px}.live-label{font-size:9px}iframe{height:800px}.experiment-hint{font-size:10px;gap:8px;margin-top:12px}.experiment-hint p:last-child{display:none}.mobile-hint{display:block;color:#7c899c;font-size:10px;margin:5px 0 0 22px;line-height:1.8}.notes-section{padding-block:42px 37px;grid-template-columns:1fr;gap:28px}.notes-intro h2{font-size:25px;line-height:1.5;margin-top:10px}.notes-intro h2 br{display:none}.notes-intro>p:last-child{margin-top:11px;font-size:12px}.notes-intro>p:last-child br{display:none}.notes-list li{padding-block:19px;gap:15px}.notes-list h3{font-size:15px}.notes-list li p{font-size:12px}.model-note{grid-column:1;margin-top:-8px;font-size:10px}.about-section{gap:17px;padding-block:31px 38px;align-items:start}.about-symbol{width:43px;height:49px;font-size:23px}.about-section h2{font-size:16px;line-height:1.6;margin-top:7px}.about-section p:last-child{font-size:11px;line-height:1.9;margin-top:8px}.about-section .eyebrow{font-size:9px}.back-top{display:none}.footer-inner{flex-direction:column;justify-content:center;gap:12px;padding-block:22px;font-size:10px}.desktop-break{display:none}}
@media(max-width:360px){.container{width:calc(100% - 28px)}.site-header nav{gap:12px;font-size:11px}.brand{font-size:16px}.hero h1{font-size:37px}.section-heading h2{font-size:18px}.text-link{font-size:9px}.lab-titlebar{font-size:9px}.window-dots{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}