:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Menlo, Monaco, Consolas, monospace;--bg-white:#fff;--bg-page:#fff;--bg-surface:#fff;--bg-surface-subtle:#f8fafc;--bg-surface-hover:#f1f5f9;--border-light:#e2e8f0;--border-hover:#cbd5e1;--border-focus:#3b82f6;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-accent:#0284c7;--primary:#007bfc;--primary-light:#3b82f6;--primary-dark:#006fe0;--primary-glow:#007bfc2e;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-emerald-dark:#059669;--accent-amber:#d97706;--grad-primary:linear-gradient(135deg, #007bfc 0%, #0284c7 100%);--grad-soft-banner:linear-gradient(135deg, #f0f7ff 0%, #e0f2fe 100%);--shadow-sm:0 1px 3px #0f172a0d;--shadow-md:0 6px 18px -3px #0f172a12, 0 2px 6px -2px #0f172a0a;--shadow-lg:0 20px 40px -12px #0f172a17, 0 0 0 1px #e2e8f0cc;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition:all .25s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font-main);background-color:var(--bg-white);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}.bg-glow-container{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.glow-orb-1{filter:blur(80px);background:radial-gradient(circle,#007bfc0f 0%,#0000 70%);border-radius:50%;width:700px;height:700px;animation:14s ease-in-out infinite alternate pulseOrb;position:absolute;top:-120px;left:20%}.glow-orb-2{filter:blur(80px);background:radial-gradient(circle,#06b6d40a 0%,#0000 70%);border-radius:50%;width:550px;height:550px;animation:12s ease-in-out 2s infinite alternate-reverse pulseOrb;position:absolute;top:380px;right:8%}.glow-grid{background-image:linear-gradient(#0f172a06 1px,#0000 1px),linear-gradient(90deg,#0f172a06 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000000b3 0%,#0000 80%);mask-image:radial-gradient(#000000b3 0%,#0000 80%)}@keyframes pulseOrb{0%{opacity:.8;transform:scale(1)translateY(0)}to{opacity:1;transform:scale(1.1)translateY(30px)}}.container{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.site-header{z-index:50;border-bottom:1px solid var(--border-light);height:85px;transition:var(--transition);background:#fff;align-items:center;display:flex;position:relative}.header-content{justify-content:space-between;align-items:center;width:100%;display:flex}.brand-wrapper{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo-img{object-fit:contain;width:auto;height:44px}.brand-title-text{color:#142149;letter-spacing:-.3px;font-size:20px;font-weight:800}.header-actions{align-items:center;gap:14px;display:flex}.header-btn-login{color:#007bfc;transition:var(--transition);background:0 0;border:1.5px solid #007bfc;border-radius:8px;justify-content:center;align-items:center;padding:7px 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.header-btn-login:hover{background:#007bfc14}.header-btn-register{color:#fff;transition:var(--transition);background:#007bfc;border:1.5px solid #007bfc;border-radius:8px;justify-content:center;align-items:center;padding:7px 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #007bfc40}.header-btn-register:hover{background:#006fe0;border-color:#006fe0;box-shadow:0 6px 18px #007bfc59}.hero-showcase-section{background:#fff;min-height:580px;padding:40px 0 80px;position:relative;overflow:hidden}.hero-bg-layer{pointer-events:none;z-index:1;width:60%;max-width:1000px;position:absolute;top:0;right:0}.hero-bg-curve{width:100%;height:auto;display:block}.hero-container{z-index:2;grid-template-columns:1.1fr 1fr;align-items:center;gap:36px;display:grid;position:relative}.hero-content-col{max-width:640px;padding-top:20px}.hero-brand-name{color:#007bfc;letter-spacing:-.5px;margin-bottom:8px;font-size:clamp(40px,5vw,68px);font-weight:800;line-height:1.15}.hero-tagline{color:#142149;letter-spacing:-.5px;margin-bottom:24px;font-size:clamp(34px,4.4vw,56px);font-weight:800;line-height:1.2}.hero-description{color:#5e7290;margin-bottom:36px;font-size:18px;font-weight:400;line-height:1.8}.hero-action-row{align-items:center;gap:16px;display:flex}.hero-primary-btn{color:#fff;transition:var(--transition);cursor:pointer;background-color:#007bfc;border:none;border-radius:8px;justify-content:center;align-items:center;padding:13px 40px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 8px 22px #007bfc47}.hero-primary-btn:hover{background-color:#006fe0;transform:translateY(-2px);box-shadow:0 12px 28px #007bfc66}.hero-secondary-btn{background:var(--bg-surface-subtle);color:var(--text-secondary);border:1px solid var(--border-light);transition:var(--transition);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:13px 26px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.hero-secondary-btn:hover{color:var(--primary);background:#fff;border-color:#007bfc66}.hero-visual-col{justify-content:center;align-items:center;display:flex;position:relative}.hero-visual-stage{perspective:1200px;justify-content:center;align-items:center;width:100%;max-width:580px;display:flex;position:relative}.hero-aura-pulse{pointer-events:none;z-index:1;background:radial-gradient(circle,#007bfc24 0%,#007bfc00 70%);border-radius:50%;width:380px;height:380px;animation:4s ease-in-out infinite alternate auraPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes auraPulse{0%{opacity:.5;transform:translate(-50%,-50%)scale(.88)}to{opacity:.85;transform:translate(-50%,-50%)scale(1.15)}}.hero-interactive-card{width:100%;transform-style:preserve-3d;will-change:transform;z-index:2;position:relative}.hero-3d-main-img{mix-blend-mode:multiply;filter:drop-shadow(0 20px 35px #007bfc17);-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:20px;width:100%;height:auto;animation:6s ease-in-out infinite alternate levitateMain;display:block}@keyframes levitateMain{0%{transform:translateY(0)}to{transform:translateY(-14px)}}.dynamic-badge{-webkit-backdrop-filter:blur(12px);color:#142149;pointer-events:none;z-index:10;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fffffff0;border:1px solid #e2e8f0d9;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:700;display:flex;position:absolute;box-shadow:0 10px 25px -5px #0f172a14,0 4px 10px -2px #0f172a0a}.badge-top-right{animation:4.5s ease-in-out infinite alternate floatBadge1;top:8%;right:2%}.badge-bottom-left{animation:5.5s ease-in-out .8s infinite alternate-reverse floatBadge2;bottom:8%;left:2%}.badge-bottom-right{animation:5s ease-in-out 1.5s infinite alternate floatBadge3;bottom:18%;right:-2%}@keyframes floatBadge1{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes floatBadge2{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes floatBadge3{0%{transform:translateY(0)}to{transform:translateY(-12px)}}.badge-dot-green{background:#10b981;border-radius:50%;width:8px;height:8px;position:relative;box-shadow:0 0 0 3px #10b98133}.badge-dot-green:after{content:"";opacity:.6;background:#10b981;border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite pingDot;position:absolute;inset:-2px}.badge-dot-blue{background:#007bfc;border-radius:50%;width:8px;height:8px;position:relative;box-shadow:0 0 0 3px #007bfc33}.badge-dot-blue:after{content:"";opacity:.6;background:#007bfc;border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) .7s infinite pingDot;position:absolute;inset:-2px}@keyframes pingDot{75%,to{opacity:0;transform:scale(2.4)}}.badge-ping-number{font-family:var(--font-mono);color:#059669;background:#10b9811a;border-radius:4px;padding:2px 7px;font-weight:800}.section-title-wrap{text-align:center;margin-bottom:36px}.section-pill{color:var(--primary-dark);border-radius:var(--radius-full);background:#007bfc14;border:1px solid #007bfc33;align-items:center;gap:6px;margin-bottom:14px;padding:5px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.section-heading{color:#142149;margin-bottom:10px;font-size:2rem;font-weight:800}.section-subtitle{color:#5e7290;font-size:1rem}.nodes-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.node-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;padding:24px;display:flex}.node-card:hover{background:var(--bg-surface);box-shadow:var(--shadow-md);border-color:#007bfc66;transform:translateY(-4px)}.node-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.node-tag{border-radius:var(--radius-full);color:var(--primary-dark);background:#007bfc14;border:1px solid #007bfc33;align-items:center;padding:3px 9px;font-size:.75rem;font-weight:600;display:inline-flex}.node-ping-val{font-family:var(--font-mono);color:var(--accent-emerald-dark);font-size:.9rem;font-weight:700}.node-name{color:#142149;margin-bottom:8px;font-size:1.15rem;font-weight:700}.node-desc{color:#5e7290;margin-bottom:20px;font-size:.88rem;line-height:1.55}.node-btn{border-radius:var(--radius-sm);background:var(--bg-surface-subtle);border:1px solid var(--border-light);color:#142149;width:100%;transition:var(--transition);justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.node-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.btn-icon-subtle{border:1px solid var(--border-light);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;align-items:center;gap:8px;padding:10px 22px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-icon-subtle:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-md)}.features-section{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);background:#fbfcfe;padding:50px 0 70px}.features-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:60px;display:grid}.feature-card{border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition);box-shadow:var(--shadow-sm);background:#fff;padding:28px 22px}.feature-card:hover{box-shadow:var(--shadow-md);border-color:#007bfc59;transform:translateY(-4px)}.feature-icon-box{border-radius:var(--radius-md);width:50px;height:50px;color:var(--primary);background:#007bfc14;border:1px solid #007bfc33;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.feature-title{color:#142149;margin-bottom:10px;font-size:1.1rem;font-weight:700}.feature-desc{color:#5e7290;font-size:.88rem;line-height:1.6}.media-banner{background:var(--grad-soft-banner);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #bae6fd;justify-content:space-between;align-items:center;gap:36px;margin-bottom:64px;padding:40px 48px;display:flex}.media-banner-content{max-width:520px}.media-banner-title{color:#142149;margin-bottom:14px;font-size:1.85rem;font-weight:800;line-height:1.3}.media-banner-desc{color:#475569;margin-bottom:24px;font-size:.95rem;line-height:1.65}.media-banner-img{border-radius:var(--radius-md);filter:drop-shadow(0 10px 20px #00000014);width:100%;max-width:440px;height:auto}.btn-primary-jump{color:#fff;transition:var(--transition);background:#007bfc;border-radius:8px;align-items:center;gap:8px;padding:11px 26px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #007bfc40}.btn-primary-jump:hover{background:#006fe0;box-shadow:0 6px 18px #007bfc59}.clients-section{text-align:center;margin-bottom:70px;padding-top:30px}.clients-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:26px;display:flex}.client-chip{border:1px solid var(--border-light);border-radius:var(--radius-full);color:#142149;box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:600;display:inline-flex}.client-chip:hover{background:var(--bg-surface-subtle);color:var(--primary);border-color:#007bfc66;transform:translateY(-2px)}.site-footer{border-top:1px solid var(--border-light);color:#64748b;background:#f8fafc;padding:36px 0;font-size:.86rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-links{align-items:center;gap:20px;display:flex}.footer-recommend-actions{align-items:center;gap:12px;display:flex}.footer-recommend-btn{color:#334155;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.2,0,0,1);display:inline-flex;box-shadow:0 1px 3px #0000000a}.footer-recommend-btn:hover{color:#007bfc;background:#f0f7ff;border-color:#007bfc;transform:translateY(-1px);box-shadow:0 3px 8px #007bfc29}.footer-link{color:#64748b;transition:var(--transition);font-weight:500;text-decoration:none}.footer-link:hover{color:var(--primary)}.toast-notice{border-radius:var(--radius-md);color:#0f172a;z-index:1000;opacity:0;pointer-events:none;background:#fff;border:1px solid #93c5fd;align-items:center;gap:10px;padding:14px 22px;font-size:.9rem;font-weight:600;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(100px);box-shadow:0 10px 30px #0f172a1f}.toast-notice.show{opacity:1;transform:translateY(0)}@media (width<=992px){.hero-container{text-align:center;grid-template-columns:1fr;gap:40px}.hero-content-col{max-width:100%;margin:0 auto}.hero-action-row{justify-content:center}.hero-bg-layer{opacity:.3;width:100%}.nodes-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.media-banner{text-align:center;flex-direction:column;padding:32px}.media-banner-content{max-width:100%}}@media (width<=768px){.site-header{height:70px}.hero-showcase-section{padding:20px 0 60px}.hero-brand-name{font-size:38px}.hero-tagline{margin-bottom:18px;font-size:32px}.hero-description{margin-bottom:28px;font-size:16px}.nodes-grid,.features-grid{grid-template-columns:1fr}.footer-content{text-align:center;flex-direction:column}}