:root{--primary:#0f172a;--accent:#2563eb;--accent-hover:#1d4ed8;--bg-light:#fff;--bg-gray:#f8fafc;--text-main:#1e293b;--text-gray:#64748b;--nav-height:80px;--glass:hsla(0,0%,100%,.9)}body{background:var(--bg-light);color:var(--text-main);font-family:PingFang SC,Inter,system-ui,sans-serif;line-height:1.6;margin:0;-webkit-font-smoothing:antialiased}.container{margin:0 auto;max-width:1280px;padding:0 32px}a{color:inherit;text-decoration:none;transition:.3s}button{cursor:pointer;font-family:inherit}.section-padding{padding:120px 0}.bg-white{background:#fff}.bg-gray{background:var(--bg-gray)}.bg-dark{background:#0b1121;color:#fff}.navbar{align-items:center;background:#fff0;display:flex;height:var(--nav-height);position:fixed;top:0;transition:all .4s ease;width:100%;z-index:1000}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #00000008}.nav-inner{justify-content:space-between;width:100%}.brand-group,.nav-inner{align-items:center;display:flex}.brand-group{gap:14px}.brand-icon{height:48px;width:auto}.brand-text-box{display:flex;flex-direction:column;justify-content:center;line-height:1.2}.company-name-cn{color:var(--primary);font-size:18px;font-weight:800;letter-spacing:.5px;margin:0}.company-name-en{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.2px;opacity:.8;text-transform:uppercase}.nav-links{align-items:center;display:flex;gap:32px}.nav-item{color:#475569;font-size:15px;font-weight:600;padding:8px 0;position:relative}.nav-item.active,.nav-item:hover{color:var(--accent)}.nav-item:after{background:var(--accent);border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.nav-item:hover:after{width:100%}.coop-btn{align-items:center;background:var(--primary);border:none;border-radius:50px;box-shadow:0 4px 10px #0f172a26;color:#fff!important;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 24px;transition:all .3s}.coop-btn:hover{background:var(--accent);box-shadow:0 8px 20px #2563eb4d;transform:translateY(-2px)}.arrow-icon{font-style:normal;transition:transform .3s}.coop-btn:hover .arrow-icon{transform:translate(3px)}.hero-section{background:#f8fafc;overflow:hidden;padding-bottom:0;padding-top:180px;position:relative}.hero-bg-aurora{inset:0;pointer-events:none;position:absolute}.aurora-light{filter:blur(120px);opacity:.5;position:absolute}.a-1{background:radial-gradient(circle,#3b82f64d 0,#fff0 70%);height:80%;right:-10%;top:-20%;width:70%}.a-2{background:radial-gradient(circle,#10b98133 0,#fff0 70%);bottom:-10%;height:60%;left:-10%;width:60%}.grid-overlay{background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 0),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 0);background-size:40px 40px;inset:0;position:absolute}.curved-bottom{bottom:0;height:120px;left:0;pointer-events:none;position:absolute;width:100%;z-index:1}.curved-bottom svg{display:block;fill:#fff;height:100%;width:100%}.hero-content{align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1.1fr;padding-bottom:140px;position:relative;z-index:2}.premium-badge{align-items:center;background:#fff;border:1px solid rgba(59,130,246,.2);border-radius:30px;box-shadow:0 4px 10px #00000005;color:var(--accent);display:inline-flex;font-size:13px;font-weight:700;gap:8px;margin-bottom:24px;padding:6px 16px}.hero-title{color:var(--primary);font-size:56px;font-weight:900;letter-spacing:-1.5px;line-height:1.1;margin:0 0 24px}.gradient-text-premium{background:linear-gradient(135deg,var(--accent),#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc-premium{color:var(--text-gray);font-size:18px;line-height:1.7;margin-bottom:40px;max-width:560px}.hero-desc-premium strong{color:var(--primary);font-weight:600}.cta-group-premium{align-items:center;display:flex;gap:20px;margin-bottom:50px}.primary-btn-premium{align-items:center;background:var(--accent);border:none;border-radius:12px;box-shadow:0 10px 25px -5px #3b82f666;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;padding:16px 36px;transition:.3s}.primary-btn-premium:hover{background:var(--accent-hover);transform:translateY(-2px)}.secondary-btn-premium{background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:var(--text-main);cursor:pointer;font-size:16px;font-weight:700;padding:15px 34px;transition:.3s}.secondary-btn-premium:hover{background:#f8fafc;border-color:var(--accent);color:var(--accent)}.qr-popup-wrapper{position:relative}.hover-qr{background:#fff;border:1px solid #e2e8f0;border-radius:10px;bottom:120%;box-shadow:0 20px 40px #00000026;left:50%;opacity:0;padding:12px;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%) translateY(10px);transition:.3s;visibility:hidden;width:140px}.qr-popup-wrapper:hover .hover-qr{opacity:1;transform:translate(-50%) translateY(0);visibility:visible}.hover-qr img{border-radius:6px;width:100%}.hover-qr p{color:var(--text-gray);font-size:12px;margin-top:6px}.dashboard-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid hsla(0,0%,100%,.8);border-radius:16px;box-shadow:0 20px 40px -10px #2563eb1a;gap:24px;padding:16px 24px;width:-moz-fit-content;width:fit-content}.dash-item,.dashboard-bar{align-items:center;display:flex}.dash-item{gap:12px}.dash-icon{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.green-dot{background:#10b981;border-radius:50%;box-shadow:0 0 0 4px #dcfce7;height:10px;width:10px}.dash-info{display:flex;flex-direction:column}.dash-info .label{color:#64748b;font-family:Menlo,Monaco,monospace;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.dash-info .value{color:var(--primary);font-size:14px;font-weight:700}.dash-sep{background:#e2e8f0;height:24px;width:1px}.hero-image-wrapper{display:flex;justify-content:center;position:relative}.phone-ecosystem{max-width:550px;position:relative;width:100%;z-index:10}.real-phone-giant{display:block;filter:drop-shadow(0 40px 100px rgba(59,130,246,.25));width:100%}.phone-glow{background:radial-gradient(circle,#3b82f666 0,#fff0 70%);filter:blur(100px);height:70%;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%;z-index:-1}.ui-card{align-items:center;background:#fffffff2;border:1px solid hsla(0,0%,100%,.8);border-radius:12px;box-shadow:0 15px 35px #0000001a;display:flex;gap:12px;overflow:hidden;padding:14px 20px;position:absolute;z-index:12}.card-top-left{left:-40px;top:12%}.card-bottom-right{bottom:18%;right:-30px}.ui-icon{align-items:center;background:#eff6ff;border-radius:8px;color:var(--accent);display:flex;font-size:20px;height:36px;justify-content:center;width:36px}.success-icon{background:#dcfce7!important;color:#10b981!important}.ui-card div{display:flex;flex-direction:column}.ui-card strong{color:var(--primary);font-size:13px}.status-text{color:#10b981;font-family:monospace;font-size:10px;font-weight:600}.scanning-line{animation:scanMove 2s linear infinite;background:linear-gradient(180deg,transparent,#3b82f6,transparent);height:100%;left:0;opacity:.6;position:absolute;top:0;width:4px}@keyframes scanMove{0%{left:0}to{left:100%}}.floating-anim-slow{animation:float 8s ease-in-out infinite}.floating-anim-1{animation:float 6s ease-in-out infinite alternate}.floating-anim-2{animation:float 7s ease-in-out infinite alternate-reverse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.trusted-by-section{margin-top:-60px;position:relative;text-align:center;z-index:3}.trusted-by-section p{color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:24px;text-transform:uppercase}.logos-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:0 20px}.logo-box{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:8px;box-shadow:0 4px 10px #00000005;color:#64748b;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:.3s}.logo-box:hover{border-color:var(--accent);box-shadow:0 8px 20px #0000000d;color:var(--accent);transform:translateY(-3px)}.section-header{margin-bottom:60px;text-align:center}.section-header h2{color:var(--primary);font-size:36px;font-weight:800;margin-bottom:10px}.section-header p{color:var(--text-gray);font-family:monospace;font-size:16px;letter-spacing:1px}.bento-grid{display:grid;gap:24px;grid-template-columns:1.5fr 1fr}.bento-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:32px;box-shadow:0 10px 30px -10px #00000008;overflow:hidden;position:relative;transition:all .4s ease}.bento-card:hover{box-shadow:0 20px 40px -5px #00000014;transform:translateY(-5px)}.card-bg-gradient{inset:0;opacity:.3;position:absolute;transition:opacity .4s}.gradient-blue{background:radial-gradient(circle at 0 0,#dbeafe 0,transparent 60%)}.gradient-purple{background:radial-gradient(circle at 100% 0,#f3e8ff 0,transparent 60%)}.gradient-green{background:radial-gradient(circle at 100% 100%,#dcfce7 0,transparent 60%)}.bento-card:hover .card-bg-gradient{opacity:.6}.bento-large{height:500px;padding:40px}.card-content{display:flex;gap:20px;height:100%;position:relative;z-index:2}.card-text{flex:1;flex-direction:column}.card-text,.icon-badge{display:flex;justify-content:center}.icon-badge{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000d;font-size:24px;height:48px;margin-bottom:20px;width:48px}.bento-card h3{color:var(--primary);font-size:28px;font-weight:800;margin:0 0 12px}.bento-card p{color:var(--text-gray);font-size:15px;line-height:1.7;margin-bottom:24px}.mini-list{color:#4b5563;font-size:14px;font-weight:600;list-style:none;margin:0;padding:0}.mini-list li{margin-bottom:8px}.card-image-box{align-items:center;display:flex;flex:1;justify-content:center;position:relative}.phone-img-tilt{border-radius:20px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.15));max-width:240px;transform:rotate(5deg) scale(1.1) translate(20px);transition:all .5s ease;width:100%}.bento-large:hover .phone-img-tilt{transform:rotate(0) scale(1.15) translate(20px)}.bento-col{display:flex;flex-direction:column;gap:24px}.bento-medium{align-items:center;display:flex;height:238px;padding:30px}.card-content-row{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%;z-index:2}.card-text-small{max-width:55%}.bento-medium h3{color:var(--primary);font-size:20px;font-weight:800;margin:0 0 8px}.bento-medium p{color:var(--text-gray);display:-webkit-box;font-size:13px;-webkit-line-clamp:2;line-height:1.5;margin:0;-webkit-box-orient:vertical;overflow:hidden}.card-image-box-small{display:flex;justify-content:flex-end;width:40%}.phone-img-up{border-radius:12px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));max-width:100px;transform:translateY(10px);transition:transform .5s ease;width:100%}.bento-medium:hover .phone-img-up{transform:translateY(-5px) scale(1.05)}.bg-tech-pattern{background-color:#f8fafc;background-image:radial-gradient(#e2e8f0 1px,transparent 0);background-size:20px 20px}.tech-card-grid{display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.tech-feature-card{background:#fff;border:1px solid #f1f5f9;border-radius:24px;box-shadow:0 4px 6px -1px #00000005;overflow:hidden;padding:40px 32px;position:relative;transition:all .4s ease}.tech-feature-card:hover{border-color:#3b82f633;box-shadow:0 20px 40px -5px #3b82f61a;transform:translateY(-8px)}.tf-icon-wrapper{align-items:center;border-radius:16px;display:flex;height:64px;justify-content:center;margin-bottom:24px;transition:transform .3s;width:64px}.blue-glow{background:#eff6ff;box-shadow:0 8px 20px -4px #3b82f64d;color:#3b82f6}.purple-glow{background:#f5f3ff;box-shadow:0 8px 20px -4px #8b5cf64d;color:#8b5cf6}.green-glow{background:#ecfdf5;box-shadow:0 8px 20px -4px #10b9814d;color:#10b981}.tech-feature-card:hover .tf-icon-wrapper{transform:scale(1.1)}.tf-icon{font-size:32px}.tech-feature-card h3{color:var(--primary);font-size:22px;font-weight:800;margin:0 0 16px}.tech-feature-card p{color:var(--text-gray);font-size:15px;line-height:1.7;margin-bottom:32px}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tags span{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;font-size:12px;font-weight:600;padding:6px 12px}.tech-feature-card:hover .tech-tags span{background:#fff;border-color:var(--accent);color:var(--accent)}.security-focus{border-top:4px solid #10b981}.bg-black-gold{background:#0b1120;color:#fff;overflow:hidden;position:relative}.bg-black-gold:before{background-image:radial-gradient(hsla(0,0%,100%,.05) 1px,transparent 0);background-size:40px 40px;content:"";inset:0;opacity:.5;position:absolute}.dark-mode-header h2{color:#fff;margin-bottom:10px}.dark-mode-header p{color:#94a3b8}.solution-grid{display:grid;gap:32px;grid-template-columns:repeat(3,1fr);position:relative;z-index:2}.solution-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b99;border:1px solid hsla(0,0%,100%,.1);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;padding:40px 32px;position:relative;transition:all .4s ease}.solution-card:hover{background:#1e293bcc;border-color:#fff3;transform:translateY(-8px)}.sol-bg-glow{filter:blur(80px);height:150px;opacity:.3;position:absolute;right:-50px;top:-50px;transition:opacity .4s;width:150px}.glow-blue{background:#3b82f6}.glow-gold{background:#f59e0b}.glow-purple{background:#8b5cf6}.solution-card:hover .sol-bg-glow{opacity:.6}.sol-icon{font-size:48px;margin-bottom:24px}.solution-card h3{color:#fff;font-size:22px;font-weight:700;margin-bottom:16px}.sol-desc{color:#cbd5e1;flex-grow:1;font-size:14px;line-height:1.7;margin-bottom:24px}.sol-list{list-style:none;margin:0 0 32px;padding:0}.sol-list li{color:#94a3b8;font-size:14px;font-weight:500;margin-bottom:10px}.sol-btn{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:12px 24px;transition:all .3s}.sol-btn:hover{background:#fff;color:#0b1120}.btn-gold{border-color:#f59e0b80;color:#fbbf24}.btn-gold:hover{background:#f59e0b;color:#fff}.site-footer{background:#020617;color:#94a3b8;padding:100px 0 0}.footer-inner{border-bottom:1px solid hsla(0,0%,100%,.1);display:grid;gap:60px;grid-template-columns:2fr 1fr 1fr 1.5fr;padding-bottom:80px}.footer-logo{align-items:center;display:flex;gap:10px;margin-bottom:24px}.footer-logo img{height:32px}.footer-logo span{color:#fff;font-size:20px;font-weight:700}.company-desc{color:#64748b;font-size:14px;line-height:1.8;margin-bottom:24px;max-width:360px}.social-tags span{background:#ffffff1a;border-radius:4px;color:#cbd5e1;font-size:12px;margin-right:8px;padding:4px 10px}.footer-col h4{color:#fff;font-size:16px;font-weight:700;margin-bottom:24px}.footer-col a{color:#94a3b8;display:block;font-size:14px;margin-bottom:14px;transition:.3s}.footer-col a:hover{color:#fff;transform:translate(4px)}.contact-row{font-size:14px;line-height:1.6;margin-bottom:16px}.footer-qr{border:1px solid hsla(0,0%,100%,.1);border-radius:8px;height:120px;margin-top:16px;width:120px}.footer-bottom{background:#000;font-size:13px;padding:30px 0}.bottom-flex{flex-wrap:wrap;gap:10px;justify-content:space-between}.beian-group,.bottom-flex{align-items:center;display:flex}.beian-group{gap:15px}.beian-group a{align-items:center;color:#64748b;display:flex;gap:5px;transition:.3s}.beian-group a:hover{color:#fff}.gongan-icon{height:16px;width:16px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:2000}.modal-overlay.active{opacity:1;visibility:visible}.contact-modal{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-width:420px;padding:40px;position:relative;text-align:center;transform:translateY(20px);transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:90%}.modal-overlay.active .contact-modal{transform:translateY(0)}.close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:24px;position:absolute;right:20px;top:20px;transition:.3s}.close-btn:hover{color:#0f172a;transform:rotate(90deg)}.modal-icon{font-size:48px;margin-bottom:16px}.modal-header h3{color:#0f172a;font-size:24px;font-weight:800;margin:0 0 8px}.modal-header p{color:#64748b;font-size:14px;margin-bottom:32px}.contact-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px}.biz-qr-hd{border-radius:8px;box-shadow:0 4px 12px #0000000d;display:block;height:auto;margin-bottom:16px;margin-left:auto;margin-right:auto;width:260px}.contact-text{display:flex;flex-direction:column;gap:4px}.contact-text .tip{color:#0f172a;font-size:14px;font-weight:700}.contact-text .sub-tip{color:#64748b;font-size:12px}.email-box{border-top:1px solid #e2e8f0;color:#64748b;font-size:13px;padding-top:20px}.email-box strong{color:#2563eb;display:block;font-size:16px;margin-top:4px}.doc-card{background:#fff;border-radius:20px;box-shadow:0 50px 100px -20px #0000004d;display:flex;flex-direction:column;height:80vh;max-width:800px;transform:scale(.95);transition:all .3s ease;width:90%}.modal-overlay.active .doc-card{transform:scale(1)}.doc-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.doc-header h3{color:var(--primary);font-size:20px;font-weight:700;margin:0}.doc-body{color:#334155;flex:1;font-size:15px;line-height:1.8;overflow-y:auto;padding:32px}.doc-content h4{color:var(--primary);font-size:16px;margin:24px 0 12px}.doc-content p{margin-bottom:16px;text-align:justify}.doc-content strong{color:var(--primary)}.doc-footer{background:#f8fafc;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top:1px solid #f1f5f9;padding:20px 32px;text-align:right}.doc-confirm-btn{font-size:14px;padding:10px 24px}@media(max-width:1024px){.nav-action,.nav-links{display:none}.brand-text-box{align-items:center}.company-name-cn{font-size:16px}.company-name-en{display:none}.hero-content{gap:40px;grid-template-columns:1fr;padding-bottom:80px;text-align:center}.hero-text-wrapper{margin:0 auto}.cta-group-premium,.dashboard-bar{flex-wrap:wrap;justify-content:center}.dashboard-bar{gap:10px;width:100%}.dash-sep{display:none}.hero-image-wrapper{justify-content:center;margin-top:30px}.phone-mockup{max-width:350px;width:90%}.ui-card{display:none}.logos-row{gap:10px}.logo-box{font-size:12px;padding:10px 16px}.bento-grid{grid-template-columns:1fr}.bento-large{height:auto;padding:30px}.bento-large,.card-content{flex-direction:column}.phone-img-tilt{margin-top:20px;max-width:180px;transform:none}.bento-large:hover .phone-img-tilt{transform:scale(1.05)}.bento-medium{flex-direction:column;height:auto;padding:24px;text-align:center}.card-content-row{flex-direction:column;gap:20px}.card-text-small{max-width:100%}.card-image-box-small{justify-content:center;width:100%}.phone-img-up{max-width:80px;transform:none}.tech-card-grid{grid-template-columns:1fr}.footer-inner,.solution-grid{gap:40px;grid-template-columns:1fr}.footer-inner{text-align:left}.brand-group{margin:0 auto}.doc-card{height:90vh;width:95%}}