index8.html 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254
  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. * {
  16. margin: 0;
  17. padding: 0;
  18. box-sizing: border-box;
  19. }
  20. body {
  21. font-family: 'Microsoft YaHei', sans-serif;
  22. line-height: 1.6;
  23. color: #333;
  24. background-color: #f8f9fa;
  25. min-height: 100vh;
  26. }
  27. .container {
  28. max-width: 1200px;
  29. margin: 0 auto;
  30. padding: 20px;
  31. }
  32. .header {
  33. text-align: center;
  34. padding: 80px 0;
  35. background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
  36. color: white;
  37. position: relative;
  38. overflow: hidden;
  39. border-radius: 0 0 20px 20px;
  40. box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  41. }
  42. .header::before {
  43. content: '';
  44. position: absolute;
  45. top: 0;
  46. left: 0;
  47. right: 0;
  48. bottom: 0;
  49. background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100" height="100" fill="none"/><path d="M0,0 L100,100 M100,0 L0,100" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></svg>');
  50. opacity: 0.1;
  51. }
  52. .header h1 {
  53. font-size: 3.5em;
  54. margin-bottom: 20px;
  55. text-shadow: 0 2px 4px rgba(0,0,0,0.2);
  56. }
  57. .content {
  58. background: white;
  59. padding: 40px;
  60. border-radius: 20px;
  61. box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  62. margin-top: -30px;
  63. position: relative;
  64. z-index: 1;
  65. }
  66. .section {
  67. margin-bottom: 40px;
  68. padding: 30px;
  69. background: white;
  70. border-radius: 15px;
  71. box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  72. transition: transform 0.3s ease;
  73. }
  74. .section:hover {
  75. transform: translateY(-5px);
  76. box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  77. }
  78. .section h2 {
  79. color: #6a11cb;
  80. margin-bottom: 20px;
  81. font-size: 2em;
  82. position: relative;
  83. display: inline-block;
  84. }
  85. .section h2::after {
  86. content: '';
  87. position: absolute;
  88. bottom: -5px;
  89. left: 0;
  90. width: 50px;
  91. height: 3px;
  92. background: linear-gradient(90deg, #6a11cb, #2575fc);
  93. }
  94. .features {
  95. display: grid;
  96. grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  97. gap: 30px;
  98. margin-top: 30px;
  99. }
  100. .feature-item {
  101. background: #f8f9fa;
  102. padding: 25px;
  103. border-radius: 10px;
  104. border-left: 4px solid #6a11cb;
  105. transition: all 0.3s ease;
  106. }
  107. .feature-item:hover {
  108. background: white;
  109. box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  110. transform: translateY(-5px);
  111. }
  112. .highlight {
  113. color: #6a11cb;
  114. font-weight: bold;
  115. }
  116. .contact {
  117. text-align: center;
  118. margin-top: 40px;
  119. padding: 30px;
  120. background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
  121. color: white;
  122. border-radius: 15px;
  123. box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  124. }
  125. .contact p {
  126. font-size: 1.3em;
  127. margin-bottom: 15px;
  128. }
  129. .telegram {
  130. color: #fff;
  131. font-weight: bold;
  132. font-size: 1.4em;
  133. text-shadow: 0 2px 4px rgba(0,0,0,0.2);
  134. }
  135. .contact-buttons {
  136. display: flex;
  137. justify-content: center;
  138. gap: 20px;
  139. margin-top: 20px;
  140. }
  141. .contact-button {
  142. display: inline-block;
  143. padding: 12px 30px;
  144. background: rgba(255, 255, 255, 0.1);
  145. color: white;
  146. text-decoration: none;
  147. border: 1px solid rgba(255, 255, 255, 0.2);
  148. border-radius: 5px;
  149. font-weight: bold;
  150. transition: all 0.3s ease;
  151. backdrop-filter: blur(5px);
  152. }
  153. .contact-button:hover {
  154. background: rgba(255, 255, 255, 0.2);
  155. transform: translateY(-2px);
  156. box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  157. }
  158. @media (max-width: 768px) {
  159. .header {
  160. padding: 60px 0;
  161. }
  162. .content {
  163. padding: 20px;
  164. }
  165. .section {
  166. padding: 20px;
  167. }
  168. }
  169. </style>
  170. </head>
  171. <body>
  172. <div class="container">
  173. <header class="header" role="banner">
  174. <h1>极速支付</h1>
  175. <p>一手通道 · 专业支付解决方案</p>
  176. </header>
  177. <main class="content" role="main">
  178. <section class="section" aria-labelledby="business-scope">
  179. <h2 id="business-scope">业务范围</h2>
  180. <p>VPN机场 / VPS / 发卡 / 游戏 / 论坛 / 视频影视</p>
  181. <p class="highlight">🈲 禁止:赌博、诈骗等违法业务</p>
  182. </section>
  183. <section class="section" aria-labelledby="fee-description">
  184. <h2 id="fee-description">费率说明</h2>
  185. <p>通道费率:<span class="highlight">6% U上浮0.2</span></p>
  186. <p>结算周期:<span class="highlight">D0 实时结算</span></p>
  187. <p>结算方式:USDT(欧易实时汇率)</p>
  188. <p>最低结算:100元起</p>
  189. </section>
  190. <section class="section" aria-labelledby="member-benefits">
  191. <h2 id="member-benefits">简约会员模式 - 核心权益</h2>
  192. <div class="features">
  193. <div class="feature-item">
  194. • 聚合数十家支付通道,一手费率6%
  195. </div>
  196. <div class="feature-item">
  197. • 实时U价结算,无上浮,0手续费
  198. </div>
  199. <div class="feature-item">
  200. • 自研支付系统,成功率99%
  201. </div>
  202. <div class="feature-item">
  203. • 独家会员模式,上百条通道自由选择
  204. </div>
  205. <div class="feature-item">
  206. • 安全无忧,无惧跑路
  207. </div>
  208. </div>
  209. </section>
  210. <section class="section">
  211. <p>简约不简单,让支付更高效</p>
  212. <p>无门槛接入,低费率通道</p>
  213. <p>安全可靠,实时结算</p>
  214. </section>
  215. <section class="contact" aria-labelledby="contact-info">
  216. <h2 id="contact-info" class="visually-hidden">联系方式</h2>
  217. <p>立即加入我们:</p>
  218. <div class="contact-buttons">
  219. <a href="https://t.me/Jsupay" class="contact-button" target="_blank">加入群组</a>
  220. <a href="https://t.me/jsupaykf_bot" class="contact-button" target="_blank">联系客服</a>
  221. </div>
  222. </section>
  223. </main>
  224. </div>
  225. </body>
  226. </html>