@charset "UTF-8";
:root{--bg:#f5f7fb;--surface:#fff;--ink:#25334a;--muted:#626c80;--accent:#5264cf;--accent-hover:#4356c0;--line:#e1e6ee;--lavender:#eeeefa;--pill:#edf0f6;--serif:Georgia,"Times New Roman",serif;--font:"Avenir Next",Avenir,"PingFang SC","Microsoft YaHei",sans-serif;color-scheme:light}
:root[data-theme="dark"]{--bg:#171e2c;--surface:#222c3e;--ink:#edf1fc;--muted:#a9b5cb;--accent:#a7b3ff;--accent-hover:#c2caff;--line:#344057;--lavender:#292c47;--pill:#293247;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}button{color:inherit}::selection{background:#d8ddfc;color:#25334a}p,h1,h2,h3{margin:0}svg{display:block}.svg-symbols{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.page-shell{max-width:1240px;margin:auto;padding:0 64px}.skip-link{position:absolute;top:-100px;left:20px;z-index:50;background:var(--ink);color:var(--bg);padding:12px 20px}.skip-link:focus{top:10px}.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-size:30px;font-weight:750;letter-spacing:-1.8px;line-height:1}.wordmark-dot{color:var(--accent)}.main-nav{display:flex;gap:38px;margin-left:auto;margin-right:24px}.main-nav a{font-size:13px;color:var(--muted);padding:12px 0;transition:color .2s}.main-nav a:hover{color:var(--accent)}.icon-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:transparent;transition:background .2s}.icon-button:hover{background:var(--pill)}.hero{display:grid;grid-template-columns:1.14fr 1fr;gap:65px;align-items:center;padding:46px 0 67px;min-height:650px}.hero-copy{padding-bottom:8px}.welcome{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;letter-spacing:.3px;margin-bottom:24px}.status-dot{height:7px;width:7px;background:#729276;border-radius:50%;box-shadow:0 0 0 4px #72927612}.greeting{font-size:35px;display:block;line-height:1.3;font-weight:550;letter-spacing:1px}.name{font-size:clamp(90px,10.6vw,146px);font-weight:650;line-height:1.06;letter-spacing:-8px;position:relative;display:inline-block}.name-dot{color:var(--accent)}.hello-spark{width:49px;height:58px;position:absolute;right:-49px;top:4px;fill:none;stroke:#e6b95b;stroke-width:5;stroke-linecap:round}.hero-intro{font-size:23px;font-weight:550;line-height:1.65;letter-spacing:.7px;margin-top:23px}.hero-description{color:var(--muted);font-size:13px;line-height:1.9;margin-top:14px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:8px;font-size:13px;font-weight:550;min-height:48px;padding:0 22px;transition:background .2s,transform .2s}.button-primary{background:var(--accent);color:white}.button-primary:hover{background:var(--accent-hover);transform:translateY(-2px)}:root[data-theme="dark"] .button-primary{color:#18213b}.text-link{font-size:13px;display:flex;gap:9px;align-items:center;min-height:44px}.text-link .icon{width:15px;height:15px}.text-link:hover{color:var(--accent)}.hero-note{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:11px;color:var(--muted);letter-spacing:.4px}.hand-drawn-arrow{font-family:var(--serif);font-size:24px;color:#8995aa;line-height:1}.hero-visual{position:relative;margin:6px 3px 0 0;transform:rotate(2deg)}.picture-frame{background:var(--surface);padding:12px 12px 0;border-radius:17px;box-shadow:0 15px 35px #3346640b,0 2px 5px #33466405;border:1px solid #ffffff66;overflow:hidden}.picture-frame img{display:block;width:100%;height:auto;aspect-ratio:800/900;object-fit:cover;border-radius:10px}.picture-caption{height:45px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:.1px;padding:0 5px}.picture-caption>span:last-child{font-size:21px;color:var(--accent)}.hello-sticker{position:absolute;width:84px;top:-22px;right:-27px;transform:rotate(13deg);filter:drop-shadow(0 4px 3px #5d583212)}.hello-sticker svg circle{fill:#f5d988;stroke:var(--bg);stroke-width:5px}.hello-sticker svg path{stroke:#554b36;fill:none;stroke-width:3.5;stroke-linecap:round}.code-sticker{position:absolute;left:-30px;bottom:76px;display:flex;align-items:center;gap:11px;background:#fff;padding:15px 16px;border:1px solid #edf0f6;border-radius:9px;font-size:12px;font-weight:500;color:#46536b;box-shadow:0 7px 20px #25334a0a;transform:rotate(-7deg)}.code-prompt{font-family:monospace;color:#6d78cf;font-size:19px}.sticker-dot{width:6px;height:6px;background:#99ae8b;border-radius:50%;margin-left:7px}.visual-note{position:absolute;font-family:var(--serif);font-style:italic;color:var(--muted);font-size:18px;bottom:-37px;right:17px;transform:rotate(-8deg)}.intro-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;color:var(--muted);font-size:12px}.intro-strip>span{display:flex;align-items:center;gap:10px}.intro-strip .icon{color:var(--accent);width:17px;height:17px}.strip-note{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--muted)}.section{padding:100px 0}.about-section{display:grid;grid-template-columns:.95fr 1.2fr;gap:90px}.section-kicker{color:var(--accent);font-size:12px;font-weight:600;margin-bottom:22px}.section h2{font-size:34px;font-weight:550;line-height:1.6;letter-spacing:.5px}.about-body{padding-top:9px}.about-body p{font-size:13px;color:var(--muted);line-height:2.05;margin-bottom:17px}.about-body p.about-lead{font-size:19px;font-weight:500;line-height:1.85;color:var(--ink);margin-bottom:18px}.about-signoff{display:flex;align-items:center;gap:23px;margin-top:23px}.signature{font-family:var(--serif);font-size:31px;font-style:italic;transform:rotate(-8deg)}.about-signoff>span:last-child{font-size:11px;color:var(--muted)}.process-section{padding-bottom:92px;border-bottom:1px solid var(--line)}.compact-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.compact-heading h2{font-size:21px;font-weight:550;letter-spacing:.2px}.compact-heading p{font-size:12px;color:var(--muted)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.process-item h3{font-size:16px;font-weight:600;margin:21px 0 10px}.process-item p{font-size:12px;color:var(--muted);line-height:1.95}.process-art{height:180px;border-radius:13px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.idea-art{background:#eeedf8}.idea-art .idea-circle{position:absolute;background:#dedcf2;width:123px;height:123px;border-radius:50%;top:41px;left:calc(50% - 45px)}.idea-art svg{height:100px;width:100px;position:relative;fill:#fcf6db;stroke:#847ca6;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-13deg)}.code-art{background:#e6edf4}.mini-window{width:149px;background:#f9fbff;box-shadow:7px 9px 0 #d1dbea;border:1px solid #bbc9dd;border-radius:7px;transform:rotate(-6deg);overflow:hidden}.window-dots{height:23px;border-bottom:1px solid #dbe2ee;display:flex;align-items:center;gap:4px;padding-left:9px}.window-dots i{width:4px;height:4px;background:#b5c2d7;border-radius:50%}.mini-window>span{display:block;text-align:center;padding:8px 0 3px;font-size:25px;color:#6d82a6}.mini-window b{color:#8799d7;font-weight:400}.code-lines{padding:0 20px 14px;display:flex;flex-direction:column;gap:4px}.code-lines i{height:3px;background:#d6dfea;width:80%}.code-lines i:nth-child(2){width:55%;background:#c5cbea}.code-lines i:nth-child(3){width:67%}.launch-art{background:#eaf0e6}.launch-orbit{position:absolute;width:155px;height:105px;border:1px solid #bdceaf;border-radius:50%;transform:rotate(-32deg)}.launch-art svg{height:102px;width:102px;position:relative;fill:#f6f8f1;stroke:#768d70;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;transform:rotate(8deg)}:root[data-theme="dark"] .process-art{filter:brightness(.8)}.playground-section{display:grid;grid-template-columns:.95fr 1.2fr;gap:90px;align-items:center}.playground-intro>p:not(.section-kicker){font-size:13px;line-height:1.95;color:var(--muted);margin-top:16px}.playground-doodle{display:flex;align-items:center;gap:10px;margin-top:23px;padding-left:15px}.playground-doodle svg{width:92px;height:50px;stroke:#a4abc6;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.playground-doodle span{font-size:15px;font-style:italic;font-family:var(--serif);color:var(--muted);transform:rotate(-7deg)}.idea-playground{background:var(--lavender);border:1px solid var(--line);border-radius:18px;min-height:325px;padding:27px 30px}.idea-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.idea-meta>span:first-child{display:flex;align-items:center;gap:7px}.idea-meta .icon{width:17px;height:17px;color:var(--accent)}.idea-content{padding-top:34px;min-height:202px}.idea-category{font-size:10px;display:inline-block;padding:5px 9px;background:var(--surface);border-radius:5px;color:var(--muted)}.idea-content h3{font-size:26px;font-weight:550;margin:13px 0 11px;letter-spacing:.3px}.idea-content p{color:var(--muted);font-size:12px;line-height:1.9;max-width:330px}.idea-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:15px}.idea-hint{font-size:10px;color:var(--muted)}.button-idea{background:var(--surface);padding:0 15px;min-height:41px;font-size:11px;gap:8px;border:1px solid var(--line)}.button-idea .icon{width:15px;height:15px}.button-idea:hover{background:var(--bg)}.idea-content.changing{animation:ideaIn .26s ease-out}@keyframes ideaIn{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.contact-section{text-align:center;padding:65px 20px 58px;border-top:1px solid var(--line)}.contact-spark{font-size:38px;color:#8c9bdc;display:block;line-height:1;margin-bottom:23px}.contact-heading>p:first-of-type{font-size:12px;color:var(--muted);margin-bottom:15px}.contact-heading h2{font-size:36px;letter-spacing:1px;font-weight:550}.contact-description{font-size:12px;color:var(--muted);margin-top:17px;line-height:1.8}.contact-actions{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:25px}.email-link{display:flex;align-items:center;gap:15px;color:var(--accent);font-size:20px;letter-spacing:.1px;min-height:44px}.email-link:hover{text-decoration:underline;text-underline-offset:5px}.email-link .icon{width:20px;height:20px}.copy-button{width:34px;height:34px;border-color:var(--line)}.copy-button .icon{width:15px;height:15px}.copy-status{font-size:11px;color:var(--muted);height:20px;margin-top:12px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:30px 0 35px}.site-footer .wordmark{font-size:25px}.site-footer p,.back-top{font-size:10px;color:var(--muted)}.footer-divider{margin:0 8px;color:#b5bdcc}.back-top{display:flex;align-items:center;gap:12px;min-height:40px}.back-top span{font-size:18px}.back-top:hover{color:var(--accent)}
@media(min-width:1500px){.page-shell{max-width:1360px;padding:0 75px}.hero{gap:100px;padding:55px 0 85px}.hero-visual{max-width:465px;justify-self:end}.name{font-size:156px}.hero-intro{font-size:25px}.hero-description{font-size:14px}.about-section,.playground-section{gap:120px}.process-art{height:200px}}
@media(max-width:1000px){.page-shell{padding:0 38px}.hero{gap:44px;min-height:590px}.name{font-size:112px;letter-spacing:-7px}.greeting{font-size:30px}.hello-spark{right:-33px;width:37px}.hero-intro{font-size:20px}.hero-description{font-size:12px}.hero-visual{margin-right:9px}.code-sticker{font-size:10px;gap:7px;padding:12px;left:-18px}.hello-sticker{width:71px;right:-23px}.section{padding:80px 0}.about-section,.playground-section{gap:45px;grid-template-columns:1fr 1.2fr}.section h2{font-size:28px}.process-grid{gap:20px}.process-art{height:155px}.process-item p br{display:none}.idea-playground{padding:23px}.idea-hint{display:none}.idea-bottom{justify-content:flex-end}.strip-note{font-size:12px}}
@media(max-width:740px){html{scroll-padding-top:20px}.page-shell{padding:0 24px}.site-header{height:84px;gap:16px}.wordmark{font-size:27px}.main-nav{gap:20px;margin-right:0}.main-nav a{font-size:12px}.theme-toggle{width:35px;height:35px}.theme-toggle .icon{width:17px;height:17px}.hero{grid-template-columns:1fr;gap:41px;padding:35px 0 66px}.hero-copy{padding:0 5px}.welcome{font-size:11px;margin-bottom:22px}.greeting{font-size:32px}.name{font-size:clamp(92px,29vw,122px);letter-spacing:-6px}.hello-spark{right:-3px;width:38px;top:-29px}.hero-intro{font-size:23px;margin-top:17px;line-height:1.65}.hero-description{font-size:13px}.hero-actions{margin-top:24px;gap:30px}.hero-note{margin-top:18px}.hero-visual{width:calc(100% - 24px);max-width:430px;justify-self:center;margin:8px 0 0;transform:rotate(1.8deg)}.picture-frame{padding:10px 10px 0;border-radius:14px}.picture-frame img{aspect-ratio:1.1;object-position:center 52%;border-radius:8px}.picture-caption{height:39px;font-size:9px}.code-sticker{bottom:60px;left:-18px;padding:12px 14px;font-size:11px}.hello-sticker{right:-8px;top:-20px;width:72px}.visual-note{font-size:16px;bottom:-32px}.intro-strip{padding:19px 0;gap:8px;font-size:10px;flex-wrap:wrap;justify-content:space-around}.intro-strip .icon{width:14px;height:14px}.intro-strip .strip-note{display:none}.section{padding:61px 0}.about-section{grid-template-columns:1fr;gap:24px}.section-kicker{font-size:11px;margin-bottom:14px}.section h2{font-size:29px;line-height:1.55}.about-body{padding:0}.about-body p.about-lead{font-size:18px}.desktop-break{display:none}.about-body p{font-size:13px;line-height:2}.about-signoff{margin-top:22px}.compact-heading{display:block;margin-bottom:24px}.compact-heading h2{font-size:20px}.compact-heading p{margin-top:10px;font-size:11px}.process-section{padding-bottom:57px}.process-grid{grid-template-columns:1fr;gap:27px}.process-item{display:grid;grid-template-columns:114px 1fr;column-gap:20px;align-items:start}.process-art{grid-row:1/3;height:119px;border-radius:12px}.process-item h3{font-size:15px;margin:16px 0 9px}.process-item p{font-size:11px;line-height:1.9}.idea-art svg{width:66px;height:66px}.idea-art .idea-circle{width:75px;height:75px;top:28px;left:40px}.mini-window{width:83px;box-shadow:4px 5px 0 #d1dbea}.window-dots{height:16px;gap:3px;padding-left:6px}.window-dots i{width:3px;height:3px}.mini-window>span{font-size:18px;padding:5px 0 2px}.code-lines{padding:0 12px 10px;gap:3px}.code-lines i{height:2px}.launch-art svg{height:66px;width:66px}.launch-orbit{width:100px;height:65px}.playground-section{grid-template-columns:1fr;gap:26px}.playground-intro{position:relative}.playground-intro>p:not(.section-kicker){font-size:12px}.playground-doodle{position:absolute;right:0;bottom:5px;flex-direction:column;gap:0;margin:0;padding:0}.playground-doodle svg{width:75px;transform:rotate(35deg)}.playground-doodle span{font-size:12px}.idea-playground{padding:24px;min-height:308px}.idea-content{padding-top:27px;min-height:188px}.idea-content h3{font-size:25px}.idea-bottom{justify-content:space-between}.idea-hint{display:block;font-size:9px}.button-idea{font-size:10px;gap:6px;padding:0 12px}.contact-section{padding:48px 0 35px}.contact-heading h2{font-size:27px;letter-spacing:0}.contact-description{font-size:11px}.email-link{font-size:16px;gap:7px}.email-link .icon{width:16px}.contact-actions{gap:10px;margin-top:21px}.site-footer{flex-wrap:wrap;gap:12px;padding:23px 0}.site-footer .wordmark{font-size:24px}.site-footer p{order:3;width:100%;font-size:9px}.back-top{font-size:10px}.copy-status{font-size:10px}}
@media(max-width:370px){.page-shell{padding:0 18px}.main-nav{gap:13px}.main-nav a{font-size:11px}.site-header{gap:12px}.name{font-size:92px;letter-spacing:-5px}.hello-spark{width:32px;right:0;top:-25px}.hero-intro{font-size:21px}.process-item{grid-template-columns:98px 1fr;gap:0 16px}.process-art{height:110px}.process-item h3{margin-top:8px}.idea-playground{padding:20px}.idea-hint{display:none}.idea-bottom{justify-content:flex-end}.email-link{font-size:14px}.contact-heading h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}