*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#f5f5f5;color:#333;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{background:none;border:none;cursor:pointer;font-family:inherit}ol,ul{list-style:none}body{font-family:PingFangSC,Microsoft YaHei,Helvetica,Arial,"sans-serif"}body,html{overflow-x:hidden}:root{--base-width:1400px;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px)}.site-header{align-items:center;background-color:transparent;box-shadow:none;display:flex;height:64px;left:0;padding-top:var(--safe-area-inset-top);position:fixed;right:0;top:0;transition:background-color .25s ease,box-shadow .25s ease;z-index:1000}.site-header.scrolled{background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.05)}.logo-img{display:block;height:40px;width:auto}.hero-subtitle,.hero-title,.logo-heading,.module4-heading{font-size:0;line-height:0;margin:0;padding:0}.feature-title,.module4-subtext{margin:0;padding:0}#app{padding:0 24px}.hero-section{background-color:#f5f5f5;justify-content:center;min-height:800px;overflow:hidden;padding:40px 0}.container,.hero-section{display:flex;position:relative}.container{align-items:center;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px;width:100%}.shadow-layer{pointer-events:none;position:absolute;z-index:0}.shadow-bottom-left{background:radial-gradient(circle at center,rgba(10,207,131,.15) 0,rgba(10,207,131,.05) 40%,hsla(0,0%,100%,0) 70%);bottom:-150px;filter:blur(60px);left:-150px;opacity:.8}.shadow-bottom-left,.shadow-top-right{border-radius:50%;height:600px;width:600px}.shadow-top-right{background:#0acf83;filter:blur(150px);opacity:.1;right:-10%;top:-240px}.hero-content{align-items:center;display:flex;gap:40px;justify-content:flex-start;position:relative;width:100%;z-index:1}.hero-text-group{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:24px;margin-top:-60px;max-width:620px}.hero-title-img{aspect-ratio:620/140}.hero-subtitle-img,.hero-title-img{display:block;height:auto;max-width:620px;object-fit:contain;object-position:left center;width:100%}.hero-subtitle-img{aspect-ratio:620/67}.hero-description{color:rgba(32,40,71,.6);font-family:Microsoft YaHei,sans-serif;font-size:20px;font-weight:400;line-height:1.75;margin:0;text-align:left}.hero-right{flex:1.3;margin-top:64px;min-height:550px}.cards-container,.hero-right{align-items:center;display:flex;justify-content:center;position:relative}.cards-container{height:700px;max-width:600px;transform:scale(1.3);width:100%}.phone-mockup{aspect-ratio:320/640;border-radius:40px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.15));height:auto;position:relative;transition:transform .5s cubic-bezier(.4,0,.2,1);width:320px;z-index:5}.phone-mockup img{display:block;height:100%;object-fit:contain;width:100%}.phone-mockup:hover{transform:scale(1.02)}.card{height:auto;position:absolute;transition:transform .3s ease;width:264px;z-index:10}.card-1{left:-34px;top:193px}.card-1,.card-2{transform:translateY(-50%)}.card-2{right:-2px;top:252px}.card-3{left:-2px;top:364px}.card-3,.card-4{transform:translateY(-50%)}.card-4{right:-42px;top:455px}.progressive-image-container{overflow:hidden;position:relative}.progressive-image{display:block;height:100%;object-fit:cover;transition:opacity .5s ease-in-out;width:100%}.progressive-image.blur{filter:blur(10px);transform:scale(1.1)}.progressive-image.loaded{filter:blur(0);transform:scale(1)}.progressive-placeholder{filter:blur(20px);height:100%;left:0;object-fit:cover;position:absolute;top:0;transform:scale(1.1);transition:opacity .5s ease-in-out;width:100%;z-index:1}.progressive-placeholder.hidden{opacity:0;pointer-events:none}.progressive-original{opacity:0;position:relative;transition:opacity .5s ease-in-out;z-index:2}.progressive-original.visible{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes float{0%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 10px))}to{transform:translateY(-50%)}}@keyframes float-reverse{0%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% + 10px))}to{transform:translateY(-50%)}}@keyframes float-mockup{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-light{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(1)}}.hero-enter{animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}.hero-delay-1{animation-delay:.1s}.hero-delay-2{animation-delay:.3s}.hero-delay-3{animation-delay:.5s}.floating{animation:float 4s ease-in-out infinite}.floating-reverse{animation:float-reverse 4s ease-in-out infinite}.floating-mockup{animation:float-mockup 2s ease-in-out infinite}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.2s}.reveal-delay-2{transition-delay:.4s}.reveal-delay-3{transition-delay:.6s}.module3-section{display:flex;justify-content:center;padding:80px 0}.module3-container{align-items:flex-start;background-color:#202847;border-radius:32px;display:flex;gap:80px;justify-content:flex-start;max-width:1600px;overflow:hidden;padding:60px;position:relative;width:100%}.module3-left{color:#fff;display:flex;flex:1;flex-direction:column;gap:24px;max-width:744px}.module3-title{font-size:80px}.module3-subtitle,.module3-title{font-family:Alimama ShuHeiTi,Microsoft YaHei,sans-serif;font-weight:700;line-height:1.4;margin:0}.module3-subtitle{color:#0acf83;font-size:40px}.module3-description{color:hsla(0,0%,100%,.6);font-family:Microsoft YaHei,sans-serif;font-size:20px;font-weight:400;line-height:1.75;margin:0}.features-grid{display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-top:16px}.feature-card{background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;display:flex;flex-direction:column;gap:16px;justify-content:space-between;min-height:140px;padding:24px;transition:all .4s cubic-bezier(.2,.8,.2,1)}.feature-card:hover{background-color:hsla(0,0%,100%,.1);border-color:rgba(10,207,131,.5);box-shadow:0 10px 30px rgba(0,0,0,.2);transform:translateY(-8px)}.feature-description{color:hsla(0,0%,100%,.4);font-family:Microsoft YaHei,sans-serif;font-size:14px;font-weight:400;line-height:1.6;margin:0;text-transform:uppercase}.feature-footer{align-items:center;display:flex;justify-content:space-between}.feature-title{color:#fff;font-family:Microsoft YaHei,sans-serif;font-size:20px;font-weight:700;line-height:1.33}.feature-icon{height:24px;opacity:.5;width:24px}.module3-right{align-items:flex-start;flex:1;justify-content:center;margin-left:0;padding-top:60px;transform:rotate(-2deg);transform-origin:center}.module3-card,.module3-right{display:flex;position:relative}.module3-card{background-color:#fff;border-radius:64px;box-shadow:0 18px 40px 0 rgba(10,207,131,.22);flex-direction:column;gap:40px;padding:40px;width:600px;z-index:1}.individual-badge{bottom:80px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));height:auto;position:absolute;right:-100px;transform:rotate(8deg);transform-origin:center;width:300px;will-change:transform;z-index:2}.individual-badge,.individual-badge:hover{transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.individual-badge:hover{transform:rotate(8deg) translateY(-10px)}.card-header{align-items:center;display:flex;gap:16px}.card-logo{border-radius:18px;height:62px;width:62px}.card-title{color:#202847;font-family:Alimama ShuHeiTi,sans-serif;font-size:36px;font-weight:700;margin:0;padding:0}.card-image-container{border-radius:24px;height:264px;overflow:hidden;position:relative;width:100%}.scan-line{height:var(--scan-height,40px);left:0;opacity:.8;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:top .8s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;z-index:10}.scan-line svg{display:block;height:100%;width:100%}.scan-line path{fill:none;stroke:hsla(0,0%,100%,.85);stroke-width:var(--scan-thickness,2px)}.scan-line .scan-fill,.scan-line path{filter:drop-shadow(0 0 var(--scan-glow,8px) rgba(255,255,255,.4))}.scan-line .scan-fill{fill:hsla(0,0%,100%,.85)}.card-image-container.scanning .scan-line,.scan-line{animation:scan-vertical 2.5s ease-in-out infinite}@keyframes scan-vertical{0%{opacity:0;top:20%}15%{opacity:1}85%{opacity:1}to{opacity:0;top:80%}}.scan-line.returning{opacity:0;transition:top .5s ease-out,opacity .5s ease-out}.card-image{display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:2}.phone-mockup .progressive-placeholder{border-radius:40px}.card-status{align-items:flex-start;background-color:#f8f9fa;display:flex;gap:16px;padding:0}.status-indicator{align-self:stretch;background-color:#0acf83;border-radius:100px;width:10px}.status-content{display:flex;flex-direction:column;gap:4px}.status-title{color:#202847;font-size:20px;font-weight:700}.status-desc,.status-title{font-family:Alibaba PuHuiTi,Microsoft YaHei,sans-serif}.status-desc{color:rgba(32,40,71,.6);font-size:16px;font-weight:400}.card-info-footer{align-items:center;border-top:1px solid rgba(32,40,71,.05);display:flex;justify-content:space-between;padding-top:16px}.info-group{display:flex;flex-direction:column;gap:4px}.info-group.right{align-items:flex-end}.info-label{color:rgba(32,40,71,.4);font-size:10px;letter-spacing:.1em}.info-label,.info-value{font-family:Alibaba PuHuiTi,sans-serif;font-weight:700}.info-value{color:#202847;font-size:16px}.module4-section{background-color:#f5f5f5;display:flex;justify-content:center;padding:60px 0}.module4-container{align-items:center;display:flex;flex-direction:column;gap:16px;max-width:1400px;text-align:center;width:100%}.module4-image{animation:float 5s ease-in-out infinite;height:auto;max-width:400px;width:100%}.module4-text{color:rgba(32,40,71,.6);font-family:Microsoft YaHei,sans-serif;font-size:24px;font-weight:290;margin:0;max-width:800px}.module4-footer{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:16px}.module4-divider{background-color:rgba(32,40,71,.2);height:1px;width:48px}.module4-subtext{color:rgba(32,40,71,.4);font-family:Microsoft YaHei,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.site-footer{background-color:#f5f5f5;border-top:1px solid #eef0f0;padding:16px 0;padding-bottom:calc(16px + var(--safe-area-inset-bottom))}.footer-content,.site-footer{display:flex;justify-content:center;width:100%}.footer-content{align-items:center;color:#99a1af;flex-direction:row;font-family:Microsoft YaHei,sans-serif;font-size:14px;font-weight:400;gap:40px;max-width:1400px;padding:0 24px}.footer-content>*{flex:0 0 auto}.icp-link{align-items:center;color:#99a1af;display:flex;gap:2px;text-decoration:none;transition:color .3s ease}.icp-link:hover{color:#0acf83}.security-icon{align-items:center;display:flex}.security-icon img{display:block;height:14px;width:14px}@media (max-width:1400px){.container{padding:0 40px}.hero-content{gap:20px}.hero-text-group{max-width:50%}.hero-right{display:flex;flex:1;justify-content:flex-end}.cards-container{transform:scale(.9);transform-origin:center right}}@media (max-width:1200px){.hero-text-group{max-width:45%}.cards-container{margin-right:-40px;transform:scale(.8)}.module3-container{padding:60px 40px}.module3-title{font-size:64px}}@media (max-width:992px){#app,.container{padding:0 24px}#app{margin-top:64px}.site-header{background-color:transparent;box-shadow:none;left:0;position:fixed;right:0;top:0;transition:background-color .25s ease,box-shadow .25s ease;z-index:1000}.site-header.scrolled{background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.05)}.hero-section{min-height:auto;padding:20px 0}.hero-content{align-items:flex-start;flex-direction:column;gap:16px}.module3-section{padding:40px 0}.hero-text-group{align-items:flex-start;margin-top:0;max-width:100%;text-align:left}.hero-description{text-align:left}.hero-right{justify-content:center;margin-top:0;width:100%}.cards-container{height:600px;margin-right:0;max-width:100%;transform:scale(1);transform-origin:center}.card{width:200px}.card-1{left:10%;top:100px}.card-2{right:10%;top:150px}.card-3{left:10%;top:250px}.card-4{right:10%;top:300px}.module3-container{flex-direction:column;gap:40px;padding:16px}.module3-left{max-width:100%}.module3-right{margin-left:0;padding-top:0;position:relative;transform:none;width:100%}.module3-card{margin:0 auto;max-width:500px;position:relative;width:100%;z-index:1}.individual-badge{bottom:-20px;float:none;margin-right:0;margin-top:0;position:absolute;right:10px;transform:rotate(8deg);z-index:2}}@media (max-width:768px){.hero-subtitle-img,.hero-title-img{height:auto;width:100%}.hero-description{font-size:17px}.hero-right{min-height:400px}.cards-container{height:400px;transform:scale(.85)}.module3-section{padding:32px 0}.phone-mockup{width:240px}.card{display:block;width:160px}.card-1{left:-20px;top:70px}.card-2{right:-20px;top:130px}.card-3{left:-20px;top:200px}.card-4{right:-20px;top:260px}.module3-container{gap:32px;padding:16px}.module3-title{font-size:48px}.module3-subtitle{font-size:28px}.module3-description{font-size:18px}.features-grid{gap:20px;grid-template-columns:1fr}.feature-card{border-radius:20px;padding:20px}.module3-right{max-width:100%;padding:0;position:relative;width:100%}.module3-card{border-radius:32px;gap:20px;margin:0 auto;max-width:420px;padding:20px;position:relative;width:calc(100% + 32px);z-index:1}.card-logo{border-radius:14px;height:52px;width:52px}.card-title{font-size:30px}.card-image-container{height:200px}.status-title{font-size:18px}.status-desc{font-size:14px}.individual-badge{bottom:220px;float:none;margin:0;position:absolute;right:-30px;transform:rotate(8deg);width:160px;z-index:10}.module4-section{padding:32px 0}.module4-container{gap:12px}.module4-image{max-width:320px}.module4-text{font-size:18px;margin:-20px 0 0}.footer-content{flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center}}@media (max-width:360px){.module3-title{font-size:32px}.module3-subtitle{font-size:20px}.module3-container{padding:16px}.cards-container{height:360px;transform:scale(.75)}.phone-mockup{width:220px}.module4-image{max-width:240px}.footer-content{flex-direction:column;gap:12px;text-align:center}}@media (max-width:300px){#app,.container{padding:0 12px}#app{margin-top:56px}.site-header{height:56px}.logo-img{height:28px}.hero-section{min-height:auto;padding:16px 0}.hero-content{align-items:flex-start;gap:16px}.hero-text-group{align-items:flex-start;gap:12px;margin-top:0;text-align:left}.hero-subtitle-img,.hero-title-img{height:auto;max-width:100%}.hero-description{font-size:13px;line-height:1.5;text-align:left}.hero-right{min-height:320px}.cards-container{height:320px;transform:scale(.7)}.phone-mockup{width:200px}.card{display:none}.module3-section{padding:32px 0}.module3-container{border-radius:24px;gap:24px;padding:16px}.module3-title{font-size:28px;text-align:left}.module3-subtitle{font-size:18px;text-align:left}.module3-description{font-size:14px;text-align:left}.features-grid{gap:12px;grid-template-columns:1fr}.feature-card{border-radius:12px;min-height:auto;padding:12px}.feature-description{font-size:11px}.feature-title{font-size:14px}.module3-right{max-width:100%;padding-top:0;position:relative;width:100%}.module3-card{border-radius:24px;gap:16px;margin:0 auto;max-width:320px;padding:16px;position:relative;width:calc(100% + 24px);z-index:1}.card-logo{border-radius:10px;height:40px;width:40px}.card-title{font-size:24px}.card-image-container{height:140px}.status-title{font-size:14px}.status-desc{font-size:12px}.individual-badge{bottom:-185px;float:none;margin-right:0;margin-top:0;position:absolute;right:-10px;transform:rotate(8deg);width:110px;z-index:10}.module4-section{padding:32px 0}.module4-image{max-width:200px}.module4-text{font-size:14px;padding:0 12px}.footer-content{flex-direction:column;font-size:11px;gap:8px;text-align:center}.icp-link{padding:6px 0}.security-icon img{height:10px;width:10px}}