/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
.hidden{display:none}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{color:#050505;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,Arial,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a{font:inherit;color:inherit;background:0 0;border:0;text-decoration:none}.app-shell{min-height:100vh}.nav-shell{z-index:80;pointer-events:none;border:1px solid #00000014;border-radius:999px;padding:12px 16px;position:fixed;top:18px;left:28px;box-shadow:0 8px 26px #0000000d}.nav-shell-home{background:#fffffff0}.nav-shell-projects{background:#307ffff0;border-color:#ffe55547;box-shadow:0 10px 28px #0b377e2e}.nav-shell-about{background:#f6f5eef5}.nav{pointer-events:auto;gap:28px;font-size:16px;display:flex}.nav button{color:#000;transition:color .12s,opacity .12s,transform .12s}.nav button:hover{color:#2a64f6;opacity:1}.nav button:active{transform:scale(.97)}.nav-projects button{color:#ffe555}.nav-projects button:hover{color:#ffe555;opacity:1}.nav-about button{color:#000}.nav-about button:hover{color:#2a64f6;opacity:1}.home{background:#fff;min-height:100vh}.home-stage{min-height:100vh;padding:154px 32px 54px;position:relative;overflow:hidden}.home-top-meta{text-align:right;gap:6px;font-size:18px;line-height:1.35;display:grid;position:absolute;top:52px;right:48px}.hero-title{z-index:1;letter-spacing:-.065em;max-width:1320px;margin:0;font-size:clamp(84px,7.45vw,126px);font-weight:400;line-height:.96;position:relative}.tag-cn{z-index:2;letter-spacing:-.08em;white-space:nowrap;padding:.03em .12em;font-size:clamp(58px,5.7vw,108px);font-weight:400;line-height:1.02;position:absolute;box-shadow:0 0 0 1px #0000000a}.tag-a{top:55%;left:48px}.tag-d{top:66%;left:25.5%}.tag-b{top:75.5%;left:53.5%}.tag-c{top:87%;right:5.2%}.home-meta{font-size:16px;line-height:1.18;position:absolute;bottom:28px;left:34px}.home-meta-capabilities-mobile,.home-meta-mobile{display:none}.scroll-tip{z-index:3;font-size:18px;line-height:1;animation:1.8s ease-in-out infinite scroll-blink;position:fixed;bottom:74px;left:50%;transform:translate(-50%)}.scroll-tip-mobile{display:none}.liquid{z-index:100;will-change:transform;backface-visibility:hidden;background:#307fff;position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}.liquid-edge{filter:blur(1px);will-change:transform;background:#307fff;border-radius:46% 54% 0 0/100% 82% 0 0;height:18vh;animation:.7s ease-in-out infinite alternate wave;position:absolute;bottom:-2vh;left:-10%;right:-10%}.liquid:after{content:"";background:#307fff;border-radius:50% 50% 0 0/100% 74% 0 0;height:24vh;position:absolute;bottom:-5vh;left:-12%;right:-12%;transform:rotate(-1.2deg)}@keyframes wave{0%{transform:translateY(-8px)skew(-6deg)}to{transform:translateY(8px)skew(7deg)}}@keyframes scroll-blink{0%,to{opacity:.42}50%{opacity:1}}.projects-page{background:#307fff;min-height:100vh;overflow:hidden}.projects-stage{min-height:100vh;padding:76px 42px;position:relative}.projects-stage-intro .projects-tip,.projects-stage-intro .cat-label{pointer-events:none}.projects-tip{color:#dff075;will-change:transform, opacity;font-size:18px;position:absolute;top:240px;left:58px}.cat-label{z-index:3;letter-spacing:-.055em;white-space:nowrap;will-change:transform, opacity;padding:0 .18em;font-size:64px;font-weight:500;line-height:1.06;position:absolute;box-shadow:0 0 0 1px #0000000a}.play{color:#ff2b2b;margin-right:.12em;font-size:.72em}.projects-drop{z-index:95;pointer-events:none;contain:layout paint;position:fixed;inset:0}.projects-drop-fill{will-change:transform;background:#307fff;animation:.32s cubic-bezier(.22,1,.36,1) both project-drop;position:absolute;inset:0}@keyframes project-drop{0%{transform:translateY(-105vh)}to{transform:translateY(0)}}.side{z-index:70;background:#fff;border-left:1px solid #111;width:min(52vw,620px);height:100vh;padding:30px 28px;position:fixed;top:0;right:0;overflow:auto}.side-close{font-size:34px;position:absolute;top:12px;right:18px}.side h2{letter-spacing:-.04em;margin:0 0 34px;font-size:38px;font-weight:500}.side-card{text-align:left;width:100%;margin-bottom:24px;display:block}.thumb{background:#f9ff52;border:1px solid #111;place-items:center;height:210px;display:grid;overflow:hidden}.thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.side-card p{margin:10px 0 3px;font-size:24px}.side-card small{color:#555;font-size:14px}.side-card-chips{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.side-chip{color:#2f3a67;border:1.5px solid #2f3a67;border-radius:999px;padding:6px 16px;font-size:13px;line-height:1}.detail{background:#fff;min-height:100vh;padding:42px 70px 44px}.back{text-align:left;width:calc(100vw - 140px);max-width:1280px;margin:0 auto 8px;font-size:18px;display:block}.zoom-fab{z-index:20;gap:8px;display:grid;position:fixed;bottom:28px;left:28px}.zoom-fab button{background:#fff;border:1px solid #111;border-radius:50%;width:42px;height:42px;font-size:26px;line-height:1}.detail-wrap{width:calc(100vw - 140px);max-width:1280px;margin:0 auto}.detail-head{border-top:1px solid #111;grid-template-columns:360px 1fr;gap:48px;margin-bottom:34px;padding-top:24px;display:grid}.detail h1{letter-spacing:-.03em;margin:0 0 32px;font-size:44px;font-weight:600;line-height:1}.detail-head p{color:#5c5c5c;text-transform:none;margin:0;font-size:16px;line-height:1.55}.detail-title-col>p{text-transform:uppercase;color:#666;font-size:16px}.detail-overview h2{letter-spacing:-.04em;color:#000;margin:4px 0 14px;font-size:30px;font-weight:700;line-height:1}.detail-overview p{white-space:pre-line}.detail-link{color:#307fff;margin-top:12px;font-size:14px;line-height:1.42;display:inline-block}.overview-link{color:#307fff;margin-top:16px;font-size:14px;text-decoration:underline;display:inline-block}.detail-section{padding:28px 0 10px}.detail-section h3{letter-spacing:-.03em;margin:0 0 18px;font-size:30px;font-weight:700;line-height:1.08}.detail-section-item{margin-bottom:20px}.detail-section-item h4{margin:0 0 8px;font-size:22px;font-weight:700;line-height:1.25}.detail-section-item p{white-space:pre-line;color:#333;margin:0;font-size:16px;line-height:1.72}.detail-media{width:100%;height:auto;display:block}.image-flow img,.image-flow video{width:100%;height:auto}.reflection{padding:24px 0 0}.reflection h3{margin:0 0 16px;font-size:18px;font-weight:500}.reflection p{font-size:14px;line-height:1.5}.mock-big{text-align:center;background:#f9ff52;place-items:center;height:70vh;font-size:8vw;line-height:.9;display:grid}.detail-bottom{padding-top:24px}.next-link{text-align:right;color:#307fff;width:100%;margin-bottom:20px;display:block}.next-link span{font-size:18px;display:block}.next-link strong{color:#111;font-size:30px;font-weight:500}.other-head{margin-bottom:10px;font-size:20px}.other-cats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.other-card{text-align:left;background:#fff;border:1px solid #111;position:relative;overflow:hidden}.other-card img{-o-object-fit:cover;object-fit:cover;width:100%;height:180px}.other-meta{padding:6px}.other-meta small{font-size:12px;display:block}.other-meta span{font-size:22px;line-height:1}.other-overlay{opacity:0;flex-direction:column;justify-content:end;padding:12px;transition:all .18s;display:flex;position:absolute;inset:0}.other-overlay b{font-size:26px;line-height:.95}.other-overlay span{font-size:15px}.other-card:hover .other-overlay{opacity:1}.about-page{color:#2a55da;background:#f6f5ee;min-height:100vh;padding:108px 0 48px}.about-shell{min-height:100vh;padding:84px 72px 220px;position:relative}.about-content{max-width:980px;margin-left:clamp(180px,22vw,360px)}.about-block{margin-bottom:52px}.about-section-title{letter-spacing:-.03em;color:#2d63f6;margin:0 0 26px;font-size:clamp(24px,2.4vw,34px);font-weight:700;line-height:1.05}.about-name{letter-spacing:-.03em;color:#27345f;margin:0 0 20px;font-size:clamp(30px,2.1vw,42px);font-weight:700;line-height:1.12}.about-intro{color:#314067;max-width:1080px;margin:0 0 8px;font-size:clamp(15px,1.1vw,22px);line-height:1.62}.about-chip-row{margin-top:28px}.pill-row{flex-wrap:wrap;gap:24px;margin:0;display:flex}.pill{color:#2d63f6;border:2px solid #2d63f6;border-radius:999px;padding:10px 22px;font-size:clamp(16px,1vw,20px);font-weight:600;line-height:1;transition:transform .14s,background-color .14s,color .14s}.pill:hover{color:#f6f5ee;background:#2d63f6;transform:translateY(-1px)}.wechat-pill{cursor:pointer;align-items:center;gap:0;display:inline-flex;overflow:hidden}.wechat-pill-value{white-space:nowrap;font-weight:500;display:inline-block;overflow:hidden}.wechat-pill.is-open{gap:10px}.about-contact-row{gap:36px}.about-workflow{gap:28px;display:grid}.step{grid-template-columns:42px 1fr;align-items:start;gap:18px;display:grid}.step span{color:#fff;background:#2d63f6;border-radius:50%;place-items:center;width:34px;height:34px;font-size:16px;font-weight:700;display:grid}.step b{color:#2f3a67;margin-bottom:6px;font-size:clamp(16px,1.05vw,21px);line-height:1.35;display:block}.step p,.skills-list p,.belief p{color:#314067;margin:0;font-size:clamp(15px,1vw,19px);line-height:1.62}.skills-list p{margin-bottom:12px}.belief h4{color:#27345f;margin:0 0 28px;font-size:clamp(26px,2vw,38px);font-weight:700;line-height:1.12}.belief-item{margin-bottom:20px}.belief-heading{color:#27345f;margin:0 0 6px;font-weight:700}.about-signature{opacity:.95;width:min(20vw,360px);height:auto;position:absolute;bottom:24px;right:72px}.about-intro-block{margin-top:18px}@media (width<=1100px){.home-top-meta{font-size:16px;right:34px}.hero-title{font-size:clamp(72px,8vw,110px)}.tag-cn{font-size:clamp(46px,6vw,92px)}.about-shell{padding:96px 28px 180px}.about-content{margin-left:clamp(60px,10vw,120px)}.about-signature{width:min(32vw,280px);right:28px}}@media (width<=900px){.nav-shell{padding:11px 15px;left:22px}.nav{gap:18px;font-size:14px}.home-stage{padding:124px 22px 40px}.home-top-meta{font-size:14px;top:96px;right:22px}.hero-title{max-width:720px;font-size:58px}.tag-cn{font-size:40px}.tag-a{top:53%}.tag-d{top:62%;left:20%}.tag-b{top:72%;left:47%}.tag-c{top:82%;right:4%}.projects-stage{padding:72px 24px}.projects-tip{font-size:16px;top:300px;left:24px}.cat-label{font-size:42px}.side{width:100vw}.detail{padding:16px 24px 44px}.detail-wrap{width:calc(100vw - 48px)}.detail-head{grid-template-columns:1fr}.other-cats{grid-template-columns:1fr 1fr}.about-page{padding-top:88px}.about-shell{padding:84px 22px 170px}.about-content{margin-left:0}.about-block{margin-bottom:40px}.about-contact-row{gap:16px 20px}.about-signature{width:min(46vw,230px);bottom:18px;right:22px}}@media (width<=640px){.nav-shell{width:auto;box-shadow:none;background:0 0;border:0;padding:0;top:28px;left:26px;right:auto}.nav{justify-content:flex-start;gap:36px;font-size:24px}.home-stage{min-height:100vh;padding:120px 26px 72px;overflow:hidden}.home-top-meta{display:none}.hero-title{letter-spacing:-.05em;max-width:322px;font-size:59px;line-height:1.08}.tag-cn{text-align:center;font-size:34px;line-height:1.02}.tag-a{width:250px;top:418px;left:26px;right:auto}.tag-d{width:286px;top:505px;left:36px;right:auto}.tag-b{width:208px;top:591px;left:86px;right:auto}.tag-c{width:226px;top:669px;left:114px;right:auto}.home-meta{white-space:nowrap;width:100%;font-size:14px;bottom:4px;left:0;right:0;overflow:hidden}.home-meta-desktop{display:none}.home-meta-capabilities-mobile{white-space:nowrap;justify-content:center;gap:16px;margin-bottom:12px;font-size:10px;display:flex}.home-meta-mobile{width:max-content;animation:12s linear infinite mobile-marquee;display:flex}.home-meta-mobile span{padding-right:8px}.scroll-tip{color:#2a64f6;white-space:nowrap;font-size:12px;bottom:76px;left:50%;transform:translate(-50%)}.scroll-tip-desktop{display:none}.scroll-tip-mobile{display:inline}.projects-stage{min-height:100vh;padding:0}.projects-tip{text-align:center;font-size:18px;top:260px;left:0;right:0}.cat-label{text-align:center;max-width:96vw;font-size:33px;line-height:1.08;translate:-50%;left:50%!important;top:calc(338px + (var(--mobile-order) - 1) * 96px)!important}.cat-label:first-of-type{font-size:29px}.side{z-index:79;border-left:0;border-radius:8px 8px 0 0;width:100vw;height:calc(100vh - 120px);padding:24px;top:120px}.side h2{margin-bottom:30px;margin-right:56px;font-size:24px;line-height:1.08}.side-close{font-size:42px;top:14px;right:22px}.thumb{height:220px}.side-card p{margin:14px 0;font-size:30px}.side-chip{padding:5px 22px;font-size:16px}.detail{padding:34px 24px 44px}.back,.detail-wrap{width:100%;max-width:none}.back{font-size:16px}.detail-head{grid-template-columns:1fr;gap:20px;padding-top:18px}.detail h1{margin-bottom:18px;font-size:34px}.detail-overview h2{font-size:24px}.detail-head p{font-size:13px}.detail-section{padding:22px 0 6px}.detail-section h3{margin-bottom:14px;font-size:24px}.detail-section-item{margin-bottom:16px}.detail-section-item h4{font-size:18px}.detail-section-item p{font-size:15px;line-height:1.68}.zoom-fab{display:none}.other-cats{grid-template-columns:1fr}.next-link strong{font-size:24px}.about-page{padding:86px 0 32px}.about-shell{min-height:auto;padding:0 15px 40px}.about-content{max-width:none;margin-left:0}.about-block{margin-bottom:30px}.about-section-title{letter-spacing:-.02em;margin-bottom:14px;font-size:14px}.about-name{margin-bottom:14px;font-size:20px;line-height:1.12}.about-intro{font-size:12px;line-height:1.5}.pill-row{gap:8px}.pill{border-width:1px;padding:4px 11px;font-size:10px}.wechat-pill.is-open{gap:6px}.about-workflow{gap:22px}.step{grid-template-columns:26px 1fr;gap:10px}.step span{width:22px;height:22px;font-size:12px}.step b{margin-bottom:8px;font-size:11px}.step p,.skills-list p,.belief p{font-size:10px;line-height:1.55}.belief h4{margin-bottom:18px;font-size:14px}.belief-heading{font-size:10px}.about-signature{display:none}}@keyframes mobile-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}