index9.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405
  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. <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap" rel="stylesheet">
  15. <style>
  16. * {
  17. margin: 0;
  18. padding: 0;
  19. box-sizing: border-box;
  20. }
  21. body {
  22. font-family: 'Noto Serif SC', serif;
  23. line-height: 1.6;
  24. color: #2c1810;
  25. background-color: #f5f0e6;
  26. background-image:
  27. linear-gradient(rgba(245, 240, 230, 0.9), rgba(245, 240, 230, 0.9)),
  28. 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(44,24,16,0.1)" stroke-width="1"/></svg>');
  29. min-height: 100vh;
  30. }
  31. .container {
  32. max-width: 1200px;
  33. margin: 0 auto;
  34. padding: 20px;
  35. position: relative;
  36. }
  37. .container::before {
  38. content: '';
  39. position: absolute;
  40. top: 0;
  41. left: 0;
  42. right: 0;
  43. bottom: 0;
  44. 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(44,24,16,0.05)" stroke-width="1"/></svg>');
  45. pointer-events: none;
  46. }
  47. .header {
  48. text-align: center;
  49. padding: 60px 0;
  50. background: #2c1810;
  51. color: #d4af37;
  52. position: relative;
  53. border-bottom: 5px solid #1a0f0a;
  54. margin-bottom: 40px;
  55. }
  56. .header::before {
  57. content: '';
  58. position: absolute;
  59. top: 0;
  60. left: 0;
  61. right: 0;
  62. bottom: 0;
  63. background:
  64. linear-gradient(45deg, transparent 48%, rgba(212, 175, 55, 0.1) 50%, transparent 52%),
  65. 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(212,175,55,0.1)" stroke-width="1"/></svg>');
  66. opacity: 0.2;
  67. }
  68. .header h1 {
  69. font-size: 3.5em;
  70. margin-bottom: 20px;
  71. text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
  72. font-family: 'Noto Serif SC', serif;
  73. letter-spacing: 2px;
  74. position: relative;
  75. display: inline-block;
  76. }
  77. .header h1::before,
  78. .header h1::after {
  79. content: '❖';
  80. position: absolute;
  81. top: 50%;
  82. transform: translateY(-50%);
  83. color: #d4af37;
  84. font-size: 0.5em;
  85. }
  86. .header h1::before {
  87. left: -30px;
  88. }
  89. .header h1::after {
  90. right: -30px;
  91. }
  92. .content {
  93. background: #fff;
  94. padding: 40px;
  95. border: 2px solid #2c1810;
  96. box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
  97. position: relative;
  98. z-index: 1;
  99. }
  100. .content::before {
  101. content: '';
  102. position: absolute;
  103. top: 10px;
  104. left: 10px;
  105. right: 10px;
  106. bottom: 10px;
  107. border: 1px solid rgba(44, 24, 16, 0.2);
  108. pointer-events: none;
  109. }
  110. .section {
  111. margin-bottom: 40px;
  112. padding: 30px;
  113. background: #fff;
  114. border: 1px solid #2c1810;
  115. position: relative;
  116. }
  117. .section::before {
  118. content: '';
  119. position: absolute;
  120. top: 0;
  121. left: 0;
  122. right: 0;
  123. bottom: 0;
  124. 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(44,24,16,0.1)" stroke-width="1"/></svg>');
  125. opacity: 0.1;
  126. }
  127. .section h2 {
  128. color: #2c1810;
  129. margin-bottom: 20px;
  130. font-size: 2em;
  131. font-family: 'Noto Serif SC', serif;
  132. position: relative;
  133. display: inline-block;
  134. letter-spacing: 1px;
  135. padding: 0 20px;
  136. }
  137. .section h2::before,
  138. .section h2::after {
  139. content: '';
  140. position: absolute;
  141. top: 50%;
  142. width: 15px;
  143. height: 1px;
  144. background: #2c1810;
  145. }
  146. .section h2::before {
  147. left: 0;
  148. }
  149. .section h2::after {
  150. right: 0;
  151. }
  152. .features {
  153. display: grid;
  154. grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  155. gap: 30px;
  156. margin-top: 30px;
  157. }
  158. .feature-item {
  159. background: #fff;
  160. padding: 25px;
  161. border: 1px solid #2c1810;
  162. position: relative;
  163. transition: all 0.3s ease;
  164. font-family: 'Noto Serif SC', serif;
  165. }
  166. .feature-item:hover {
  167. transform: translateY(-5px);
  168. box-shadow: 0 5px 15px rgba(44, 24, 16, 0.1);
  169. }
  170. .feature-item::before {
  171. content: '';
  172. position: absolute;
  173. top: 0;
  174. left: 0;
  175. right: 0;
  176. bottom: 0;
  177. 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(44,24,16,0.1)" stroke-width="1"/></svg>');
  178. opacity: 0.1;
  179. }
  180. .highlight {
  181. color: #2c1810;
  182. font-weight: bold;
  183. font-family: 'Noto Serif SC', serif;
  184. position: relative;
  185. display: inline-block;
  186. }
  187. .highlight::after {
  188. content: '';
  189. position: absolute;
  190. bottom: 0;
  191. left: 0;
  192. width: 100%;
  193. height: 2px;
  194. background: #d4af37;
  195. transform: scaleX(0);
  196. transition: transform 0.3s ease;
  197. }
  198. .highlight:hover::after {
  199. transform: scaleX(1);
  200. }
  201. .contact {
  202. text-align: center;
  203. margin-top: 40px;
  204. padding: 30px;
  205. background: #2c1810;
  206. color: #d4af37;
  207. position: relative;
  208. }
  209. .contact::before {
  210. content: '';
  211. position: absolute;
  212. top: 0;
  213. left: 0;
  214. right: 0;
  215. bottom: 0;
  216. background:
  217. linear-gradient(45deg, transparent 48%, rgba(212, 175, 55, 0.1) 50%, transparent 52%),
  218. 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(212,175,55,0.1)" stroke-width="1"/></svg>');
  219. opacity: 0.2;
  220. }
  221. .contact p {
  222. font-size: 1.3em;
  223. margin-bottom: 15px;
  224. font-family: 'Noto Serif SC', serif;
  225. position: relative;
  226. }
  227. .contact p::before,
  228. .contact p::after {
  229. content: '❖';
  230. position: absolute;
  231. top: 50%;
  232. transform: translateY(-50%);
  233. color: #d4af37;
  234. font-size: 0.8em;
  235. }
  236. .contact p::before {
  237. left: -20px;
  238. }
  239. .contact p::after {
  240. right: -20px;
  241. }
  242. .contact-buttons {
  243. display: flex;
  244. justify-content: center;
  245. gap: 20px;
  246. margin-top: 20px;
  247. }
  248. .contact-button {
  249. display: inline-block;
  250. padding: 12px 30px;
  251. background: rgba(44, 24, 16, 0.1);
  252. color: #d4af37;
  253. text-decoration: none;
  254. border: 1px solid #2c1810;
  255. border-radius: 5px;
  256. font-weight: bold;
  257. transition: all 0.3s ease;
  258. text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
  259. box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
  260. font-family: 'Noto Serif SC', serif;
  261. position: relative;
  262. overflow: hidden;
  263. letter-spacing: 1px;
  264. }
  265. .contact-button::before {
  266. content: '';
  267. position: absolute;
  268. top: 0;
  269. left: -100%;
  270. width: 100%;
  271. height: 100%;
  272. background: linear-gradient(90deg, transparent, rgba(212,175,55,0.1), transparent);
  273. transition: 0.5s;
  274. }
  275. .contact-button:hover {
  276. background: rgba(44, 24, 16, 0.2);
  277. box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
  278. transform: translateY(-2px);
  279. border-color: #3c2818;
  280. }
  281. .contact-button:hover::before {
  282. left: 100%;
  283. }
  284. @media (max-width: 768px) {
  285. .header {
  286. padding: 40px 0;
  287. }
  288. .content {
  289. padding: 20px;
  290. }
  291. .section {
  292. padding: 20px;
  293. }
  294. .header h1::before,
  295. .header h1::after {
  296. display: none;
  297. }
  298. .contact p::before,
  299. .contact p::after {
  300. display: none;
  301. }
  302. }
  303. </style>
  304. </head>
  305. <body>
  306. <div class="container">
  307. <header class="header" role="banner">
  308. <h1>极速支付</h1>
  309. <p>一手通道 · 专业支付解决方案</p>
  310. </header>
  311. <main class="content" role="main">
  312. <section class="section" aria-labelledby="business-scope">
  313. <h2 id="business-scope">业务范围</h2>
  314. <p>VPN机场 / VPS / 发卡 / 游戏 / 论坛 / 视频影视</p>
  315. <p class="highlight">🈲 禁止:赌博、诈骗等违法业务</p>
  316. </section>
  317. <section class="section" aria-labelledby="fee-description">
  318. <h2 id="fee-description">费率说明</h2>
  319. <p>通道费率:<span class="highlight">6% U上浮0.2</span></p>
  320. <p>结算周期:<span class="highlight">D0 实时结算</span></p>
  321. <p>结算方式:USDT(欧易实时汇率)</p>
  322. <p>最低结算:100元起</p>
  323. </section>
  324. <section class="section" aria-labelledby="member-benefits">
  325. <h2 id="member-benefits">👑 经典会员模式 - 尊享权益 👑</h2>
  326. <div class="features">
  327. <div class="feature-item">
  328. ✅ 聚合数十家支付通道,一手费率6%
  329. </div>
  330. <div class="feature-item">
  331. ✅ 实时U价结算,无上浮,0手续费
  332. </div>
  333. <div class="feature-item">
  334. ✅ 自研支付系统,成功率99%
  335. </div>
  336. <div class="feature-item">
  337. ✅ 独家会员模式,上百条通道自由选择
  338. </div>
  339. <div class="feature-item">
  340. ✅ 安全无忧,无惧跑路
  341. </div>
  342. </div>
  343. </section>
  344. <section class="section">
  345. <p>我们把支付费率打下来,让您获得实实在在的优惠</p>
  346. <p>没有门槛,1元流水也可享受低费率一手通道</p>
  347. <p>从此杜绝支付跑路风险,让您随时可以安全无忧收款</p>
  348. </section>
  349. <section class="contact" aria-labelledby="contact-info">
  350. <h2 id="contact-info" class="visually-hidden">联系方式</h2>
  351. <p>立即加入我们:</p>
  352. <div class="contact-buttons">
  353. <a href="https://t.me/Jsupay" class="contact-button" target="_blank">加入群组</a>
  354. <a href="https://t.me/jsupaykf_bot" class="contact-button" target="_blank">联系客服</a>
  355. </div>
  356. </section>
  357. </main>
  358. </div>
  359. </body>
  360. </html>