*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-moz-user-select:none;user-select:none;-webkit-user-select:none}html{scroll-behavior:smooth}body{font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page,body{background:#030014;display:flex;flex-direction:column;align-items:center}.page{max-width:480px;position:relative}.nav-bar{position:fixed;top:16px;left:16px;right:16px;z-index:99;padding:12px;flex-direction:column;background:#03001452;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(169,163,194,.2);border-radius:8px;box-shadow:0 2px 8px #00000052}.nav-bar,.nav-logo-icon{display:flex;align-items:center}.nav-logo-icon{flex-direction:row;gap:12px;text-decoration:none}.nav-logo-icon>img:first-child{width:32px;height:32px}.nav-logo-icon>img:nth-child(2){width:62px;height:22px}.nav-links{width:100%;display:flex;margin-top:12px;flex-direction:row;align-items:center;justify-content:space-around}.nav-link{font-family:PingFang SC,sans-serif;font-weight:500;font-size:13px;color:#fff;text-decoration:none;line-height:20px;cursor:pointer}.nav-login-btn{display:flex;width:96px;height:48px;padding:14px 12px;justify-content:center;align-items:center;gap:10px;border-radius:24px;background:var(--1,linear-gradient(180deg,#862eff 0,#5032a4 100%))}.nav-login-btn:hover{background:#862eff}.nav-user-area{position:relative}.nav-avatar,.nav-user-area{display:flex;align-items:center}.nav-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;justify-content:center;cursor:pointer;flex-shrink:0;border:1px solid #fff}.nav-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{font-family:PingFang SC,sans-serif;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(180deg,#862eff,#5032a4);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.nav-user-area:after{content:"";position:absolute;top:100%;left:0;right:0;height:12px}.nav-user-dropdown{position:absolute;top:calc(100% + 12px);right:0;background:#252739;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:210;align-items:center}.nav-user-area:hover .nav-user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-info{display:flex;flex-direction:column;align-items:center;gap:8px}.dropdown-nickname{font-family:PingFang SC,sans-serif;font-size:15px;font-weight:600;line-height:20px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-uid{font-weight:300;color:#949599}.dropdown-logout-btn,.dropdown-uid{font-family:PingFang SC,sans-serif;font-size:13px;line-height:18px}.dropdown-logout-btn{width:136px;height:40px;border-radius:8px;border:none;cursor:pointer;background:linear-gradient(180deg,#862eff,#5032a4);font-weight:600;color:#fff}.dropdown-logout-btn:hover{background:#862eff}.hero-section{padding-top:146px;display:flex;flex-direction:column;align-items:center}.hero-title{text-align:center;font-family:PingFang SC;font-size:24px;font-style:normal;font-weight:600;line-height:36px;background:linear-gradient(180deg,#fff,#ffffffb3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{margin-top:12px;font-family:PingFang SC,sans-serif;font-weight:300;font-size:12px;line-height:18px;color:#fff;text-align:center;padding:0 40px}.cta-button{width:176px;height:56px;margin-top:44px}.phone-showcase{display:none}.phone-showcase-h5{width:100%;margin-top:44px}.features-section,.features-section-box{width:100%;display:flex;flex-direction:column;align-items:center}.features-section-box{gap:20px}.section-title{font-family:PingFang SC,sans-serif;font-weight:600;font-size:20px;line-height:30px;text-align:center;background:linear-gradient(180deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px}.feature-card{width:276px;padding:2px;border-radius:24px;background:linear-gradient(180deg,#a9a3c233,#a9a3c214)}.feature-card-inner{width:100%;border-radius:22px;background:#030014;display:flex;flex-direction:column;align-items:center;padding:12px 0}.feature-card-visual{width:248px;height:106px}.feature-card-title{font-family:PingFang SC,sans-serif;font-weight:600;font-size:15px;line-height:22px;letter-spacing:-.36px;text-align:center;margin-top:24px;background:linear-gradient(180deg,#fff 22.5%,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-card-desc{width:248px;text-align:center;font-family:PingFang SC,sans-serif;font-weight:300;font-size:12px;line-height:18px;color:#9b96b0;letter-spacing:-.16px;margin-top:8px;padding-bottom:12px}.download-section{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:60px}.download-title{font-family:PingFang SC,sans-serif;font-weight:600;font-size:20px;line-height:30px;text-align:center;background:linear-gradient(180deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.download-subtitle{font-family:PingFang SC,sans-serif;font-weight:300;font-size:12px;line-height:18px;color:#fff;text-align:center;margin-top:12px}.qr-sectio-box{display:flex;flex-direction:column;gap:34px;margin-top:30px}.qr-section{position:relative;width:375px;height:266px;background-image:url(../images/download-qrcode-bg.png);background-size:100% 100%}.qr-code-frame{position:absolute;left:118px;top:20px;width:140px;height:140px;border-radius:20px;background:#1b1d2c03;box-shadow:inset 0 0 8px #ffffffa3;pointer-events:none}.qr-code-inner{position:absolute;left:126px;top:28px;width:124px;height:124px;border-radius:12px;overflow:hidden;background:#fff}.qr-code-inner img{width:100%;height:100%;position:absolute}.qr-label{position:absolute;left:50%;transform:translate(-50%);top:196px;font-family:PingFang SC,sans-serif;font-weight:600;font-size:15px;line-height:22px;text-align:center;white-space:nowrap;background:linear-gradient(180deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-section{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;margin-top:60px}.about-title{font-weight:600;font-size:20px;line-height:30px;text-align:center;background:linear-gradient(180deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-text,.about-title{font-family:PingFang SC,sans-serif}.about-text{font-size:12px;line-height:18px;color:#fff;text-align:center;margin-top:24px;padding:0 24px;z-index:1}.about-bg{width:100%;max-width:375px;height:134px;background-image:url(../images/footer-bg.png);background-size:100% 134px;margin-top:-50px}.footer{width:100%;display:flex;flex-direction:column;align-items:center;padding:0}.footer-divider{width:100%;height:0;border-top:.5px solid hsla(0,0%,100%,.12)}.footer-copyright{font-family:PingFang SC,sans-serif;font-size:10px;line-height:22px;color:#fff;text-align:center;white-space:nowrap;margin-top:20px;padding-bottom:20px}.footer-copyright a{color:#fff;text-decoration:none}.about-section,.download-section,.features-section{scroll-margin-top:160px}@media(min-width:768px){body{background-image:url(../images/lines.png);background-size:100%;background-repeat:repeat-x}.page{max-width:none;background:transparent}.nav-bar{position:fixed;top:24px;padding:16px 24px;flex-direction:row;border:2px solid rgba(169,163,194,.2);border-radius:16px;width:calc(100% - 48px);max-width:1200px;justify-self:center}.nav-logo-icon{gap:16px}.nav-logo-icon>img:first-child{width:40px;height:40px}.nav-logo-icon>img:nth-child(2){width:78px;height:28px}.nav-links{width:auto;flex:1;display:flex;margin-top:0;flex-direction:row;justify-content:flex-end;gap:60px;align-items:center}.nav-link{text-decoration:none;cursor:pointer;color:#fff;font-family:PingFang SC;font-size:15px;font-style:normal;font-weight:500;line-height:22px}.nav-link.active{color:#862eff;font-weight:500}.hero-section{padding-top:204px}.hero-title{font-size:40px;font-weight:600;line-height:60px}.hero-subtitle,.hero-title{text-align:center;font-family:PingFang SC;font-style:normal}.hero-subtitle{color:#fff;font-size:15px;font-weight:400;line-height:22px;padding:0}.cta-button{width:208px;height:62px;margin-top:40px}.phone-showcase{display:block;width:100%;max-width:1200px;margin-top:60px}.phone-showcase-h5{display:none}.features-section{flex-direction:column}.features-section,.features-section-box{width:100%;display:flex;align-items:center}.features-section-box{flex-direction:row;gap:36px}.section-title{text-align:center;font-size:32px;line-height:60px;background:linear-gradient(180deg,#fff,#ffffffb3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:40px}.feature-card-title,.section-title{font-family:PingFang SC;font-style:normal;font-weight:600}.feature-card-title{text-align:center;font-size:18px;line-height:24px}.feature-card-desc{width:248px;color:#9b96b0;text-align:center;font-family:PingFang SC;font-size:15px;font-style:normal;font-weight:300;line-height:22px;letter-spacing:-.16px;margin-top:12px;padding-bottom:12px}.download-section{margin-top:100px}.download-title{text-align:center;font-size:32px;font-weight:600;line-height:60px;background:linear-gradient(180deg,#fff,#ffffffb3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.download-subtitle,.download-title{font-family:PingFang SC;font-style:normal}.download-subtitle{color:#fff;text-align:center;font-size:15px;font-weight:400;line-height:22px;margin-top:12px}.qr-sectio-box{display:flex;flex-direction:row;margin-top:60px;gap:64px}.qr-section{position:relative;width:457px;height:324px;background-image:url(../images/download-qrcode-bg.png);background-size:100% 100%}.qr-code-frame{position:absolute;left:148px;top:30px;width:160px;height:160px;border-radius:20px;background:#1b1d2c03;box-shadow:inset 0 0 8px #ffffffa3;pointer-events:none}.qr-code-inner{position:absolute;left:156px;top:38px;width:144px;height:144px;border-radius:12px;overflow:hidden;background:#fff}.qr-label{position:absolute;left:50%;transform:translate(-50%);top:236px;white-space:nowrap;background:linear-gradient(180deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;font-family:PingFang SC;font-size:20px;font-style:normal;font-weight:600;line-height:30px}.about-section{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;margin-top:140px}.about-title{text-align:center;font-size:32px;font-weight:600;line-height:60px;background:linear-gradient(180deg,#fff,#ffffffb3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-text,.about-title{font-family:PingFang SC;font-style:normal;z-index:1}.about-text{max-width:750px;color:#fff;text-align:center;font-size:15px;font-weight:400;line-height:22px;margin-top:40px}.about-bg{width:100%;max-width:1200px;height:428px;background-image:url(../images/footer-bg-web.png);background-size:100% 428px;margin-top:-250px}.footer-copyright{color:#fff;text-align:center;font-family:PingFang SC;font-size:15px;font-style:normal;font-weight:300;line-height:22px;margin-top:40px;padding-bottom:40px}}