| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516 | <!DOCTYPE html><html lang="zh-CN"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>极速支付 - 专业支付通道 | 一手通道 | 低费率支付解决方案</title>    <meta name="description" content="极速支付提供专业支付通道服务,支持机场/发卡/影视/游戏等业务,费率低至6%,D0实时结算,自研系统成功率99%。">    <meta name="keywords" content="极速支付,支付通道,一手通道,低费率支付,支付解决方案,D0结算">    <meta name="author" content="极速支付">    <meta property="og:title" content="极速支付 - 专业支付通道 | 一手通道 | 低费率支付解决方案">    <meta property="og:description" content="极速支付提供专业支付通道服务,支持机场/发卡/影视/游戏等业务,费率低至6%,D0实时结算,自研系统成功率99%。">    <meta property="og:type" content="website">    <link rel="canonical" href="https://jsupay.com/">    <style>        :root {            --color-bg-default: #ffffff;            --color-bg-secondary: #f6f8fa;            --color-border: #d0d7de;            --color-text-primary: #24292f;            --color-text-secondary: #57606a;            --color-accent: #0969da;            --color-accent-hover: #1b1f23;            --shadow-small: 0 1px 3px rgba(27,31,36,0.04);            --shadow-medium: 0 3px 6px rgba(27,31,36,0.04);            --gradient-primary: linear-gradient(135deg, #0969da 0%, #1b1f23 100%);        }        * {            margin: 0;            padding: 0;            box-sizing: border-box;        }                body {            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;            line-height: 1.5;            color: var(--color-text-primary);            background-color: var(--color-bg-default);        }        .nav {            background-color: var(--color-bg-default);            border-bottom: 1px solid var(--color-border);            padding: 16px 0;            position: sticky;            top: 0;            z-index: 100;        }        .nav-container {            max-width: 1280px;            margin: 0 auto;            padding: 0 24px;            display: flex;            justify-content: space-between;            align-items: center;        }        .nav-logo {            font-size: 24px;            font-weight: 600;            color: var(--color-text-primary);            text-decoration: none;        }        .nav-links {            display: flex;            gap: 24px;        }        .nav-link {            color: var(--color-text-secondary);            text-decoration: none;            font-size: 14px;            font-weight: 500;        }        .nav-link:hover {            color: var(--color-accent);        }                .container {            max-width: 1280px;            margin: 0 auto;            padding: 0 24px;        }                .hero {            text-align: center;            padding: 120px 0;            background: var(--gradient-primary);            color: white;            position: relative;            overflow: hidden;        }                .hero::before {            content: '';            position: absolute;            top: 0;            left: 0;            right: 0;            bottom: 0;            background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><rect width="1" height="1" fill="rgba(255,255,255,0.1)"/></svg>');            opacity: 0.1;        }                .hero h1 {            font-size: 56px;            font-weight: 700;            margin-bottom: 24px;            color: white;            text-shadow: 0 2px 4px rgba(0,0,0,0.1);            animation: fadeInUp 1s ease;        }                .hero p {            font-size: 28px;            color: rgba(255,255,255,0.9);            max-width: 800px;            margin: 0 auto;            animation: fadeInUp 1s ease 0.2s;            animation-fill-mode: both;        }        @keyframes fadeInUp {            from {                opacity: 0;                transform: translateY(20px);            }            to {                opacity: 1;                transform: translateY(0);            }        }                .content {            padding: 64px 0;        }                .section {            margin-bottom: 64px;        }                .section-header {            text-align: center;            margin-bottom: 48px;        }                .section-header h2 {            color: var(--color-text-primary);            font-size: 32px;            font-weight: 600;            margin-bottom: 16px;        }                .section-header p {            color: var(--color-text-secondary);            font-size: 18px;            max-width: 600px;            margin: 0 auto;        }                .features {            display: grid;            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));            gap: 32px;            margin-top: 32px;        }                .feature-item {            background: var(--color-bg-default);            padding: 40px;            border-radius: 12px;            border: 1px solid var(--color-border);            transition: all 0.3s ease;            position: relative;            overflow: hidden;        }                .feature-item::before {            content: '';            position: absolute;            top: 0;            left: 0;            width: 4px;            height: 0;            background: var(--color-accent);            transition: height 0.3s ease;        }                .feature-item:hover {            border-color: var(--color-accent);            transform: translateY(-4px);            box-shadow: var(--shadow-medium);        }                .feature-item:hover::before {            height: 100%;        }        .feature-item h3 {            font-size: 22px;            font-weight: 600;            margin-bottom: 20px;            color: var(--color-text-primary);            display: flex;            align-items: center;            gap: 12px;        }        .feature-item h3::before {            content: '✓';            color: var(--color-accent);            font-weight: bold;        }        .feature-item p {            color: var(--color-text-secondary);            font-size: 16px;            line-height: 1.6;        }                .highlight {            color: var(--color-accent);            font-weight: 600;        }                .cta {            text-align: center;            margin-top: 80px;            padding: 80px;            background: var(--gradient-primary);            border-radius: 16px;            border: none;            color: white;            position: relative;            overflow: hidden;        }                .cta::before {            content: '';            position: absolute;            top: 0;            left: 0;            right: 0;            bottom: 0;            background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><rect width="1" height="1" fill="rgba(255,255,255,0.1)"/></svg>');            opacity: 0.1;        }                .cta h2 {            font-size: 36px;            font-weight: 700;            margin-bottom: 24px;            color: white;            position: relative;        }                .cta p {            font-size: 20px;            color: rgba(255,255,255,0.9);            margin-bottom: 40px;            max-width: 700px;            margin-left: auto;            margin-right: auto;            position: relative;        }                .cta-buttons {            display: flex;            justify-content: center;            gap: 16px;        }                .cta-button {            display: inline-block;            padding: 16px 32px;            background: white;            color: var(--color-accent);            text-decoration: none;            border-radius: 8px;            font-weight: 600;            font-size: 18px;            transition: all 0.3s ease;            position: relative;            overflow: hidden;        }                .cta-button::before {            content: '';            position: absolute;            top: 0;            left: -100%;            width: 100%;            height: 100%;            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);            transition: 0.5s;        }                .cta-button:hover::before {            left: 100%;        }                .cta-button:hover {            transform: translateY(-2px);            box-shadow: 0 4px 12px rgba(0,0,0,0.1);        }        .cta-button.secondary {            background: transparent;            color: white;            border: 2px solid white;        }        .cta-button.secondary:hover {            background: rgba(255,255,255,0.1);        }                @media (max-width: 768px) {            .nav-links {                display: none;            }                        .hero {                padding: 48px 0;            }                        .hero h1 {                font-size: 36px;            }                        .hero p {                font-size: 20px;            }                        .content {                padding: 32px 0;            }                        .section-header h2 {                font-size: 28px;            }                        .section-header p {                font-size: 16px;            }                        .cta {                padding: 32px;            }                        .cta h2 {                font-size: 28px;            }                        .cta p {                font-size: 16px;            }                        .cta-buttons {                flex-direction: column;            }        }    </style></head><body>    <nav class="nav">        <div class="nav-container">            <a href="/" class="nav-logo">极速支付</a>            <div class="nav-links">                <a href="#features" class="nav-link">功能特点</a>                <a href="#pricing" class="nav-link">费率说明</a>                <a href="./articles/index.html" class="nav-link">文章列表</a>                <a href="#contact" class="nav-link">联系我们</a>            </div>        </div>    </nav>    <div class="container">        <section class="hero">            <h1>极速支付</h1>            <p>专业支付通道 · 一手费率 · 实时结算 · 安全可靠</p>        </section>                <main class="content">            <section class="section" id="features">                <div class="section-header">                    <h2>业务范围</h2>                    <p>支持多种业务场景,为您提供专业的支付解决方案,让支付更简单</p>                </div>                <div class="features">                    <div class="feature-item">                        <h3>VPN机场</h3>                        <p>支持机场业务支付</p>                        <p>费率低至6%</p>                        <p>实时结算,无手续费</p>                    </div>                    <div class="feature-item">                        <h3>VPS服务</h3>                        <p>支持VPS服务支付</p>                        <p>D0实时结算</p>                        <p>费率优惠</p>                    </div>                    <div class="feature-item">                        <h3>发卡平台</h3>                        <p>支持发卡平台支付</p>                        <p>D0结算</p>                        <p>费率低至6%</p>                    </div>                    <div class="feature-item">                        <h3>游戏服务</h3>                        <p>支持游戏服务支付</p>                        <p>成功率99%</p>                        <p>实时结算</p>                    </div>                    <div class="feature-item">                        <h3>论坛社区</h3>                        <p>支持论坛社区支付</p>                        <p>安全可靠</p>                        <p>费率优惠</p>                    </div>                    <div class="feature-item">                        <h3>视频影视</h3>                        <p>支持视频影视支付</p>                        <p>费率优惠</p>                        <p>实时结算</p>                    </div>                </div>            </section>                        <section class="section" id="pricing">                <div class="section-header">                    <h2>费率说明</h2>                    <p>透明费率,实时结算,让支付更简单,让您的业务更高效</p>                </div>                <div class="features">                    <div class="feature-item">                        <h3>通道费率</h3>                        <div class="highlight">6% U上浮0.2</div>                        <p>一手通道</p>                        <p>费率透明</p>                        <p>无隐藏费用</p>                    </div>                    <div class="feature-item">                        <h3>结算周期</h3>                        <div class="highlight">D0 实时结算</div>                        <p>资金秒到账</p>                        <p>让您的业务更高效</p>                    </div>                    <div class="feature-item">                        <h3>结算方式</h3>                        <p>USDT</p>                        <p>(欧易实时汇率)</p>                        <p>支持多种结算方式</p>                    </div>                    <div class="feature-item">                        <h3>最低结算</h3>                        <p>100元起</p>                        <p>无门槛接入</p>                        <p>让您的业务更灵活</p>                    </div>                </div>            </section>                        <section class="section" id="benefits">                <div class="section-header">                    <h2>核心权益</h2>                    <p>简约不简单,让支付更高效,让您的业务更顺畅</p>                </div>                <div class="features">                    <div class="feature-item">                        <h3>聚合支付</h3>                        <p>聚合数十家支付通道</p>                        <p>一手费率6%</p>                        <p>让您的支付更便捷</p>                    </div>                    <div class="feature-item">                        <h3>实时结算</h3>                        <p>实时U价结算</p>                        <p>无上浮,0手续费</p>                        <p>让您的资金更安全</p>                    </div>                    <div class="feature-item">                        <h3>高成功率</h3>                        <p>自研支付系统</p>                        <p>成功率99%</p>                        <p>让您的业务更稳定</p>                    </div>                    <div class="feature-item">                        <h3>通道丰富</h3>                        <p>独家会员模式</p>                        <p>上百条通道自由选择</p>                        <p>让您的支付更灵活</p>                    </div>                    <div class="feature-item">                        <h3>安全可靠</h3>                        <p>安全无忧</p>                        <p>无惧跑路</p>                        <p>让您的资金更安全</p>                    </div>                </div>            </section>                        <section class="cta" id="contact">                <h2>立即加入我们</h2>                <p>无门槛接入,低费率通道,安全可靠,实时结算,让您的业务更高效</p>                <div class="cta-buttons">                    <a href="https://t.me/Jsupay" class="cta-button" target="_blank">加入群组</a>                    <a href="https://t.me/jsupaykf_bot" class="cta-button secondary" target="_blank">联系客服</a>                </div>            </section>        </main>    </div></body></html> 
 |