*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:pingfang sc,microsoft yahei,noto sans sc,helvetica neue,Arial,sans-serif;color:#0f172a;background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:#1d4ed8;text-decoration:underline;text-underline-offset:2px}a:hover{text-decoration:underline}.brand,.btn,.nav-links a,.nav-cta,.footer-grid ul a,.footer-bottom a,.breadcrumbs a,.platform-card a,.skip-link,.cta-block a,.entry-link{text-decoration:none}.brand:hover,.btn:hover,.nav-links a:hover,.platform-card a:hover{text-decoration:none}.footer-grid ul a:hover,.footer-bottom a:hover,.breadcrumbs a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:0;background:0 0}:focus-visible{outline:3px solid #2563eb;outline-offset:2px;border-radius:4px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:44px 0}.section-sm{padding:28px 0}.section-soft{background:#f8fafc}.section-dark{background:#0f172a;color:#e2e8f0}.section-dark h2,.section-dark h3{color:#fff}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;margin:0 0 14px;color:#0f172a;letter-spacing:-.01em}h2{font-size:1.875rem;margin-bottom:20px}h3{font-size:1.3125rem}h4{font-size:1.125rem}p{margin:0 0 14px;color:#334155}.lead{font-size:1.0625rem;color:#475569;margin-bottom:18px}.eyebrow{display:inline-block;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1e3a8a;background:#dbeafe;padding:6px 14px;border-radius:20px;margin-bottom:14px}.section-title{text-align:center;margin-bottom:36px}.section-title h2{font-size:2.125rem}.section-title p{font-size:1.0625rem;max-width:680px;margin:0 auto;color:#475569}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:8px;font-weight:600;font-size:.9375rem;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;text-decoration:none;line-height:1;min-height:46px}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:#1d4ed8;color:#fff;box-shadow:0 4px 14px rgba(29,78,216,.25)}.btn-primary:hover{background:#1e40af;box-shadow:0 6px 20px rgba(29,78,216,.35)}.btn-outline{background:0 0;color:#1d4ed8;border:2px solid #1d4ed8}.btn-outline:hover{background:#1d4ed8;color:#fff}.btn-ghost{background:#f1f5f9;color:#0f172a}.btn-ghost:hover{background:#e2e8f0}.btn-lg{padding:13px 26px;font-size:1rem;min-height:50px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:22px;transition:border-color .15s ease,box-shadow .15s ease}.card:hover{border-color:#1d4ed8;box-shadow:0 8px 24px rgba(15,23,42,8%)}.card h3{margin-bottom:10px}.card p{color:#475569;margin-bottom:0}.platform-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px;transition:border-color .15s ease,box-shadow .15s ease;height:100%}.platform-card:hover{border-color:#1d4ed8;box-shadow:0 12px 28px rgba(15,23,42,8%)}.platform-card .logo-wrap{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:1.25rem;font-weight:700;color:#fff}.platform-card h3{margin-bottom:4px;font-size:1.25rem}.platform-card .tagline{font-size:.875rem;color:#64748b;margin-bottom:12px}.platform-card p{color:#475569;font-size:.9375rem;margin-bottom:12px;line-height:1.6}.platform-card .meta{display:flex;gap:14px;font-size:.8125rem;color:#475569;margin-top:auto;padding-top:14px;border-top:1px solid #f1f5f9;align-items:center;flex-wrap:wrap}.platform-card .meta strong{color:#0f172a}.platform-card .rating{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;background:#fef3c7;color:#92400e;border-radius:6px;font-weight:700;font-size:.8125rem;margin-left:auto}.platform-card .card-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9}.platform-card .card-links a{font-size:.8125rem;color:#1d4ed8;font-weight:600}.platform-card.featured{border-color:#1d4ed8;background:linear-gradient(180deg,#eff6ff 0%,#ffffff 50%);position:relative}.platform-card.featured::before{content:"编辑推荐";position:absolute;top:-11px;right:14px;background:#1d4ed8;color:#fff;padding:3px 11px;border-radius:6px;font-size:.6875rem;font-weight:700;letter-spacing:.05em}.logo-wp{background:#21759b}.logo-wix{background:#0c6efc}.logo-sq{background:#000}.logo-shopify{background:#5d8a3a}.logo-webflow{background:#4353ff}.logo-durable{background:#7c3aed}.logo-framer{background:#05f}.logo-tooo{background:linear-gradient(135deg,#f59e0b,#ef4444)}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(180%)blur(8px);border-bottom:1px solid #e2e8f0;height:60px}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:60px;max-width:1200px;margin:0 auto;padding:0 24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:#0f172a;font-size:1.125rem;letter-spacing:-.01em}.brand:hover{text-decoration:none;color:#0f172a}.brand-logo{width:34px;height:34px;border-radius:8px;display:block;flex-shrink:0;object-fit:cover;background:#eff6ff}.nav-links{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.nav-links a{color:#334155;font-weight:500;font-size:.9375rem;padding:8px 12px;border-radius:6px;display:inline-block;min-height:44px;line-height:28px}.nav-links a:hover{background:#f1f5f9;color:#0f172a;text-decoration:none}.nav-links a.active{color:#1d4ed8;background:#eff6ff}.nav-cta{background:#1d4ed8;color:#fff!important;padding:9px 16px!important;border-radius:8px}.nav-cta:hover{background:#1e40af;color:#fff!important}.nav-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:8px}.nav-toggle span{display:block;width:22px;height:2px;background:#0f172a;position:relative}.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0;width:22px;height:2px;background:#0f172a}.nav-toggle span::before{top:-7px}.nav-toggle span::after{top:7px}.hero{position:relative;padding:44px 0 40px;background:linear-gradient(180deg,#eff6ff 0%,#ffffff 100%);overflow:hidden}.hero-content{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}.hero h1{font-size:2.5rem;margin-bottom:14px;letter-spacing:-.02em;line-height:1.18}.hero .lead{font-size:1.0625rem;max-width:560px;margin-bottom:0}.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-stats{display:flex;gap:28px;margin-top:22px;padding-top:20px;border-top:1px solid #cbd5e1}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:1.5rem;font-weight:800;color:#0f172a;line-height:1.1}.hero-stats span{font-size:.8125rem;color:#475569;margin-top:4px}.hero-visual{aspect-ratio:4/3;border-radius:14px;overflow:hidden;position:relative;background:#f1f5f9;min-height:260px}.hero-visual img{width:100%;height:100%;object-fit:cover}.page-hero{padding:32px 0 24px;background:linear-gradient(180deg,#eff6ff 0%,#ffffff 100%);text-align:center}.page-hero h1{font-size:2rem;margin-bottom:10px;letter-spacing:-.02em}.page-hero .lead{max-width:720px;margin:0 auto;color:#475569;font-size:1rem}.page-hero .breadcrumbs{font-size:.875rem;color:#475569;margin-bottom:10px}.page-hero .breadcrumbs a{color:#1d4ed8}.platform-hero{padding:36px 0 40px;background:linear-gradient(180deg,#0f172a 0%,#1e293b 100%);color:#e2e8f0;min-height:240px}.platform-hero h1{color:#fff;font-size:2.25rem;margin-bottom:10px}.platform-hero .lead{color:#cbd5e1;max-width:720px;margin-bottom:0;font-size:1.0625rem}.platform-hero .brand-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}.platform-hero .brand-row .logo-wrap{width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#fff;flex-shrink:0}.platform-hero .meta-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.platform-hero .meta-pills span{background:rgba(255,255,255,8%);border:1px solid rgba(255,255,255,.14);padding:5px 12px;border-radius:20px;font-size:.8125rem;color:#cbd5e1}.platform-hero .breadcrumbs{font-size:.8125rem;color:#94a3b8;margin-bottom:14px}.platform-hero .breadcrumbs a{color:#cbd5e1}.platform-hero-content{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}.platform-hero-visual{aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:rgba(255,255,255,5%);min-height:220px;border:1px solid rgba(255,255,255,8%)}.platform-hero-visual img{width:100%;height:100%;object-fit:cover}.section-split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.section-split h2{font-size:1.625rem;margin-bottom:14px}.score-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px}.score-card h3{margin-bottom:18px;font-size:1.0625rem;display:flex;align-items:center;gap:8px}.score-row{display:grid;grid-template-columns:110px 1fr 46px;align-items:center;gap:14px;margin-bottom:12px}.score-row span:first-child{font-size:.9375rem;color:#334155;font-weight:500}.score-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.score-bar i{display:block;height:100%;background:linear-gradient(90deg,#1d4ed8,#7c3aed);border-radius:4px}.score-row strong{font-weight:700;color:#0f172a;text-align:right;font-variant-numeric:tabular-nums}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tier{border:1px solid #e2e8f0;border-radius:12px;padding:22px;background:#fff}.tier h3{margin-bottom:6px;color:#0f172a;font-size:1.0625rem}.tier .price{font-size:1.625rem;font-weight:800;color:#0f172a;margin-bottom:4px;font-variant-numeric:tabular-nums}.tier .price small{font-size:.8125rem;font-weight:500;color:#64748b}.tier .desc{font-size:.875rem;color:#64748b;margin-bottom:14px}.tier ul{list-style:none;padding:0;margin:0}.tier li{font-size:.875rem;color:#334155;padding:5px 0;border-top:1px solid #f1f5f9}.tier li:first-child{border-top:0}.tier li::before{content:"✓";color:#047857;margin-right:6px;font-weight:700}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pros-cons .card{padding:22px}.pros-cons h3{font-size:1.0625rem;margin-bottom:12px}.pros-cons ul{list-style:none;padding:0;margin:0}.pros-cons li{padding:6px 0;font-size:.9375rem;color:#334155;display:flex;gap:10px;line-height:1.55}.pros-cons li::before{flex-shrink:0;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;margin-top:2px}.pros .pros-cons li::before,.list-pros li::before{content:"✓";background:#d1fae5;color:#065f46}.cons .pros-cons li::before,.list-cons li::before{content:"−";background:#fee2e2;color:#991b1b}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{background:#f1f5f9;color:#0f172a;padding:5px 11px;border-radius:6px;font-size:.8125rem;font-weight:500}.entry-link{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;background:#0f172a;color:#fff;border-radius:8px;font-weight:600;font-size:.875rem;border:1px solid #0f172a}.entry-link:hover{background:#1e293b;color:#fff}.entry-link.alt{background:#fff;color:#0f172a;border:1px solid #cbd5e1}.entry-link.alt:hover{background:#f1f5f9}.entry-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 18px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:18px;font-size:.9375rem;color:#334155}.entry-bar strong{color:#0f172a;margin-right:8px}.compare-table{width:100%;border-collapse:collapse;font-size:.9375rem}.compare-table th,.compare-table td{padding:12px 11px;text-align:left;border-bottom:1px solid #e2e8f0;vertical-align:top}.compare-table thead th{background:#f8fafc;font-weight:700;color:#0f172a;font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #cbd5e1}.compare-table tbody th{font-weight:600;color:#0f172a;background:#fafbff;white-space:nowrap}.compare-table tbody td{color:#334155}.compare-table .yes{color:#047857;font-weight:700}.compare-table .no{color:#b91c1c;font-weight:700}.compare-table .mid{color:#a16207;font-weight:700}.compare-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.faq-list{max-width:840px;margin:0 auto}.faq-item{border:1px solid #e2e8f0;border-radius:10px;padding:18px 22px;margin-bottom:12px;background:#fff}.faq-item h3{font-size:1.0625rem;margin-bottom:6px;color:#0f172a}.faq-item p{margin-bottom:0;color:#475569;font-size:.9375rem}.article-body{max-width:780px;margin:0 auto}.article-body h2{margin-top:32px;font-size:1.625rem}.article-body h3{margin-top:24px;font-size:1.25rem}.article-body p{font-size:1.0625rem;line-height:1.75;color:#1e293b}.article-body ul,.article-body ol{font-size:1.0625rem;line-height:1.75;color:#1e293b;padding-left:22px}.article-body li{margin-bottom:8px}.article-body blockquote{margin:22px 0;padding:14px 20px;background:#f8fafc;border-left:4px solid #1d4ed8;font-size:1rem;color:#334155;font-style:italic}.article-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:.875rem;color:#64748b;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #e2e8f0}.callout{padding:18px 22px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin:22px 0}.callout h4{margin:0 0 8px;color:#1e3a8a;font-size:1rem}.callout p{margin:0;color:#1e3a8a;font-size:.9375rem}.legal-body{max-width:800px;margin:0 auto}.legal-body h2{font-size:1.375rem;margin-top:28px;margin-bottom:12px;color:#0f172a}.legal-body h3{font-size:1.0625rem;margin-top:20px;margin-bottom:8px}.legal-body p,.legal-body li{font-size:.9375rem;color:#334155;line-height:1.75}.legal-body ul,.legal-body ol{padding-left:22px}.cta-block{background:linear-gradient(135deg,#1d4ed8 0%,#7c3aed 100%);color:#fff;border-radius:16px;padding:42px 36px;text-align:center}.cta-block h2{color:#fff;font-size:1.75rem;margin-bottom:10px}.cta-block p{color:#fff;font-size:1rem;max-width:600px;margin:0 auto 20px}.cta-block .btn-primary{background:#fff;color:#1d4ed8;box-shadow:0 4px 14px rgba(0,0,0,.15)}.cta-block .btn-primary:hover{background:#f1f5f9;color:#1e40af}.cta-block .btn-outline{color:#fff;border-color:rgba(255,255,255,.7)}.cta-block .btn-outline:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff}.site-footer{background:#0f172a;color:#cbd5e1;padding:44px 0 22px;font-size:.9375rem}.site-footer h3{color:#fff;font-size:.8125rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;font-weight:700}.site-footer a{color:#cbd5e1}.site-footer a:hover{color:#fff}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px;margin-bottom:32px}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin-bottom:7px}.footer-brand p{color:#94a3b8;margin-top:12px;max-width:320px;line-height:1.6;font-size:.875rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #1e293b;color:#94a3b8;font-size:.875rem;flex-wrap:wrap;gap:10px}.footer-bottom a{color:#e2e8f0}.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}@media(max-width:960px){.hero{padding:36px 0 32px}.hero h1{font-size:2rem}.hero-content{grid-template-columns:1fr;gap:28px}.hero-visual{aspect-ratio:16/10;min-height:220px}.section{padding:40px 0}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.section-split{grid-template-columns:1fr;gap:24px}.platform-hero-content{grid-template-columns:1fr;gap:24px}.platform-hero-visual{aspect-ratio:16/10;min-height:200px}.pricing-grid{grid-template-columns:1fr}.pros-cons{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}}@media(max-width:640px){body{font-size:.9375rem}h2{font-size:1.5rem}.hero h1{font-size:1.75rem}.page-hero h1{font-size:1.625rem}.platform-hero h1{font-size:1.625rem}.section-title h2{font-size:1.5rem}.section{padding:36px 0}.container{padding:0 16px}.nav-wrap{padding:0 16px}.nav-links{position:fixed;top:60px;right:0;left:0;background:#fff;flex-direction:column;align-items:stretch;padding:14px;gap:4px;border-bottom:1px solid #e2e8f0;box-shadow:0 8px 24px rgba(15,23,42,8%);display:none}.nav-links.open{display:flex}.nav-links a{padding:12px 14px}.nav-toggle{display:inline-flex}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.hero-stats{gap:14px;flex-wrap:wrap}.hero-stats strong{font-size:1.25rem}.cta-block{padding:32px 22px}.cta-block h2{font-size:1.375rem}.score-row{grid-template-columns:84px 1fr 36px;gap:10px}.article-body p,.article-body ul,.article-body ol{font-size:1rem}}</content></invoke>