:root{--ink:#101114;--paper:#f6f6f3;--blue:#265dff;--pink:#fa7cb5;--lime:#d4ff36;--line:#d8d8d2;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:"Noto Sans SC",sans-serif;margin:0;overflow-x:hidden}#field{height:100%;left:0;opacity:.5;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}.grain{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");inset:0;opacity:.05;pointer-events:none;position:fixed;z-index:8}.nav{align-items:center;background:#f6f6f3cc;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;height:73px;justify-content:space-between;padding:0 4.3vw;position:fixed;top:0;width:100%;z-index:7}.brand{color:var(--ink);font-family:"Space Grotesk";font-size:25px;font-weight:700;letter-spacing:-2px;text-decoration:none}.brand span{color:var(--blue)}.nav-status{align-items:center;color:#777;font-family:var(--mono);font-size:9px;display:flex;gap:7px;letter-spacing:.4px}.nav-status i{animation:blink 1.6s infinite;background:#40bd73;border-radius:50%;height:6px;width:6px}.nav nav{display:flex;gap:23px}.nav nav a{color:var(--ink);font-size:12px;text-decoration:none}.nav nav a:last-child{background:var(--ink);border-radius:30px;color:#fff;padding:8px 13px}.section{padding-left:8.4vw;padding-right:8.4vw}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:100svh;padding-top:73px;position:relative}.hero-copy{align-self:center;padding:8vh 0}.eyebrow{color:#696a6c;font-family:var(--mono);font-size:10px;letter-spacing:.5px;margin:0 0 25px}.hero h1,.manifesto h2,.section-title h2,.proof h2,.contact h2{font-size:clamp(51px,6vw,103px);font-weight:800;letter-spacing:-.085em;line-height:.9;margin:0}.hero h1 span,.manifesto h2 span,.section-title h2 span,.proof h2 span,.contact h2 span{color:var(--blue)}.hero-intro{font-size:16px;line-height:1.7;margin:35px 0;max-width:400px}.hero-actions{align-items:center;display:flex;gap:25px}.primary{background:var(--blue);border-radius:99px;color:white;font-size:13px;padding:15px 19px;text-decoration:none}.primary b{font-size:18px;margin-left:18px}.text-link,.line-link{color:var(--ink);font-size:13px;text-decoration:none}.text-link b,.line-link b{color:var(--blue);margin-left:8px}.hero-art{background:#e5e9ff;min-height:590px;overflow:hidden;position:relative}.glow{animation:pulse 6s ease-in-out infinite;background:radial-gradient(circle,#fff 0,#b3c5ff 31%,#6c7fff00 68%);border-radius:50%;height:500px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px}.orbit{border:1px solid #6c79cf88;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.orbit-a{animation:spin 20s linear infinite;height:390px;width:390px}.orbit-b{animation:spin-reverse 13s linear infinite;border-color:#fa7cb5;clip-path:polygon(0 0,100% 0,100% 47%,0 54%);height:570px;width:230px}.orbit-c{animation:spin 17s linear infinite;border-color:#fff;height:250px;width:540px}.portrait-card{background:#fff;border:1px solid #ddd;bottom:15%;box-shadow:10px 10px 0 var(--ink);left:14%;overflow:hidden;padding:8px;position:absolute;transform:rotate(-6deg);width:154px;z-index:2}.portrait-card img{display:block;filter:none;width:100%}.portrait-card span{display:block;font-family:var(--mono);font-size:8px;line-height:1.45;margin-top:8px}.float-card{backdrop-filter:blur(7px);border:1px solid #ffffffa0;box-shadow:0 14px 25px #5261ab33;color:#fff;display:grid;gap:9px;padding:13px;position:absolute;z-index:3}.float-card span{font-family:var(--mono);font-size:8px}.float-card b{font-size:13px;line-height:1.4}.card-one{animation:drift 5s ease-in-out infinite;background:#101114dc;right:9%;top:15%;transform:rotate(7deg)}.card-two{animation:drift 6.2s ease-in-out infinite reverse;background:#265dffdd;bottom:18%;right:14%;transform:rotate(-4deg)}.card-three{animation:drift 5.7s ease-in-out infinite 1s;background:#ff6e60dd;bottom:8%;left:5%;transform:rotate(5deg)}.hero-number{bottom:-17px;color:#fff;filter:blur(.2px);font-family:"Space Grotesk";font-size:155px;font-weight:700;letter-spacing:-14px;position:absolute;right:3%;z-index:1}.hero-footer{align-items:center;bottom:25px;display:flex;font-family:var(--mono);font-size:9px;gap:13px;left:0;letter-spacing:.5px;position:absolute}.hero-footer i{background:var(--blue);height:1px;width:62px}.ticker{background:var(--ink);color:#fff;font-family:"Space Grotesk";font-size:16px;font-weight:700;letter-spacing:-.5px;overflow:hidden;padding:17px 0;white-space:nowrap}.ticker div{animation:marquee 22s linear infinite;display:inline-block}.ticker b{color:var(--lime);margin:0 12px}.manifesto{padding-bottom:125px;padding-top:145px}.manifesto-grid{display:grid;gap:10vw;grid-template-columns:1.1fr 1fr}.manifesto h2{font-size:clamp(45px,5.1vw,85px)}.manifesto-text{font-size:16px;line-height:1.8;max-width:480px}.manifesto-text p{margin:0 0 22px}.line-link{border-bottom:1px solid var(--ink);display:inline-block;margin-top:20px;padding-bottom:7px}.principles{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);margin-top:110px}.principles article{border-right:1px solid var(--line);padding:23px 35px 15px 0}.principles article+article{padding-left:35px}.principles article:last-child{border:0}.principles b,.project-index{color:var(--blue);font-family:var(--mono);font-size:10px}.principles h3{font-size:19px;letter-spacing:-1px;margin:47px 0 10px}.principles p{font-size:13px;line-height:1.6;margin:0;max-width:240px}.work{background:#101114;color:#fff;padding-bottom:110px;padding-top:115px}.section-title h2{font-size:clamp(45px,5.5vw,85px)}.section-title h2 span{color:var(--lime)}.work .eyebrow{color:#aaa}.project-list{margin-top:80px}.project{color:var(--ink);display:grid;grid-template-columns:70px 1.2fr .8fr 100px;min-height:315px;padding:25px;position:relative}.project-blue{background:#c7d2ff}.project-lime{background:var(--lime);margin-top:14px}.project-pink{background:#ffc4df;margin-top:14px}.project-apricot{background:#ffddc0;margin-top:14px}.project-main>p:first-child{font-family:var(--mono);font-size:10px;margin:0 0 23px}.project h3{font-size:31px;letter-spacing:-2px;line-height:1.1;margin:0}.project-desc{font-size:13px;line-height:1.65;max-width:420px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.chips span{border:1px solid #52545b;border-radius:20px;font-family:var(--mono);font-size:9px;padding:5px 8px}.metric{border-top:1px solid #7a8f20;margin-top:31px;padding-top:11px}.metric b{font-family:"Space Grotesk";font-size:42px;letter-spacing:-3px}.metric span{font-size:11px;margin-left:12px}.project-visual{align-self:center;height:195px;justify-self:center;overflow:hidden;position:relative;width:225px}.visual-grid{background:#132048;background-image:linear-gradient(#ffffff1c 1px,transparent 1px),linear-gradient(90deg,#ffffff1c 1px,transparent 1px);background-size:24px 24px}.visual-grid i{animation:grid-pulse 3s infinite;background:var(--lime);height:24px;position:absolute;width:24px}.visual-grid i:nth-child(1){left:48px;top:48px}.visual-grid i:nth-child(2){animation-delay:.6s;right:48px;top:96px}.visual-grid i:nth-child(3){animation-delay:1.2s;bottom:24px;left:96px}.visual-grid i:nth-child(4){animation-delay:1.8s;right:72px;top:24px}.visual-grid b{bottom:17px;color:#fff;font-family:"Space Grotesk";font-size:30px;left:17px;letter-spacing:-2px;line-height:.75;position:absolute}.visual-chat{background:#f7f6f0;display:flex;flex-direction:column;gap:8px;padding:22px}.visual-chat div{animation:chat-in .5s both;background:#e5e7e4;border-radius:8px;font-size:9px;padding:9px;width:75%}.visual-chat div:nth-child(2){animation-delay:.5s;align-self:flex-end;background:var(--ink);color:#fff;width:66%}.visual-chat div:nth-child(3){animation-delay:1s;background:#c7ffc3;width:82%}.visual-map{background:#ff817b}.visual-map svg{height:100%;left:0;position:absolute;top:0;width:100%}.visual-map path{fill:none;stroke:#1a1a1a;stroke-width:2}.visual-map span{animation:map-pop 2.5s infinite;background:#fff;border:4px solid #1a1a1a;border-radius:50%;height:19px;position:absolute;width:19px}.visual-map span:nth-child(1){left:30px;top:122px}.visual-map span:nth-child(2){animation-delay:.6s;left:115px;top:45px}.visual-map span:nth-child(3){animation-delay:1.1s;right:56px;top:82px}.visual-map span:nth-child(4){animation-delay:1.7s;right:19px;top:23px}.visual-map b{bottom:17px;font-family:"Space Grotesk";font-size:29px;left:16px;letter-spacing:-2px;line-height:.75;position:absolute}.project-open{align-self:end;background:transparent;border:0;border-bottom:1px solid var(--ink);color:var(--ink);cursor:pointer;font-size:11px;padding:7px 0;text-align:left}.project-open span{float:right;font-size:16px;margin-left:7px}.proof{padding-bottom:125px;padding-top:125px}.proof-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:45px}.proof-big{background:var(--blue);color:#fff;min-height:470px;overflow:hidden;padding:37px;position:relative}.proof-big>p{font-family:var(--mono);font-size:10px;margin:0 0 40px}.proof h2{font-size:clamp(44px,4.8vw,72px)}.proof h2 span{color:var(--lime)}.code-lines{bottom:0;display:grid;gap:8px;left:37px;position:absolute;right:37px}.code-lines i{background:#ffffff5e;height:8px;width:40%}.code-lines i:nth-child(2){background:var(--lime);width:67%}.code-lines i:nth-child(3){width:52%}.code-lines i:nth-child(4){background:#ffbeec;width:80%}.code-lines i:nth-child(5){width:33%}.proof-stats{display:grid;grid-template-rows:repeat(3,1fr)}.proof-stats article{border:1px solid var(--line);border-left:0;display:flex;gap:24px;padding:25px}.proof-stats b{font-family:"Space Grotesk";font-size:48px;letter-spacing:-4px;line-height:1}.proof-stats b span{font-family:"Noto Sans SC";font-size:18px;letter-spacing:-1px}.proof-stats p{font-size:12px;line-height:1.5;margin:auto 0}.contact{background:var(--pink);min-height:680px;overflow:hidden;padding-bottom:70px;padding-top:120px;position:relative}.contact h2{font-size:clamp(48px,6.5vw,104px);position:relative;z-index:1}.contact h2 span{color:#fff}.contact-orb{animation:orb-move 10s ease-in-out infinite;background:radial-gradient(circle at 35% 32%,#fff 0,#fff9b1 20%,#ff7aab 53%,#9b4eff 72%);border-radius:50%;filter:blur(.2px);height:520px;position:absolute;right:-70px;top:70px;width:520px}.contact-bottom{align-items:end;border-top:1px solid #b74c77;bottom:53px;display:flex;justify-content:space-between;left:8.4vw;position:absolute;right:8.4vw}.contact-bottom a{color:#101114;font-family:"Space Grotesk";font-size:clamp(24px,3.3vw,47px);letter-spacing:-2px;padding-top:17px;text-decoration:none}.contact-bottom a b{color:#fff;font-size:.8em}.contact-bottom p{font-size:11px;line-height:1.6;max-width:235px}.project-modal{align-items:center;background:#101114e8;display:flex;inset:0;justify-content:center;opacity:0;padding:25px;pointer-events:none;position:fixed;transition:opacity .3s;z-index:12}.project-modal.open{opacity:1;pointer-events:auto}.modal-content{background:var(--paper);max-width:560px;padding:48px;transform:translateY(20px);transition:transform .35s}.project-modal.open .modal-content{transform:translateY(0)}.modal-content h2{font-size:36px;letter-spacing:-2px;margin:0 0 22px}.modal-content div{font-size:14px;line-height:1.8}.modal-close{background:transparent;border:0;color:#fff;cursor:pointer;font-size:38px;position:absolute;right:28px;top:18px}footer{background:#101114;color:#fff;display:flex;font-family:var(--mono);font-size:9px;justify-content:space-between;letter-spacing:.3px;padding:23px 4.3vw}footer a{color:#fff;text-decoration:none}.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}.reveal.in{opacity:1;transform:translateY(0)}@keyframes blink{50%{opacity:.25}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin-reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes pulse{50%{transform:translate(-50%,-50%) scale(1.13)}}@keyframes drift{50%{margin-top:-14px}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes grid-pulse{50%{background:#ff78ae;transform:scale(1.55)}}@keyframes chat-in{from{opacity:0;transform:translateY(10px)}}@keyframes map-pop{50%{transform:scale(1.4)}}@keyframes orb-move{50%{transform:translate(-90px,50px) scale(.83)}}@media(max-width:780px){.section{padding-left:24px;padding-right:24px}.nav{height:61px;padding:0 20px}.nav-status,.nav nav a:not(:last-child){display:none}.nav nav{gap:0}.hero{display:flex;flex-direction:column;min-height:auto;padding-top:61px}.hero-copy{padding:77px 0 63px}.hero h1{font-size:54px}.hero-intro{font-size:14px;margin:28px 0}.hero-art{height:500px;min-height:0}.hero-number{font-size:125px}.hero-footer{bottom:-36px;left:24px}.ticker{font-size:13px;margin-top:70px}.manifesto{padding-bottom:75px;padding-top:90px}.manifesto-grid,.proof-grid{display:block}.manifesto h2{font-size:47px}.manifesto-text{font-size:14px;margin-top:43px}.principles{display:block;margin-top:65px}.principles article,.principles article+article{border-bottom:1px solid var(--line);border-right:0;padding:20px 0 24px}.principles h3{margin:25px 0 8px}.work{padding-bottom:65px;padding-top:78px}.section-title h2{font-size:47px}.project-list{margin-top:48px}.project{display:block;min-height:0;padding:20px}.project-index{margin-bottom:24px}.project h3{font-size:27px}.project-desc{font-size:12px}.project-visual{height:170px;margin:28px 0 12px;width:100%}.project-open{display:block;width:100%}.proof{padding-bottom:75px;padding-top:75px}.proof-big{min-height:365px;padding:24px}.code-lines{left:24px;right:24px}.proof-stats article{border-left:1px solid var(--line);padding:20px}.contact{min-height:590px;padding-top:85px}.contact h2{font-size:51px}.contact-orb{height:330px;right:-150px;top:220px;width:330px}.contact-bottom{align-items:start;bottom:32px;display:block;left:24px;right:24px}.contact-bottom a{font-size:26px}.contact-bottom p{font-size:10px;margin:17px 0 0}footer{font-size:7px;padding:18px 20px}.modal-content{padding:35px 26px}.modal-close{right:15px;top:12px}}
/* ===== 统一导航 Tab 组件（首页 / 落地页共用） ===== */
.site-tabs{display:flex;gap:9px}
.site-tabs a{border:1px solid transparent;border-radius:99px;color:var(--ink);font-size:15px;font-weight:700;padding:10px 13px 10px 11px;text-decoration:none;transition:all .25s ease}
.site-tabs a:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}
.site-tabs a.active{background:var(--blue);color:#fff}
.site-tabs a span{color:var(--blue);font-family:var(--mono);font-size:8px;margin-right:3px}
.site-tabs a.active span{color:#fff}
@media(max-width:780px){.site-tabs a{font-size:12px;padding:8px 10px}.site-tabs a span{display:none}}