:root{--color-bg:#fff;--color-bg-soft:#f7f8fc;--color-bg-elevated:#fff;--color-bg-card:#fff;--color-bg-card-hover:#fafbff;--color-border:#0000000f;--color-border-hover:#6366f140;--color-text-primary:#1a1a2e;--color-text-secondary:#5a5d7a;--color-text-muted:#9698b0;--color-accent-1:#4f46e5;--color-accent-2:#7c3aed;--color-accent-3:#0891b2;--color-accent-4:#9333ea;--gradient-primary:linear-gradient(135deg, var(--color-accent-1), var(--color-accent-2));--gradient-secondary:linear-gradient(135deg, var(--color-accent-3), var(--color-accent-1));--gradient-glow:linear-gradient(135deg, var(--color-accent-1), var(--color-accent-4), var(--color-accent-3));--font-sans:"Inter", -apple-system, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--section-padding:clamp(4rem, 10vw, 8rem) clamp(1.5rem, 5vw, 4rem);--container-max:1200px;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000008;--shadow-md:0 4px 20px #0000000f, 0 1px 3px #0000000a;--shadow-lg:0 10px 40px #00000014, 0 2px 10px #0000000a;--shadow-glow:0 8px 40px #4f46e51f;--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.7;overflow-x:hidden}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--color-text-primary);font-weight:700;line-height:1.2}.gradient-text{background:var(--gradient-glow);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent-1);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--gradient-primary);border-radius:2px;width:2rem;height:2px}.section-title{margin-bottom:1.25rem;font-size:clamp(2rem,4vw,3rem)}.section-subtitle{color:var(--color-text-secondary);max-width:680px;font-size:clamp(1rem,2vw,1.15rem);line-height:1.8}.container{max-width:var(--container-max);width:100%;margin:0 auto}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.hero{min-height:100vh;padding:var(--section-padding);background:var(--color-bg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-orb{filter:blur(120px);opacity:.35;border-radius:50%;animation:20s ease-in-out infinite orbFloat;position:absolute}.hero-orb-1{background:radial-gradient(circle,#4f46e54d,#0000 70%);width:600px;height:600px;animation-delay:0s;top:-15%;left:-10%}.hero-orb-2{background:radial-gradient(circle,#9333ea33,#0000 70%);width:500px;height:500px;animation-delay:-7s;bottom:-15%;right:-5%}.hero-orb-3{opacity:.2;background:radial-gradient(circle,#0891b226,#0000 70%);width:400px;height:400px;animation-delay:-14s;top:40%;left:50%}.hero-grid{background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60%,#000 20%,#0000 100%);mask-image:radial-gradient(80% 60%,#000 20%,#0000 100%)}.hero-content{z-index:1;text-align:center;max-width:900px;position:relative}.hero-badge{color:var(--color-accent-1);background:#4f46e50f;border:1px solid #4f46e526;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.4rem 1rem;font-size:.8rem;font-weight:500;animation:.8s ease-out both fadeInUp;display:inline-flex}.hero-badge-dot{background:var(--color-accent-3);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.hero-title{color:var(--color-text-primary);margin-bottom:.5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;animation:.8s ease-out .15s both fadeInUp}.hero-title-en{color:var(--color-text-muted);letter-spacing:.3em;margin-bottom:2rem;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:300;animation:.8s ease-out .3s both fadeInUp}.hero-desc{color:var(--color-text-secondary);max-width:700px;margin:0 auto 3rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.9;animation:.8s ease-out .45s both fadeInUp}.hero-stats{flex-wrap:wrap;justify-content:center;gap:3rem;animation:.8s ease-out .6s both fadeInUp;display:flex}.hero-stat{text-align:center}.hero-stat-value{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.hero-stat-label{color:var(--color-text-muted);margin-top:.25rem;font-size:.8rem}.hero-scroll{color:var(--color-text-muted);letter-spacing:.1em;flex-direction:column;align-items:center;gap:.5rem;font-size:.7rem;animation:.8s ease-out .8s both fadeInUp;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-scroll-line{background:linear-gradient(to bottom, var(--color-accent-1), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollLine}.about{padding:var(--section-padding);background:var(--color-bg-soft);position:relative}.about-inner{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-text-block{max-width:560px}.about-highlight{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:600;line-height:1.6}.about-desc{color:var(--color-text-secondary);font-size:1rem;line-height:1.9}.about-keywords{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.about-keyword{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:var(--transition-base);box-shadow:var(--shadow-sm);border-radius:100px;padding:.4rem 1rem;font-size:.85rem}.about-keyword:hover{border-color:var(--color-accent-1);color:var(--color-accent-1);box-shadow:var(--shadow-glow);background:#4f46e50a}.about-visual{justify-content:center;align-items:center;display:flex;position:relative}.about-visual-ring{border:1px solid #4f46e51f;border-radius:50%;width:320px;height:320px;animation:30s linear infinite spinCenter;position:relative}.about-visual-ring:before{content:"";background:var(--color-accent-1);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:50%;box-shadow:0 0 15px #4f46e580}.about-visual-ring-inner{border:1px solid #9333ea1a;border-radius:50%;width:200px;height:200px;animation:20s linear infinite reverse spinCenter;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-visual-ring-inner:before{content:"";background:var(--color-accent-4);border-radius:50%;width:8px;height:8px;position:absolute;bottom:-4px;right:20%;box-shadow:0 0 15px #9333ea66}.about-visual-center{background:var(--gradient-primary);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-divider{background:linear-gradient(90deg, transparent, var(--color-border), transparent);width:100%;height:1px;max-width:var(--container-max);margin:0 auto}.products{padding:var(--section-padding);background:var(--color-bg);position:relative}.products-header{text-align:center;margin-bottom:4rem}.products-header .section-subtitle{margin:0 auto}.products-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.product-card{background:var(--color-bg-card);border:1px solid var(--color-border);transition:var(--transition-slow);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card-image{object-fit:cover;opacity:.95;width:100%;height:600px;transition:var(--transition-slow)}.product-card:hover .product-card-image{opacity:1;transform:scale(1.03)}.product-card-image-wrapper{background:var(--color-bg-soft);position:relative;overflow:hidden}.product-card-image-wrapper:after{content:"";background:linear-gradient(to top, var(--color-bg-card), transparent);pointer-events:none;height:80px;position:absolute;bottom:0;left:0;right:0}.product-card-body{flex-direction:column;flex:1;padding:2rem;display:flex}.product-card-tier{letter-spacing:.08em;border-radius:6px;align-items:center;gap:.4rem;width:fit-content;margin-bottom:1rem;padding:.3rem .8rem;font-size:.75rem;font-weight:600;display:inline-flex}.product-card-tier.tier-hardware{color:var(--color-accent-3);background:#0891b214;border:1px solid #0891b226}.product-card-tier.tier-solution{color:var(--color-accent-4);background:#9333ea0f;border:1px solid #9333ea26}.product-card-title{margin-bottom:.3rem;font-size:1.5rem}.product-card-title-en{color:var(--color-text-muted);margin-bottom:1rem;font-size:.85rem;font-weight:400}.product-card-desc{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.8}.product-features{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.product-feature{background:var(--color-bg-soft);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;display:inline-flex}.product-feature-icon{font-size:.9rem}.product-sub-list{flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.product-sub-item{background:var(--color-bg-soft);border:1px solid var(--color-border);transition:var(--transition-base);border-radius:12px;padding:1rem 1.25rem}.product-sub-item:hover{box-shadow:var(--shadow-md);background:#4f46e508;border-color:#4f46e51f}.product-sub-item-title{color:var(--color-text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem;font-weight:600;display:flex}.product-sub-item-desc{color:var(--color-text-muted);font-size:.85rem;line-height:1.7}.advantages{padding:var(--section-padding);background:var(--color-bg-soft);position:relative}.advantages-header{text-align:center;margin-bottom:4rem}.advantages-header .section-subtitle{margin:0 auto}.advantages-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.advantage-card{background:var(--color-bg-card);border:1px solid var(--color-border);transition:var(--transition-slow);box-shadow:var(--shadow-sm);border-radius:20px;padding:2.5rem 2rem;position:relative;overflow:hidden}.advantage-card:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:var(--transition-base);position:absolute;top:0;left:0;right:0}.advantage-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.advantage-card:hover:before{opacity:1}.advantage-number{background:linear-gradient(135deg,#4f46e51a,#9333ea0d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:4rem;font-weight:900;line-height:1}.advantage-icon{background:#4f46e50f;border:1px solid #4f46e51a;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;font-size:1.4rem;display:flex}.advantage-title{margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.advantage-desc{color:var(--color-text-secondary);font-size:.9rem;line-height:1.8}.vision{padding:var(--section-padding);text-align:center;background:var(--color-bg);position:relative;overflow:hidden}.vision-bg-glow{pointer-events:none;background:radial-gradient(circle,#4f46e50d,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vision-label{letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent-1);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.8rem;font-weight:600;display:inline-flex}.vision-quote{max-width:800px;color:var(--color-text-primary);margin:0 auto 2rem;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;line-height:1.6;position:relative}.vision-sub{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:clamp(1rem,2vw,1.15rem);line-height:1.8}.vision-decorator{background:var(--gradient-primary);border-radius:3px;width:60px;height:3px;margin:3rem auto 0}.hero--compact{min-height:72vh}.hero-desc--wide{max-width:980px;margin-left:auto;margin-right:auto}.about-page-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.about-page-link-primary,.about-page-link-secondary{min-width:132px;transition:var(--transition-base);border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.35rem;font-weight:600;text-decoration:none;display:inline-flex}.about-page-link-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.about-page-link-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.about-page-link-secondary{color:var(--color-text-primary);border:1px solid var(--color-border);background:var(--color-bg-card)}.about-page-link-secondary:hover{border-color:var(--color-border-hover);background:var(--color-bg-card-hover)}.about-page-intro,.about-page-business{padding:var(--section-padding);background:var(--color-bg)}.about-page-intro-grid{grid-template-columns:1.2fr .8fr;align-items:stretch;gap:2rem;display:grid}.about-page-panel{border:1px solid var(--color-border);background:var(--color-bg-card);height:100%;box-shadow:var(--shadow-sm);border-radius:24px;padding:2rem}.about-page-panel-highlight{background:linear-gradient(#4f46e50a,#fffffff5)}.about-page-panel-metrics{background:var(--color-bg-soft);flex-direction:column;justify-content:center;gap:1rem;display:flex}.about-page-body{color:var(--color-text-secondary);font-size:1rem;line-height:1.95}.about-page-body+.about-page-body{margin-top:1rem}.about-page-metric{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:18px;padding:1.5rem}.about-page-metric-value{color:var(--color-text-primary);margin-bottom:.35rem;font-size:1.6rem;font-weight:800}.about-page-metric-label{color:var(--color-text-secondary);font-size:.95rem}.about-page-business-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.about-page-business-card{height:100%}.about-page-business-card-wide{grid-column:1/-1}.about-page-bullets{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.about-page-bullet{background:var(--color-bg-soft);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:14px;padding:1rem 1.1rem;line-height:1.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(40px,30px)scale(1.02)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@keyframes scrollLine{0%{opacity:0;transform-origin:top;transform:scaleY(0)}50%{opacity:1;transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{opacity:0;transform-origin:bottom;transform:scaleY(0)}}@keyframes spinCenter{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1024px){.products-grid{grid-template-columns:1fr;max-width:640px;margin:0 auto}.advantages-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.about-inner{grid-template-columns:1fr;gap:3rem}.about-visual{order:-1}.about-page-intro-grid,.about-page-business-grid,.about-page-bullets{grid-template-columns:1fr}.about-page-business-card-wide{grid-column:auto}}@media (max-width:640px){.hero-stats{gap:2rem}.product-card-body{padding:1.5rem}.advantage-card{padding:2rem 1.5rem}.hero-title{font-size:2.2rem}.hero-title-en{letter-spacing:.15em;font-size:1rem}.about-page-panel,.about-page-metric,.about-page-bullet{padding-left:1.25rem;padding-right:1.25rem}.about-page-actions{flex-direction:column;align-items:stretch}}.language-switcher{z-index:100;-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#ffffffb3;border-radius:100px;align-items:center;gap:.5rem;padding:.4rem .8rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}.lang-btn{color:var(--color-text-secondary);transition:var(--transition-base);border-radius:4px;padding:.2rem .4rem;font-size:.8rem;font-weight:500;text-decoration:none}.lang-btn:hover{color:var(--color-accent-1)}.lang-btn.active{color:var(--color-accent-1);font-weight:700}.lang-divider{color:var(--color-text-muted);font-size:.8rem}.footer{background:var(--color-bg-soft);border-top:1px solid var(--color-border);margin-top:4rem;padding:4rem 1.5rem}.footer-content{max-width:var(--container-max);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin:0 auto;display:flex}.footer-info{flex:1;min-width:280px}.footer-title{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.footer-contact{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.95rem;line-height:1.8}.footer-contact a{color:var(--color-accent-1);transition:var(--transition-base);text-decoration:none}.footer-contact a:hover{text-decoration:underline}.footer-social{align-items:center;gap:2rem;display:flex}.qr-box{flex-direction:column;align-items:center;gap:.5rem;display:flex}.qr-image{object-fit:contain;border:1px solid var(--color-border);background:#fff;border-radius:8px;width:140px;height:140px;padding:4px}.qr-label{color:var(--color-text-muted);font-size:.8rem}.footer-bottom{max-width:var(--container-max);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);margin:3rem auto 0;padding-top:1.5rem;font-size:.85rem}.qr-modal{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.qr-modal-content{box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;padding:1rem;animation:.3s ease-out scaleIn;position:relative}.qr-modal-image{object-fit:contain;border-radius:8px;width:auto;max-width:90vw;height:auto;max-height:80vh}.qr-modal-close{cursor:pointer;width:40px;height:40px;color:var(--color-text-primary);box-shadow:var(--shadow-md);transition:var(--transition-base);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:-2.5rem;right:-2.5rem}.qr-modal-close:hover{background:var(--color-bg-soft);transform:scale(1.05)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.help-page{background:var(--color-bg-base);min-height:100vh;padding:6rem 1.5rem 4rem}.back-link{color:var(--color-text-secondary);transition:var(--transition-base);align-items:center;margin-bottom:2rem;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--color-accent-1);transform:translate(-4px)}.help-header{text-align:center;margin-bottom:4rem}.help-title{color:var(--color-text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:800}.help-desc{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.help-video-list{flex-direction:column;gap:4rem;max-width:900px;margin:0 auto;display:flex}.video-card{background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:var(--transition-base);border-radius:16px;flex-direction:column;align-items:flex-start;padding:2rem;display:flex}.video-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-hover);transform:translateY(-4px)}.video-title{color:var(--color-text-primary);align-items:center;gap:.8rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;display:flex}.video-step{background:var(--color-accent-1);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:1.1rem;font-weight:800;display:flex}.video-wrapper{width:100%;box-shadow:var(--shadow-sm);background:#000;border-radius:12px;overflow:hidden}.video-player{outline:none;width:100%;max-height:70vh;display:block}