*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.8;color:#333;background:#fff}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1100px;margin:0 auto;padding:0 20px}.center{text-align:center;margin-top:32px}.btn{display:inline-block;padding:12px 32px;border-radius:30px;font-size:15px;border:none;cursor:pointer;transition:all .25s ease}.btn-primary{background:#0a90ee;color:#fff}.btn-primary:hover{background:#087fd3}.btn-outline{background:transparent;color:#0a90ee;border:1px solid #0a90ee}.btn-outline:hover{background:#0a90ee;color:#fff}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;justify-content:space-between;height:72px;padding:0 40px;background:#081626;box-shadow:0 2px 12px rgba(0,0,0,.18)}.header,.header .logo{display:flex;align-items:center}.header .logo{gap:10px;font-size:24px;font-weight:700;color:#fff;letter-spacing:1px}.header .logo-icon{border-radius:10px}.header .nav{display:flex;gap:36px}.header .nav a{color:hsla(0,0%,100%,.85);font-size:15px;position:relative;padding:4px 0}.header .nav a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:3px;border-radius:3px;background:#0a90ee;transition:width .25s ease}.header .nav a.active:after,.header .nav a:hover:after{width:100%}.header .nav a:hover{color:#fff}.header .nav a.active{color:#fff;font-weight:600}.header .header-menu{display:flex;align-items:center;gap:30px}.btn-login{padding:9px 26px;font-size:14px;flex:none}.header .nav-toggle{display:none;border:0;background:none;cursor:pointer;padding:8px;flex:none}.header .nav-toggle span{display:block;width:22px;height:2px;margin:5px auto;background:#fff;border-radius:2px;transition:transform .25s ease,opacity .25s ease}.header .nav-toggle.open span:first-child{transform:translateY(7px) rotate(45deg)}.header .nav-toggle.open span:nth-child(2){opacity:0}.header .nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{position:relative;overflow:hidden;color:#fff;text-align:center;padding:110px 20px 130px;background:linear-gradient(180deg,rgba(8,22,38,.55),rgba(13,43,78,.72))}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-photo,.hero:after{position:absolute;inset:0;z-index:0}.hero:after{content:"";background:linear-gradient(180deg,rgba(8,22,38,.78),rgba(10,32,58,.7) 55%,rgba(8,22,38,.86))}.hero-inner{position:relative;z-index:1}.hero h1{font-size:40px;font-weight:700;letter-spacing:2px}.hero-sub{margin-top:16px;font-size:22px;color:#7cc5ff}.hero-desc{max-width:760px;margin:24px auto 0;font-size:16px;color:hsla(0,0%,100%,.85)}.hero-btns{margin-top:40px;display:flex;justify-content:center;gap:20px}.section{padding:70px 0}.section-gray{background:#f5f8fc}.section-dark{background:#081626}.section-title{text-align:center;font-size:30px;font-weight:700;color:#081626}.section-title.light{color:#fff}.section-sub{text-align:center;margin-top:10px;color:#0a90ee;font-size:17px}.section-desc{max-width:860px;margin:20px auto 0;text-align:center;color:#555;font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;margin-top:44px}.feature-card{background:#fff;border-radius:12px;padding:30px 24px;text-align:center;border-top:4px solid #0a90ee;box-shadow:0 6px 24px rgba(8,22,38,.06)}.feature-thumb{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px;margin-bottom:18px;background:#e8f4fe}.feature-title{font-size:18px;font-weight:600;color:#081626;margin-bottom:8px}.feature-desc{font-size:13px;color:#707579;line-height:1.7}.faq-list{max-width:900px;margin:40px auto 0;display:grid;grid-gap:16px;gap:16px}.faq-item{background:#fff;border:1px solid #e6eef7;border-left:4px solid #0a90ee;border-radius:10px;padding:20px 24px}.faq-q{font-size:17px;font-weight:600;color:#081626;margin-bottom:8px}.faq-a{font-size:14px;color:#555;line-height:1.8}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-top:40px}.module-card{background:#fff;border-radius:10px;padding:26px 24px;box-shadow:0 4px 16px rgba(8,22,38,.05)}.module-card .module-name{font-size:18px;font-weight:600;color:#081626;margin-bottom:8px;padding-left:10px;border-left:4px solid #0a90ee}.module-card .module-desc{font-size:13px;color:#707579;line-height:1.7}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-top:40px}.contact-item{background:hsla(0,0%,100%,.06);border-radius:10px;padding:24px 16px;text-align:center}.contact-label{font-size:13px;color:hsla(0,0%,100%,.6);margin-bottom:8px}.contact-value{font-size:16px;font-weight:600;color:#fff}.footer{background:#04101f;color:hsla(0,0%,100%,.7);text-align:center;padding:36px 20px 40px;font-size:13px}.footer .footer-links{margin-bottom:14px}.footer .footer-links a{color:hsla(0,0%,100%,.85);margin:0 8px}.footer .footer-links a:hover{color:#fff}.footer .sep{color:hsla(0,0%,100%,.25)}.footer .footer-line{margin:6px 0}.footer a{color:hsla(0,0%,100%,.7)}.footer a:hover{color:#fff}.page-banner{background:linear-gradient(135deg,#081626,#0d2b4e);color:#fff;text-align:center;padding:64px 20px}.page-banner h1{font-size:32px;font-weight:700}.page-banner p{margin-top:10px;color:hsla(0,0%,100%,.75)}.page .container{padding:56px 20px 70px}.module-list{margin-top:36px}.module-block{display:flex;gap:26px;align-items:flex-start;background:#fff;border:1px solid #e6eef7;border-radius:12px;padding:26px 28px;margin-bottom:18px;box-shadow:0 4px 16px rgba(8,22,38,.05);transition:all .3s}.module-block:hover{box-shadow:0 10px 28px rgba(8,22,38,.1);transform:translateY(-2px)}.module-block:nth-child(2n){flex-direction:row-reverse}.module-block-img{width:250px;flex:none;border-radius:10px;border:1px solid #e6eef7;box-shadow:0 6px 18px rgba(8,22,38,.08)}.module-block-body{flex:1 1;display:flex;flex-direction:column;justify-content:center}.module-block-title{font-size:20px;font-weight:600;color:#081626}.module-block-desc{font-size:14px;color:#555}.pain-list{margin-top:24px}.pain-list li{position:relative;padding-left:22px;margin-bottom:10px;color:#555;font-size:14px}.pain-list li:before{content:"";position:absolute;left:4px;top:10px;width:8px;height:8px;border-radius:50%;background:#0a90ee}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:28px}.solution-card{background:#f5f8fc;border-radius:10px;padding:24px;border-left:4px solid #0a90ee}.solution-name{font-size:17px;font-weight:600;color:#081626;margin-bottom:6px}.solution-desc{font-size:13px;color:#707579}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.device-card{background:#f5f8fc;border-radius:12px;padding:30px 26px;text-align:center;border-top:4px solid #0a90ee;transition:all .3s}.device-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(8,22,38,.1)}.device-img{width:100%;max-width:210px;display:block;margin:0 auto 18px;border-radius:10px;border:1px solid #e6eef7;box-shadow:0 6px 18px rgba(8,22,38,.08)}.device-name{font-size:20px;font-weight:600;color:#081626}.device-desc{font-size:14px;color:#555}.screen-img-wrap{max-width:920px;margin:28px auto 12px}.screen-img{width:100%;border-radius:12px;border:1px solid #e6eef7;box-shadow:0 8px 24px rgba(8,22,38,.08)}.doc{max-width:900px}.doc .doc-date{text-align:center;color:#999;font-size:14px;margin-bottom:26px}.doc .doc-lead{font-size:14px;color:#555;margin-bottom:10px}.doc .doc-title{font-size:18px;font-weight:700;color:#081626;margin:28px 0 12px;padding-left:12px;border-left:4px solid #0a90ee}.doc p{font-size:14px;color:#555;text-align:justify}.doc p,.doc ul{margin-bottom:10px}.doc li{font-size:14px;color:#555;margin:6px 0 6px 20px;text-align:justify;list-style:disc}@media (max-width:900px){.header{padding:0 20px}.contact-grid,.device-grid,.feature-grid,.module-grid,.solution-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:70px 20px 90px}.hero h1{font-size:28px}}@media (max-width:760px){.header .nav-toggle{display:block}.header .header-menu{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#081626;border-top:1px solid hsla(0,0%,100%,.08);box-shadow:0 12px 24px rgba(0,0,0,.28);padding:6px 0 16px}.header .header-menu.open{display:flex}.header .header-menu .nav{flex-direction:column;gap:0}.header .header-menu .nav a{display:block;padding:14px 24px;font-size:16px;border-bottom:1px solid hsla(0,0%,100%,.06)}.header .header-menu .btn-login{margin:16px 24px 0;text-align:center}.module-block,.module-block:nth-child(2n){flex-direction:column;align-items:stretch}.module-block-img{width:100%}}@media (max-width:560px){.header{height:60px}.header .logo-text{font-size:18px}.header .header-menu{top:60px}.contact-grid,.device-grid,.feature-grid,.module-grid,.solution-grid{grid-template-columns:1fr}.hero-btns{flex-direction:column;align-items:center}.section-title{font-size:24px}}