*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1d2129;-webkit-font-smoothing:antialiased;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}:root{--brand:#165dff;--brand-bg:#f2f3f8;--border:#e5e6eb;--text:#4e5969;--text2:#86909c}.container{max-width:1100px;margin:0 auto;padding:0 24px}.navbar{z-index:100;background:0 0;padding:16px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:#fff;box-shadow:0 1px 4px #0000000a}.nav-inner{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:8px;display:flex}.logo-text{color:#1d2129;font-size:1rem;font-weight:600}.nav-links{align-items:center;gap:24px;display:flex}.nav-links>a{color:var(--text);font-size:.875rem;text-decoration:none;transition:color .2s;position:relative}.nav-links>a:hover,.nav-links>a.active{color:var(--brand)}.nav-links>a.active:after{content:"";background:var(--brand);border-radius:1px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.nav-cta{background:var(--brand);border-radius:6px;padding:8px 20px;color:#fff!important;font-weight:500!important}.nav-cta:hover{opacity:.9!important}.section{padding:80px 0}.section-header{text-align:center;opacity:0;margin-bottom:48px;transition:all .6s}.section-header.v-fadeIn{opacity:1}.section-header h2{color:#1d2129;margin-bottom:8px;font-size:1.75rem;font-weight:600}.section-header p{color:var(--text2);max-width:500px;margin:0 auto;font-size:.938rem}.hero{background:linear-gradient(160deg,#f0f5ff 0%,#f5f7fa 40%,#fff 70%);min-height:100vh;padding:160px 0 40px;position:relative;overflow:hidden}.hero-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-dots{background-image:radial-gradient(circle,#165dff0f 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.hero-glow{background:radial-gradient(circle,#165dff0f,#0000 70%);border-radius:50%;width:800px;height:800px;position:absolute;top:-200px;right:-200px}.hero-bg-mockup{z-index:0;pointer-events:none;position:absolute;top:52%;left:30%;right:-60px;transform:translateY(-50%)perspective(1200px)rotateY(-4deg)rotateX(2deg)}.hm-window{background:#fff;border:1px solid #e8ecf1e6;border-radius:14px;width:100%;max-width:920px;margin-left:auto;overflow:hidden;box-shadow:0 24px 80px #00000012,0 1px 4px #00000008}.hm-glow{z-index:-1;filter:blur(30px);background:linear-gradient(135deg,#165dff14,#722ed10d);border-radius:20px;position:absolute;inset:-20px}.hm-top{background:#f7f9fc;border-bottom:1px solid #e8ecf1;align-items:center;gap:16px;padding:16px 24px;display:flex}.hm-dots{gap:6px;display:flex}.hm-dots span{background:#d2d7e0;border-radius:50%;width:8px;height:8px}.hm-tabs{gap:10px;margin-left:12px;display:flex}.hm-tabs .hmt{background:#e5e6eb;border-radius:2px;width:40px;height:5px}.hm-tabs .hmt.active{background:var(--brand);width:60px}.hm-body{min-height:360px;display:flex}.hm-sidebar{background:#fafbfc;border-right:1px solid #f0f0f0;flex-direction:column;gap:12px;width:52px;padding:16px 10px;display:flex}.hms{background:#e5e6eb;border-radius:3px;height:8px}.hms.on{background:var(--brand);width:100%!important}.hms:nth-child(2){width:70%}.hms:nth-child(3){width:60%}.hms:nth-child(4){width:50%}.hm-main{flex:1;padding:24px}.hm-cards{gap:12px;margin-bottom:20px;display:flex}.hmc{background:#f7f8fa;border-radius:8px;flex:1;padding:14px}.hmc-v{color:#1d2129;margin-bottom:2px;font-size:1.125rem;font-weight:700}.hmc-l{color:#86909c;margin-bottom:2px;font-size:.688rem}.hmc-t{font-size:.688rem;font-weight:600}.hm-chart-section{margin-bottom:20px}.hm-chart-h{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.hm-chart-h span{color:#4e5969;font-size:.75rem;font-weight:600}.hm-chart-action{background:#e5e6eb;border-radius:3px;width:40px;height:6px}.hm-chart{align-items:flex-end;gap:6px;height:80px;display:flex}.hm-bar{background:linear-gradient(to top,var(--brand),#165dff4d);border-radius:3px;flex:1;min-height:6px;animation:3s ease-in-out infinite alternate barBreath}.hm-bar:first-child{height:40%;animation-delay:0s}.hm-bar:nth-child(2){height:65%;animation-delay:.3s}.hm-bar:nth-child(3){height:50%;animation-delay:.6s}.hm-bar:nth-child(4){height:80%;animation-delay:.9s}.hm-bar:nth-child(5){height:55%;animation-delay:1.2s}.hm-bar:nth-child(6){height:70%;animation-delay:1.5s}.hm-bar:nth-child(7){height:45%;animation-delay:1.8s}.hm-bar:nth-child(8){height:85%;animation-delay:2.1s}@keyframes barBreath{0%{opacity:.6}to{opacity:1}}.hm-th{border-bottom:1px solid #f0f0f0;gap:8px;margin-bottom:4px;padding:6px 0;display:flex}.hm-th span{color:#86909c;text-transform:uppercase;flex:1;font-size:.625rem;font-weight:600}.hm-tr{border-bottom:1px solid #f5f5f5;align-items:center;gap:8px;padding:5px 0;display:flex}.hm-tr span{color:#4e5969;flex:1;font-size:.688rem}.hm-pct{background:linear-gradient(90deg,#165dff,#80b0ff);border-radius:3px;max-width:100%;height:5px;display:block}.hm-badge{border-radius:3px;padding:1px 8px;font-size:.625rem;font-weight:600;display:inline-block}.hm-badge.green{color:#059669;background:#d1fae5}.hm-badge.red{color:#dc2626;background:#fee2e2}.hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(90deg,#fff 28%,#ffffffd9 35%,#0000 45%);position:absolute;inset:0}.hero-inner{z-index:2;align-items:flex-start;padding-top:40px;display:flex;position:relative}.hero-text{max-width:380px}.hero-badge{background:var(--brand-bg);color:var(--brand);letter-spacing:.02em;border-radius:4px;margin-bottom:24px;padding:4px 14px;font-size:.75rem;font-weight:600;display:inline-block}.hero-title{color:#1d2129;margin-bottom:16px;font-size:2.75rem;font-weight:700;line-height:1.3}.hero-title .accent{color:var(--brand)}.hero-subtitle{color:var(--text);max-width:440px;margin-bottom:36px;font-size:1rem;line-height:1.8}.hero-actions{gap:12px;margin-bottom:48px;display:flex}.hero-metrics{gap:48px;display:flex}.metric-item{flex-direction:column;gap:2px;display:flex}.metric-value{color:#1d2129;font-size:1.375rem;font-weight:700}.metric-label{color:var(--text2);font-size:.75rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:10px 24px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{opacity:.9}.btn-outline{color:var(--text);border-color:var(--border);background:0 0}.btn-outline:hover{border-color:var(--brand);color:var(--brand)}.btn-white{color:var(--brand);background:#fff}.btn-white:hover{background:var(--brand-bg)}.btn-outline-light{border-color:#ffffff4d;color:#fff!important}.btn-outline-light:hover{background:#ffffff1a;border-color:#fff}.hero-visual{flex:1;max-width:580px}.hero-mockup{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 8px 30px #0000000f,0 1px 3px #0000000a}.mockup-toolbar{border-bottom:1px solid var(--border);background:#f7f8fa;align-items:center;gap:16px;padding:12px 16px;display:flex}.mockup-dots{gap:5px;display:flex}.mockup-dots span{background:#d2d7e0;border-radius:50%;width:7px;height:7px}.mockup-tabs{gap:8px;display:flex}.mockup-tabs .tab{background:#e5e6eb;border-radius:2px;width:32px;height:4px}.mockup-tabs .tab.active{background:var(--brand);width:48px}.mockup-body{min-height:340px;display:flex}.mockup-sidebar{background:#fafbfc;border-right:1px solid #f0f0f0;flex-direction:column;gap:8px;width:48px;padding:12px 8px;display:flex}.m-item{background:#e5e6eb;border-radius:4px;height:8px}.m-item.active{background:var(--brand);width:100%}.m-item.short{width:60%}.m-divider{background:#f0f0f0;height:1px;margin:4px 0}.mockup-main{flex:1;padding:20px}.m-header{gap:12px;margin-bottom:20px;display:flex}.m-h-item{background:#f5f5f5;border-radius:4px;flex:1;height:10px}.m-stats{gap:12px;margin-bottom:20px;display:flex}.m-stat{background:#f7f8fa;border-radius:6px;flex:1;padding:12px}.m-s-num{background:#e5e6eb;border-radius:3px;width:60%;height:16px;margin-bottom:6px}.m-s-label{background:#f0f0f0;border-radius:3px;width:80%;height:8px}.m-chart{align-items:flex-end;gap:8px;height:80px;margin-bottom:20px;display:flex}.m-bar{background:linear-gradient(to top,var(--brand),#80b0ff);border-radius:3px;flex:1;min-height:8px}.m-table{flex-direction:column;gap:8px;display:flex}.m-row{gap:10px;display:flex}.m-cell{background:#f5f5f5;border-radius:3px;flex:1;height:8px}.features-grid{background:var(--border);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.feature-card{opacity:0;background:#fff;gap:16px;padding:24px;transition:opacity .5s,transform .5s,box-shadow .3s;display:flex;transform:translateY(12px)}.feature-card.v-fadeIn{opacity:1;transform:translateY(0)}.feature-card:hover{z-index:1;position:relative;box-shadow:0 4px 16px #0000000a}.feature-icon{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.feature-info h3{color:#1d2129;margin-bottom:4px;font-size:.938rem;font-weight:600}.feature-info p{color:var(--text2);font-size:.813rem;line-height:1.6}.flow-section{background:var(--brand-bg)}.flow-diagram{opacity:0;justify-content:center;align-items:flex-start;gap:0;transition:all .6s;display:flex}.flow-diagram.v-fadeIn{opacity:1}.flow-step{text-align:center;flex-direction:column;flex:1;align-items:center;max-width:200px;display:flex;position:relative}.flow-icon{border:1px solid var(--border);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex;box-shadow:0 2px 8px #0000000a}.flow-label{color:#1d2129;margin-bottom:4px;font-size:.875rem;font-weight:600}.flow-desc{color:var(--text2);max-width:140px;font-size:.75rem;line-height:1.5}.flow-arrow{position:absolute;top:16px;right:-12px}.screenshot-section{padding:80px 0}.screenshot-wrap{opacity:0;transition:all .8s .2s}.screenshot-wrap.v-fadeIn{opacity:1}.screenshot{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 40px #0000000f,0 1px 3px #0000000a}.screenshot-top{border-bottom:1px solid var(--border);background:#f7f8fa;align-items:center;gap:16px;padding:12px 20px;display:flex}.s-dots{gap:5px;display:flex}.s-dots span{background:#d2d7e0;border-radius:50%;width:7px;height:7px}.s-tabs{gap:4px;display:flex}.s-tabs .st{color:var(--text2);cursor:pointer;border-radius:3px;padding:3px 12px;font-size:.688rem}.s-tabs .st.active{color:var(--brand);background:#fff;font-weight:600}.s-actions{gap:6px;margin-left:auto;display:flex}.s-actions .sa{background:#e5e6eb;border-radius:3px;width:20px;height:6px}.screenshot-body{min-height:380px;display:flex}.s-sidebar{background:#fafbfc;border-right:1px solid #f0f0f0;width:140px;padding:12px 0}.ss-item{color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:.75rem;display:flex}.ss-item.active{background:var(--brand-bg);color:var(--brand);border-right:2px solid var(--brand);font-weight:600}.ss-icon{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.s-main{flex-direction:column;flex:1;display:flex}.s-topbar{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.s-search{background:#f5f5f5;border-radius:4px;width:160px;height:8px}.s-user{align-items:center;gap:8px;display:flex}.s-avatar{background:#e5e6eb;border-radius:50%;width:8px;height:8px}.s-content{padding:20px}.s-cards{gap:12px;margin-bottom:20px;display:flex}.s-card{background:#f7f8fa;border-radius:6px;flex:1;padding:16px}.sc-top{background:#e5e6eb;border-radius:3px;width:50%;height:6px;margin-bottom:8px}.sc-num{background:#d2d7e0;border-radius:3px;width:70%;height:16px;margin-bottom:6px}.sc-label{background:#e5e6eb;border-radius:3px;width:80%;height:6px;margin-bottom:4px}.sc-trend{background:#e5e6eb;border-radius:2px;width:40%;height:4px}.s-chart-section{margin-bottom:20px}.s-chart-header{justify-content:space-between;margin-bottom:12px;display:flex}.sch-title{background:#e5e6eb;border-radius:4px;width:80px;height:8px}.sch-actions{background:#f0f0f0;border-radius:4px;width:60px;height:8px}.s-chart{align-items:flex-end;gap:8px;height:100px;padding:12px 0;display:flex}.s-bar{min-height:8px;height:var(--h,60%);background:linear-gradient(#80b0ff,#165dff);border-radius:3px;flex:1}.s-bar:first-child{height:45%}.s-bar:nth-child(2){height:70%}.s-bar:nth-child(3){height:55%}.s-bar:nth-child(4){height:85%}.s-bar:nth-child(5){height:60%}.s-bar:nth-child(6){height:75%}.s-bar:nth-child(7){height:40%}.s-bar:nth-child(8){height:90%}.s-table-section{flex-direction:column;gap:8px;display:flex}.s-row{gap:10px;display:flex}.s-cell{background:#f5f5f5;border-radius:3px;flex:1;height:8px}.tech-section{background:var(--brand-bg)}.tech-grid{opacity:0;flex-wrap:wrap;justify-content:center;gap:24px;transition:all .6s;display:flex}.tech-grid.v-fadeIn{opacity:1}.tech-item{text-align:center;border:1px solid var(--border);background:#fff;border-radius:6px;min-width:120px;padding:24px 20px}.tech-icon{margin-bottom:8px}.tech-name{color:#1d2129;margin-bottom:2px;font-size:.813rem;font-weight:600}.tech-role{color:var(--text2);font-size:.688rem}.oss-section{padding:80px 0}.oss-card{text-align:center;opacity:0;max-width:500px;margin:0 auto;transition:all .6s;transform:translateY(12px)}.oss-card.v-fadeIn{opacity:1;transform:translateY(0)}.oss-icon{margin-bottom:12px}.oss-card h3{margin-bottom:8px;font-size:1.25rem;font-weight:600}.oss-card>p{color:var(--text2);margin-bottom:24px;font-size:.813rem}.oss-stats{justify-content:center;gap:48px;margin-bottom:24px;display:flex}.oss-stat{flex-direction:column;align-items:center;display:flex}.oss-num{color:#1d2129;font-size:1.25rem;font-weight:700}.oss-stat span:last-child{color:var(--text2);margin-top:2px;font-size:.75rem}.faq-section{background:var(--brand-bg)}.faq-list{opacity:0;max-width:640px;margin:0 auto;transition:all .6s}.faq-list.v-fadeIn{opacity:1}.faq-item{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;margin-bottom:8px;transition:border-color .25s;overflow:hidden}.faq-item:hover{border-color:#c9cdd4}.faq-item.open{border-color:var(--brand)}.faq-header{color:#1d2129;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 20px;font-size:.875rem;font-weight:500;display:flex}.faq-icon{flex-shrink:0;transition:transform .3s}.faq-item.open .faq-icon{stroke:var(--brand);transform:rotate(90deg)}.faq-body{max-height:0;transition:max-height .35s;overflow:hidden}.faq-body p{color:var(--text);padding:0 20px 14px;font-size:.813rem;line-height:1.7}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.plan-card{border:1px solid var(--border);opacity:0;background:#fff;border-radius:8px;flex-direction:column;padding:36px 28px;transition:opacity .5s,transform .5s,box-shadow .3s;display:flex;position:relative;transform:translateY(12px)}.plan-card.v-fadeIn{opacity:1;transform:translateY(0)}.plan-card:hover{box-shadow:0 4px 20px #0000000a}.plan-card.popular{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.plan-tag{background:var(--brand);color:#fff;border-radius:3px;padding:2px 14px;font-size:.688rem;font-weight:600;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.plan-name{color:#1d2129;margin-bottom:6px;font-size:1rem;font-weight:600}.plan-amount{align-items:baseline;gap:4px;margin-bottom:6px;display:flex}.plan-price{color:#1d2129;font-size:1.75rem;font-weight:700}.plan-period{color:var(--text2);font-size:.75rem}.plan-desc{color:var(--text2);margin-bottom:20px;font-size:.75rem;line-height:1.5}.plan-feats{flex:1;margin-bottom:24px;list-style:none}.plan-feats li{color:var(--text);border-bottom:1px solid #f5f5f5;padding:5px 0;font-size:.813rem}.plan-feats li:last-child{border-bottom:none}.cta-section{background:#1d2129}.cta-inner{text-align:center;opacity:0;padding:48px 0;transition:all .6s;transform:translateY(12px)}.cta-inner.v-fadeIn{opacity:1;transform:translateY(0)}.cta-inner h2{color:#fff;margin-bottom:8px;font-size:1.5rem;font-weight:600}.cta-inner p{color:#ffffff80;margin-bottom:24px;font-size:.875rem}.cta-actions{justify-content:center;gap:12px;display:flex}.footer{border-top:1px solid var(--border);background:#fff;padding:48px 0 0}.footer-inner{border-bottom:1px solid var(--border);gap:80px;padding-bottom:32px;display:flex}.footer-brand{flex:1}.footer-brand .logo{margin-bottom:8px}.footer-brand .logo-text{font-size:.938rem}.footer-desc{color:var(--text2);max-width:240px;margin-bottom:8px;font-size:.813rem}.footer-gh{color:var(--text2);align-items:center;gap:4px;font-size:.688rem;display:flex}.footer-links{flex:2;gap:48px;display:flex}.footer-col{flex:1}.footer-col h4{color:#1d2129;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:.75rem;font-weight:600}.footer-col a{color:var(--text2);padding:3px 0;font-size:.813rem;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:var(--brand)}.footer-bottom{color:#c9cdd4;text-align:center;padding:16px 0;font-size:.688rem}@media (width<=1024px){.hero-inner{text-align:center;flex-direction:column}.hero-subtitle{margin:0 auto 28px}.hero-actions,.hero-metrics{justify-content:center}.hero-visual{max-width:100%}.features-grid{grid-template-columns:repeat(2,1fr)}.flow-diagram{flex-wrap:wrap;gap:24px}.flow-step{max-width:45%}.flow-arrow{display:none}}@media (width<=640px){.hero-title{font-size:1.75rem}.hero{padding:80px 0 40px}.features-grid,.pricing-grid{grid-template-columns:1fr}.flow-diagram{flex-direction:column;align-items:center;gap:16px}.flow-step{max-width:100%}.s-sidebar,.nav-links>a:not(.nav-cta){display:none}.section{padding:60px 0}.footer-inner{flex-direction:column;gap:32px}.footer-links{flex-wrap:wrap;gap:20px}}