index8.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>极速支付 - 专业支付通道 | 一手通道 | 低费率支付解决方案</title>
  7. <meta name="description" content="极速支付提供专业支付通道服务,支持机场/发卡/影视/游戏等业务,费率低至6%,D0实时结算,自研系统成功率99%。">
  8. <meta name="keywords" content="极速支付,支付通道,一手通道,低费率支付,支付解决方案,D0结算">
  9. <meta name="author" content="极速支付">
  10. <meta property="og:title" content="极速支付 - 专业支付通道 | 一手通道 | 低费率支付解决方案">
  11. <meta property="og:description" content="极速支付提供专业支付通道服务,支持机场/发卡/影视/游戏等业务,费率低至6%,D0实时结算,自研系统成功率99%。">
  12. <meta property="og:type" content="website">
  13. <link rel="canonical" href="https://jsupay.com/">
  14. <style>
  15. :root {
  16. --color-bg-default: #ffffff;
  17. --color-bg-secondary: #f6f8fa;
  18. --color-border: #d0d7de;
  19. --color-text-primary: #24292f;
  20. --color-text-secondary: #57606a;
  21. --color-accent: #0969da;
  22. --color-accent-hover: #1b1f23;
  23. --shadow-small: 0 1px 3px rgba(27,31,36,0.04);
  24. --shadow-medium: 0 3px 6px rgba(27,31,36,0.04);
  25. --gradient-primary: linear-gradient(135deg, #0969da 0%, #1b1f23 100%);
  26. }
  27. * {
  28. margin: 0;
  29. padding: 0;
  30. box-sizing: border-box;
  31. }
  32. body {
  33. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  34. line-height: 1.5;
  35. color: var(--color-text-primary);
  36. background-color: var(--color-bg-default);
  37. }
  38. .nav {
  39. background-color: var(--color-bg-default);
  40. border-bottom: 1px solid var(--color-border);
  41. padding: 16px 0;
  42. position: sticky;
  43. top: 0;
  44. z-index: 100;
  45. }
  46. .nav-container {
  47. max-width: 1280px;
  48. margin: 0 auto;
  49. padding: 0 24px;
  50. display: flex;
  51. justify-content: space-between;
  52. align-items: center;
  53. }
  54. .nav-logo {
  55. font-size: 24px;
  56. font-weight: 600;
  57. color: var(--color-text-primary);
  58. text-decoration: none;
  59. }
  60. .nav-links {
  61. display: flex;
  62. gap: 24px;
  63. }
  64. .nav-link {
  65. color: var(--color-text-secondary);
  66. text-decoration: none;
  67. font-size: 14px;
  68. font-weight: 500;
  69. }
  70. .nav-link:hover {
  71. color: var(--color-accent);
  72. }
  73. .container {
  74. max-width: 1280px;
  75. margin: 0 auto;
  76. padding: 0 24px;
  77. }
  78. .hero {
  79. text-align: center;
  80. padding: 120px 0;
  81. background: var(--gradient-primary);
  82. color: white;
  83. position: relative;
  84. overflow: hidden;
  85. }
  86. .hero::before {
  87. content: '';
  88. position: absolute;
  89. top: 0;
  90. left: 0;
  91. right: 0;
  92. bottom: 0;
  93. 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>');
  94. opacity: 0.1;
  95. }
  96. .hero h1 {
  97. font-size: 56px;
  98. font-weight: 700;
  99. margin-bottom: 24px;
  100. color: white;
  101. text-shadow: 0 2px 4px rgba(0,0,0,0.1);
  102. animation: fadeInUp 1s ease;
  103. }
  104. .hero p {
  105. font-size: 28px;
  106. color: rgba(255,255,255,0.9);
  107. max-width: 800px;
  108. margin: 0 auto;
  109. animation: fadeInUp 1s ease 0.2s;
  110. animation-fill-mode: both;
  111. }
  112. @keyframes fadeInUp {
  113. from {
  114. opacity: 0;
  115. transform: translateY(20px);
  116. }
  117. to {
  118. opacity: 1;
  119. transform: translateY(0);
  120. }
  121. }
  122. .content {
  123. padding: 64px 0;
  124. }
  125. .section {
  126. margin-bottom: 64px;
  127. }
  128. .section-header {
  129. text-align: center;
  130. margin-bottom: 48px;
  131. }
  132. .section-header h2 {
  133. color: var(--color-text-primary);
  134. font-size: 32px;
  135. font-weight: 600;
  136. margin-bottom: 16px;
  137. }
  138. .section-header p {
  139. color: var(--color-text-secondary);
  140. font-size: 18px;
  141. max-width: 600px;
  142. margin: 0 auto;
  143. }
  144. .features {
  145. display: grid;
  146. grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  147. gap: 32px;
  148. margin-top: 32px;
  149. }
  150. .feature-item {
  151. background: var(--color-bg-default);
  152. padding: 40px;
  153. border-radius: 12px;
  154. border: 1px solid var(--color-border);
  155. transition: all 0.3s ease;
  156. position: relative;
  157. overflow: hidden;
  158. }
  159. .feature-item::before {
  160. content: '';
  161. position: absolute;
  162. top: 0;
  163. left: 0;
  164. width: 4px;
  165. height: 0;
  166. background: var(--color-accent);
  167. transition: height 0.3s ease;
  168. }
  169. .feature-item:hover {
  170. border-color: var(--color-accent);
  171. transform: translateY(-4px);
  172. box-shadow: var(--shadow-medium);
  173. }
  174. .feature-item:hover::before {
  175. height: 100%;
  176. }
  177. .feature-item h3 {
  178. font-size: 22px;
  179. font-weight: 600;
  180. margin-bottom: 20px;
  181. color: var(--color-text-primary);
  182. display: flex;
  183. align-items: center;
  184. gap: 12px;
  185. }
  186. .feature-item h3::before {
  187. content: '✓';
  188. color: var(--color-accent);
  189. font-weight: bold;
  190. }
  191. .feature-item p {
  192. color: var(--color-text-secondary);
  193. font-size: 16px;
  194. line-height: 1.6;
  195. }
  196. .highlight {
  197. color: var(--color-accent);
  198. font-weight: 600;
  199. }
  200. .cta {
  201. text-align: center;
  202. margin-top: 80px;
  203. padding: 80px;
  204. background: var(--gradient-primary);
  205. border-radius: 16px;
  206. border: none;
  207. color: white;
  208. position: relative;
  209. overflow: hidden;
  210. }
  211. .cta::before {
  212. content: '';
  213. position: absolute;
  214. top: 0;
  215. left: 0;
  216. right: 0;
  217. bottom: 0;
  218. 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>');
  219. opacity: 0.1;
  220. }
  221. .cta h2 {
  222. font-size: 36px;
  223. font-weight: 700;
  224. margin-bottom: 24px;
  225. color: white;
  226. position: relative;
  227. }
  228. .cta p {
  229. font-size: 20px;
  230. color: rgba(255,255,255,0.9);
  231. margin-bottom: 40px;
  232. max-width: 700px;
  233. margin-left: auto;
  234. margin-right: auto;
  235. position: relative;
  236. }
  237. .cta-buttons {
  238. display: flex;
  239. justify-content: center;
  240. gap: 16px;
  241. }
  242. .cta-button {
  243. display: inline-block;
  244. padding: 16px 32px;
  245. background: white;
  246. color: var(--color-accent);
  247. text-decoration: none;
  248. border-radius: 8px;
  249. font-weight: 600;
  250. font-size: 18px;
  251. transition: all 0.3s ease;
  252. position: relative;
  253. overflow: hidden;
  254. }
  255. .cta-button::before {
  256. content: '';
  257. position: absolute;
  258. top: 0;
  259. left: -100%;
  260. width: 100%;
  261. height: 100%;
  262. background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  263. transition: 0.5s;
  264. }
  265. .cta-button:hover::before {
  266. left: 100%;
  267. }
  268. .cta-button:hover {
  269. transform: translateY(-2px);
  270. box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  271. }
  272. .cta-button.secondary {
  273. background: transparent;
  274. color: white;
  275. border: 2px solid white;
  276. }
  277. .cta-button.secondary:hover {
  278. background: rgba(255,255,255,0.1);
  279. }
  280. @media (max-width: 768px) {
  281. .nav-links {
  282. display: none;
  283. }
  284. .hero {
  285. padding: 48px 0;
  286. }
  287. .hero h1 {
  288. font-size: 36px;
  289. }
  290. .hero p {
  291. font-size: 20px;
  292. }
  293. .content {
  294. padding: 32px 0;
  295. }
  296. .section-header h2 {
  297. font-size: 28px;
  298. }
  299. .section-header p {
  300. font-size: 16px;
  301. }
  302. .cta {
  303. padding: 32px;
  304. }
  305. .cta h2 {
  306. font-size: 28px;
  307. }
  308. .cta p {
  309. font-size: 16px;
  310. }
  311. .cta-buttons {
  312. flex-direction: column;
  313. }
  314. }
  315. </style>
  316. </head>
  317. <body>
  318. <nav class="nav">
  319. <div class="nav-container">
  320. <a href="/" class="nav-logo">极速支付</a>
  321. <div class="nav-links">
  322. <a href="#features" class="nav-link">功能特点</a>
  323. <a href="#pricing" class="nav-link">费率说明</a>
  324. <a href="./articles/index.html" class="nav-link">文章列表</a>
  325. <a href="#contact" class="nav-link">联系我们</a>
  326. </div>
  327. </div>
  328. </nav>
  329. <div class="container">
  330. <section class="hero">
  331. <h1>极速支付</h1>
  332. <p>专业支付通道 · 一手费率 · 实时结算 · 安全可靠</p>
  333. </section>
  334. <main class="content">
  335. <section class="section" id="features">
  336. <div class="section-header">
  337. <h2>业务范围</h2>
  338. <p>支持多种业务场景,为您提供专业的支付解决方案,让支付更简单</p>
  339. </div>
  340. <div class="features">
  341. <div class="feature-item">
  342. <h3>VPN机场</h3>
  343. <p>支持机场业务支付</p>
  344. <p>费率低至6%</p>
  345. <p>实时结算,无手续费</p>
  346. </div>
  347. <div class="feature-item">
  348. <h3>VPS服务</h3>
  349. <p>支持VPS服务支付</p>
  350. <p>D0实时结算</p>
  351. <p>费率优惠</p>
  352. </div>
  353. <div class="feature-item">
  354. <h3>发卡平台</h3>
  355. <p>支持发卡平台支付</p>
  356. <p>D0结算</p>
  357. <p>费率低至6%</p>
  358. </div>
  359. <div class="feature-item">
  360. <h3>游戏服务</h3>
  361. <p>支持游戏服务支付</p>
  362. <p>成功率99%</p>
  363. <p>实时结算</p>
  364. </div>
  365. <div class="feature-item">
  366. <h3>论坛社区</h3>
  367. <p>支持论坛社区支付</p>
  368. <p>安全可靠</p>
  369. <p>费率优惠</p>
  370. </div>
  371. <div class="feature-item">
  372. <h3>视频影视</h3>
  373. <p>支持视频影视支付</p>
  374. <p>费率优惠</p>
  375. <p>实时结算</p>
  376. </div>
  377. </div>
  378. </section>
  379. <section class="section" id="pricing">
  380. <div class="section-header">
  381. <h2>费率说明</h2>
  382. <p>透明费率,实时结算,让支付更简单,让您的业务更高效</p>
  383. </div>
  384. <div class="features">
  385. <div class="feature-item">
  386. <h3>通道费率</h3>
  387. <div class="highlight">6% U上浮0.2</div>
  388. <p>一手通道</p>
  389. <p>费率透明</p>
  390. <p>无隐藏费用</p>
  391. </div>
  392. <div class="feature-item">
  393. <h3>结算周期</h3>
  394. <div class="highlight">D0 实时结算</div>
  395. <p>资金秒到账</p>
  396. <p>让您的业务更高效</p>
  397. </div>
  398. <div class="feature-item">
  399. <h3>结算方式</h3>
  400. <p>USDT</p>
  401. <p>(欧易实时汇率)</p>
  402. <p>支持多种结算方式</p>
  403. </div>
  404. <div class="feature-item">
  405. <h3>最低结算</h3>
  406. <p>100元起</p>
  407. <p>无门槛接入</p>
  408. <p>让您的业务更灵活</p>
  409. </div>
  410. </div>
  411. </section>
  412. <section class="section" id="benefits">
  413. <div class="section-header">
  414. <h2>核心权益</h2>
  415. <p>简约不简单,让支付更高效,让您的业务更顺畅</p>
  416. </div>
  417. <div class="features">
  418. <div class="feature-item">
  419. <h3>聚合支付</h3>
  420. <p>聚合数十家支付通道</p>
  421. <p>一手费率6%</p>
  422. <p>让您的支付更便捷</p>
  423. </div>
  424. <div class="feature-item">
  425. <h3>实时结算</h3>
  426. <p>实时U价结算</p>
  427. <p>无上浮,0手续费</p>
  428. <p>让您的资金更安全</p>
  429. </div>
  430. <div class="feature-item">
  431. <h3>高成功率</h3>
  432. <p>自研支付系统</p>
  433. <p>成功率99%</p>
  434. <p>让您的业务更稳定</p>
  435. </div>
  436. <div class="feature-item">
  437. <h3>通道丰富</h3>
  438. <p>独家会员模式</p>
  439. <p>上百条通道自由选择</p>
  440. <p>让您的支付更灵活</p>
  441. </div>
  442. <div class="feature-item">
  443. <h3>安全可靠</h3>
  444. <p>安全无忧</p>
  445. <p>无惧跑路</p>
  446. <p>让您的资金更安全</p>
  447. </div>
  448. </div>
  449. </section>
  450. <section class="cta" id="contact">
  451. <h2>立即加入我们</h2>
  452. <p>无门槛接入,低费率通道,安全可靠,实时结算,让您的业务更高效</p>
  453. <div class="cta-buttons">
  454. <a href="https://t.me/Jsupay" class="cta-button" target="_blank">加入群组</a>
  455. <a href="https://t.me/jsupaykf_bot" class="cta-button secondary" target="_blank">联系客服</a>
  456. </div>
  457. </section>
  458. </main>
  459. </div>
  460. </body>
  461. </html>