:root{color-scheme:dark;--bg:#050911;--surface:#0a111d;--fg:#edf4fd;--muted:#91a3b9;--line:#ffffff16;--blue:#6499ff;--ice:#a4e0ff;--mx:0;--my:0;--scroll:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--bg);color:var(--fg);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--ice);outline-offset:6px}::selection{background:#5b8bca;color:white}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.23}button{cursor:pointer}button,summary{touch-action:manipulation}.wrap{width:min(1360px,calc(100% - 112px));margin-inline:auto}.section{padding-block:130px}.eyebrow{font:11px/1.5 Arial,sans-serif;letter-spacing:.18em;color:var(--ice);display:flex;align-items:center;gap:12px;margin-bottom:32px}.muted{color:var(--muted)}.skip-link{position:fixed;top:-70px;left:20px;z-index:1000;background:white;color:#071323;padding:8px 20px}.skip-link:focus{top:10px}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,#4776ed,#acddff);width:100%;transform-origin:left;transform:scaleX(var(--scroll));z-index:100}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.ambient>div{position:absolute;width:65vw;height:65vw;filter:blur(100px);opacity:.24;border-radius:50%;background:radial-gradient(#183d73,transparent 67%);animation:aurora 24s ease-in-out infinite alternate}.ambient-a{top:-30vw;right:-20vw}.ambient-b{bottom:-40vw;left:-30vw;animation-delay:-9s!important}#starfield{position:absolute;inset:0 0 auto;width:100%;height:110vh;pointer-events:none;z-index:0;opacity:.65}.site-header{height:98px;position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1490px,calc(100% - 72px));margin:auto;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:13px;flex:none}.identity img{width:74px;height:55px;object-fit:contain;mix-blend-mode:screen}.identity>span{font:17px/1 Arial,sans-serif;letter-spacing:.22em}.identity small{display:block;font-size:8px;letter-spacing:.35em;margin-top:9px;color:#94a9c3}.site-header nav{display:flex;gap:30px;font-size:13px;color:#a9b7c9}.site-header nav a{position:relative;transition:color .25s}.site-header nav a:hover{color:white}.site-header nav a::after{position:absolute;content:"";left:0;right:0;bottom:-9px;height:1px;background:var(--ice);transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-header nav a:hover::after{transform:scaleX(1)}.language-switch{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:11px}.language-switch button{border:0;background:none;padding:10px 3px;color:#67798f;transition:color .25s}.language-switch button[aria-pressed="true"]{color:#eff8ff}.language-switch>span{color:#34465b}.hero{position:relative;min-height:min(820px,calc(100svh - 98px));display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-block:92px 120px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(58px,6.5vw,101px);letter-spacing:-.055em;line-height:1.15}.hero h1>span{display:block}.text-gradient{background:linear-gradient(110deg,#87c8ff 6%,#e0f1ff 38%,#5b88fa 95%);background-clip:text;-webkit-background-clip:text;color:transparent;animation:text-shimmer 9s ease infinite;background-size:170%}.hero-desc{font-size:16px;line-height:1.95;color:#9cacc2;max-width:480px;margin-top:32px}.signal-dot{width:5px;height:5px;background:#aadfff;border-radius:50%;box-shadow:0 0 12px #7acbff;animation:pulse 3s ease infinite}.primary-link{margin-top:35px;display:inline-flex;align-items:center;justify-content:space-between;gap:60px;border:1px solid #a9d8ff60;background:linear-gradient(110deg,#8bb6ff13,#8bb6ff03);padding:14px 21px;font-size:13px;transition:background .3s,border-color .3s}.primary-link:hover{background:#71abff20;border-color:#a9d8ff}.primary-link>span:last-child{font-size:23px;line-height:1;transition:transform .3s}.primary-link:hover>span:last-child{transform:translate(3px,-3px)}.hero-foot{position:absolute;bottom:35px;left:0;right:0;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:23px;color:#71869d;font-size:11px;letter-spacing:.06em}.hero-foot a{display:flex;gap:17px;align-items:center}.scroll-arrow{display:inline-block;color:#bedfff;animation:arrow-drift 2.5s ease infinite}.hero-system{position:relative;aspect-ratio:1;max-height:550px;transform:perspective(900px) rotateX(calc(var(--my) * -4deg)) rotateY(calc(var(--mx) * 5deg));transition:transform 1s;user-select:none}.system-grid{position:absolute;inset:7%;border-radius:50%;background-image:linear-gradient(#6ba7ff08 1px,transparent 1px),linear-gradient(90deg,#6ba7ff08 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(#000,transparent 70%);animation:grid-drift 30s linear infinite}.system-orbit{position:absolute;inset:8%;border:1px solid #89baff25;border-radius:50%;transform:rotate(-25deg) scaleY(.6)}.system-orbit::after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid transparent;border-top-color:#bde4ffa6;animation:spin 13s linear infinite;filter:drop-shadow(0 0 8px #78bbff)}.orbit-b{inset:15%;transform:rotate(55deg) scaleY(.68);border-style:dashed;border-color:#89baff25}.orbit-b::after{animation-duration:19s;animation-direction:reverse}.orbit-c{inset:0%;transform:rotate(-65deg) scaleY(.75);border-color:#89baff12}.orbit-c::after{animation-duration:27s;border-top-color:#9cc4ff45}.system-core{position:absolute;inset:33%;border:1px solid #6998e746;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(145deg,#19355540,#08132280);box-shadow:0 0 80px #3065ab16,inset 0 0 45px #5a93ff0a;animation:core-float 8s ease-in-out infinite}.system-core strong{font:72px/1 Arial,sans-serif;color:#cce8ff;text-shadow:0 0 25px #719def44;font-weight:300}.system-core>span:not(.core-cross){font:8px Arial,sans-serif;letter-spacing:.3em;color:#86a4c9;margin-top:13px}.core-cross{position:absolute;top:9px;left:12px;font:10px Arial;color:#86add4}.core-corner{position:absolute;width:10px;height:10px;border-color:#abdcff}.c1{left:-2px;top:-2px;border-left:2px solid;border-top:2px solid}.c2{right:-2px;top:-2px;border-right:2px solid;border-top:2px solid}.c3{left:-2px;bottom:-2px;border-left:2px solid;border-bottom:2px solid}.c4{right:-2px;bottom:-2px;border-right:2px solid;border-bottom:2px solid}.system-node{position:absolute;font:9px Arial,sans-serif;letter-spacing:.1em;color:#b5c9e2;display:flex;gap:8px;align-items:center;animation:node-float 8s ease-in-out infinite}.system-node span{font-size:8px;color:#5981b0;border-top:1px solid #5782b65c;padding-top:7px}.node-a{top:16%;left:17%}.node-b{top:38%;right:0;animation-delay:-2s}.node-c{bottom:16%;right:11%;animation-delay:-4s}.node-d{bottom:32%;left:0;animation-delay:-6s}.system-coordinates{position:absolute;bottom:0;left:3%;right:3%;display:flex;justify-content:space-between;font:7px Arial;letter-spacing:.12em;color:#3f5875}.system-coordinates span{color:#5c7696}.ticker{position:relative;border-block:1px solid var(--line);overflow:hidden;padding:25px 0;background:#0a111970}.ticker-track{display:flex;width:max-content;align-items:center;gap:52px;animation:ticker 42s linear infinite}.ticker-track>span{font:21px Arial,sans-serif;letter-spacing:.02em;color:#a5b6cf}.ticker-track>i{font:13px Arial;color:#5073a3}.heading-row{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:end}.heading-row h2,.scope-copy h2{font-size:clamp(33px,3.7vw,55px);letter-spacing:-.03em;line-height:1.3}.heading-row>p{color:var(--muted);font-size:15px;max-width:440px;line-height:1.9}.portfolio{margin-top:66px;display:grid;grid-template-columns:.9fr 1.4fr;gap:80px}.category-list{display:flex;flex-direction:column}.category-list button{display:flex;align-items:center;gap:22px;background:transparent;border:0;border-bottom:1px solid var(--line);color:#8c9ab0;text-align:left;padding:19px 0;transition:color .3s,padding .3s}.category-list button>span{font:10px Arial;color:#4b6281}.category-list button>b{font-size:16px;font-weight:400;flex:1}.category-list button i{font:20px Arial;opacity:0;transition:opacity .3s}.category-list button[aria-selected="true"],.category-list button:hover{color:#e6f6ff;padding-inline:10px}.category-list button[aria-selected="true"]{border-color:#7dace7}.category-list button[aria-selected="true"] i{opacity:1;color:var(--ice)}.portfolio-panel{position:relative;overflow:hidden;padding:39px 44px;min-height:420px;background:radial-gradient(ellipse at 100% 0,#1a376630,transparent 70%),linear-gradient(145deg,#0e1724,#090e17);border:1px solid var(--line);display:flex;flex-direction:column}.portfolio-panel::after{content:"";position:absolute;top:0;left:0;height:1px;width:110px;background:linear-gradient(90deg,#8abaff,transparent);animation:panel-scan 9s ease-in-out infinite}.panel-code{font:10px Arial;letter-spacing:.18em;color:#7393be}.portfolio-panel h3{font-size:29px;margin-top:18px}.part-families{font:clamp(24px,2.4vw,34px)/1.55 Arial,sans-serif;letter-spacing:-.015em;color:#b1d9ff;margin-block:26px}.panel-desc{font-size:14px;color:#8e9db4;line-height:1.95;max-width:580px;white-space:pre-line}.panel-bottom{font-size:10px;color:#607b9e;display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:25px}.tiny-square{width:4px;height:4px;background:#729bce;flex:none}.sourcing-note{margin-top:35px;display:flex;gap:35px;font-size:12px;line-height:1.8;color:#697d98}.sourcing-note>span{color:#a1b5cf;flex:none}.services-section{background:linear-gradient(#0a111c70,#0a111c25);border-block:1px solid var(--line)}.service-list{margin-top:65px}.service-list details{border-top:1px solid var(--line)}.service-list details:last-child{border-bottom:1px solid var(--line)}.service-list summary{display:flex;align-items:center;gap:25px;padding:29px 0;list-style:none;cursor:pointer}.service-list summary::-webkit-details-marker{display:none}.service-no{font:11px Arial;color:#5f7c9f;width:45px;flex:none}.service-list h3{font-size:24px;flex:1}.service-en{font:9px Arial;color:#59728f;letter-spacing:.1em;width:180px}.plus{position:relative;width:17px;height:17px;flex:none}.plus::before,.plus::after{content:"";position:absolute;background:#a4c3e5;top:8px;left:1px;width:15px;height:1px;transition:transform .3s}.plus::after{transform:rotate(90deg)}details[open] .plus::after{transform:rotate(0)}.service-body{padding:5px 40px 37px 70px;display:grid;grid-template-columns:1fr 1fr;gap:70px;animation:detail-enter .4s ease}.service-body>p,.service-body>div>p{font-size:14px;color:#8e9fb6;line-height:1.95}.service-body>div>span{display:block;color:#b7d6fa;font-size:11px;margin-bottom:8px}.scope-copy{display:grid;grid-template-columns:1.3fr 1fr;gap:90px}.scope-copy>div{padding-top:7px}.scope-copy p{font-size:15px;line-height:2;color:#b3c0d3}.scope-copy p.muted{font-size:13px;color:#637d9c;margin-top:20px}.experience-line{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:75px;padding-top:34px;border-top:1px solid var(--line);font:clamp(18px,3.1vw,43px) Arial;letter-spacing:.02em;color:#344861}.experience-line i{font:17px Arial;color:#53799f}.process-section{border-top:1px solid var(--line)}.process-list{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:75px 0 0;position:relative}.process-list::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,#8bceff80,#4874a729);transform:scaleX(var(--process,0));transform-origin:left;transition:transform 1.5s}.process-list>li{position:relative;padding-top:30px}.process-list>li::before{content:"";position:absolute;top:-3px;left:0;width:6px;height:6px;background:#8fbee9;box-shadow:0 0 15px #8fbee94a}.process-list>li>span{font:12px Arial;color:#6092c6}.process-list h3{margin-top:32px;font-size:22px}.process-list p{color:#8294ad;font-size:13px;line-height:1.9;margin-top:18px;max-width:260px}.contact-section{position:relative;overflow:hidden;text-align:center;padding:125px 0 115px;background:radial-gradient(ellipse at 50% 100%,#10264180,transparent 65%);border-block:1px solid var(--line)}.contact-section .eyebrow{justify-content:center}.contact-section h2{font-size:clamp(36px,4.5vw,68px);letter-spacing:-.03em}.contact-section p:not(.eyebrow){margin-top:22px;color:#8fa5bf;font-size:14px}.email-link{display:inline-flex;align-items:center;gap:30px;font:clamp(20px,3vw,43px)/1.4 Arial,sans-serif;padding-block:14px;margin-top:40px;border-bottom:1px solid #7aabd180;transition:color .3s,border-color .3s;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.email-link:hover{color:#a9dcff;border-color:#b6e5ff}.email-link>span:last-child{color:#92beeb}.email-caption{display:block;font-size:9px;letter-spacing:.18em;color:#55718f;margin-top:15px}.contact-orbit{position:absolute;width:1150px;height:450px;left:50%;top:70%;border:1px solid #70aaff0c;border-radius:50%;transform:translate(-50%,-50%) rotate(-16deg);pointer-events:none}.contact-orbit::after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid transparent;border-top-color:#76b3ff2c;animation:spin 30s linear infinite}.site-footer{padding-block:35px;display:flex;justify-content:space-between;gap:25px;font:10px Arial;color:#506880;letter-spacing:.08em}.site-footer>a{color:#8ba3bd}.hero-enter{animation:hero-enter 1.2s cubic-bezier(.16,.8,.2,1) both}.hero h1{animation-delay:.15s}.hero-desc{animation-delay:.3s}.primary-link{animation-delay:.45s}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .85s,transform .85s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}.panel-change{animation:detail-enter .5s ease}.process-section.is-visible{--process:1}
@keyframes aurora{to{transform:translate3d(-10vw,6vh,0) scale(1.25)}}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 24px #7acbff}}@keyframes spin{to{rotate:360deg}}@keyframes core-float{50%{transform:translateY(-8px);box-shadow:0 0 100px #3a7cd42b,inset 0 0 45px #5a93ff15}}@keyframes node-float{50%{translate:0 -7px}}@keyframes grid-drift{to{background-position:0 70px,0 70px}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes arrow-drift{50%{transform:translateY(5px)}}@keyframes text-shimmer{50%{background-position:100% 0}}@keyframes panel-scan{50%{transform:translateX(400px);opacity:.3}}@keyframes detail-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-enter{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(min-width:1500px){.hero-system{margin-left:20px}.hero{gap:80px}}@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.site-header nav{gap:20px;font-size:12px}.site-header{gap:18px}.identity>span{font-size:14px}.hero{gap:20px;padding-block:75px 110px;min-height:720px}.hero h1{font-size:72px}.hero-system{min-width:0}.hero-desc{font-size:14px}.system-core strong{font-size:55px}.system-node{font-size:7px}.section{padding-block:100px}.heading-row,.scope-copy{gap:55px}.portfolio{gap:45px;grid-template-columns:.85fr 1.15fr}.portfolio-panel{padding:32px}.category-list button>b{font-size:14px}.service-list h3{font-size:22px}.service-en{width:130px;font-size:8px}.service-body{gap:40px}.process-list{gap:24px}.process-list h3{font-size:19px}}
@media(max-width:760px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 40px)}.site-header{width:calc(100% - 36px);height:82px;gap:12px}.identity img{width:56px;height:42px}.identity{gap:9px}.identity>span{font-size:14px}.identity small{font-size:7px}.site-header nav{display:none}.language-switch{font-size:11px}.hero{grid-template-columns:1fr;gap:0;padding-top:62px;padding-bottom:95px;min-height:auto}.hero h1{font-size:clamp(56px,12vw,85px);letter-spacing:-.04em}.hero-desc{max-width:510px;font-size:14px;margin-top:25px}.hero .eyebrow{margin-bottom:24px;font-size:9px}.primary-link{margin-top:26px}.hero-system{width:min(87vw,400px);justify-self:center;margin-top:24px;margin-bottom:24px;max-height:none}.system-core strong{font-size:60px}.hero-foot{bottom:20px;font-size:9px;padding-top:17px}.system-node{font-size:8px}.ticker{padding-block:18px}.ticker-track{gap:30px}.ticker-track>span{font-size:16px}.section{padding-block:78px}.section .eyebrow{font-size:9px;margin-bottom:23px}.heading-row,.scope-copy{grid-template-columns:1fr;gap:25px}.heading-row h2,.scope-copy h2{font-size:36px}.heading-row>p,.scope-copy p{font-size:14px;max-width:100%}.portfolio{margin-top:37px;grid-template-columns:1fr;gap:26px}.category-list{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.category-list button{padding:15px 0;gap:12px}.category-list button>b{font-size:12px}.category-list button>span{font-size:9px}.category-list button i{font-size:15px}.category-list button[aria-selected="true"],.category-list button:hover{padding-inline:3px}.portfolio-panel{min-height:370px;padding:28px}.portfolio-panel h3{font-size:27px}.part-families{font-size:27px;margin-block:22px}.sourcing-note{flex-direction:column;gap:9px;margin-top:22px;font-size:11px}.service-list{margin-top:38px}.service-list summary{gap:15px;padding:24px 0}.service-no{width:24px;font-size:10px}.service-list h3{font-size:18px}.service-en{display:none}.service-body{grid-template-columns:1fr;padding:0 5px 28px 39px;gap:20px}.service-body>p,.service-body>div>p{font-size:13px}.experience-line{gap:12px;font-size:clamp(12px,3.5vw,23px);margin-top:40px;padding-top:25px}.experience-line i{font-size:12px}.process-list{grid-template-columns:1fr 1fr;gap:36px 25px;margin-top:45px}.process-list::before{display:none}.process-list>li{border-top:1px solid #547da050;padding-top:24px}.process-list h3{margin-top:18px;font-size:19px}.process-list p{font-size:12px;margin-top:12px}.contact-section{padding-block:80px}.contact-section h2{font-size:37px}.contact-section p:not(.eyebrow){font-size:13px}.email-link{font-size:clamp(17px,5vw,30px);gap:15px;margin-top:30px}.site-footer{font-size:8px;gap:12px;flex-wrap:wrap;padding-block:25px}.site-footer>a{margin-left:auto}.site-footer>span:nth-child(2){display:none}}
h2,.part-families{white-space:pre-line}html[lang="en"] .hero h1{font-size:clamp(50px,5.5vw,83px);letter-spacing:-.065em}html[lang="en"] .heading-row h2,html[lang="en"] .scope-copy h2{font-size:clamp(32px,3.7vw,54px);letter-spacing:-.045em}html[lang="en"] .service-list h3{font-size:22px}html[lang="en"] .identity>span{letter-spacing:.14em}html[lang="en"] .site-header nav{font-size:11px;gap:23px}html[lang="en"] .category-list button>b{font-size:14px}html[lang="en"] .hero-desc{line-height:1.8}html[lang="en"] .category-list button{gap:16px}
@media(max-width:760px){html[lang="en"] .hero h1{font-size:clamp(42px,10.5vw,76px)}html[lang="en"] .heading-row h2,html[lang="en"] .scope-copy h2{font-size:34px}html[lang="en"] .service-list h3{font-size:17px}html[lang="en"] .category-list button>b{font-size:11px}html[lang="en"] .category-list button{gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.hero-system{transform:none}}
html[data-motion="off"]{scroll-behavior:auto}html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation:none!important;transition:none!important}html[data-motion="off"] .reveal{opacity:1;transform:none}