.hero{height:70vh;min-height:720px;position:relative;overflow:hidden}.hero .hero-container{z-index:1;flex-direction:row;justify-content:space-between;align-items:center;height:100%;display:flex;position:relative}.hero .hero-container .hero-content h1{color:#393939;margin:0;font-size:32px;font-weight:700}[data-prefers-color=dark] .hero .hero-container .hero-content h1{color:#e5e5e5}.hero .hero-container .hero-content h1.main{background:linear-gradient(90deg,#4ba4f7,#74e9cb,#d5b14e,#74e9cb,#4ba4f7) 0 0/200% 100%;-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite gradientFlow}.hero .hero-container .hero-content .hero-tips{color:#999;margin:0;font-size:16px;font-weight:400;margin-top:20px!important}[data-prefers-color=dark] .hero .hero-container .hero-content .hero-tips{color:#999}.hero .hero-container .hero-content .hero-buttons{margin-top:40px}.hero .hero-container .hero-window-container{justify-content:center;align-items:center;width:600px;height:460px;display:flex}.who-are-using{padding-top:120px;padding-bottom:120px}.who-are-using .who-are-using-container{height:100%;margin:0 auto;padding:0 20px;overflow:hidden}.who-are-using .logo-card{flex-direction:column;align-items:center;gap:20px;display:flex}.who-are-using .logo-card .logo-image-container{border-radius:19.1%;justify-content:center;align-items:center;width:128px;height:128px;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000026}[data-prefers-color=dark] .who-are-using .logo-card .logo-image-container{box-shadow:0 8px 24px #ffffff40}.who-are-using .logo-card .logo-image-container .logo-image{object-fit:cover;width:100%;height:100%}.who-are-using .logo-card .logo-name{color:#999;font-size:16px;font-weight:400}[data-prefers-color=dark] .who-are-using .logo-card .logo-name{color:#999}.design-container{padding:120px 0}.design-container .design-intro-container{background:#f5f5f5;border-radius:8px;height:400px}[data-prefers-color=dark] .design-container .design-intro-container{background:#1a1a1a}.design-container .design-intro-container{padding:40px;position:relative;overflow:hidden!important}.design-container .design-intro-container .design-intro{width:35%}.design-container .design-intro-container .design-intro .image-container{width:120px;height:120px;position:relative}.design-container .design-intro-container .design-intro .design-title-text{margin-top:40px;font-size:24px;font-weight:700}.design-container .design-intro-container .design-intro .design-content-text{color:#999;font-size:16px;font-weight:400}[data-prefers-color=dark] .design-container .design-intro-container .design-intro .design-content-text{color:#666}.design-container .design-intro-container .design-intro .design-content-text{margin-top:20px}.design-container .design-intro-container .figma-design-window{width:846px;height:457px;position:absolute;bottom:-130px;right:-120px}.design-container .design-keywords-container{border:1px solid #e5e5e5;margin-top:40px;padding:20px 0}[data-prefers-color=dark] .design-container .design-keywords-container{border-color:#333}.design-container .design-keywords-container{border-radius:8px;flex-direction:row;justify-content:center;align-items:flex-start;display:flex}.design-container .design-keywords-container .design-keyword-item{flex-direction:column;justify-content:center;align-items:center;width:20%;height:80px;display:flex}.design-container .design-keywords-container .design-keyword-item .keyword{font-size:24px}.design-container .design-keywords-container .design-keyword-item .keyword span{font-weight:700}.design-container .design-keywords-container .design-keyword-item .related-text{opacity:.5}.development-container{padding:120px 0 180px}.development-container .development-features{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:80px;display:grid}.development-container .development-features .feature-item{background:#f5f5f5;border-radius:20px;flex-direction:column;gap:16px;padding:40px 20px;display:flex}[data-prefers-color=dark] .development-container .development-features .feature-item{background:#1a1a1a}.development-container .development-features .feature-item .feature-title{color:#393939;margin:0;font-size:20px;font-weight:600}[data-prefers-color=dark] .development-container .development-features .feature-item .feature-title{color:#e5e5e5}.development-container .development-features .feature-item .feature-description{color:#666;margin:0;font-size:14px;font-weight:400;line-height:1.6}[data-prefers-color=dark] .development-container .development-features .feature-item .feature-description{color:#999}.development-container .development-features .feature-item .feature-related .bash-container{color:#fff;background:#393939;border-radius:20px;align-items:center;height:40px;padding:0 12px 0 20px;line-height:40px;display:inline-flex;position:relative}[data-prefers-color=dark] .development-container .development-features .feature-item .feature-related .bash-container{color:#e5e5e5;background:#2a2a2a}.development-container .development-features .feature-item .feature-related .bash-container .copy-button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;transition:all .2s;display:flex;position:relative}[data-prefers-color=dark] .development-container .development-features .feature-item .feature-related .bash-container .copy-button{color:#e5e5e5}.development-container .development-features .feature-item .feature-related .bash-container .copy-button:hover{background:#ffffff1a}.development-container .development-features .feature-item .feature-related .bash-container .copy-button.copied{color:#7ee787}.development-container .development-features .feature-item .feature-related .bash-container .copy-button svg{display:block}.recommend-users-container{height:80vh;margin-bottom:180px;position:relative}.recommend-users-container .recommend-background{z-index:0;flex-direction:row;justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;position:absolute;inset:0}.recommend-users-container .recommend-background .half-background{width:50%;height:100%}.recommend-users-container .recommend-background .left-background{position:relative}.recommend-users-container .recommend-background .right-background{background:#f5f5f5}[data-prefers-color=dark] .recommend-users-container .recommend-background .right-background{background:#2a2a2a}.recommend-users-container .recommend-container{z-index:1;flex-direction:row;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.recommend-users-container .recommend-container .half-container{width:50%}.recommend-users-container .recommend-container .right-container{width:50%;height:100%;padding-left:100px}.recommend-users-container .recommend-container .left-container{flex-direction:column;display:flex}.recommend-users-container .recommend-container .left-container .recommend-blocks-container{gap:60px;display:flex}.recommend-users-container .recommend-container .left-container .recommend-blocks-container .recommend-block{flex-direction:column;gap:8px;display:flex}.recommend-users-container .recommend-container .left-container .recommend-blocks-container .recommend-block .value{background:linear-gradient(90deg,#4ba4f7,#74e9cb);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:500;line-height:1.2}.recommend-users-container .recommend-container .left-container .recommend-blocks-container .recommend-block .label{color:#666;font-size:14px;font-weight:400}[data-prefers-color=dark] .recommend-users-container .recommend-container .left-container .recommend-blocks-container .recommend-block .label{color:#999}.recommend-users-container .recommend-container .left-container .recommend-buttons-container{margin-top:40px}@keyframes gradientFlow{0%{background-position:0%}to{background-position:200%}}.mini-program-modal-backdrop{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mini-program-modal{background:#fff;border-radius:8px;width:400px;max-width:90vw;overflow:hidden;box-shadow:0 4px 12px #00000026}[data-prefers-color=dark] .mini-program-modal{background:#1a1a1a;box-shadow:0 4px 12px #ffffff26}.mini-program-modal-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}[data-prefers-color=dark] .mini-program-modal-header{border-bottom-color:#333}.mini-program-modal-header h3{color:#393939;margin:0;font-size:18px;font-weight:600}[data-prefers-color=dark] .mini-program-modal-header h3{color:#e5e5e5}.mini-program-modal-close{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:24px;display:flex}.mini-program-modal-close:hover{color:#666}[data-prefers-color=dark] .mini-program-modal-close{color:#999}[data-prefers-color=dark] .mini-program-modal-close:hover{color:#e5e5e5}.mini-program-modal-content{flex-direction:column;align-items:center;padding:32px 20px;display:flex}.mini-program-qrcode{margin-bottom:20px}.mini-program-qrcode img{max-width:100%;height:auto;display:block}.mini-program-modal-tip{color:#666;text-align:center;margin:0;font-size:14px}[data-prefers-color=dark] .mini-program-modal-tip{color:#999}