:root{--ink:#070a12;--muted:#667085;--line:#080f1e1a;--blue:#145dff;--cyan:#70e1ff;--surface:#ffffffc7;--max:1700px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.22, 1, .36, 1);color:var(--ink);background:#eff4ff;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:radial-gradient(circle at 8% 0,#4e81ff33,#0000 33rem),radial-gradient(circle at 92% 8%,#70e1ff38,#0000 34rem),linear-gradient(#f5f8ff 0%,#edf3ff 48%,#f7f9fc 100%);min-width:320px;margin:0;overflow-x:hidden}body,body :not(input):not(textarea){-webkit-user-select:none;user-select:none}img{-webkit-user-drag:none;user-drag:none}.side-rays-container{pointer-events:none;width:100%;height:100%;position:relative;overflow:hidden}.side-rays-container canvas{will-change:transform;width:100%;height:100%;display:block;transform:translateZ(0)}@media print{body{display:none}}.app-recovery{text-align:center;min-height:100vh;color:var(--ink);background:var(--page);place-content:center;gap:16px;padding:32px;display:grid}.app-recovery p{color:var(--blue);margin:0;font-weight:800}.app-recovery h1{margin:0;font-size:clamp(28px,4vw,48px)}.app-recovery button{color:#fff;background:var(--blue);min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-self:center;padding:0 22px;font-weight:800}.copyright-badge{z-index:900;color:#fff;-webkit-backdrop-filter:blur(16px);pointer-events:none;background:#07101fd1;border:1px solid #ffffff61;border-radius:12px;gap:2px;padding:11px 14px;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 16px 38px #07101f33}.copyright-badge strong{font-size:12px}.copyright-badge span{color:#ffffffad;font-size:9px}a{color:inherit;text-decoration:none}.site-header{z-index:20;width:min(calc(100% - 40px), var(--max));-webkit-backdrop-filter:blur(24px)saturate(1.25);height:72px;transition:width .45s var(--ease-out), top .45s var(--ease-out), height .45s var(--ease-out), border-radius .45s var(--ease-out), background .45s var(--ease-out), box-shadow .45s var(--ease-out);background:linear-gradient(120deg,#ffffffdb,#f4f9ff9e),#ffffff9e;border:1px solid #ffffff9e;border-radius:24px;justify-content:space-between;align-items:center;padding:0 18px 0 24px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #2a468224}.site-header:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#ffffffbd,#0000 38%,#5b8fff29);position:absolute;inset:0;-webkit-mask:linear-gradient(#000,#0000 62%);mask:linear-gradient(#000,#0000 62%)}.site-header.is-scrolled{background:linear-gradient(120deg,#ffffffc7,#ebf4ff7a),#ffffff6b;border-radius:22px;width:min(100% - 56px,1360px);height:66px;top:16px;box-shadow:0 24px 80px #1f438933}.brand,.nav-cta,.primary-btn,.ghost-btn{align-items:center;gap:10px;display:inline-flex}.brand-photo{object-fit:cover;object-position:center 18%;width:42px;height:42px;transition:transform .38s var(--ease-out), box-shadow .38s var(--ease-out);border-radius:15px;display:block;box-shadow:0 10px 30px #145dff57}.brand:hover .brand-photo{transform:scale(1.06);box-shadow:0 14px 34px #145dff70}.brand strong{letter-spacing:0;font-size:18px}.site-header nav{box-shadow:none;background:0 0;border:0;align-items:center;gap:4px;padding:5px;font-size:14px;display:flex}.site-header nav a{color:#070a12b8;white-space:nowrap;min-width:54px;height:36px;transition:color .32s var(--ease-soft), background-color .32s var(--ease-soft), box-shadow .32s var(--ease-soft), font-weight .32s ease;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-weight:500;display:inline-flex}.site-header nav a:not(.is-active):hover{color:#fff;background:linear-gradient(135deg,#368eff 0%,#145dff 100%);box-shadow:0 8px 18px -10px #145dffbd}.site-header nav a.is-active{color:#fff;background:var(--blue);font-weight:800;box-shadow:0 1px 1px #145dff1f,0 8px 18px -10px #145dffa8}.nav-cta,.primary-btn{color:#fff;background:#05070c;border:0;border-radius:16px;box-shadow:0 18px 45px #05070c40}.nav-cta{height:48px;transition:transform .34s var(--ease-out), background .34s var(--ease-out), box-shadow .34s var(--ease-out);padding:0 22px;font-weight:700}.nav-cta span{transition:transform .34s var(--ease-out)}.nav-cta:hover{background:var(--blue);transform:translateY(-3px);box-shadow:0 22px 48px #145dff57}.nav-cta:hover span:last-child{transform:translate(5px)}.primary-btn,.ghost-btn{min-height:54px;transition:transform .36s var(--ease-out), box-shadow .36s var(--ease-out), background .36s var(--ease-out), border-color .36s var(--ease-out);padding:0 24px;font-weight:800;position:relative;overflow:hidden}.mobile-view-note{display:none}.primary-btn:hover,.ghost-btn:hover,.project-card:hover,.strength-card:hover{transform:translateY(-3px)}.ghost-btn{isolation:isolate;border:1px solid var(--line);background:#ffffffc2;border-radius:16px;justify-content:center}.primary-btn span{transition:transform .36s var(--ease-out), opacity .36s var(--ease-out)}.primary-btn:hover{background:var(--blue);box-shadow:0 20px 38px #145dff4d}.primary-btn:hover span{transform:translate(5px)}.ghost-btn .button-label{color:#17346d;place-items:center;transition:transform .24s cubic-bezier(.87,0,.13,1);display:grid;position:absolute;inset:0}.ghost-btn:hover{border-color:var(--blue);color:#fff;background:var(--blue);box-shadow:0 18px 32px #145dff47}.ghost-btn .button-letters{color:var(--blue);display:inline-flex}.ghost-btn .button-letters span{opacity:0;transition:transform .24s cubic-bezier(.87,0,.13,1),opacity .24s;transform:translateY(-13px)}.ghost-btn .button-letters span:nth-child(2n){transform:translateY(13px)}.ghost-btn:hover .button-label{color:#fff;transform:translateY(100%)}.ghost-btn:hover .button-letters{color:#fff}.ghost-btn:hover .button-letters span{opacity:1;transform:translateY(0)}.ghost-btn:hover .button-letters span:nth-child(2){transition-delay:40ms}.ghost-btn:hover .button-letters span:nth-child(3){transition-delay:80ms}.ghost-btn:hover .button-letters span:nth-child(4){transition-delay:.12s}.ghost-btn:hover .button-letters span:nth-child(5){transition-delay:.16s}.ghost-btn:hover .button-letters span:nth-child(6){transition-delay:.2s}.ghost-btn:hover .button-letters span:nth-child(7){transition-delay:.24s}.ghost-btn:hover .button-letters span:nth-child(8){transition-delay:.28s}.ghost-btn:hover .button-letters span:nth-child(9){transition-delay:.32s}.ghost-btn:active{transform:translateY(-1px)scale(.96)}@media (prefers-reduced-motion:reduce){.ghost-btn .button-label,.ghost-btn .button-letters span{transition:none}}.ghost-btn.small{min-height:48px}.ghost-btn.inverse{color:#fff;background:#ffffff14;border-color:#ffffff3d}.section-shell{width:min(calc(100% - 40px), var(--max));background:var(--surface);border:1px solid #ffffffb8;border-radius:30px;margin:0 auto 28px;overflow:hidden;box-shadow:0 28px 90px #36528c21}.motion-section{opacity:0;transition:opacity .65s,transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.motion-section.is-revealed{opacity:1;transform:translateY(0)}.hero{isolation:isolate;grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);align-items:center;min-height:100vh;margin-top:10px;padding:150px clamp(28px,5vw,92px) 70px;display:grid;position:relative}.hero-rays,.hero-tech-grid,.hero-tech-particles,.hero-overlay{width:100%;height:100%;position:absolute;inset:0}.hero-rays{opacity:.8;filter:saturate(1.15)contrast(1.04);z-index:-4;background:radial-gradient(circle at 92% 0,#06d4ff47,#0000 34rem),radial-gradient(circle at 74% 22%,#a97cfc33,#0000 34rem),linear-gradient(135deg,#eff7fff7,#e1ecffbd);overflow:hidden}.hero-tech-grid{z-index:-3;opacity:.22;mix-blend-mode:multiply;background:linear-gradient(90deg,#145dff14 1px,#0000 1px) 0 0/78px 78px,linear-gradient(#145dff0f 1px,#0000 1px) 0 0/78px 78px,linear-gradient(110deg,#0000 0 42%,#58beff2e 48%,#0000 56%) 0 0/100% 100%;animation:9s linear infinite techGridDrift;-webkit-mask-image:linear-gradient(90deg,#0000,#000 28% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 28% 90%,#0000)}.hero-tech-grid:before{content:"";animation:techScan 4.2s var(--ease-soft) infinite;background:linear-gradient(#0000 0 36%,#3d9eff33 48%,#0000 60%);position:absolute;inset:0;transform:translateY(-48%)}.hero-tech-particles{z-index:-2;pointer-events:none}.hero-tech-particles span{width:6px;height:6px;animation:techParticleFloat 5.2s var(--ease-soft) infinite;background:#ffffffe6;border-radius:999px;position:absolute;box-shadow:0 0 18px #46b8ffcc,0 0 44px #145dff52}.hero-tech-particles span:first-child{animation-delay:0s;top:24%;left:52%}.hero-tech-particles span:nth-child(2){width:4px;height:4px;animation-delay:-2.1s;top:18%;left:70%}.hero-tech-particles span:nth-child(3){animation-delay:-4.2s;top:46%;left:84%}.hero-tech-particles span:nth-child(4){width:5px;height:5px;animation-delay:-6.1s;top:68%;left:61%}.hero-tech-particles span:nth-child(5){width:4px;height:4px;animation-delay:-7.4s;top:72%;left:92%}.hero-overlay{z-index:-1;background:linear-gradient(90deg,#fffffff5,#f7fbffb3 46%,#e1f0ff2e),radial-gradient(circle at 84% 18%,#06d4ff21,#0000 24rem),radial-gradient(circle at 92% 58%,#a97cfc1a,#0000 26rem)}.eyebrow{width:max-content;max-width:100%;color:var(--blue);letter-spacing:.08em;text-transform:uppercase;background:#145dff12;border:1px solid #145dff24;border-radius:999px;margin:0 0 18px;padding:8px 12px;font-size:12px;font-weight:900}.hero h1,.section-heading h2,.about-copy h2,.contact-finale h2{letter-spacing:0;margin:0;line-height:.98}.hero h1{max-width:850px;font-size:clamp(56px,7vw,132px)}.hero h1>.hero-title-line{display:block}.hero h1>.hero-title-blue{color:var(--blue)}@media (width>=1101px){.hero{grid-template-columns:minmax(620px,1.12fr) minmax(420px,.88fr);padding-left:clamp(24px,3vw,52px);padding-right:clamp(24px,3vw,52px)}.hero h1>.hero-title-line{white-space:nowrap}}.split-parent{margin:0}.split-char{will-change:transform, opacity;display:inline-block}@keyframes whiteOutlinePulse{0%,to{opacity:.42}50%{opacity:.88}}.hero-copy{color:#4a5568;max-width:680px;margin:28px 0 0;font-size:clamp(17px,1.6vw,23px);line-height:1.8}.tech-orbit{background:linear-gradient(120deg,#ffffffa3,#e8f2ff57),radial-gradient(circle at 18%,#145dff29,#0000 12rem);border:1px solid #145dff21;border-radius:24px;align-items:center;gap:24px;width:min(100%,620px);min-height:132px;margin-top:28px;padding:18px 22px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 24px 70px #2350961c}.tech-orbit:before{content:"";background:linear-gradient(90deg,#0000,#145dff1f,#0000),repeating-linear-gradient(90deg,#145dff14 0 1px,#0000 1px 72px);animation:5.8s linear infinite scanMove;position:absolute;inset:-1px;-webkit-mask:linear-gradient(90deg,#000,#0000 78%);mask:linear-gradient(90deg,#000,#0000 78%)}.orbit-globe{flex:0 0 96px;place-items:center;width:96px;height:96px;display:grid;position:relative}.orbit-globe:before{content:"";background:radial-gradient(circle at 34% 28%,#fffffff2,#6cc1ff80 24%,#145dff1f 58%,#0000 70%),repeating-radial-gradient(circle,#145dff73 0 1px,#0000 1px 7px);border-radius:50%;animation:3.8s ease-in-out infinite globePulse;position:absolute;inset:18px;box-shadow:0 0 28px #145dff5c}.orbit-ring{transform-style:preserve-3d;border:1px solid #145dff57;border-radius:50%;position:absolute;inset:10px}.ring-a{animation:5.5s linear infinite orbitSpin}.ring-b{border-color:#70e1ff75;animation:7s linear infinite orbitSpinReverse;inset:18px 4px;transform:rotateX(64deg)rotate(18deg)}.ring-c{border-color:#145dff33;animation:8.5s linear infinite orbitSpin;inset:26px 0;transform:rotateX(76deg)rotate(-24deg)}.globe-core{background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 14px #145dffdb}.globe-dot{background:#145dff;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 16px #145dffe6}.dot-a{animation:3.2s ease-in-out infinite dotFloat;top:15px;left:64px}.dot-b{background:#70e1ff;animation:3.8s ease-in-out infinite reverse dotFloat;bottom:28px;right:10px}.dot-c{width:5px;height:5px;animation:4.4s ease-in-out infinite dotFloat;bottom:24px;left:14px}.orbit-copy{z-index:1;gap:8px;display:grid;position:relative}.orbit-copy strong{letter-spacing:0;font-size:clamp(18px,1.6vw,24px)}.orbit-copy span{color:#526073;font-size:15px}.hero-actions,.contact-actions{flex-wrap:wrap;gap:14px;margin-top:26px;display:flex}.contact-finale .contact-actions{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:24px;max-width:1120px;margin-top:44px;display:grid}.contact-action{color:#fff;min-width:0;min-height:82px;box-shadow:none;background:0 0;border:1px solid #2a80ffc7;border-radius:8px;align-items:center;gap:12px;padding:12px 18px;transition:transform .24s,border-color .24s,background .24s,box-shadow .24s;display:inline-flex;position:relative;overflow:hidden}.contact-action:before{content:none}.contact-action>i{color:#b7e8ff;background:0 0;border:1px solid #6fb6ffc2;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-family:Arial,sans-serif;font-size:14px;font-style:normal;font-weight:800;display:grid}.contact-action>span{color:#fff;gap:3px;min-width:0;font-size:15px;font-weight:800;line-height:1.15;display:grid}.contact-action small{color:#ffffff94;font-size:11px;font-weight:700}.contact-action>b{color:#b7e8ff;margin-left:auto;font-size:20px;transition:transform .24s}.contact-action-primary>i{color:#0e4b9c;background:#fff}.contact-action:hover{border-color:#8be1ffb3;transform:translateY(-4px);box-shadow:0 22px 38px #00000040}.contact-action-primary:hover>b{transform:translate(4px)}.contact-action-primary,.contact-action-email,.contact-action-phone,.contact-action-wechat{background:0 0;border-color:#2a80ffc7}.contact-action-primary:hover,.contact-action-email:hover,.contact-action-phone:hover,.contact-action-wechat:hover{background:linear-gradient(135deg,#3a8bff 0%,#1e6cff 52%,#104bbf 100%)}.contact-action-primary{background:0 0;border-color:#2a80ffc7}.contact-action-primary:hover{background:linear-gradient(135deg,#3a8bff 0%,#1e6cff 52%,#104bbf 100%)}.contact-finale .contact-action-primary>i{color:#dff3ff;border-color:#6fb6ffc2}.contact-finale .contact-action-primary>b{color:#b7e8ff}.wechat-trigger{font:inherit;text-align:left;cursor:pointer}.contact-action>i{color:#dff3ff;box-shadow:none;background:0 0;border-color:#6fb6ffc2}.hero-stats{grid-template-columns:repeat(4,minmax(100px,1fr));gap:22px;max-width:760px;margin-top:46px;display:grid}.hero-stats div{border-left:1px solid var(--line);padding-left:20px}.hero-stats strong{font-size:clamp(28px,2.4vw,44px);display:block}.hero-stats span{color:var(--muted);margin-top:6px;font-size:13px;display:block}.hero-panel{perspective:1200px;min-height:570px;position:relative}.hero-panel-image{place-items:center;min-height:580px;display:grid}.hero-panel-image:before{content:"";filter:blur(10px);opacity:.8;background:radial-gradient(circle at 70% 14%,#7597ff7a,#0000 20rem),linear-gradient(145deg,#ffffff1a,#145dff3d);border-radius:42px;position:absolute;inset:7% 0 6% 3%}.hero-panel-image:after{content:"";filter:blur(34px);background:#12377438;border-radius:50%;height:18%;position:absolute;bottom:7%;left:8%;right:0}.hero-panel-image img{z-index:2;object-fit:contain;filter:saturate(1.08)contrast(1.04)drop-shadow(0 38px 80px #1953b442);width:min(104%,840px);max-height:630px;animation:imageFloat 10s var(--ease-soft) infinite;border-radius:0;position:relative;transform:translate(24px)}.particle-earth{z-index:4;pointer-events:none;filter:drop-shadow(0 0 16px #bfe7ffb8);width:96px;height:96px;animation:earthHover 6.5s var(--ease-soft) infinite;border-radius:50%;position:absolute;top:62%;left:5%}.particle-earth:before{content:"";background:radial-gradient(circle at 30% 25%,#fff 0 1.5px,#0000 2px),radial-gradient(circle at 67% 18%,#fffffff2 0 1px,#0000 2px),radial-gradient(circle at 76% 58%,#86dfff 0 1.5px,#0000 2.5px),radial-gradient(circle at 35% 72%,#ffffffe6 0 1px,#0000 2px),repeating-radial-gradient(circle,#0000 0 7px,#c7ebff57 8px 9px),radial-gradient(circle,#6fcbff3d,#1163ff0f 58%,#0000 72%);border:1px solid #e1f6ffc2;border-radius:50%;animation:12s linear infinite earthSpin;position:absolute;inset:13px;box-shadow:inset 0 0 18px #ffffff47,0 0 26px #37a6ff61}.earth-grid,.earth-orbit,.earth-satellite{display:block;position:absolute}.earth-grid{border:1px solid #e1f6ffb8;border-radius:50%;animation:10s linear infinite earthGridSpin;inset:20px 9px;transform:rotate(62deg)}.earth-orbit{border:1px solid #b4e4ff8f;border-radius:50%;inset:5px -5px}.earth-orbit-a{animation:8s linear infinite orbitSweep;transform:rotate(24deg)scaleY(.42)}.earth-orbit-b{animation:10s linear infinite orbitSweepReverse;inset:-2px 8px;transform:rotate(-56deg)scaleX(.45)}.earth-satellite{width:6px;height:6px;animation:satellitePulse 4s var(--ease-soft) infinite;background:#fff;border-radius:50%;top:10px;right:11px;box-shadow:0 0 9px #fff,0 0 20px #71d8ff}.panel-screen{z-index:3;color:#fff;background:linear-gradient(132deg,#0d4becfc,#2574ffe6 46%,#87c6ff94),radial-gradient(circle at 22% 18%,#ffffffd1,#0000 15rem);border:1px solid #ffffff7a;border-radius:34px;width:min(600px,82%);min-height:470px;padding:0;animation:7s ease-in-out infinite floatPanel;display:flex;position:absolute;top:5%;right:14%;overflow:hidden;transform:perspective(1200px)rotateY(-13deg)rotateX(3deg)rotate(-4deg);box-shadow:24px 32px #0c44c438,0 54px 120px #145dff61,inset 0 1px 1px #ffffff80,inset -18px -22px 44px #031f6e29}.panel-screen:before{content:"";mix-blend-mode:screen;background:linear-gradient(125deg,#ffffff52,#0000 32%),radial-gradient(circle at 68% 24%,#ffffff52,#0000 7rem),repeating-linear-gradient(90deg,#ffffff12 0 1px,#0000 1px 98px),repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 98px);position:absolute;inset:0}.panel-screen:after{content:"";filter:blur(.2px);opacity:.9;background:radial-gradient(circle at 34% 28%,#ffffff6b,#0000 12rem),linear-gradient(132deg,#ffffff40,#ffffff0d);border-left:1px solid #ffffff38;border-radius:46% 0 0 54%;height:78%;position:absolute;top:16%;left:22%;right:-18%}.panel-back{z-index:1;background:linear-gradient(150deg,#2267ff61,#ffffff57),radial-gradient(circle at 80% 20%,#ffffff6b,#0000 10rem);border:1px solid #ffffff61;border-radius:32px;width:min(350px,54%);height:440px;position:absolute;top:10%;right:4%;transform:perspective(1100px)rotateY(-18deg)rotateX(3deg)rotate(-3deg)translate(16px);box-shadow:0 34px 80px #145dff29}.panel-back-b{z-index:0;opacity:.66;top:17%;right:-8%;transform:perspective(1100px)rotateY(-18deg)rotateX(3deg)rotate(-3deg)translate(50px)}.screen-glow{z-index:1;-webkit-backdrop-filter:blur(2px);background:radial-gradient(circle at 40% 32%,#ffffff47,#0000 12rem),linear-gradient(145deg,#ffffff42,#ffffff0f);border-radius:28px;width:62%;height:65%;position:absolute;top:17%;left:14%;box-shadow:inset 0 0 0 1px #fff3}.screen-copy{z-index:2;width:100%;padding:0 66px;position:absolute;bottom:68px;left:0}.panel-screen span,.project-info span,.reference-card span{color:#ffffffbd;font-size:13px;font-weight:800}.panel-screen strong{max-width:360px;margin-top:16px;font-size:clamp(36px,3.6vw,58px);line-height:1.12;display:block}.panel-screen p{color:#ffffffc2;max-width:360px;line-height:1.7}.play-orb{z-index:4;width:66px;height:66px;color:var(--blue);background:#ffffffeb;border:0;border-radius:999px;position:absolute;bottom:78px;left:66px;box-shadow:0 18px 50px #070a122e}.mountain-base{z-index:4;clip-path:polygon(0 100%,7% 60%,15% 76%,27% 34%,39% 69%,52% 26%,67% 72%,80% 39%,92% 75%,100% 100%);filter:drop-shadow(0 28px 30px #05081159);background:linear-gradient(120deg,#ffffff3d,#0000 17%),radial-gradient(circle at 62%,#7686a085,#0000 9rem),linear-gradient(18deg,#050a13 4%,#101c31 38%,#56657d 64%,#07101e 100%);border-radius:46% 54% 0 0;width:76%;height:190px;position:absolute;bottom:2%;right:1%}.mountain-base:after{content:"";opacity:.8;background:linear-gradient(100deg,#0000 0 13%,#ffffff38 13% 14%,#0000 14% 28%,#ffffff2e 28% 29%,#0000 29%),linear-gradient(18deg,#ffffff14,#0000 35%);position:absolute;inset:38% 0 0}.floating-card{z-index:5;color:#fff;-webkit-backdrop-filter:blur(16px);background:linear-gradient(155deg,#081223f0,#142f55eb);border:1px solid #fff3;border-radius:22px;width:270px;padding:30px;position:absolute;bottom:24%;right:4%;box-shadow:0 24px 62px #0508114d,inset 0 1px #ffffff1a}.floating-card small{margin-bottom:28px;font-size:26px;display:block}.floating-card strong,.floating-card span{display:block}.floating-card span{color:#ffffff9e;margin-top:10px}.about{grid-template-columns:.75fr 1.25fr;gap:clamp(28px,5vw,80px);padding:clamp(30px,5vw,86px);display:grid}.portrait-card{align-content:start;place-self:start stretch;gap:12px;display:grid}.portrait{aspect-ratio:1085/1497;background:#fff;border-radius:28px;width:100%;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #101d3414,0 24px 60px #1830581a}.portrait:before{content:"";background:0 0;border:1px solid #101d3414;border-radius:24px;position:absolute;inset:18px}.portrait img{object-fit:contain;object-position:center;filter:none;width:100%;height:100%;position:absolute;inset:0}.portrait-badge{z-index:2;color:#fff;-webkit-backdrop-filter:blur(16px);background:#050c1c94;border:1px solid #ffffff3d;border-radius:18px;padding:16px 18px;position:absolute;bottom:24px;right:24px;box-shadow:0 18px 40px #04081238}.portrait-badge span,.portrait-badge strong{display:block}.portrait-badge span{color:#ffffff9e;text-transform:uppercase;font-size:12px;font-weight:900}.contact-list{aspect-ratio:16/9;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.contact-list>*{border:1px solid var(--line);color:#2f3a4c;background:linear-gradient(135deg,#ffffffc7,#ebf4ff94);border-radius:14px;align-items:center;gap:11px;min-width:0;min-height:0;padding:10px;transition:transform .24s,border-color .24s,box-shadow .24s;display:flex;position:relative;overflow:hidden}.contact-list>:after{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff57,#0000 44%);position:absolute;inset:0}.contact-list>:hover{border-color:#145dff4d;transform:translateY(-3px);box-shadow:0 16px 30px #2056ac24}.contact-icon{z-index:1;color:#fff;background:radial-gradient(circle at 28% 24%,#bff8ff 0 8%,#0000 9%),linear-gradient(145deg,#155cff,#35bdf9 58%,#86edff);border:1px solid #ffffffb3;border-radius:13px;flex:0 0 38px;place-items:center;width:38px;height:38px;transition:transform .24s,box-shadow .24s;display:grid;position:relative;box-shadow:inset 0 1px 1px #ffffffb8,inset 0 -8px 16px #002faa2e,0 10px 20px #145dff42}.contact-list>:hover .contact-icon{transform:rotate(-5deg)scale(1.08);box-shadow:inset 0 1px 1px #ffffffb8,inset 0 -8px 16px #002faa2e,0 14px 24px #145dff57}.contact-list button{font:inherit;text-align:left;cursor:pointer}.wechat-qr-modal{z-index:1100;-webkit-backdrop-filter:blur(10px);background:#040b1880;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.wechat-qr-dialog{background:#fff;border:1px solid #ffffffe0;border-radius:16px;justify-items:center;gap:16px;width:min(420px,100%);padding:24px;display:grid;position:relative;box-shadow:0 30px 80px #050f2357}.wechat-qr-dialog img{aspect-ratio:1;object-fit:contain;width:min(100%,340px)}.wechat-qr-dialog strong{font-size:16px}.wechat-qr-close{color:#526073;cursor:pointer;background:#eef3fb;border:0;border-radius:50%;width:34px;height:34px;font-size:23px;line-height:1;position:absolute;top:10px;right:10px}.wechat-qr-close:hover{color:#fff;background:var(--blue)}.contact-icon:before{content:attr(data-label);font-family:Arial,sans-serif;font-size:9px;font-style:normal;font-weight:900;line-height:1}.contact-list span{z-index:1;overflow-wrap:anywhere;min-width:0;font-size:13px;position:relative}.contact-list small{color:#8491a5;margin-bottom:3px;font-size:10px;font-weight:800;display:block}.about-copy{align-self:center}.about-copy h2,.section-heading h2{max-width:1100px;font-size:clamp(36px,4.8vw,86px)}.about-copy p:not(.eyebrow),.about-highlights p{color:#4a5568;max-width:880px;font-size:19px;line-height:1.9}.about-highlights{gap:14px;max-width:980px;margin-top:28px;display:grid}.about-highlights p{background:#ffffff8f;border:1px solid #145dff1a;border-radius:18px;margin:0;padding:16px 18px}.about-highlights strong{color:#0b1220}.education-card{background:linear-gradient(120deg,#ecf5ffdb,#ffffffb8);border:1px solid #145dff1f;border-radius:18px;margin-top:14px;padding:20px 22px;position:relative;overflow:hidden}.education-card:after{content:"";border:1px solid #145dff29;border-radius:50%;width:140px;height:140px;position:absolute;top:-46px;right:-30px;box-shadow:inset 0 0 0 22px #145dff0a,inset 0 0 0 44px #145dff08}.education-card>*{z-index:1;position:relative}.education-card span{color:var(--blue);text-transform:uppercase;font-size:11px;font-weight:900}.education-card h3{margin:8px 0 6px;font-size:24px}.education-card p{color:#4a5568;margin:0;font-size:16px!important;line-height:1.75!important}.skill-marquee{flex-wrap:wrap;align-content:flex-start;gap:10px;margin-top:4px;display:flex}.skill-marquee span{color:#17346d;cursor:default;background:#ffffffb8;border:1px solid #145dff1f;border-radius:999px;padding:11px 14px;font-size:14px;line-height:1}.experience,.projects,.strengths{padding:clamp(30px,5vw,86px)}.section-heading{margin-bottom:42px}.section-heading.split{justify-content:space-between;align-items:end;gap:24px;display:flex}.timeline{gap:14px;display:grid}.experience .section-heading h2{max-width:none}.timeline-item{border:1px solid var(--line);background:#ffffffa8;border-radius:22px;grid-template-columns:220px 1fr;gap:32px;padding:28px;display:grid}.timeline-item>span{color:var(--blue);font-weight:900}.timeline-item h3{margin:0 0 8px;font-size:25px}.timeline-item strong{color:#101828}.timeline-item p{color:#526073;margin:12px 0 0;line-height:1.8}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.project-card,.reference-card,.strength-card{border:1px solid var(--line);background:#ffffffc2;border-radius:24px;transition:transform .28s,box-shadow .28s;overflow:hidden}.project-card:hover,.strength-card:hover{transform:translateY(-7px);box-shadow:0 26px 70px #144a9629}.project-card:first-child,.project-card:nth-child(2){grid-column:span 2}.project-subgrid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.compact-projects{grid-column:span 3;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.compact-projects .project-card{grid-column:span 1}.poster-showcase{border:1px solid var(--line);background:#ffffffc7;border-radius:24px;grid-column:span 1;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.poster-showcase:hover{border-color:#145dff52;transform:translateY(-7px);box-shadow:0 28px 70px #144a962e}.poster-gallery{background:linear-gradient(145deg,#eef8ff,#dcecff);height:290px;padding:14px;overflow:hidden}.poster-gallery img{object-fit:contain;border-radius:12px;width:100%;height:100%;transition:transform .3s;display:block}.poster-showcase:hover .poster-gallery img{transform:scale(1.025)}.project-clickable{position:relative}.project-entry{z-index:8;border-radius:inherit;position:absolute;inset:0}.project-entry:after{content:"查看项目  →";color:#fff;opacity:0;background:#07101fd6;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:800;transition:opacity .25s,transform .25s;position:absolute;top:14px;right:14px;transform:translateY(5px)}.project-clickable:hover .project-entry:after{opacity:1;transform:translateY(0)}.feishu-showcase{border:1px solid var(--line);background:#ffffffc7;border-radius:24px;transition:transform .28s,box-shadow .28s,border-color .28s;position:relative;overflow:hidden}.feishu-showcase:hover{border-color:#145dff52;transform:translateY(-7px);box-shadow:0 26px 70px #144a9629}.feishu-entry{z-index:8;border-radius:inherit;position:absolute;inset:0}.feishu-entry:after{content:"查看项目  →";color:#fff;-webkit-backdrop-filter:blur(12px);opacity:0;background:#07101fd1;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:800;transition:opacity .25s,transform .25s;position:absolute;top:18px;right:18px;transform:translateY(6px)}.feishu-gallery{background:#eef6ff;grid-template-columns:1fr;gap:10px;height:300px;padding:14px;display:grid;overflow:hidden}.feishu-gallery a:nth-child(2){display:none}.feishu-gallery a{aspect-ratio:auto;background:0 0;border-radius:12px;min-width:0;overflow:hidden}.feishu-gallery img{object-fit:contain;object-position:top center;width:100%;height:100%;transition:transform .3s;display:block}.feishu-showcase:hover .feishu-gallery img{transform:scale(1.025)}.feishu-showcase:hover .feishu-entry:after{opacity:1;transform:translateY(0)}.feishu-gallery a:hover img{transform:scale(1.025)}.project-detail-overlay{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#ebf2fcf5;padding:24px;display:none;position:fixed;inset:0;overflow-y:auto}.project-detail-overlay:target,.project-detail-overlay.is-open{display:block}.project-detail-page{background:#fff;border:1px solid #145dff1f;border-radius:24px;width:min(1500px,100%);margin:0 auto;padding:clamp(22px,4vw,64px);box-shadow:0 40px 100px #0f2d642e}.rights-notice{color:#17346d;text-align:center;background:#eaf3ffbd;border:1px solid #145dff24;border-radius:10px;margin-bottom:24px;padding:12px 16px;font-size:12px;font-weight:800}.project-detail-page>header{justify-content:space-between;gap:24px;margin-bottom:34px;padding-right:70px;display:flex;position:relative}.project-detail-page header span{color:var(--blue);font-size:12px;font-weight:900}.project-detail-page header h2{margin:10px 0;font-size:clamp(34px,5vw,72px)}.project-detail-page header p{color:#526073;max-width:760px;margin:0;line-height:1.75}.detail-close{z-index:2;color:#fff;cursor:pointer;width:48px;height:48px;font:inherit;background:#07101f;border:0;border-radius:50%;place-items:center;font-size:30px;text-decoration:none;display:grid;position:fixed;top:34px;right:38px;box-shadow:0 14px 35px #07101f38}.detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.detail-gallery figure{border:1px solid var(--line);background:#f7faff;border-radius:16px;margin:0;overflow:hidden}.detail-gallery figure,.dashboard-detail-gallery figure,.ppt-detail-gallery figure,.ecommerce-detail-gallery figure{content-visibility:auto;contain-intrinsic-size:520px}.detail-gallery img{object-fit:contain;width:100%;height:auto;display:block}.detail-gallery figcaption{color:#17346d;padding:14px 16px;font-size:13px;font-weight:800}.detail-gallery .detail-wide{grid-column:1/-1}.detail-gallery .detail-long{grid-area:3/1;justify-self:center;width:min(420px,100%)}.detail-right-stack{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:24px;display:grid}.detail-right-stack .detail-system,.detail-right-stack .detail-brand{width:100%}.detail-gallery .detail-system img{object-fit:contain;width:100%;height:auto}.ppt-detail-page{width:min(1380px,100%)}.dashboard-detail-page{width:min(1520px,100%)}.dashboard-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.dashboard-detail-gallery figure{background:#061636;border:1px solid #145dff29;border-radius:16px;margin:0;overflow:hidden;box-shadow:0 20px 56px #08204e2e}.dashboard-detail-gallery .dashboard-feature{grid-column:1/-1}.dashboard-detail-gallery img{object-fit:contain;width:100%;height:auto;display:block}.dashboard-detail-gallery figcaption{background:linear-gradient(#071737f2,#040e22fa);gap:5px;padding:15px 17px 17px;display:grid}.dashboard-detail-gallery figcaption strong{color:#d9ecff;font-size:15px}.dashboard-detail-gallery figcaption span{color:#9ecdffb8;font-size:12px;line-height:1.65}.ppt-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.ppt-detail-gallery figure{border:1px solid var(--line);background:#f7faff;border-radius:16px;margin:0;overflow:hidden;box-shadow:0 16px 42px #2253a014}.ppt-detail-gallery .ppt-feature{grid-column:1/-1;justify-self:center;width:min(980px,100%)}.ppt-detail-gallery img{object-fit:contain;width:100%;height:auto;display:block}.ppt-detail-gallery figcaption{gap:5px;padding:15px 17px 17px;display:grid}.ppt-detail-gallery figcaption strong{color:#102b62;font-size:15px}.ppt-detail-gallery figcaption span{color:#657187;font-size:12px;line-height:1.65}.ecommerce-detail-page{width:min(1260px,100%)}.ecommerce-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.ecommerce-detail-gallery figure{border:1px solid var(--line);background:#f7faff;border-radius:16px;width:100%;margin:0;overflow:hidden;box-shadow:0 20px 52px #09255824}.ecommerce-detail-gallery img{object-fit:contain;width:100%;height:auto;display:block}.ecommerce-detail-gallery figcaption{gap:5px;padding:15px 17px 17px;display:grid}.ecommerce-detail-gallery figcaption strong{color:#102b62;font-size:15px}.ecommerce-detail-gallery figcaption span{color:#657187;font-size:12px;line-height:1.65}.manual-detail-gallery figure:last-child{grid-column:auto;justify-self:stretch;width:100%}.pdf-detail-page{width:min(1480px,100%)}.pdf-reader-shell{border:1px solid var(--line);-webkit-user-select:none;user-select:none;background:#eef3fb;border-radius:10px;place-items:center;width:100%;height:min(74vh,940px);min-height:560px;display:grid;position:relative;overflow:hidden}.pdf-password-gate{text-align:center;justify-items:center;gap:16px;width:min(100%,440px);padding:42px;display:grid}.pdf-lock-icon{width:52px;height:52px;color:var(--blue);background:#ffffffb3;border:1px solid #145dff52;border-radius:50%;place-items:center;font-size:28px;display:grid}.pdf-password-gate strong{font-size:20px}.pdf-password-gate p{color:var(--muted);margin:-6px 0 4px}.pdf-password-gate label{text-align:left;color:#33435d;gap:8px;width:100%;font-size:13px;font-weight:700;display:grid}.pdf-password-gate input{width:100%;min-height:48px;color:var(--ink);font:inherit;-webkit-user-select:text;user-select:text;background:#fff;border:1px solid #145dff3d;border-radius:8px;padding:0 14px}.pdf-password-gate input:focus{border-color:var(--blue);outline:2px solid #145dff47}.pdf-open-button{border:0;min-width:156px}.pdf-error{color:#c13232}.pdf-page-toolbar{z-index:2;color:#24426d;background:#ffffffeb;border:1px solid #145dff33;border-radius:8px;align-items:center;gap:12px;padding:6px;font-size:13px;font-weight:700;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 26px #2343751f}.pdf-page-toolbar button{color:#173e7c;cursor:pointer;background:#145dff1a;border:0;border-radius:6px;place-items:center;width:34px;height:30px;font-size:18px;transition:background .2s,color .2s;display:grid}.pdf-page-toolbar button:hover:not(:disabled){color:#fff;background:var(--blue)}.pdf-page-toolbar button:disabled{opacity:.38;cursor:not-allowed}.pdf-image-stage{overscroll-behavior:contain;-webkit-touch-callout:none;background:linear-gradient(145deg,#dfe8f7,#f7faff);place-items:center;width:100%;height:100%;padding:58px 20px 20px;display:grid;position:relative;overflow:auto}.pdf-image-stage img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#fff;width:auto;max-width:min(100%,1280px);height:auto;display:block;box-shadow:0 18px 46px #0d234b40}.pdf-watermark{z-index:1;color:#ffffffc2;pointer-events:none;background:#050c1894;border-radius:5px;padding:6px 10px;font-size:11px;position:absolute;bottom:26px;right:34px}.pdf-rendering{z-index:1;color:#24426d;pointer-events:none;background:#ffffffe0;border-radius:6px;padding:8px 12px;font-size:12px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.project-visual{min-height:290px;padding:24px;position:relative;overflow:hidden}.project-image{object-fit:contain;object-position:center;background:#eef7ff;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.project-image.work-highlights-image{object-position:center top}.project-card:hover .project-image{transform:scale(1.018)}.project-blue .project-visual{background:linear-gradient(135deg,#1059ff,#7bdfff)}.project-black .project-visual{background:linear-gradient(135deg,#05070c,#233458 62%,#266cff)}.project-silver .project-visual{background:linear-gradient(135deg,#f8fbff,#bcc9dd)}.project-light .project-visual{background:linear-gradient(135deg,#edf3ff,#fff)}.mock-window{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:22px;width:64%;height:60%;padding:16px;position:absolute;top:34px;left:34px;box-shadow:inset 0 0 0 1px #ffffff47}.mock-window span{background:#ffffffbd;border-radius:99px;height:14px;margin-bottom:14px;display:block}.mock-window span:nth-child(2){width:72%}.mock-window span:nth-child(3){width:48%}.visual-lines{gap:12px;width:42%;display:grid;position:absolute;bottom:28px;right:28px}.visual-lines i{background:#ffffff6b;border-radius:14px;height:42px}.project-visual b{color:#ffffffd9;font-size:38px;position:absolute;top:22px;right:26px}.project-info{padding:24px}.project-info span,.reference-card span{color:var(--blue)}.project-info h3,.reference-card h3,.strength-card h3{margin:8px 0 10px;font-size:25px}.project-info p,.strength-card p{color:#526073;margin:0;line-height:1.75}@media (width>=1101px){.project-subgrid>.feishu-showcase,.compact-projects>.project-card,.compact-projects>.poster-showcase{flex-direction:column;display:flex}.project-subgrid .feishu-gallery,.project-subgrid .project-visual,.project-subgrid .poster-gallery{height:300px;min-height:300px}.project-subgrid .project-info{flex-direction:column;flex:1;display:flex}.project-subgrid .project-info>span{min-height:44px;line-height:1.55;display:block}.project-subgrid .project-info h3{min-height:76px;line-height:1.45}.project-subgrid .project-info p{flex:1}}.reference-card{background:0 0;border:0;border-radius:0;grid-column:1/-1;grid-template-columns:minmax(250px,.9fr) minmax(0,2.1fr);gap:20px;padding:8px 0 0;display:grid;overflow:visible}.showcase-intro{flex-direction:column;justify-content:center;align-self:stretch;padding:28px 26px 28px 0;display:flex}.showcase-intro span{text-transform:uppercase;font-size:11px;font-weight:900}.showcase-intro h3{margin:14px 0 16px;font-size:clamp(30px,3.2vw,52px);line-height:1.06}.showcase-intro h3 em{color:var(--blue);font-style:normal;display:block}.showcase-intro h3 strong{color:#05070c;font-size:inherit;display:block}.showcase-intro p{color:#526073;margin:0;line-height:1.75}.showcase-intro a{color:#fff;background:#07101f;border-radius:12px;width:fit-content;margin-top:26px;padding:14px 18px;font-size:13px;font-weight:800;transition:transform .24s,box-shadow .24s,background .24s}.showcase-intro a b{margin-left:18px;transition:transform .24s;display:inline-block}.showcase-intro a:hover,.showcase-intro a:focus-visible{background:#145dff;transform:translateY(-3px);box-shadow:0 16px 28px #145dff47}.showcase-intro a:hover b,.showcase-intro a:focus-visible b{transform:translate(5px)}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;justify-self:stretch;gap:14px;width:100%;display:grid}.showcase-item{border:1px solid var(--line);background:#fffc;border-radius:8px;min-width:0;margin:0;position:relative;overflow:hidden}.showcase-clickable{cursor:pointer;transition:transform .3s,box-shadow .3s,border-color .3s}.showcase-clickable:hover{border-color:#1364ff6b;transform:translateY(-4px);box-shadow:0 18px 42px #1453b229}.showcase-entry{z-index:3;position:absolute;inset:0}.showcase-clickable:after{content:"查看完整项目  →";z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;background:#04122bd1;border-radius:6px;padding:8px 11px;font-size:11px;font-weight:700;transition:opacity .25s,transform .25s;position:absolute;top:12px;right:12px;transform:translateY(5px)}.showcase-clickable:hover:after{opacity:1;transform:translateY(0)}.showcase-item img{object-fit:cover;filter:saturate(1.05)contrast(1.02);width:100%;height:190px;transition:transform .35s;display:block}.showcase-item:hover img{transform:scale(1.04)}.showcase-item.crop-a img{object-position:50% 5%}.showcase-item.crop-b img{object-position:78% 28%}.showcase-item.crop-c img{object-position:88% 45%}.showcase-item.crop-d img{object-position:18% 82%}.showcase-item.crop-e img{object-position:55% 76%}.showcase-item.ip-display-card img{object-position:50% 6%}.showcase-item.manual-card img{object-fit:contain;object-position:center;background:#f7f7f8}.manual-preview{background:#f7f7f8;grid-template-columns:repeat(2,minmax(0,1fr));height:190px;display:grid;overflow:hidden}.showcase-item.manual-card .manual-preview img{object-fit:cover;object-position:center top;border-right:1px solid #145dff1f;width:100%;height:100%}.showcase-item.manual-card .manual-preview img:last-child{border-right:0}.showcase-item.vi-card img{object-fit:contain;object-position:center;background:#edf3ff}.showcase-item figcaption{gap:4px;padding:11px 12px 13px;display:grid}.showcase-item figcaption strong{font-size:13px}.showcase-item figcaption span{color:#738096;font-size:10px}.showcase-note{text-align:center;background:linear-gradient(145deg,#f0f7ffe6,#deebffb8);border-radius:8px;align-content:center;place-items:center;gap:14px;min-height:224px;padding:22px;display:grid;position:relative;overflow:hidden}.showcase-note i{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:48px;height:48px;font-size:22px;font-style:normal;display:grid;box-shadow:0 12px 28px #145dff47}.showcase-note p{color:#526073;max-width:160px;margin:0;font-size:12px;line-height:1.65}.strength-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.strength-card{min-height:260px;padding:30px}.strength-card .strength-icon{color:#fff;background:radial-gradient(circle at 28% 24%,#bff8ff 0 8%,#0000 9%),linear-gradient(145deg,#155cff,#35bdf9 58%,#86edff);border-radius:14px;place-items:center;width:46px;height:46px;display:grid;box-shadow:inset 0 1px 1px #ffffffb8,inset 0 -8px 16px #002faa2e,0 10px 20px #145dff42}.strength-card .strength-icon:before{content:attr(data-label);font-family:Arial,sans-serif;font-size:24px;font-style:normal;font-weight:900;line-height:1}.strength-card h3{margin-top:38px}.contact-finale{color:#fff;background:radial-gradient(circle at 20% 28%,#145dff7a,#0000 30rem),radial-gradient(circle at 82% 62%,#70e1ff40,#0000 28rem),#05070c;place-items:center;min-height:100vh;padding:40px 20px;display:grid}@media (prefers-reduced-motion:reduce){.motion-section,.motion-section.is-revealed,.hero-stats div,.about-highlights p,.timeline-item,.portrait img,.hero-panel-image img,.particle-earth,.particle-earth:before,.earth-grid,.earth-orbit,.earth-satellite,.hero-tech-grid,.hero-tech-grid:before,.hero-tech-particles span,.panel-card{transition:none;animation:none;transform:none}}.contact-inner{width:min(100%, var(--max))}.contact-finale .eyebrow{color:#9adfff;background:#ffffff14;border-color:#ffffff24}.contact-finale h2{width:min(100%,1040px);max-width:1040px;font-size:clamp(48px,7.5vw,128px)}.contact-title-line{white-space:nowrap;display:block}.footer-meta{color:#ffffff94;border-top:1px solid #ffffff24;grid-template-columns:minmax(150px,.65fr) minmax(220px,1fr) minmax(380px,2.2fr);gap:20px 34px;margin-top:88px;padding-top:22px;display:grid}.footer-meta span{gap:6px;min-width:0;font-size:14px;line-height:1.45;display:grid}.footer-meta span:before{content:attr(data-label);color:#82d5ff;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.footer-meta span:last-child{text-align:right}.footer-meta span:last-child:before{justify-self:end}@keyframes floatPanel{0%,to{transform:perspective(1200px)rotateY(-12deg)rotateX(3deg)rotate(-4deg)translateY(0)}50%{transform:perspective(1200px)rotateY(-10deg)rotateX(2deg)rotate(-3deg)translateY(-10px)}}@keyframes imageFloat{0%,to{transform:translate(18px)translateY(0)}50%{transform:translate(18px)translateY(-9px)}}@keyframes earthSpin{to{transform:rotate(360deg)}}@keyframes earthGridSpin{to{transform:rotate(422deg)}}@keyframes orbitSweep{to{transform:rotate(384deg)scaleY(.42)}}@keyframes orbitSweepReverse{to{transform:rotate(-416deg)scaleX(.45)}}@keyframes earthHover{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@keyframes satellitePulse{50%{opacity:.68;transform:scale(1.45)}}@keyframes techGridDrift{0%{background-position:0 0,0 0,0 0}to{background-position:78px 78px,78px 78px,0 0}}@keyframes techScan{0%,to{opacity:0;transform:translateY(-62%)}35%{opacity:.76}72%{opacity:0;transform:translateY(58%)}}@keyframes techParticleFloat{0%,to{opacity:.28;transform:translate(0,0)scale(.9)}42%{opacity:.76;transform:translate(-10px,-18px)scale(1)}74%{opacity:.46;transform:translate(8px,-28px)scale(.94)}}@media (width<=1100px){.site-header{width:min(calc(100% - 24px), var(--max));top:14px}.site-header nav{display:none}.hero,.about{grid-template-columns:1fr}.hero{padding-top:130px}.hero-panel{min-height:430px}.hero-panel-image{min-height:460px}.hero-panel-image img{width:min(100%,680px);transform:none}.particle-earth{top:62%;left:6%;transform:scale(.82)}.panel-screen{min-height:420px;left:0;right:auto}.panel-back,.panel-back-b{height:380px;right:10%}.project-grid,.strength-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card,.project-card:first-child,.project-card:nth-child(2),.reference-card{grid-column:span 1}.reference-card{grid-column:1/-1;grid-template-columns:1fr}.showcase-intro{padding-right:0}.project-subgrid{grid-template-columns:1fr}.compact-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-showcase{grid-column:1/-1}.feishu-gallery{height:auto}}@media (width<=720px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.copyright-badge{opacity:.86;max-width:170px;padding:7px 9px;bottom:10px;right:10px}.copyright-badge strong{font-size:10px}.copyright-badge span{display:none}.section-shell{border-radius:22px;width:calc(100vw - 20px);max-width:calc(100vw - 20px);margin-bottom:16px}.contact-finale h2{font-size:30px}.site-header{height:auto;min-height:104px;width:min(calc(100% - 14px), var(--max));border-radius:18px;grid-template-rows:42px 34px;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px 10px;padding:10px;display:grid;overflow:visible}.site-header.is-scrolled{width:min(calc(100% - 14px), var(--max));border-radius:18px;height:auto;min-height:98px;top:8px}.site-header nav{background:#f0f7ffb8;border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;min-width:0;padding:3px;font-size:12px;display:grid;box-shadow:inset 0 1px #ffffffd1}.site-header nav a{border-radius:11px;width:100%;min-width:0;height:28px;padding:0 4px;font-size:12px;font-weight:700}.brand{gap:8px;width:100%;min-width:0}.brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.brand-photo{border-radius:12px;flex:none;width:36px;height:36px}.nav-cta{border-radius:14px;flex:0 0 42px;grid-area:1/2;justify-content:center;width:42px;height:42px;padding:0}.nav-cta-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav-cta span:last-child{font-size:20px}.hero,.about,.experience,.projects,.strengths{max-width:100%;padding:126px 16px 24px}.hero{gap:22px;min-height:auto;overflow:hidden}.hero-content,.about-copy,.portrait-card,.project-grid,.project-subgrid,.compact-projects{min-width:0;max-width:100%}.hero-content{width:calc(100vw - 52px);max-width:calc(100vw - 52px)}.hero h1{max-width:100%;font-size:clamp(38px,11.2vw,48px);line-height:1.08}.mobile-view-note{color:#17346d;background:#eff7ffc2;border:1px solid #145dff29;border-radius:12px;width:calc(100vw - 52px);max-width:calc(100vw - 52px);margin:10px 0 14px;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.55;display:block;box-shadow:inset 0 1px #ffffffc7}.hero h1>.hero-title-line{white-space:normal;overflow-wrap:anywhere;word-break:keep-all}.hero-copy{overflow-wrap:anywhere;word-break:normal;max-width:calc(100vw - 52px);margin-top:16px;font-size:15px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:10px;width:calc(100vw - 52px);min-width:0;max-width:calc(100vw - 52px)}.hero-actions .primary-btn,.hero-actions .ghost-btn{width:calc(100vw - 52px);min-width:0;max-width:calc(100vw - 52px);min-height:50px;padding:0 18px}.hero-actions .primary-btn{border-radius:14px;flex:0 0 calc(100vw - 52px);justify-content:center}.hero-actions .ghost-btn{background:#ffffffad;border-radius:14px;flex:0 0 calc(100vw - 52px);justify-content:center}.hero-actions .ghost-btn:hover,.hero-actions .ghost-btn:focus-visible,.projects .section-heading .ghost-btn.small:hover,.projects .section-heading .ghost-btn.small:focus-visible{border-color:var(--blue);color:#fff;background:var(--blue);transform:translateY(-3px);box-shadow:0 18px 32px #145dff47}.hero-actions .ghost-btn:hover .button-label,.hero-actions .ghost-btn:focus-visible .button-label,.projects .section-heading .ghost-btn.small:hover .button-label,.projects .section-heading .ghost-btn.small:focus-visible .button-label{color:#fff;transform:translateY(100%)}.hero-actions .ghost-btn:hover .button-letters,.hero-actions .ghost-btn:focus-visible .button-letters,.projects .section-heading .ghost-btn.small:hover .button-letters,.projects .section-heading .ghost-btn.small:focus-visible .button-letters{color:#fff}.hero-actions .ghost-btn:hover .button-letters span,.hero-actions .ghost-btn:focus-visible .button-letters span,.projects .section-heading .ghost-btn.small:hover .button-letters span,.projects .section-heading .ghost-btn.small:focus-visible .button-letters span{opacity:1;transform:translateY(0)}.about,.experience,.projects,.strengths{padding-top:28px;scroll-margin-top:118px}.about{gap:18px}.hero-stats,.project-grid,.strength-grid,.contact-list{grid-template-columns:1fr}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-item img,.manual-preview{height:140px}.showcase-note{min-height:194px}.compact-projects{grid-template-columns:1fr}.projects{background:linear-gradient(#f7fbfff5,#fffffffa),radial-gradient(circle at 100% 0,#145dff1a,#0000 16rem);padding-inline:14px;position:relative}.projects .section-heading{margin-bottom:22px}.projects .section-heading.split{align-items:start;gap:16px;display:grid}.projects .section-heading h2{max-width:100%;font-size:clamp(30px,8.2vw,34px);line-height:1.08}.projects .section-heading .eyebrow{margin-bottom:12px}.projects .section-heading .ghost-btn.small{background:#ecf5ffd1;border-color:#145dff2e;border-radius:14px;justify-content:center;width:100%;min-height:48px;box-shadow:inset 0 1px #ffffffc7}.project-grid,.project-subgrid,.compact-projects{gap:14px}.project-card,.feishu-showcase,.poster-showcase{background:#ffffffdb;border-radius:18px;box-shadow:0 14px 38px #153c8217}.project-visual,.poster-gallery{aspect-ratio:1.28;border-radius:0;height:auto;min-height:0;padding:0}.project-image,.poster-gallery img{object-fit:cover;background:#eef7ff}.project-info{padding:16px 16px 18px}.project-info span{font-size:11px;font-weight:800;line-height:1.45;display:block}.project-info h3{margin:7px 0 8px;font-size:20px;line-height:1.25}.project-info p{font-size:14px;line-height:1.65}.project-entry:after,.feishu-entry:after,.showcase-clickable:after{opacity:1;background:#050c18c2;border-radius:999px;padding:7px 10px;font-size:10px;top:12px;right:12px;transform:none}.feishu-gallery{aspect-ratio:1.28;background:#eef7ff;height:auto;padding:0;display:grid;overflow:hidden}.feishu-gallery a{aspect-ratio:auto;border-radius:0;flex:none}.feishu-gallery img{object-fit:cover}.project-detail-overlay{padding:8px}.project-detail-page{border-radius:16px;padding:58px 14px 24px}.project-detail-page>header{margin-bottom:24px;padding-right:0;display:block}.project-detail-page header span{overflow-wrap:anywhere;line-height:1.45;display:block}.project-detail-page header h2{overflow-wrap:anywhere;word-break:break-all;font-size:clamp(28px,9vw,36px);line-height:1.12}.project-detail-page header p{overflow-wrap:anywhere;font-size:14px;line-height:1.65}.detail-close{width:42px;height:42px;top:16px;right:18px}.detail-gallery{grid-template-columns:1fr;gap:14px}.detail-gallery .detail-wide,.detail-gallery .detail-long{grid-area:auto/span 1}.detail-right-stack{grid-area:auto/span 1;gap:14px}.ppt-detail-gallery{grid-template-columns:1fr;gap:14px}.ppt-detail-gallery .ppt-feature{grid-column:span 1}.dashboard-detail-gallery{grid-template-columns:1fr;gap:14px}.dashboard-detail-gallery .dashboard-feature{grid-column:span 1}.ecommerce-detail-gallery{grid-template-columns:1fr;gap:14px}.pdf-detail-page{padding-inline:8px}.pdf-reader-shell{border-radius:8px;height:calc(100dvh - 190px);min-height:430px}.pdf-page-toolbar{white-space:nowrap;gap:8px;max-width:calc(100% - 20px);top:10px}.pdf-page-toolbar button{width:38px;height:34px}.pdf-image-stage{-webkit-overflow-scrolling:touch;align-content:start;padding:56px 10px 16px}.pdf-image-stage img{max-width:100%;box-shadow:0 10px 28px #0d234b33}.pdf-watermark{bottom:14px;right:14px}.contact-list{aspect-ratio:auto}.contact-finale .contact-actions,.footer-meta{grid-template-columns:1fr}.footer-meta span:last-child,.footer-meta span:last-child:before{text-align:left;justify-self:start}.hero-stats{scroll-snap-type:none;background:#ffffff94;border:1px solid #145dff1a;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px;padding:8px;display:grid;overflow:visible;box-shadow:inset 0 1px #ffffffb3}.hero-stats::-webkit-scrollbar{display:none}.hero-stats div{scroll-snap-align:none;background:linear-gradient(#ffffffeb,#eff6ffc7);border-top:0;border-left:0;border-radius:14px;min-width:0;padding:12px 10px}.hero-stats strong{font-size:24px;line-height:1}.hero-stats span{color:#607086;margin-top:5px;font-size:11px;line-height:1.35}.hero-panel-image{aspect-ratio:1.08;border-radius:20px;min-height:0;margin-top:4px;overflow:hidden}.hero-panel-image:before{filter:blur(8px);border-radius:28px;inset:8% 4% 6%}.hero-panel-image:after{filter:blur(22px);height:10%;bottom:4%;left:12%;right:10%}.hero-panel-image img{object-fit:contain;width:68%;max-width:none;max-height:90%;animation:none;transform:none}.particle-earth{opacity:.78;width:52px;height:52px;top:68%;left:8%}.portrait{aspect-ratio:1/1.08;border-radius:20px;justify-self:center;width:min(100%,420px)}.portrait:before{border-radius:16px;inset:10px}.portrait img{object-fit:contain;object-position:center}.panel-screen{border-radius:28px;width:100%;padding:0;transform:none}.screen-copy{padding:0 28px;bottom:50px}.play-orb{bottom:42px;left:28px}.mountain-base{width:88%;height:124px}.floating-card{width:min(240px,78%);bottom:8%;right:14px}.section-heading.split,.timeline-item{display:block}.timeline-item>span{margin-bottom:16px;display:block}.project-visual{min-height:230px}}@media (width<=380px){.site-header{gap:7px 8px;min-height:100px;padding:9px}.site-header nav{gap:3px;padding:3px}.site-header nav a{height:27px;padding:0 2px;font-size:11px}.brand strong{font-size:14px}.brand-photo{width:34px;height:34px}.nav-cta{width:40px;height:40px}}
