:root{--brand:#06f;--brand-deep:#0052cc;--brand-soft:#eef3fa;--brand-tint:#e6f0ff;--navy:#0a1f44;--ink:#1f2329;--text:#333;--muted:#666;--subtle:#999;--line:#e5e6eb;--line-strong:#ccc;--bg:#fff;--bg-gray:#f5f5f5;--success:#1f9d55;--warning:#d46b08;--danger:#d93026;--on-brand-muted:#cfe0ff;--radius:4px;--radius-sm:2px;--shadow:0 1px 2px #0000000d;--ease:cubic-bezier(.2, 0, 0, 1);--t-fast:.12s;--t-base:.2s;--t-slow:.32s;--header-h:64px;--container:1200px;--font:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.65}img,svg{max-width:100%;display:block}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--ink);margin:0;font-weight:600;line-height:1.3}p{margin:0}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.on-brand :focus-visible{outline-color:#fff}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:var(--radius);padding:8px 12px;position:absolute;top:-48px;left:16px}.skip-link:focus{top:12px}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.brand-logo{color:var(--ink);white-space:nowrap;align-items:center;gap:10px;font-size:17px;font-weight:600;display:inline-flex}.brand-logo:hover{text-decoration:none}.brand-mark--brand{color:var(--brand)}.brand-logo--white,.brand-mark--white{color:#fff}.brand-logo__suffix{border-left:1px solid var(--line);color:var(--muted);margin-left:2px;padding-left:10px;font-size:14px;font-weight:400}.btn{border-radius:var(--radius);min-height:40px;font:inherit;cursor:pointer;white-space:nowrap;transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:15px;font-weight:500;line-height:1;display:inline-flex}.btn:hover{text-decoration:none}.btn--primary{background:var(--brand);color:#fff}.btn--primary:hover{background:var(--brand-deep)}.btn--outline{border-color:var(--line-strong);color:var(--ink);background:#fff}.btn--outline:hover{border-color:var(--brand);color:var(--brand)}.btn--white{color:var(--brand);background:#fff}.btn--white:hover{background:var(--brand-tint)}.btn--ghost-white{color:#fff;background:0 0;border-color:#ffffffb3}.btn--ghost-white:hover{background:#ffffff1f;border-color:#fff}.btn--lg{min-height:48px;padding:0 24px;font-size:16px}.btn--block{width:100%}.site-header{z-index:50;height:var(--header-h);border-bottom:1px solid var(--line);background:#fff;position:-webkit-sticky;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.site-nav{align-items:center;gap:28px;display:flex}.site-nav__link{color:var(--text);font-size:15px}.site-nav__link:hover,.site-nav__link.is-active{color:var(--brand);text-decoration:none}.site-nav__actions{align-items:center;gap:12px;display:flex}.site-nav__toggle{border:1px solid var(--line);border-radius:var(--radius);width:40px;height:40px;color:var(--ink);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0;display:none}.site-footer{background:var(--bg-gray);border-top:1px solid var(--line);color:var(--muted);font-size:14px}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding-top:32px;padding-bottom:32px;display:flex}.site-footer__links{flex-wrap:wrap;gap:8px 24px;display:flex}.site-footer__links a{color:var(--muted)}.site-footer__links a:hover{color:var(--brand)}.site-footer__meta{border-top:1px solid var(--line);width:100%;color:var(--subtle);flex-wrap:wrap;gap:4px 16px;padding-top:16px;font-size:13px;display:flex}.site-footer__meta a{color:var(--subtle)}.tag{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;height:22px;padding:0 8px;font-size:12px;line-height:1;display:inline-flex}.tag--success{color:var(--success);background:#e8f5ee}.tag--muted{background:var(--bg-gray);color:var(--muted)}.tag--brand{background:var(--brand-tint);color:var(--brand-deep)}.demo-badge{border-radius:var(--radius-sm);opacity:.8;border:1px solid;padding:0 6px;font-size:11px;line-height:18px;display:inline-block}@media (max-width:860px){.container{padding:0 16px}.site-nav__toggle{display:inline-flex}.site-nav{top:var(--header-h);border-bottom:1px solid var(--line);visibility:hidden;opacity:0;transition:opacity var(--t-base) var(--ease), transform var(--t-base) var(--ease), visibility 0s linear var(--t-base);background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 16px;position:fixed;left:0;right:0;transform:translateY(-8px);box-shadow:0 4px 8px #0000000a}.site-nav.is-open{visibility:visible;opacity:1;transition:opacity var(--t-base) var(--ease), transform var(--t-base) var(--ease);transform:none}.site-nav__link{border-bottom:1px solid var(--line);padding:12px 4px}.site-nav__actions{padding-top:12px}.site-nav__actions .btn{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.on-brand,.on-brand h1,.on-brand h2,.on-brand h3{color:#fff}.hero{background:linear-gradient(#06f 0%,#005be6 100%);overflow:hidden}.hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:48px;padding-top:72px;padding-bottom:72px;display:grid}.hero__eyebrow{border-radius:var(--radius);border:1px solid #fff9;margin-bottom:16px;padding:4px 10px;font-size:13px;display:inline-block}.hero__title{letter-spacing:.5px;font-size:40px;line-height:1.25}.hero__lead{max-width:520px;margin-top:20px;font-size:17px;line-height:1.75}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.flow{border-radius:var(--radius);background:#ffffff14;border:1px solid #ffffff59;margin:0;padding:24px}.flow__art{color:#ffffff8c;width:100%;height:auto}.flow__path,.flow__hub,.flow__hub-mark,.flow__site{transition:color var(--t-slow) var(--ease), stroke var(--t-slow) var(--ease), opacity var(--t-slow) var(--ease)}.flow[data-active="1"] .flow__path[data-step="1"],.flow[data-active="2"] .flow__hub,.flow[data-active="2"] .flow__hub-mark,.flow[data-active="3"] .flow__path[data-step="3"],.flow[data-active="3"] .flow__site{stroke:#fff}.flow__check{opacity:0}.flow[data-active="3"] .flow__check{opacity:1}.flow__dot{color:#fff;opacity:0}.flow.is-playing .flow__dot{opacity:1}.flow__steps{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.flow__steps ol{flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.flow__steps li{opacity:.7;transition:opacity var(--t-base) var(--ease);align-items:center;gap:8px;display:flex}.flow__steps li.is-active{opacity:1;font-weight:600}.flow__num{border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:inline-flex}.flow__steps li.is-active .flow__num{color:var(--brand);background:#fff}.flow__toggle{border-radius:var(--radius);color:#fff;min-height:32px;font:inherit;cursor:pointer;background:0 0;border:1px solid #fff9;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:inline-flex}.flow__toggle:hover{background:#ffffff1f}.section{padding:80px 0}.section--soft{background:var(--brand-soft)}.section--deep{background:var(--brand-deep)}.section--deep .section__lead,.section--deep .feature p{color:var(--on-brand-muted)}.section__head{max-width:720px;margin-bottom:40px}.section__title{font-size:30px}.section__lead{color:var(--muted);margin-top:12px;font-size:16px}.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.channel-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px}.channel-card__icon{border-radius:var(--radius);background:var(--brand-soft);width:48px;height:48px;color:var(--brand);justify-content:center;align-items:center;display:inline-flex}.channel-card__icon--wechat{color:#07a35a;background:#e8f6ee}.channel-card__icon--alipay{color:#1677ff}.channel-card__icon--douyin{color:#1f2329;background:var(--bg-gray)}.channel-card__body{justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.channel-card__name{font-size:17px}.channel-card__modes{border-top:1px solid var(--line);color:var(--subtle);margin:12px 0 0;padding:12px 0 0;font-size:13px;list-style:none}.channel-card__modes li{padding:2px 0}.channel-card__modes li.is-on{color:var(--text)}.channel-card__modes li.is-on:before{content:"✓ ";color:var(--success)}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.scene{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:28px 24px}.scene__icon{color:var(--brand)}.scene__title{margin-top:16px;font-size:18px}.scene__text{color:var(--muted);margin-top:8px}.steps{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.steps__list{margin:28px 0 32px;padding:0;list-style:none}.steps__list li{border-bottom:1px solid var(--line);gap:16px;padding:16px 0;display:flex}.steps__list li:first-child{padding-top:0}.steps__list h3{font-size:17px}.steps__list p{color:var(--muted);margin-top:4px}.steps__num{background:var(--brand);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:600;display:inline-flex}.code-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.code-card__bar{background:var(--bg-gray);border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;display:flex}.code-card__body{color:var(--ink);font-family:var(--mono);margin:0;padding:20px;font-size:13.5px;line-height:1.7;overflow-x:auto}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.feature{border-radius:var(--radius);border:1px solid #ffffff4d;padding:24px}.feature__icon{color:#fff}.feature h3{margin-top:16px;font-size:17px}.feature p{margin-top:8px;font-size:14px}.cta{background:var(--brand)}.cta__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-top:56px;padding-bottom:56px;display:flex}.cta__title{font-size:28px}.cta__lead{margin-top:8px;font-size:16px}@media (max-width:1100px){.hero__inner{grid-template-columns:1fr;gap:40px;padding-top:56px;padding-bottom:56px}.hero__title{font-size:36px}.channel-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:1fr;gap:32px}}@media (max-width:640px){.hero__inner{padding-top:40px;padding-bottom:40px}.hero__title{font-size:28px}.hero__br{display:none}.hero__lead{font-size:15px}.hero__actions .btn{flex:140px}.flow{padding:16px}.section{padding:56px 0}.section__head{margin-bottom:28px}.section__title{font-size:24px}.channel-grid,.scene-grid,.feature-grid{grid-template-columns:1fr}.cta__inner{padding-top:40px;padding-bottom:40px}.cta__inner .btn{width:100%}}