:root{--color-primary: #0ea5e9;--color-primary-dark: #0284c7;--color-accent: #4f46e5;--color-text: #0f172a;--color-text-muted: #64748b;--color-bg: #ffffff;--color-bg-soft: #f8fafc;--color-border: #e2e8f0;--gradient-brand: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 45%, #4f46e5 100%);--gradient-hero: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(56, 189, 248, .25), transparent), radial-gradient(ellipse 60% 50% at 90% 20%, rgba(79, 70, 229, .12), transparent), #f8fafc;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 30px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 60px rgba(14, 165, 233, .15);--radius: 16px;--radius-lg: 24px;--header-height: 72px;--max-width: 1120px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(100% - 48px,var(--max-width));margin-inline:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);background:#ffffffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.8)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.125rem;letter-spacing:-.02em}.logo img{width:36px;height:36px;border-radius:10px}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a{padding:8px 16px;border-radius:999px;font-size:.9375rem;color:var(--color-text-muted);transition:color .2s,background .2s}.nav-links a:hover,.nav-links a.active{color:var(--color-text);background:var(--color-bg-soft)}.lang-switcher{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:var(--color-bg-soft);border:1px solid var(--color-border)}.lang-btn{background:none;border:none;padding:4px 10px;border-radius:999px;font-size:.8125rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:color .2s,background .2s}.lang-btn:hover{color:var(--color-text)}.lang-btn.active{background:#fff;color:var(--color-primary-dark);box-shadow:var(--shadow-sm)}.lang-divider{color:var(--color-border);font-size:.75rem;-webkit-user-select:none;user-select:none}.tip-box strong{display:block;margin-bottom:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:999px;font-size:.9375rem;font-weight:600;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg)}.btn-outline{background:#fff;color:var(--color-primary-dark);border:1.5px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-primary);background:#f0f9ff}.btn-sm{padding:8px 18px;font-size:.875rem}.mobile-menu-btn{display:none;background:none;border:none;padding:8px;cursor:pointer;color:var(--color-text)}.hero{padding-top:calc(var(--header-height) + 80px);padding-bottom:100px;background:var(--gradient-hero);text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#ffffffeb;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);font-size:.8125rem;line-height:1.4;color:var(--color-text-muted);margin-bottom:28px;max-width:min(100%,520px)}.hero-badge-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.hero-badge-text{text-align:left}.hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:20px}.hero h1 .gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-muted);max-width:560px;margin:0 auto 36px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.hero-preview{margin-top:64px;position:relative}.preview-window{max-width:920px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg),0 0 0 1px #0f172a0f;background:#fff}.preview-toolbar{display:flex;align-items:center;gap:8px;padding:14px 18px;background:#f1f5f9;border-bottom:1px solid var(--color-border)}.preview-dot{width:12px;height:12px;border-radius:50%}.preview-dot.red{background:#f87171}.preview-dot.yellow{background:#fbbf24}.preview-dot.green{background:#4ade80}.preview-body{display:grid;grid-template-columns:200px 1fr;min-height:360px}.preview-sidebar{background:#f8fafc;border-right:1px solid var(--color-border);padding:20px 16px}.preview-sidebar-item{padding:10px 12px;border-radius:10px;font-size:.8125rem;color:var(--color-text-muted);margin-bottom:4px}.preview-sidebar-item.active{background:#e0f2fe;color:var(--color-primary-dark);font-weight:600}.preview-main{padding:24px}.preview-search{height:44px;border-radius:12px;background:#f1f5f9;border:1px solid var(--color-border);margin-bottom:24px;display:flex;align-items:center;padding:0 16px;color:var(--color-text-muted);font-size:.875rem}.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.preview-card{aspect-ratio:1;border-radius:14px;background:#fff;border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;transition:transform .2s,box-shadow .2s}.preview-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.preview-card-icon{width:36px;height:36px;border-radius:10px;background:var(--gradient-brand);opacity:.85}.preview-card span{font-size:.75rem;color:var(--color-text-muted);text-align:center}.feature-section{padding:100px 0}.feature-section:nth-child(2n){background:var(--color-bg-soft)}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.feature-row.reverse{direction:rtl}.feature-row.reverse>*{direction:ltr}.feature-tag{display:inline-block;padding:4px 12px;border-radius:999px;background:#e0f2fe;color:var(--color-primary-dark);font-size:.8125rem;font-weight:600;margin-bottom:16px}.feature-content h2{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:16px}.feature-content p{color:var(--color-text-muted);font-size:1.0625rem;line-height:1.7}.feature-visual{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);background:#fff;border:1px solid var(--color-border)}.features-grid-section{padding:100px 0;background:var(--color-bg-soft)}.section-header{text-align:center;margin-bottom:56px}.section-header h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.section-header p{color:var(--color-text-muted);font-size:1.0625rem}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-card{background:#fff;border-radius:var(--radius);padding:28px 24px;border:1px solid var(--color-border);transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-icon{width:48px;height:48px;border-radius:14px;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:1.375rem;margin-bottom:16px}.feature-card h3{font-size:1.0625rem;font-weight:700;margin-bottom:8px}.feature-card p{font-size:.875rem;color:var(--color-text-muted);line-height:1.6}.cta-section{padding:100px 0;text-align:center}.cta-box{padding:64px 48px;border-radius:var(--radius-lg);background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-lg)}.cta-box h2{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.cta-box p{opacity:.9;font-size:1.0625rem;margin-bottom:32px}.cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.cta-box .btn-outline{background:#ffffff26;border-color:#fff6;color:#fff}.cta-box .btn-outline:hover{background:#ffffff40}.cta-box .btn-white{background:#fff;color:var(--color-primary-dark)}.site-footer{padding:48px 0 32px;border-top:1px solid var(--color-border);background:var(--color-bg-soft)}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}.footer-links{display:flex;gap:24px}.footer-links a{font-size:.875rem;color:var(--color-text-muted);transition:color .2s}.footer-links a:hover{color:var(--color-text)}.footer-copy{font-size:.8125rem;color:var(--color-text-muted)}.page-hero{padding-top:calc(var(--header-height) + 60px);padding-bottom:48px;background:var(--gradient-hero);text-align:center}.page-hero h1{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.page-hero p{color:var(--color-text-muted);font-size:1.0625rem;max-width:520px;margin:0 auto}.install-content{padding:64px 0 100px}.install-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:48px;flex-wrap:wrap}.install-tab{padding:10px 20px;border-radius:999px;border:1.5px solid var(--color-border);background:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;color:var(--color-text-muted)}.install-tab:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.install-tab.active{background:var(--gradient-brand);color:#fff;border-color:transparent}.install-panel{display:none;max-width:720px;margin:0 auto}.install-panel.active{display:block}.install-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-sm)}.install-card h2{font-size:1.375rem;font-weight:700;margin-bottom:8px}.install-card>p{color:var(--color-text-muted);margin-bottom:32px}.download-box{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px}.download-btn{text-decoration:none}.steps{list-style:none;counter-reset:step}.step{position:relative;padding-left:56px;padding-bottom:32px;counter-increment:step}.step:last-child{padding-bottom:0}.step:before{content:counter(step);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--gradient-brand);color:#fff;font-weight:700;font-size:.9375rem;display:flex;align-items:center;justify-content:center}.step:not(:last-child):after{content:"";position:absolute;left:17px;top:40px;bottom:0;width:2px;background:var(--color-border)}.step h3{font-size:1rem;font-weight:600;margin-bottom:8px}.step p{font-size:.9375rem;color:var(--color-text-muted);line-height:1.7}.step code,.inline-code{display:inline-block;padding:2px 8px;border-radius:6px;background:#f1f5f9;font-family:SF Mono,Consolas,monospace;font-size:.8125rem;color:var(--color-primary-dark)}.step pre{margin-top:12px;padding:16px;border-radius:12px;background:#0f172a;color:#e2e8f0;font-family:SF Mono,Consolas,monospace;font-size:.8125rem;overflow-x:auto;line-height:1.6}.tip-box{margin-top:32px;padding:16px 20px;border-radius:12px;background:#f0f9ff;border:1px solid #bae6fd;font-size:.9375rem;color:#0369a1}.tip-box span{display:block}.tip-box-muted{margin-top:16px;background:#f8fafc;border-color:#e2e8f0;color:#475569}.faq-section{padding:64px 0 100px;background:var(--color-bg-soft)}.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.faq-question{width:100%;padding:20px 24px;background:none;border:none;text-align:left;font-size:1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--color-text)}.faq-question:after{content:"+";font-size:1.25rem;color:var(--color-text-muted);transition:transform .2s}.faq-item.open .faq-question:after{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-answer{max-height:200px}.faq-answer p{padding:0 24px 20px;font-size:.9375rem;color:var(--color-text-muted);line-height:1.7}@media (max-width: 960px){.feature-row{grid-template-columns:1fr;gap:40px}.feature-row.reverse{direction:ltr}.features-grid{grid-template-columns:repeat(2,1fr)}.preview-body{grid-template-columns:1fr}.preview-sidebar{display:none}.preview-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.nav-links{display:none;position:absolute;top:var(--header-height);left:0;right:0;flex-direction:column;background:#fff;padding:16px;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md)}.nav-links.open{display:flex}.mobile-menu-btn{display:block}.features-grid{grid-template-columns:1fr}.preview-grid{grid-template-columns:repeat(2,1fr)}.install-card{padding:28px 20px}.cta-box{padding:48px 24px}.footer-inner{flex-direction:column;text-align:center}}