@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#101114;--muted:#74777e;--line:#e7e7e9;--soft:#f5f5f7;--blue:#1878ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}.lang-en{display:none!important}html[data-lang=zh] .lang-zh,html[data-lang=en] .lang-en{display:contents!important}html[data-lang=zh] .lang-en,html[data-lang=en] .lang-zh{display:none!important}.nav{z-index:10;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;max-width:1180px;height:68px;margin:auto;padding:0 24px;display:flex;position:relative}.logo{align-items:center;gap:9px;display:flex}.logo span{color:#fff;background:#111216;border-radius:10px;place-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:grid}.logo b{letter-spacing:-.04em;font-size:16px}.nav-links{color:#55585e;gap:34px;font-size:12px;display:flex}.nav-links a:hover{color:#000}.nav-button{border:1px solid #dadade;border-radius:999px;padding:9px 15px;font-size:11px;font-weight:650}.nav-actions,.site-controls{align-items:center;gap:7px;display:flex}.site-controls button{border:1px solid var(--line);width:34px;height:30px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;font-size:10px;font-weight:750}.hero{grid-template-columns:1.05fr .95fr;align-items:center;max-width:1280px;min-height:790px;margin:auto;padding:92px 64px 60px;display:grid;overflow:hidden}.kicker{color:#767981;letter-spacing:.12em;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.kicker i{background:#36bd7b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #e2f7ed}.hero h1{letter-spacing:-.072em;margin:25px 0 26px;font-size:clamp(60px,7vw,92px);line-height:.98}.hero h1 span{color:#a3a6ac}.hero-intro{color:#686b72;letter-spacing:-.02em;max-width:570px;font-size:18px;line-height:1.75}.hero-link{color:#fff;background:#111216;border-radius:999px;align-items:center;gap:12px;margin-top:26px;padding:13px 19px;font-size:13px;font-weight:650;display:inline-flex;box-shadow:0 12px 28px #00000026}.hero-link span{color:#99c7ff;font-size:16px}.island-scene{place-items:center;min-height:520px;display:grid;position:relative}.halo{filter:blur(2px);border-radius:50%;position:absolute}.halo-one{background:radial-gradient(circle,#e8f3ff 0,#eff7ff99 45%,#0000 70%);width:480px;height:480px}.halo-two{border:1px solid #78adee2e;width:350px;height:350px;box-shadow:0 0 0 50px #e1f0ff2e,0 0 0 100px #e1f0ff1a}.island{filter:drop-shadow(0 40px 40px #37659129);width:330px;height:280px;animation:5s ease-in-out infinite float;position:relative;transform:rotate(-3deg)}.island-top{z-index:2;background:linear-gradient(145deg,#b8e69d,#65be7d 70%);border-radius:50%;width:330px;height:190px;position:absolute;transform:rotate(-4deg);box-shadow:inset -20px -18px 30px #18754726,inset 20px 16px 30px #ffffff47}.island-side{clip-path:polygon(0 0,100% 0,78% 100%,25% 90%);background:linear-gradient(135deg,#d0b994,#8f7655);border-radius:0 0 45% 45%;width:275px;height:150px;position:absolute;top:86px;left:26px}.studio{color:#17181b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border-radius:24px 24px 18px 18px;place-items:center;width:88px;height:70px;font-size:34px;font-weight:800;display:grid;position:absolute;top:49px;left:118px;box-shadow:0 14px 25px #305a3d29}.tree{background:#268b5a;border-radius:50% 50% 45% 45%;width:22px;height:45px;position:absolute;box-shadow:inset -6px -5px #00000017}.tree:after{content:"";background:#6e563a;width:4px;height:15px;position:absolute;bottom:-7px;left:9px}.t1{top:54px;left:57px;transform:rotate(-8deg)}.t2{top:72px;right:55px;transform:scale(.8)}.t3{top:26px;right:82px;transform:scale(.65)}.floating-tag{color:#73767d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffffe6;border-radius:999px;padding:9px 13px;font-size:10px;position:absolute;box-shadow:0 16px 35px #355a801f}.tag-one{top:24%;left:3%}.tag-two{bottom:24%;right:0}@keyframes float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-12px)rotate(-2deg)}}.manifesto{text-align:center;color:#fff;background:#101114;padding:140px 24px}.manifesto>p{color:#797d85;letter-spacing:.08em;font-size:12px}.manifesto h2{letter-spacing:-.06em;margin:26px auto 52px;font-size:clamp(44px,6vw,72px);line-height:1.08}.principles{justify-content:center;gap:9px;display:flex}.principles span{color:#9b9ea5;border:1px solid #33353a;border-radius:999px;padding:9px 14px;font-size:11px}.projects{max-width:1180px;margin:auto;padding:135px 24px}.section-head{justify-content:space-between;align-items:flex-end;margin-bottom:55px;display:flex}.section-head span,.about-copy>span{color:#8a8d94;letter-spacing:.11em;font-size:11px;font-weight:700}.section-head h2{letter-spacing:-.06em;margin:14px 0 0;font-size:clamp(44px,5vw,64px)}.section-head>p{color:#8a8d93;text-align:right;font-size:12px;line-height:1.7}.project-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.project-card{border-radius:29px;flex-direction:column;min-height:550px;padding:30px;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.project-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #00000017}.project-top{color:#0000006b;justify-content:space-between;font-size:11px;display:flex}.project-top i{color:#222;background:#ffffffa6;border-radius:50%;place-items:center;width:31px;height:31px;font-size:15px;font-style:normal;display:grid}.project-visual{place-items:center;height:260px;display:grid;position:relative}.blue{background:linear-gradient(145deg,#f1f7ff,#dcecff)}.orange{background:linear-gradient(145deg,#fff7ef,#ffe5cd)}.violet{background:linear-gradient(145deg,#f3f1ff,#e2e7ff)}.cyan{background:linear-gradient(145deg,#eefbff,#d9f5ff)}.green{background:linear-gradient(145deg,#effbf6,#d8f4e8)}.pink{background:linear-gradient(145deg,#faf2ff,#eadfff)}.future{background:#f4f4f6}.mini-file{color:#7e828a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-radius:20px;width:145px;height:96px;padding:27px 18px;font-size:15px;font-weight:700;position:absolute;box-shadow:0 22px 40px #2b64a521}.mini-file.back{top:64px;left:21%;transform:rotate(-8deg)}.mini-file.front{color:#1878ff;top:96px;right:21%;transform:rotate(7deg)}.project-visual>b{z-index:3;color:#1878ff;background:#fff;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 12px 30px #2661a32e}.message{color:#8c5d37;background:#ffffffd1;border-radius:18px 18px 18px 5px;padding:13px 20px;font-size:13px;font-weight:650;position:absolute;box-shadow:0 16px 32px #90521b1f}.message.one{top:68px;left:21%}.message.two{border-radius:18px 18px 5px;top:138px;right:19%}.bridge{z-index:3;color:#fff;background:#e87d2d;border-radius:20px;place-items:center;width:62px;height:62px;font-size:17px;font-weight:800;display:grid;box-shadow:0 17px 35px #d1681940}.pdf-page{color:#6f72a0;background:#ffffffdb;border-radius:13px;width:118px;height:155px;padding:20px 14px;font-size:11px;font-weight:750;position:absolute;box-shadow:0 20px 40px #4c4e8c24}.pdf-page.p1{left:22%;transform:rotate(-10deg)}.pdf-page.p2{top:72px;left:40%;transform:rotate(-2deg)}.pdf-page.p3{top:92px;right:22%;transform:rotate(9deg)}.violet .project-visual>b{color:#fff;background:#706cff}.text-lines{background:repeating-linear-gradient(#5cb7d8 0 3px,#0000 3px 14px),#ffffffb8;border-radius:20px;width:155px;height:115px;position:absolute;box-shadow:0 20px 40px #2c8eaf24}.text-lines.scattered{left:18%;transform:rotate(-10deg)}.text-lines.tidy{right:18%;transform:rotate(5deg)}.cyan .project-visual>b{color:#1498c7}.data-grid{background:linear-gradient(90deg,#0000 31%,#159c7038 32% 34%,#0000 35% 65%,#159c7038 66% 68%,#0000 69%),linear-gradient(#0000 31%,#159c7038 32% 34%,#0000 35% 65%,#159c7038 66% 68%,#0000 69%),#ffffffb3;border-radius:18px;width:145px;height:130px;position:absolute;left:18%}.data-stack{background:#57c49a;border-radius:12px;width:130px;height:38px;position:absolute;right:18%;box-shadow:0 -48px #57c49a8c,0 48px #57c49a4d}.green .project-visual>b{color:#169a70}.qr-mark{background:repeating-conic-gradient(#1d1d22 0 8%,transparent 8% 16%);border:22px solid #7c63ff;border-radius:28px;width:155px;height:155px;box-shadow:0 22px 44px #5e42d22e}.pink .project-visual>b{color:#7557ef}.project-card>p{color:#0000006e;margin:5px 0 9px;font-size:11px}.project-card h3{letter-spacing:-.055em;margin:0;font-size:42px}.project-bottom{justify-content:space-between;align-items:flex-end;gap:30px;margin-top:auto;display:flex}.project-bottom>span{color:#686b72;max-width:330px;font-size:13px;line-height:1.7}.project-bottom>b{white-space:nowrap;font-size:11px}.future-orbit{place-items:center;height:260px;display:grid;position:relative}.future-orbit:before{content:"";border:1px solid #d1d2d5;border-radius:50%;width:115px;height:115px;box-shadow:0 0 0 35px #ffffff59,0 0 0 70px #ffffff38}.future-orbit i{background:#a9abb0;border-radius:50%;width:9px;height:9px;position:absolute}.future-orbit i:first-child{top:34%;left:28%}.future-orbit i:nth-child(2){bottom:29%;right:31%}.future-orbit i:nth-child(3){width:5px;height:5px;top:25%;right:27%}.about{background:#f5f5f7;grid-template-columns:170px 1fr 250px;align-items:start;gap:55px;padding:130px max(24px,50vw - 566px);display:grid}.about-mark{color:#fff;background:#111216;border-radius:45px;place-items:center;width:150px;height:150px;font-size:70px;font-weight:800;display:grid;box-shadow:0 20px 45px #00000029}.about-copy h2{letter-spacing:-.055em;max-width:690px;margin:16px 0 25px;font-size:clamp(36px,4.5vw,57px);line-height:1.12}.about-copy p{color:#74777e;max-width:650px;font-size:15px;line-height:1.85}.about-stats{border-left:1px solid #d9dade;padding-left:35px}.about-stats div{margin-bottom:39px}.about-stats strong,.about-stats span{display:block}.about-stats strong{letter-spacing:-.05em;font-size:42px}.about-stats span{color:#8a8d93;margin-top:5px;font-size:10px}.closing{text-align:center;background:radial-gradient(circle at 50% 70%,#e6f2ff,#0000 48%);flex-direction:column;justify-content:center;align-items:center;min-height:580px;padding:120px 24px;display:flex}.closing p{color:#92959b;letter-spacing:.13em;font-size:10px}.closing h2{letter-spacing:-.065em;margin:23px 0 35px;font-size:clamp(46px,6vw,76px);line-height:1.08}.closing h2 span{color:#a2a5ab}.closing>a{color:#fff;background:#111216;border-radius:999px;padding:13px 19px;font-size:12px;font-weight:650}footer{border-top:1px solid var(--line);color:#8b8e94;align-items:center;gap:30px;max-width:1132px;min-height:150px;margin:auto;font-size:10px;display:flex}footer p{flex:1}@media (max-width:800px){.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:820px;padding:75px 20px}.hero h1{font-size:58px}.hero-intro{font-size:16px}.island-scene{min-height:430px;margin:-20px -50px;transform:scale(.82)}.principles{flex-wrap:wrap}.projects{padding:90px 18px}.section-head{align-items:flex-start}.section-head>p{display:none}.project-grid{grid-template-columns:1fr}.project-card{min-height:520px}.about{grid-template-columns:1fr;padding:90px 22px}.about-mark{border-radius:28px;width:90px;height:90px;font-size:40px}.about-stats{border-top:1px solid #d9dade;border-left:0;gap:70px;padding:30px 0 0;display:flex}.closing{min-height:520px}footer{flex-wrap:wrap;margin:0 18px;padding:35px 0}footer p{flex-basis:100%;order:3}}html[data-theme=dark]{--ink:#f5f5f7;--muted:#9b9ea5;--line:#303136;--soft:#1b1c20;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] body{color:var(--ink);background:#0d0e11}html[data-theme=dark] .nav{border-color:#27282d}html[data-theme=dark] .logo span,html[data-theme=dark] .hero-link,html[data-theme=dark] .closing>a{color:#111216;background:#f5f5f7}html[data-theme=dark] .nav-links,html[data-theme=dark] .hero-intro,html[data-theme=dark] .section-head>p,html[data-theme=dark] .project-bottom>span,html[data-theme=dark] .about-copy p{color:#a4a7ad}html[data-theme=dark] .nav-button{border-color:#3a3b41}html[data-theme=dark] .hero{background:radial-gradient(circle at 72% 52%,#13253a 0,#0000 42%)}html[data-theme=dark] .manifesto{background:#050608}html[data-theme=dark] .projects{background:#0d0e11}html[data-theme=dark] .blue{background:linear-gradient(145deg,#12243b,#162c47)}html[data-theme=dark] .orange{background:linear-gradient(145deg,#312116,#4a2a17)}html[data-theme=dark] .violet{background:linear-gradient(145deg,#211f3c,#2b3154)}html[data-theme=dark] .future{background:#191a1e}html[data-theme=dark] .cyan{background:linear-gradient(145deg,#10272e,#143844)}html[data-theme=dark] .green{background:linear-gradient(145deg,#10271f,#153a2c)}html[data-theme=dark] .pink{background:linear-gradient(145deg,#251b35,#35254c)}html[data-theme=dark] .project-top,html[data-theme=dark] .project-card>p{color:#ffffff7a}html[data-theme=dark] .project-top i{color:#fff;background:#ffffff1f}html[data-theme=dark] .about{background:#17181c}html[data-theme=dark] .about-mark{color:#111216;background:#f5f5f7}html[data-theme=dark] .about-stats{border-color:#33343a}html[data-theme=dark] .closing{background:radial-gradient(circle at 50% 70%,#122944,#0000 48%)}html[data-theme=dark] footer{border-color:#2d2e33}