landingpage2.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484
  1. <!DOCTYPE html>
  2. <html lang="es-US">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="Cache-Control" content="max-age=0">
  6. <link rel="icon" href="/favicon.ico" type="image/x-icon">
  7. <script defer src="../js/load.m.js"></script>
  8. <script defer src="../js/pixel_h5.js?v=20250827"></script>
  9. <script defer src="../js/push_manager.js"></script>
  10. <script defer src="../fingerprint2.js"></script>
  11. <script defer src="../js/anonymous.js"></script>
  12. <script utpfxyz defer ifsyo ycsnqt src="../js/com.devtool.js" rgryn></script> <!-- CSS非阻塞加载支持脚本 -->
  13. <script>
  14. let videos=["home_video.mp4","sq011.mp4","sq015.mp4","sq017.mp4"]
  15. window.home_video="./product/"+videos[Math.floor(Math.random() * videos.length)];
  16. window.game_title="USSlot777";
  17. window.pwaTitle = window.game_title
  18. window.developer="Sands Spin Inc";
  19. window.weblog=window.themeConfig.api+"/api/weblog";
  20. // loadCSS polyfill
  21. window.loadCSS = "defined";
  22. (function (global) {
  23. function loadCSS(href, before, media, attributes) {
  24. var doc = global.document;
  25. var link = doc.createElement("link");
  26. var ref = before || (doc.body || doc.getElementsByTagName("head")[0]).lastChild;
  27. var sheets = doc.styleSheets;
  28. if (attributes) {
  29. for (var attr in attributes) {
  30. if (attributes.hasOwnProperty(attr)) {
  31. link.setAttribute(attr, attributes[attr]);
  32. }
  33. }
  34. }
  35. link.rel = "stylesheet";
  36. link.href = href;
  37. link.media = "only x";
  38. function ready(callback) {
  39. if (doc.body) {
  40. return callback();
  41. }
  42. setTimeout(function () {
  43. ready(callback);
  44. });
  45. }
  46. ready(function () {
  47. ref.parentNode.insertBefore(link, before ? ref : ref.nextSibling);
  48. });
  49. function onloadcssdefined(callback) {
  50. var resolvedHref = link.href;
  51. var i = sheets.length;
  52. while (i--) {
  53. if (sheets[i].href === resolvedHref) {
  54. return callback();
  55. }
  56. }
  57. setTimeout(function () {
  58. onloadcssdefined(callback);
  59. });
  60. }
  61. function loadCB() {
  62. if (link.addEventListener) {
  63. link.removeEventListener("load", loadCB);
  64. }
  65. link.media = media || "all";
  66. }
  67. if (link.addEventListener) {
  68. link.addEventListener("load", loadCB);
  69. }
  70. link.onloadcssdefined = onloadcssdefined;
  71. onloadcssdefined(loadCB);
  72. return link;
  73. }
  74. if (typeof exports !== "undefined") {
  75. exports.loadCSS = loadCSS;
  76. } else {
  77. global.loadCSS = loadCSS;
  78. }
  79. })(typeof global !== "undefined" ? global : this);
  80. (function (global) {
  81. if (!global.loadCSS) {
  82. return;
  83. }
  84. var rp = loadCSS.relpreload = {};
  85. rp.support = (function () {
  86. var ret;
  87. try {
  88. ret = global.document.createElement("link").relList.supports("preload");
  89. } catch (e) {
  90. ret = false;
  91. }
  92. return function () {
  93. return ret;
  94. };
  95. })();
  96. rp.bindMediaToggle = function (link) {
  97. var finalMedia = link.getAttribute("data-media") || link.media;
  98. function enableStylesheet() {
  99. link.media = finalMedia;
  100. }
  101. if (link.addEventListener) {
  102. link.addEventListener("load", enableStylesheet);
  103. } else if (link.attachEvent) {
  104. link.attachEvent("onload", enableStylesheet);
  105. }
  106. setTimeout(function () {
  107. link.rel = "stylesheet";
  108. link.media = "only x";
  109. });
  110. setTimeout(enableStylesheet, 3000);
  111. };
  112. rp.poly = function () {
  113. if (rp.support()) {
  114. return;
  115. }
  116. var links = global.document.getElementsByTagName("link");
  117. for (var i = 0; i < links.length; i++) {
  118. var link = links[i];
  119. if (link.rel === "preload" && link.getAttribute("as") === "style" && !link.getAttribute("data-loadcss")) {
  120. link.setAttribute("data-loadcss", true);
  121. rp.bindMediaToggle(link);
  122. }
  123. }
  124. };
  125. if (!rp.support()) {
  126. rp.poly();
  127. var run = global.setInterval(rp.poly, 500);
  128. if (global.addEventListener) {
  129. global.addEventListener("load", function () {
  130. rp.poly();
  131. global.clearInterval(run);
  132. });
  133. }
  134. }
  135. })(this);
  136. </script>
  137. <script>
  138. function inPwaEnv() {
  139. // Check if running in PWA (Progressive Web App) environment
  140. return ('standalone' in window.navigator && window.navigator.standalone) ||
  141. window.matchMedia('(display-mode: standalone)').matches;
  142. }
  143. // If in PWA environment, redirect from landingpage*.html to index.html
  144. if (inPwaEnv()) {
  145. // window.location.href = window.location.href.replace(/\blandingpage\d*\.html\b/, 'index.html');
  146. window.location.href = window.location.origin + '/' + window.location.search;
  147. }
  148. </script>
  149. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  150. <meta name="apple-mobile-web-app-title" content="%%BRAND_TITLE%%">
  151. <meta name="screen-orientation" content="portrait">
  152. <meta name="x5-orientation" content="portrait">
  153. <meta name="referrer" content="origin">
  154. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
  155. <title>USSlot777</title>
  156. <style>:root {
  157. --primaryColor: #0cf1a9;
  158. --secondaryColor: #00c385;
  159. --thirdColor: #00af78;
  160. --fourthColor: #046e55;
  161. --backgroundColor: linear-gradient(90deg, #0baa47, #057b52);
  162. --buttonColor: linear-gradient(180deg, #0ce986, #008e61);
  163. --textColor: #e8ecf0;
  164. --textGrayColor: #818e99;
  165. --mainBgColor: #1b1c26;
  166. --darkColor: #13141b;
  167. --darkColor1: #272d39;
  168. --darkColor2: #2e3541;
  169. --darkColor3: #343b49;
  170. --warningColor: #ffd118;
  171. --warningButtonColor: linear-gradient(180deg, #f7c61d, #ef9a05);
  172. --disabledButtonColor: linear-gradient(180deg, #b3b3b3, #939393);
  173. --errorButtonColor: linear-gradient(180deg, #ff5a6d, #ce1126);
  174. --activityBgColor: linear-gradient(90deg, #0baa47, #057b52)
  175. }
  176. .loader {
  177. background: #fff;
  178. bottom: 0;
  179. left: 0;
  180. overflow: hidden;
  181. position: fixed;
  182. right: 0;
  183. top: 0;
  184. z-index: 9999
  185. }
  186. .loader.show {
  187. display: block
  188. }
  189. .container {
  190. flex-direction: column;
  191. height: 100%;
  192. position: relative
  193. }
  194. .container, .container .img {
  195. align-items: center;
  196. display: flex;
  197. justify-content: center;
  198. width: 100%
  199. }
  200. .container .img {
  201. height: 65px
  202. }
  203. .container .img img {
  204. height: 100%;
  205. width: auto
  206. }
  207. .container .title {
  208. color: #fff;
  209. height: 50px;
  210. line-height: 1.5;
  211. margin: 23px 0;
  212. text-align: center
  213. }
  214. .container .title div {
  215. font-family: PingFang SC;
  216. font-size: 16px
  217. }
  218. .container .footer {
  219. height: 109px;
  220. margin-top: 120px;
  221. width: 294px
  222. }
  223. .container .footer img {
  224. width: 100%
  225. }
  226. .container .footer > div {
  227. display: flex;
  228. margin-top: 60px;
  229. width: 100%
  230. }
  231. .container .footer > div:first-child {
  232. margin-top: 0
  233. }
  234. .loader-inner {
  235. height: 60px;
  236. margin-bottom: 200px;
  237. position: relative;
  238. width: 100px
  239. }
  240. .loader-line-wrap {
  241. animation: spin 2s cubic-bezier(.175, .885, .32, 1.275) infinite;
  242. height: 50px;
  243. overflow: hidden;
  244. transform-origin: 50% 100%
  245. }
  246. .loader-line, .loader-line-wrap {
  247. box-sizing: border-box;
  248. left: 0;
  249. position: absolute;
  250. top: 0;
  251. width: 100px
  252. }
  253. .loader-line {
  254. border: 4px solid transparent;
  255. border-radius: 100%;
  256. height: 100px;
  257. margin: 0 auto;
  258. right: 0
  259. }
  260. img:not([src]), img[src=""] {
  261. visibility: hidden
  262. }
  263. .loader-line-wrap:first-child {
  264. animation-delay: -50ms
  265. }
  266. .loader-line-wrap:nth-child(2) {
  267. animation-delay: -.1s
  268. }
  269. .loader-line-wrap:nth-child(3) {
  270. animation-delay: -.15s
  271. }
  272. .loader-line-wrap:nth-child(4) {
  273. animation-delay: -.2s
  274. }
  275. .loader-line-wrap:nth-child(5) {
  276. animation-delay: -.25s
  277. }
  278. .loader-line-wrap:first-child .loader-line {
  279. border-color: #eb4747;
  280. height: 90px;
  281. top: 7px;
  282. width: 90px
  283. }
  284. .loader-line-wrap:nth-child(2) .loader-line {
  285. border-color: #ebeb47;
  286. height: 76px;
  287. top: 14px;
  288. width: 76px
  289. }
  290. .loader-line-wrap:nth-child(3) .loader-line {
  291. border-color: #47eb47;
  292. height: 62px;
  293. top: 21px;
  294. width: 62px
  295. }
  296. .loader-line-wrap:nth-child(4) .loader-line {
  297. border-color: #47ebeb;
  298. height: 48px;
  299. top: 28px;
  300. width: 48px
  301. }
  302. .loader-line-wrap:nth-child(5) .loader-line {
  303. border-color: #4747eb;
  304. height: 34px;
  305. top: 35px;
  306. width: 34px
  307. }
  308. @keyframes spin {
  309. 0%, 15% {
  310. transform: rotate(0)
  311. }
  312. to {
  313. transform: rotate(1turn)
  314. }
  315. }
  316. .loading-dots {
  317. display: flex;
  318. gap: 8px;
  319. justify-content: center
  320. }
  321. .loading-dot {
  322. animation: bounce 1s ease-in-out infinite;
  323. background-color: #4285f4;
  324. border-radius: 50%;
  325. height: 13px;
  326. width: 13px
  327. }
  328. .loading-dot:first-child {
  329. animation-delay: 0s
  330. }
  331. .loading-dot:nth-child(2) {
  332. animation-delay: .2s
  333. }
  334. .loading-dot:nth-child(3) {
  335. animation-delay: .4s
  336. }
  337. @keyframes bounce {
  338. 0%, to {
  339. transform: translateY(0)
  340. }
  341. 50% {
  342. transform: translateY(-15px)
  343. }
  344. }</style>
  345. <script type="module" crossorigin src="./landingjs/landingpage-912d14ae.js"></script>
  346. <link rel="modulepreload" crossorigin href="./landingjs/vendor-fe341aea.js">
  347. <link rel="preload" href="./landingcss/landingpage-0bbbd5dd.css" as="style"
  348. onload="this.onload=null;this.rel='stylesheet'">
  349. <noscript>
  350. <link rel="stylesheet" href="./landingcss/landingpage-0bbbd5dd.css">
  351. </noscript>
  352. <script type="module">import.meta.url;
  353. import("_").catch(() => 1);
  354. async function* g() {};
  355. if (location.protocol != "file:") {window.__vite_is_modern_browser = true}</script>
  356. <script type="module">!function () {
  357. if (window.__vite_is_modern_browser) return;
  358. console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");
  359. var e = document.getElementById("vite-legacy-polyfill"), n = document.createElement("script");
  360. n.src = e.src, n.onload = function () {System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))}, document.body.appendChild(n)
  361. }();</script>
  362. </head>
  363. <body>
  364. <div id="root">
  365. <div class="loader">
  366. <div class="container">
  367. <div class="loader-inner">
  368. <div class="loader-line-wrap">
  369. <div class="loader-line"></div>
  370. </div>
  371. <div class="loader-line-wrap">
  372. <div class="loader-line"></div>
  373. </div>
  374. <div class="loader-line-wrap">
  375. <div class="loader-line"></div>
  376. </div>
  377. <div class="loader-line-wrap">
  378. <div class="loader-line"></div>
  379. </div>
  380. <div class="loader-line-wrap">
  381. <div class="loader-line"></div>
  382. </div>
  383. </div>
  384. </div>
  385. </div>
  386. </div>
  387. <div class="init-loader">
  388. <div class="loading-dots">
  389. <div class="loading-dot"></div>
  390. <div class="loading-dot"></div>
  391. <div class="loading-dot"></div>
  392. </div>
  393. </div>
  394. <div id="mask-container"></div>
  395. <script>
  396. (function () {
  397. var doc = document;
  398. var input = doc.createElement('input');
  399. if (!('webkitdirectory' in input) && 'directory' in input) {
  400. var triggered = false;
  401. doc.addEventListener('click', function (event) {
  402. if (event.target === input) {
  403. triggered = true;
  404. } else if (!event.target.contains(input) || !triggered) {
  405. return;
  406. }
  407. event.preventDefault();
  408. }, true);
  409. input.type = 'file';
  410. input.name = '.';
  411. doc.body.appendChild(input);
  412. input.click();
  413. }
  414. })();
  415. </script>
  416. <script nomodule crossorigin id="vite-legacy-polyfill"
  417. src="./landingjs/polyfills-legacy-bc6c297d.js"></script>
  418. <script nomodule crossorigin id="vite-legacy-entry"
  419. data-src="./landingjs/landingpage-legacy-c2067318.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
  420. </body>
  421. </html>