:root{--bg: #0b1020;--bg-soft: #0f152b;--surface: #ffffff;--surface-soft: #f7f9fc;--text: #0b1224;--text-muted: #5b6478;--text-invert: #e6ecff;--primary: #2563eb;--primary-2: #06b6d4;--accent: #7c3aed;--border: #e5e9f2;--radius: 14px;--radius-lg: 22px;--shadow-sm: 0 2px 6px rgba(15, 23, 42, .05);--shadow-md: 0 12px 32px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 60px rgba(15, 23, 42, .12);--container: 1200px;--grad: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,Segoe UI,Roboto,sans-serif;color:var(--text);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}h1,h2,h3,h4{margin:0;line-height:1.25;letter-spacing:-.01em}h1{font-size:clamp(2rem,4.5vw,3.4rem);font-weight:800}h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700}h3{font-size:1.15rem;font-weight:700}p{margin:.6em 0;color:var(--text-muted)}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.site-header{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .25s ease,box-shadow .25s ease,border-color .25s ease;border-bottom:1px solid transparent;background:#fff9;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px)}.site-header.is-scrolled{background:#ffffffe6;border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:flex;align-items:center;gap:12px}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong{font-size:1.05rem}.brand-text em{font-size:.72rem;color:var(--text-muted);font-style:normal;letter-spacing:.04em}.site-nav{display:flex;gap:28px}.site-nav a{font-size:.95rem;color:var(--text);font-weight:500;position:relative;padding:6px 0;transition:color .2s}.site-nav a:hover{color:var(--primary)}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--grad);transition:right .25s ease}.site-nav a:hover:after{right:0}.nav-toggle{display:none;background:transparent;border:1px solid var(--border);border-radius:10px;width:40px;height:40px;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.nav-toggle span{display:block;width:18px;height:2px;background:var(--text);transition:transform .2s,opacity .2s}.nav-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width: 820px){.nav-toggle{display:flex}.site-nav{position:absolute;top:68px;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);transform:translateY(-10px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.site-nav.is-open{opacity:1;transform:none;pointer-events:auto}.site-nav a{padding:16px 24px;border-top:1px solid var(--border)}.site-nav a:after{display:none}}.hero{position:relative;padding:160px 0 100px;overflow:hidden;color:var(--text-invert);background:radial-gradient(1200px 600px at 80% -10%,rgba(6,182,212,.25),transparent 60%),radial-gradient(1000px 500px at 0% 20%,rgba(124,58,237,.25),transparent 60%),linear-gradient(180deg,#0b1020,#0e1530)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 30%,#000 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 40%,transparent 80%)}.glow{position:absolute;width:480px;height:480px;border-radius:50%;filter:blur(80px);opacity:.55}.glow-1{top:-120px;right:-80px;background:#06b6d4}.glow-2{bottom:-160px;left:-80px;background:#7c3aed}.hero-inner{position:relative;text-align:center}.eyebrow{display:inline-block;padding:6px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#cbd5ff;font-size:.82rem;letter-spacing:.08em;margin:0 0 22px}.hero h1{color:#fff}.hero .lead{max-width:720px;margin:22px auto 36px;color:#c8d1ec;font-size:1.08rem}.hero-cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:12px 22px;border-radius:999px;font-size:.95rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background:var(--grad);box-shadow:0 10px 24px #2563eb59}.btn-primary:hover{box-shadow:0 14px 32px #2563eb73}.btn-ghost{color:#fff;background:#ffffff0f;border-color:#ffffff2e}.btn-ghost:hover{background:#ffffff1f}.hero-stats{display:flex;justify-content:center;gap:56px;margin-top:64px;flex-wrap:wrap}.hero-stats>div{display:flex;flex-direction:column;align-items:center}.hero-stats strong{font-size:1.8rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-stats span{color:#93a0c4;font-size:.9rem;margin-top:4px}.section{padding:100px 0}.section-alt{background:var(--surface-soft)}.section-head{text-align:center;max-width:720px;margin:0 auto 56px}.section-head h2{margin:14px 0 12px}.section-head p{color:var(--text-muted)}.badge{display:inline-block;padding:4px 12px;border-radius:999px;background:#2563eb14;color:var(--primary);font-size:.8rem;font-weight:600;letter-spacing:.04em}.grid{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 960px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:72px 0}.hero{padding:130px 0 80px}.hero-stats{gap:28px;margin-top:40px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;left:0;background:var(--grad);opacity:0;transition:opacity .25s;z-index:0;height:4px;bottom:auto}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.card:hover:before{opacity:1}.card>*{position:relative;z-index:1}.card-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#2563eb1f,#06b6d41f);display:grid;place-items:center;font-size:1.6rem;margin-bottom:18px}.service-card h3{margin-bottom:8px}.tag-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px}.tag-list li{font-size:.78rem;color:var(--text-muted);padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft)}.capability{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:transform .25s,box-shadow .25s}.capability:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.capability-num{font-size:1.4rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}.capability h4{font-size:1.05rem;margin-bottom:6px}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;gap:40px}}.check-list{list-style:none;padding:0;margin:18px 0 0}.check-list li{position:relative;padding:8px 0 8px 28px;color:var(--text)}.check-list li:before{content:"";position:absolute;left:0;top:14px;width:16px;height:16px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 4px #2563eb1f}.check-list li:after{content:"";position:absolute;left:5px;top:18px;width:6px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}.about-visual{position:relative;aspect-ratio:1 / 1;display:grid;place-items:center}.orbit{position:relative;width:80%;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(37,99,235,.25);display:grid;place-items:center;background:radial-gradient(circle at center,rgba(37,99,235,.08),transparent 60%);animation:spin 24s linear infinite}.orbit:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:1px dashed rgba(6,182,212,.3)}.orbit-core{width:36%;aspect-ratio:1;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.4rem;letter-spacing:.1em;box-shadow:0 16px 40px #2563eb59;animation:spin 24s linear infinite reverse}.dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 4px #2563eb26}.d1{top:0;left:50%;transform:translate(-50%,-50%)}.d2{right:0;top:50%;transform:translate(50%,-50%);background:linear-gradient(135deg,#06b6d4,#7c3aed)}.d3{bottom:0;left:50%;transform:translate(-50%,50%)}.d4{left:0;top:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#7c3aed,#2563eb)}@keyframes spin{to{transform:rotate(360deg)}}.contact-grid .card{text-align:center}.contact-grid .card .card-icon{margin-left:auto;margin-right:auto}.site-footer{background:#0b1020;color:#c0c8e2;padding:36px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.footer-brand{display:flex;flex-direction:column}.footer-brand strong{color:#fff;font-size:1rem}.footer-brand span{color:#8a93b3;font-size:.82rem}.footer-meta{text-align:right;font-size:.85rem}.footer-meta p{color:#8a93b3;margin:2px 0}.footer-meta a:hover{color:#fff}@media (max-width: 600px){.footer-inner,.footer-meta{text-align:center;justify-content:center}.footer-meta{text-align:center}}@media (prefers-reduced-motion: no-preference){.card,.capability,.section-head,.about-grid>div{animation:rise .6s ease both}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}