.sidebar[data-v-4f16e758]{background-color:#fff;border-right:1px solid #e8eaec;display:flex;flex-direction:column;flex-shrink:0;height:100vh;padding:16px 12px;position:sticky;top:0;width:240px;width:var(--sideWidth,240px)}.logo-link[data-v-4f16e758]{-webkit-text-decoration:none;text-decoration:none}.logo[data-v-4f16e758]{align-items:center;color:#2254f4;display:flex;font-size:20px;font-weight:900;height:40px;margin:0 0 24px;padding-left:12px}.mobile-close[data-v-4f16e758]{display:none}.nav-item[data-v-4f16e758]{align-items:center;border-radius:8px;color:#5e6670;cursor:pointer;display:flex;font-size:14px;margin-bottom:4px;padding:10px 12px;-webkit-text-decoration:none;text-decoration:none;transition:background .2s}.nav-item[data-v-4f16e758]:hover{background-color:#f6f7f9;color:#222529}.nav-item.active[data-v-4f16e758]{background-color:#eef2fe;color:#2254f4;font-weight:500}.nav-item svg[data-v-4f16e758]{height:18px;margin-right:10px;width:18px}.create-btn[data-v-4f16e758]{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:8px;margin:8px 0;padding:10px 12px}.create-btn svg[data-v-4f16e758]{background:#2254f4;border-radius:50%;color:#fff;height:16px;padding:2px;width:16px}.bottom-link[data-v-4f16e758]{align-items:center;bottom:0;color:#9da3ac;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:12px;position:fixed}@media (max-width:1024px){.sidebar[data-v-4f16e758]{display:none}.sidebar.sidebar--open[data-v-4f16e758]{background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.1);display:flex;height:100vh;left:0;position:fixed;top:0;width:80vw;z-index:3000}.mobile-close[data-v-4f16e758]{align-items:center;border:1px solid #e8eaec;border-radius:16px;color:#5e6670;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px}}.main-content[data-v-0db4df3c]{display:flex;flex:1;flex-direction:column;overflow:hidden}.topbar[data-v-0db4df3c]{align-items:center;background:#fff;border-bottom:1px solid #e8eaec;display:flex;flex-shrink:0;font-weight:600;height:64px;justify-content:space-between;padding:0 32px}.mobile-menu-btn[data-v-0db4df3c]{display:none}.user-area[data-v-0db4df3c]{gap:12px}.user-area[data-v-0db4df3c],.user-avatar[data-v-0db4df3c]{align-items:center;display:flex}.user-avatar[data-v-0db4df3c]{background:#f0f2f5;border:1px solid #e8e8e8;border-radius:50%;cursor:pointer;height:32px;justify-content:center;overflow:hidden;width:32px}.user-avatar img[data-v-0db4df3c]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.user-avatar i[data-v-0db4df3c]{color:#909399;font-size:16px}.login-btn[data-v-0db4df3c]{background:#2254f4;border:none;border-radius:99px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 20px}.content-scroll[data-v-0db4df3c]{background:#fff;flex:1;overflow-y:auto}.marketing-container[data-v-0db4df3c]{margin:0 auto;max-width:1000px;padding:60px 20px}.hero-section[data-v-0db4df3c]{margin-bottom:80px;text-align:center}.hero-section .hero-badge[data-v-0db4df3c]{background:#eef2fe;border-radius:20px;color:#2254f4;display:inline-block;font-size:13px;font-weight:600;margin-bottom:24px;padding:6px 16px}.hero-section .hero-title[data-v-0db4df3c]{color:#1f2d3d;font-size:48px;font-weight:800;line-height:1.2;margin-bottom:24px}.hero-section .hero-desc[data-v-0db4df3c]{color:#606266;font-size:18px;line-height:1.6;margin:0 auto 40px;max-width:700px}.hero-section .hero-actions[data-v-0db4df3c]{display:flex;gap:20px;justify-content:center;margin-bottom:60px}.hero-section .hero-actions .btn-primary[data-v-0db4df3c]{background:#2254f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:transform .2s}.hero-section .hero-actions .btn-primary[data-v-0db4df3c]:hover{box-shadow:0 4px 12px rgba(34,84,244,.3);transform:translateY(-2px)}.hero-section .hero-actions .btn-text[data-v-0db4df3c]{align-items:center;background:none;border:none;color:#606266;cursor:pointer;display:flex;font-size:16px;gap:8px}.hero-section .hero-actions .btn-text[data-v-0db4df3c]:hover{color:#2254f4}.hero-section .hero-stats[data-v-0db4df3c]{border-top:1px solid #eee;display:flex;gap:80px;justify-content:center;padding-top:40px}.hero-section .hero-stats .stat-item[data-v-0db4df3c]{display:flex;flex-direction:column}.hero-section .hero-stats .stat-item strong[data-v-0db4df3c]{color:#1f2d3d;font-size:32px;margin-bottom:4px}.hero-section .hero-stats .stat-item span[data-v-0db4df3c]{color:#909399;font-size:14px}.channels-section[data-v-0db4df3c]{margin-bottom:100px}.channels-section .section-title[data-v-0db4df3c]{color:#1f2d3d;font-size:32px;margin-bottom:48px;text-align:center}.channels-section .channel-cards[data-v-0db4df3c]{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.channels-section .channel-card[data-v-0db4df3c]{background:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:32px 24px;position:relative;transition:all .3s}.channels-section .channel-card[data-v-0db4df3c]:hover{border-color:transparent;box-shadow:0 12px 32px rgba(0,0,0,.08);transform:translateY(-8px)}.channels-section .channel-card.wechat[data-v-0db4df3c]:hover{border-top:4px solid #07c160}.channels-section .channel-card.web[data-v-0db4df3c]:hover{border-top:4px solid #3370ff}.channels-section .channel-card.sdk[data-v-0db4df3c]:hover{border-top:4px solid #fa8c16}.channels-section .channel-card .card-icon[data-v-0db4df3c]{font-size:40px;margin-bottom:24px}.channels-section .channel-card .card-icon.wechat[data-v-0db4df3c]{color:#07c160}.channels-section .channel-card .card-icon.web[data-v-0db4df3c]{color:#3370ff}.channels-section .channel-card .card-icon.sdk[data-v-0db4df3c]{color:#fa8c16}.channels-section .channel-card h3[data-v-0db4df3c]{color:#1f2d3d;font-size:20px;margin-bottom:8px}.channels-section .channel-card .card-subtitle[data-v-0db4df3c]{color:#909399;font-size:14px;margin-bottom:24px}.channels-section .channel-card .feature-list[data-v-0db4df3c]{list-style:none;padding:0}.channels-section .channel-card .feature-list li[data-v-0db4df3c]{align-items:center;color:#606266;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.channels-section .channel-card .feature-list li i[data-v-0db4df3c]{color:#2254f4}.channels-section .channel-card .card-tag[data-v-0db4df3c]{background:#fff0f0;border-radius:4px;color:#f56c6c;font-size:12px;font-weight:600;padding:2px 8px;position:absolute;right:16px;top:16px}.comparison-section[data-v-0db4df3c]{margin-bottom:100px}.comparison-section .section-title[data-v-0db4df3c]{color:#1f2d3d;font-size:32px;margin-bottom:48px;text-align:center}.comparison-section .comparison-box[data-v-0db4df3c]{border:1px solid #e1e4e8;border-radius:12px;display:flex;overflow:hidden;position:relative}.comparison-section .vs-divider[data-v-0db4df3c]{align-items:center;background:#1f2d3d;border:4px solid #fff;border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.comparison-section .comp-col[data-v-0db4df3c]{flex:1;padding:40px}.comparison-section .comp-col.old-way[data-v-0db4df3c]{background:#f9fafb}.comparison-section .comp-col.new-way[data-v-0db4df3c]{background:#fff}.comparison-section .comp-col .col-header[data-v-0db4df3c]{color:#1f2d3d;font-size:18px;font-weight:700;margin-bottom:32px;text-align:center}.comparison-section .comp-col .benefit-point[data-v-0db4df3c],.comparison-section .comp-col .pain-point[data-v-0db4df3c]{display:flex;gap:16px;margin-bottom:24px}.comparison-section .comp-col .benefit-point .icon[data-v-0db4df3c],.comparison-section .comp-col .pain-point .icon[data-v-0db4df3c]{flex-shrink:0;font-size:24px}.comparison-section .comp-col .benefit-point .text strong[data-v-0db4df3c],.comparison-section .comp-col .pain-point .text strong[data-v-0db4df3c]{color:#303133;display:block;font-size:16px;margin-bottom:4px}.comparison-section .comp-col .benefit-point .text p[data-v-0db4df3c],.comparison-section .comp-col .pain-point .text p[data-v-0db4df3c]{color:#909399;font-size:14px;line-height:1.4;margin:0}.cta-section[data-v-0db4df3c]{background:linear-gradient(135deg,#2254f4,#1d39c4);border-radius:12px;color:#fff;padding:80px 20px;text-align:center}.cta-section h2[data-v-0db4df3c]{font-size:36px;margin-bottom:16px}.cta-section p[data-v-0db4df3c]{font-size:18px;margin-bottom:40px;opacity:.9}.cta-section .btn-cta[data-v-0db4df3c]{background:#fff;border:none;border-radius:4px;color:#2254f4;cursor:pointer;font-size:18px;font-weight:700;padding:16px 48px;transition:transform .2s}.cta-section .btn-cta[data-v-0db4df3c]:hover{transform:scale(1.05)}.cta-section .cta-note[data-v-0db4df3c]{font-size:13px;margin-bottom:0;margin-top:16px;opacity:.7}@media(max-width:768px){.hero-title[data-v-0db4df3c]{font-size:32px}.channels-section .channel-cards[data-v-0db4df3c]{gap:20px;grid-template-columns:1fr}.comparison-box[data-v-0db4df3c]{flex-direction:column}.vs-divider[data-v-0db4df3c]{display:none}.hero-stats[data-v-0db4df3c]{flex-direction:column;gap:24px}}@media(max-width:992px){.topbar[data-v-0db4df3c]{padding:0 16px}.marketing-container[data-v-0db4df3c]{padding:40px 16px}.hero-actions[data-v-0db4df3c]{flex-direction:column;gap:12px}.channels-section .channel-cards[data-v-0db4df3c]{gap:24px;grid-template-columns:repeat(2,1fr)}.comp-col[data-v-0db4df3c]{padding:24px}.mobile-menu-btn[data-v-0db4df3c]{align-items:center;border:1px solid #e8eaec;border-radius:8px;color:#5e6670;display:inline-flex;height:40px;justify-content:center;margin-right:12px;width:40px}}