@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Manrope,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#0b1120;background-color:#f5f7fb;line-height:1.6;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:hover{color:#2563eb}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(59,130,246,.2),transparent 60%),radial-gradient(circle at bottom right,rgba(14,165,233,.15),transparent 55%),#f5f7fb;color:#0b1120}#app{min-height:100vh}.page{display:flex;flex-direction:column;min-height:100vh}.hero{position:relative;padding:3.5rem clamp(1.5rem,4vw,4rem) 4rem;background:linear-gradient(135deg,#0f172a,#1e3a8a 55%,#1d4ed8);color:#f8fafc;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;pointer-events:none;border-radius:999px;filter:blur(60px);opacity:.6}.hero:before{width:420px;height:420px;background:#3b82f659;top:-120px;left:-160px}.hero:after{width:360px;height:360px;background:#0ea5e940;bottom:-160px;right:-120px}.nav{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;position:relative;z-index:1}.brand{display:flex;flex-direction:column;gap:.2rem}.brand-mark{font-size:1.2rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.brand-sub{font-size:.95rem;opacity:.8}.nav-links{display:flex;gap:1.5rem;font-size:.98rem;font-weight:500}.nav-links a{position:relative;padding-bottom:.25rem}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:#38bdf8;transition:width .3s ease}.nav-links a:hover:after,.nav-links a:focus-visible:after{width:100%}.nav-cta{padding:.55rem 1.4rem;background:#38bdf829;border:1px solid rgba(148,197,255,.6);border-radius:999px;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-cta:hover,.nav-cta:focus-visible{background:#38bdf852;border-color:#bfdbfee6}.hero-content{margin-top:3.5rem;display:grid;gap:clamp(2rem,4vw,4rem);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center;position:relative;z-index:1}.hero-text h1{margin:0;font-size:clamp(2.6rem,4vw,3.6rem);line-height:1.18;letter-spacing:-.02em}.hero-description{margin:1.2rem 0 2rem;max-width:540px;color:#e2e8f0e0;font-size:1.02rem}.hero-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:999px;background:#3b82f62e;border:1px solid rgba(148,197,255,.35);font-size:.88rem;letter-spacing:.12em;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.6rem;border-radius:999px;border:1px solid transparent;font-weight:600;transition:all .3s ease}.btn.primary{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;box-shadow:0 10px 25px #3b82f659}.btn.primary:hover,.btn.primary:focus-visible{transform:translateY(-1px);box-shadow:0 16px 32px #3b82f673}.btn.ghost{background:transparent;border-color:#bfdbfe99;color:#e0e7ff}.btn.ghost:hover,.btn.ghost:focus-visible{background:#bfdbfe1f}.hero-stats{margin-top:2.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;max-width:520px}.stat-card{padding:1rem 1.2rem;border-radius:18px;background:#0f172a73;border:1px solid rgba(148,197,255,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left}.stat-value{display:block;font-size:1.6rem;font-weight:700}.stat-label{font-size:.85rem;color:#e2e8f0bf}.hero-visual{position:relative;min-height:320px}.hero-card{position:relative;padding:1.8rem;border-radius:24px;background:#0f172ab8;border:1px solid rgba(148,197,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:320px;margin-left:auto;margin-right:clamp(0rem,6vw,2.5rem);color:#f8fafc;box-shadow:0 25px 45px #0f172a59}.hero-card h3{margin-top:0;margin-bottom:1rem;font-size:1.15rem}.hero-card ul{margin:0;padding-left:1.2rem;color:#e2e8f0cc}.hero-card li+li{margin-top:.6rem}.glow,.orbit{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;opacity:.4}.glow{width:380px;height:380px;background:radial-gradient(circle,rgba(96,165,250,.55),transparent 65%);top:-20px;right:10%;filter:blur(20px);z-index:-2}.orbit{width:420px;height:420px;border:1px dashed rgba(148,197,255,.4);top:35px;right:-40px;z-index:-1}main{flex:1;display:flex;flex-direction:column;gap:0}.section{padding:clamp(3rem,7vw,5rem) clamp(1.5rem,5vw,5rem)}.section-alt{background:#eff4ff}.section-header{max-width:720px;margin:0 auto 2.5rem;text-align:center}.section-header h2{margin:0 0 1rem;font-size:clamp(2rem,3.5vw,2.6rem);line-height:1.2;color:#0f172a}.section-header p{margin:0;color:#475569;font-size:1.05rem}.about-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.about-card{padding:1.8rem;border-radius:20px;background:#fff;box-shadow:0 18px 35px #0f172a14;border:1px solid rgba(226,232,240,.7)}.about-card h3{margin-top:0;margin-bottom:.9rem;font-size:1.2rem;color:#1d4ed8}.about-card p{margin:0;color:#475569}.product-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.product-card{padding:1.8rem;border-radius:18px;background:#fff;box-shadow:0 20px 45px #0f172a14;border:1px solid rgba(226,232,240,.7);transition:transform .3s ease,box-shadow .3s ease}.product-card h3{margin-top:0;margin-bottom:.85rem;font-size:1.18rem;color:#1e3a8a}.product-card p{margin:0;color:#475569;font-size:.98rem}.product-card:hover{transform:translateY(-6px);box-shadow:0 25px 55px #2563eb24}.service-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.service-card{background:#ffffffe6;padding:2rem 1.8rem;border-radius:20px;border:1px solid rgba(191,219,254,.6);box-shadow:0 16px 35px #3b82f614}.service-card h3{margin-top:0;margin-bottom:1rem;color:#1d4ed8;font-size:1.15rem}.service-card ul{margin:0;padding-left:1.1rem;color:#475569}.service-card li+li{margin-top:.6rem}.highlights{background:linear-gradient(180deg,#f8fafc,#ecfeff)}.highlight-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.highlight-card{padding:2rem 1.8rem;border-radius:20px;background:#fff;border:1px solid rgba(226,232,240,.7);box-shadow:0 18px 40px #0ea5e91a}.highlight-card h3{margin-top:1rem;margin-bottom:.8rem;font-size:1.2rem;color:#0f172a}.highlight-card p{margin:0;color:#475569}.highlight-card .icon{display:inline-flex;width:3rem;height:3rem;border-radius:16px;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f626,#0ea5e933);color:#1d4ed8;font-size:1.4rem}.highlight-card .icon:before{content:attr(data-icon);font-family:Manrope,Noto Sans SC,sans-serif;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.highlight-card .icon[data-icon=layers]:before{content:"◎"}.highlight-card .icon[data-icon=spark]:before{content:"✦"}.highlight-card .icon[data-icon=shield]:before{content:"盾";font-family:Noto Sans SC,sans-serif;font-weight:500}.contact{background:linear-gradient(180deg,#eff6ff,#fff)}.contact-card{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:2.5rem;border-radius:24px;background:#fff;border:1px solid rgba(191,219,254,.6);box-shadow:0 24px 55px #2563eb1f}.contact-info h3{margin-top:0;margin-bottom:1rem;font-size:1.35rem;color:#1e3a8a}.contact-info p{margin:.5rem 0 0;color:#475569}.contact-info a{color:#2563eb}.contact-cta{align-self:center;justify-self:center;text-align:center;color:#1f2937}.contact-cta p{margin-bottom:1.2rem;font-weight:600}.footer{padding:2.5rem clamp(1.5rem,4vw,4rem);background:#0f172a;color:#e2e8f0d9}.footer-inner{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.footer strong{font-weight:600}.back-to-top{align-self:flex-end;color:#94c5fff2;font-weight:600}.back-to-top:hover{color:#38bdf8}@media (max-width: 960px){.nav{flex-direction:column;align-items:flex-start}.nav-links{flex-wrap:wrap}.nav-cta{align-self:flex-end}.hero{padding-top:2.8rem}.hero-content{margin-top:2.5rem}.hero-card{margin-right:0}.footer-inner{align-items:center;text-align:center}.back-to-top{align-self:center}}@media (max-width: 600px){.hero-content{grid-template-columns:1fr}.hero-card{max-width:100%}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{gap:1rem}}