index10.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329
  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: #fff;
  24. background-color: #0f0f1a;
  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, #2a0f49 0%, #0f0f1a 100%);
  36. position: relative;
  37. overflow: hidden;
  38. }
  39. .header::before {
  40. content: '';
  41. position: absolute;
  42. top: 0;
  43. left: 0;
  44. right: 0;
  45. bottom: 0;
  46. background:
  47. linear-gradient(90deg, transparent 0%, rgba(0, 255, 255, 0.1) 50%, transparent 100%),
  48. 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(0,255,255,0.1)" stroke-width="1"/></svg>');
  49. animation: scan 8s linear infinite;
  50. }
  51. @keyframes scan {
  52. 0% {
  53. background-position: 0 0;
  54. }
  55. 100% {
  56. background-position: 100% 0;
  57. }
  58. }
  59. .header h1 {
  60. font-size: 3.5em;
  61. margin-bottom: 20px;
  62. color: #00ffff;
  63. text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
  64. animation: glow 2s ease-in-out infinite alternate;
  65. }
  66. @keyframes glow {
  67. from {
  68. text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
  69. }
  70. to {
  71. text-shadow: 0 0 20px rgba(0, 255, 255, 0.8);
  72. }
  73. }
  74. .content {
  75. background: rgba(15, 15, 26, 0.8);
  76. padding: 40px;
  77. border-radius: 10px;
  78. border: 1px solid rgba(0, 255, 255, 0.2);
  79. box-shadow: 0 0 20px rgba(0, 255, 255, 0.1);
  80. margin-top: -30px;
  81. position: relative;
  82. z-index: 1;
  83. }
  84. .section {
  85. margin-bottom: 40px;
  86. padding: 30px;
  87. background: rgba(15, 15, 26, 0.5);
  88. border-radius: 10px;
  89. border: 1px solid rgba(0, 255, 255, 0.2);
  90. position: relative;
  91. overflow: hidden;
  92. }
  93. .section::before {
  94. content: '';
  95. position: absolute;
  96. top: 0;
  97. left: 0;
  98. width: 100%;
  99. height: 1px;
  100. background: linear-gradient(90deg, transparent, rgba(0, 255, 255, 0.5), transparent);
  101. animation: borderGlow 2s linear infinite;
  102. }
  103. @keyframes borderGlow {
  104. 0% {
  105. transform: translateX(-100%);
  106. }
  107. 100% {
  108. transform: translateX(100%);
  109. }
  110. }
  111. .section h2 {
  112. color: #00ffff;
  113. margin-bottom: 20px;
  114. font-size: 2em;
  115. position: relative;
  116. display: inline-block;
  117. }
  118. .section h2::after {
  119. content: '';
  120. position: absolute;
  121. bottom: -5px;
  122. left: 0;
  123. width: 100%;
  124. height: 1px;
  125. background: linear-gradient(90deg, #00ffff, transparent);
  126. }
  127. .features {
  128. display: grid;
  129. grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  130. gap: 30px;
  131. margin-top: 30px;
  132. }
  133. .feature-item {
  134. background: rgba(15, 15, 26, 0.5);
  135. padding: 25px;
  136. border-radius: 10px;
  137. border: 1px solid rgba(0, 255, 255, 0.2);
  138. position: relative;
  139. transition: all 0.3s ease;
  140. }
  141. .feature-item:hover {
  142. transform: translateY(-5px);
  143. box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);
  144. border-color: rgba(0, 255, 255, 0.5);
  145. }
  146. .highlight {
  147. color: #00ffff;
  148. font-weight: bold;
  149. }
  150. .contact {
  151. text-align: center;
  152. margin-top: 40px;
  153. padding: 30px;
  154. background: rgba(15, 15, 26, 0.5);
  155. border-radius: 10px;
  156. border: 1px solid rgba(0, 255, 255, 0.2);
  157. position: relative;
  158. }
  159. .contact::before {
  160. content: '';
  161. position: absolute;
  162. top: 0;
  163. left: 0;
  164. right: 0;
  165. bottom: 0;
  166. background: linear-gradient(45deg, transparent, rgba(0, 255, 255, 0.1), transparent);
  167. animation: gradientMove 3s linear infinite;
  168. }
  169. @keyframes gradientMove {
  170. 0% {
  171. background-position: 0% 50%;
  172. }
  173. 100% {
  174. background-position: 100% 50%;
  175. }
  176. }
  177. .contact p {
  178. font-size: 1.3em;
  179. margin-bottom: 15px;
  180. }
  181. .telegram {
  182. color: #00ffff;
  183. font-weight: bold;
  184. font-size: 1.4em;
  185. text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
  186. }
  187. .contact-buttons {
  188. display: flex;
  189. justify-content: center;
  190. gap: 20px;
  191. margin-top: 20px;
  192. }
  193. .contact-button {
  194. display: inline-block;
  195. padding: 12px 30px;
  196. background: rgba(0, 255, 255, 0.1);
  197. color: #00ffff;
  198. text-decoration: none;
  199. border: 1px solid #00ffff;
  200. border-radius: 5px;
  201. font-weight: bold;
  202. transition: all 0.3s ease;
  203. position: relative;
  204. overflow: hidden;
  205. box-shadow: 0 0 10px rgba(0, 255, 255, 0.1);
  206. }
  207. .contact-button::before {
  208. content: '';
  209. position: absolute;
  210. top: 0;
  211. left: -100%;
  212. width: 100%;
  213. height: 100%;
  214. background: linear-gradient(90deg, transparent, rgba(0, 255, 255, 0.2), transparent);
  215. transition: 0.5s;
  216. }
  217. .contact-button::after {
  218. content: '';
  219. position: absolute;
  220. top: 0;
  221. left: 0;
  222. width: 100%;
  223. height: 100%;
  224. background: linear-gradient(90deg, transparent, rgba(0, 255, 255, 0.1), transparent);
  225. animation: scan 2s linear infinite;
  226. }
  227. .contact-button:hover {
  228. background: rgba(0, 255, 255, 0.2);
  229. box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);
  230. transform: translateY(-2px);
  231. }
  232. .contact-button:hover::before {
  233. left: 100%;
  234. }
  235. @media (max-width: 768px) {
  236. .header {
  237. padding: 60px 0;
  238. }
  239. .content {
  240. padding: 20px;
  241. }
  242. .section {
  243. padding: 20px;
  244. }
  245. }
  246. </style>
  247. </head>
  248. <body>
  249. <div class="container">
  250. <header class="header" role="banner">
  251. <h1>极速支付</h1>
  252. <p>一手通道 · 专业支付解决方案</p>
  253. </header>
  254. <main class="content" role="main">
  255. <section class="section" aria-labelledby="business-scope">
  256. <h2 id="business-scope">业务范围</h2>
  257. <p>机场/发卡/影视/游戏/</p>
  258. </section>
  259. <section class="section" aria-labelledby="fee-description">
  260. <h2 id="fee-description">费率说明</h2>
  261. <p>费率:<span class="highlight">6%上浮0.2</span></p>
  262. <p>结算:<span class="highlight">D0 实时汇率</span></p>
  263. <p>系统:自研系统,成功率99%</p>
  264. </section>
  265. <section class="section" aria-labelledby="member-benefits">
  266. <h2 id="member-benefits">👑 独家会员模式 - 会员权益 👑</h2>
  267. <div class="features">
  268. <div class="feature-item">
  269. ✅ 上百条一手通道,会员任选
  270. </div>
  271. <div class="feature-item">
  272. ✅ 1元流水也可享受一手通道低费率
  273. </div>
  274. <div class="feature-item">
  275. ✅ 高额担保,安全收款,告别跑路
  276. </div>
  277. </div>
  278. </section>
  279. <section class="section">
  280. <p>无套路,费率所见即所得,让我们一起重新定义支付!</p>
  281. </section>
  282. <section class="contact" aria-labelledby="contact-info">
  283. <h2 id="contact-info" class="visually-hidden">联系方式</h2>
  284. <p>立即加入我们:</p>
  285. <div class="contact-buttons">
  286. <a href="https://t.me/Jsupay" class="contact-button" target="_blank">加入群组</a>
  287. <a href="https://t.me/jsupaykf_bot" class="contact-button" target="_blank">联系客服</a>
  288. </div>
  289. </section>
  290. </main>
  291. </div>
  292. </body>
  293. </html>