<html lang="en">
 <head>
  <meta charset="utf-8"/>
  <link href="./css/favico.ico" rel="icon"/>
  <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/>
  <title>
   KLING AI: Next-Generation AI Creative Studio
  </title>
  <meta content="KLING,KLING AI,Generative AI,AIGC,可灵,视频生成,图像生成,图片生成,生成式,人工智能,视频制作" name="keywords"/>
  <meta content="all" name="robots"/>
  <meta content="KLING AI, tools for creating imaginative images and videos, based on state-of-art generative AI methods." name="description"/>
  <meta content="yes" name="mobile-web-app-capable"/>
  <meta content="KLING AI" name="apple-mobile-web-app-title"/>
  <meta content="default" name="apple-mobile-web-app-status-bar-style"/>
  <link href="./css/logo-180x180.png" rel="apple-touch-icon"/>
  <link href="./css/logo-180x180.png" rel="apple-touch-icon" sizes="180x180"/>
  <link href="./css/logo-167x167.png" rel="apple-touch-icon" sizes="167x167"/>
  <link href="./css/logo-152x152.png" rel="apple-touch-icon" sizes="152x152"/>
  <link href="./css/logo-80x80.png" rel="apple-touch-icon" sizes="80x80"/>
  <link href="./css/logo-58x58.png" rel="apple-touch-icon" sizes="58x58"/>
  <link href="./css/site.webmanifest" rel="manifest"/> 
  <script async="" src="./js/clarity.js">
  </script>
  <script async="" src="./js/97157801">
  </script>
  <script async="" src="./js/js" type="text/javascript">
  </script>
  <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-MWG30LDQKZ&amp;l=dataLayer&amp;cx=c&amp;gtm=45be4cc1v9197901421za200" type="text/javascript">
  </script>
  <script async="" src="./js/js" type="text/javascript">
  </script>
  <script async="" src="./js/js" type="text/javascript">
  </script>
  <script async="" src="./js/js" type="text/javascript">
  </script>
  <script async="" src="./js/bat.js">
  </script>
  <script async="" src="./js/js">
  </script>
  <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-MWG30LDQKZ">
  </script>
  <script async="" src="./js/js">
  </script>
  <script async="" src="./js/js">
  </script>
  <script async="" src="./js/js">
  </script>
  <script async="" src="./js/js">
  </script>
  <script async="" src="./js/uwt.js">
  </script>
  <script async="" src="./js/appleid.auth.js" type="text/javascript">
  </script>
  <script src="./js/index-JEEEHl1K.js">
  </script>
  <link href="./css/index-BeBjQbK8.css" rel="stylesheet"/>
  <style type="text/css">
   .g-btn-wrapper[data-v-5e610566] {
  display: inline-block;
}
  </style>
  <style type="text/css">
   .ebank-pay-bank-select-list.svelte-splyzw{height:150px;overflow:auto;margin:0 -17px 0 0;padding:28px 10px 0;list-style:none;border:1px solid #E2E2E2}.ebank-pay-bank-select-list-item.svelte-splyzw{float:left;margin:0 17px 17px 0;padding:5px 0;list-style:none;box-sizing:border-box;width:155px;height:50px;border:1px solid #E2E2E2;text-indent:-99999px;background-size:100%;background-repeat:no-repeat;background-position:center;border-radius:2px;position:relative;cursor:pointer}.ebank-pay-bank-select-list-item.selected.svelte-splyzw{cursor:default}.ebank-pay-bank-select-list-item.selected.svelte-splyzw::after{content:'';position:absolute;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMzIgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5ob21lX2ljb19ob29rX25vcm1hbEAyeDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJob21lX2ljb19ob29rX25vcm1hbCI+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTIiIGZpbGw9IiNGRjUwMDAiIHBvaW50cz0iMzIgMCAwIDI2IDMyIDI2Ij48L3BvbHlnb24+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNy43MTc1MTQ0LDE3LjIxNzUxNDQgTDI3LjExNzUxNDQsMTcuMjE3NTE0NCBDMjcuNDQ4ODg1MywxNy4yMTc1MTQ0IDI3LjcxNzUxNDQsMTcuNDg2MTQzNiAyNy43MTc1MTQ0LDE3LjgxNzUxNDQgTDI3LjcxNzUxNDQsMTguNjE3NTE0NCBDMjcuNzE3NTE0NCwxOC45NDg4ODUzIDI3LjQ0ODg4NTMsMTkuMjE3NTE0NCAyNy4xMTc1MTQ0LDE5LjIxNzUxNDQgTDE3LjExNzUxNDQsMTkuMjE3NTE0NCBMMTYuMzE3NTE0NCwxOS4yMTc1MTQ0IEMxNS45ODYxNDM2LDE5LjIxNzUxNDQgMTUuNzE3NTE0NCwxOC45NDg4ODUzIDE1LjcxNzUxNDQsMTguNjE3NTE0NCBMMTUuNzE3NTE0NCwxMi44MTc1MTQ0IEMxNS43MTc1MTQ0LDEyLjQ4NjE0MzYgMTUuOTg2MTQzNiwxMi4yMTc1MTQ0IDE2LjMxNzUxNDQsMTIuMjE3NTE0NCBMMTcuMTE3NTE0NCwxMi4yMTc1MTQ0IEMxNy40NDg4ODUzLDEyLjIxNzUxNDQgMTcuNzE3NTE0NCwxMi40ODYxNDM2IDE3LjcxNzUxNDQsMTIuODE3NTE0NCBMMTcuNzE3NTE0NCwxNy4yMTc1MTQ0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjEuNzE3NTE0LCAxNS43MTc1MTQpIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTIxLjcxNzUxNCwgLTE1LjcxNzUxNCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);width:32px;height:26px;bottom:0;right:0}.ebank-pay-bank-select-list-item.selected.svelte-splyzw,.ebank-pay-bank-select-list-item.svelte-splyzw:hover{border-color:#ff5000}
  </style>
  <style type="text/css">
   .ebank-title.svelte-1pjs8lg{margin:0;background:#F6F6F6;text-align:center;font-size:18px;line-height:60px;color:#303030;position:relative}.ebank-title-close.svelte-1pjs8lg{position:absolute;top:50%;right:24px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0i5oSP6KeB5Y+N6aaIX+W8ueeqlyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcxMy4wMDAwMDAsIC0xOTMuMDAwMDAwKSI+CiAgICAgICAgPGcgaWQ9Ium7mOiupOeKtuaAgSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjI3LjAwMDAwMCwgMTc2LjAwMDAwMCkiIGZpbGw9IiNBQkFCQUIiPgogICAgICAgICAgICA8ZyBpZD0i5YWz6Zet5oyJ6ZKuLWNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDc5LjAwMDAwMCwgMTAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTkuMjg1NzE0MywxNC4yODU3MTQzIEwyNC4yODU3MTQzLDE0LjI4NTcxNDMgQzI0LjY4MDIwMzQsMTQuMjg1NzE0MyAyNSwxNC42MDU1MTA5IDI1LDE1IEMyNSwxNS4zOTQ0ODkxIDI0LjY4MDIwMzQsMTUuNzE0Mjg1NyAyNC4yODU3MTQzLDE1LjcxNDI4NTcgTDE5LjI4NTcxNDMsMTUuNzE0Mjg1NyBDMTguODkxMjI1MiwxNS43MTQyODU3IDE4LjU3MTQyODYsMTUuMzk0NDg5MSAxOC41NzE0Mjg2LDE1IEMxOC41NzE0Mjg2LDE0LjYwNTUxMDkgMTguODkxMjI1MiwxNC4yODU3MTQzIDE5LjI4NTcxNDMsMTQuMjg1NzE0MyBaIE0xNS43MTQyODU3LDE1LjcxNDI4NTcgTDE1LjcxNDI4NTcsMjQuMjg1NzE0MyBDMTUuNzE0Mjg1NywyNC42ODAyMDM0IDE1LjM5NDQ4OTEsMjUgMTUsMjUgQzE0LjYwNTUxMDksMjUgMTQuMjg1NzE0MywyNC42ODAyMDM0IDE0LjI4NTcxNDMsMjQuMjg1NzE0MyBMMTQuMjg1NzE0MywxNS43MTQyODU3IEw1LjcxNDI4NTcxLDE1LjcxNDI4NTcgQzUuMzE5Nzk2NjEsMTUuNzE0Mjg1NyA1LDE1LjM5NDQ4OTEgNSwxNSBDNSwxNC42MDU1MTA5IDUuMzE5Nzk2NjEsMTQuMjg1NzE0MyA1LjcxNDI4NTcxLDE0LjI4NTcxNDMgTDE0LjI4NTcxNDMsMTQuMjg1NzE0MyBMMTQuMjg1NzE0Myw1LjcxNDI4NTcxIEMxNC4yODU3MTQzLDUuMzE5Nzk2NjEgMTQuNjA1NTEwOSw1IDE1LDUgQzE1LjM5NDQ4OTEsNSAxNS43MTQyODU3LDUuMzE5Nzk2NjEgMTUuNzE0Mjg1Nyw1LjcxNDI4NTcxIEwxNS43MTQyODU3LDE0LjI4NTcxNDMgTDE1LjcxNDI4NTcsMTUuNzE0Mjg1NyBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjAwMDAwMCwgMTUuMDAwMDAwKSByb3RhdGUoLTMxNS4wMDAwMDApIHRyYW5zbGF0ZSgtMTUuMDAwMDAwLCAtMTUuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;width:16px;height:16px;margin-top:-8px;cursor:pointer}
  </style>
  <style type="text/css">
   ul.svelte-pzcz0v,li.svelte-pzcz0v{margin:0;padding:0;list-style:none}.tabs.svelte-pzcz0v{display:flex;align-items:center}.tab-item.svelte-pzcz0v{font-size:14px;color:#666666;padding:0 6px 10px;text-align:center;cursor:pointer;position:relative}.tab-item+.tab-item.svelte-pzcz0v{margin-left:10px}.tab-item.selected.svelte-pzcz0v{font-size:16px;color:#303030;cursor:default}.tab-item.selected.svelte-pzcz0v::after{content:'';position:absolute;width:100%;height:3px;bottom:-2px;left:0;background:#ff5000}
  </style>
  <style type="text/css">
   .ebank-pay-info.svelte-1azb9y5{padding:40px 60px 0;display:flex}.ebank-pay-info-detail.svelte-1azb9y5,.ebank-pay-info-qr.svelte-1azb9y5{width:50%}.ebank-pay-info-qr.svelte-1azb9y5{display:flex;flex-direction:column;align-items:center}.limit-time.svelte-1azb9y5{margin-bottom:8px;font-size:12px;font-weight:500;text-align:center;color:#9c9c9c;line-height:17px}.qr-box.svelte-1azb9y5{position:relative}.mask.svelte-1azb9y5{cursor:pointer;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, .7);top:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#ffffff;text-align:center}.limit-time.svelte-1azb9y5 span.svelte-1azb9y5{color:#EF8633;display:inline-block;min-width:20px}.limit-time.svelte-1azb9y5 div.svelte-1azb9y5{height:17px}.ebank-pay-info-detail.svelte-1azb9y5 dl.svelte-1azb9y5,.ebank-pay-info-detail.svelte-1azb9y5 dd.svelte-1azb9y5,.ebank-pay-info-detail.svelte-1azb9y5 dt.svelte-1azb9y5{margin:0}.ebank-pay-info-detail.svelte-1azb9y5 dl.svelte-1azb9y5{display:flex;align-items:center;margin-bottom:15px}.ebank-pay-info-detail.svelte-1azb9y5 dl.svelte-1azb9y5:last-child{margin-bottom:0}.ebank-pay-info-detail.svelte-1azb9y5 dt.svelte-1azb9y5{font-size:16px;color:#303030;width:80px}.ebank-pay-info-detail-amount.svelte-1azb9y5{margin-bottom:40px!important}.ebank-pay-info-detail-amount.svelte-1azb9y5 dd.svelte-1azb9y5{font-size:36px;color:#ff5000}.ebank-pay-info-qr.svelte-1azb9y5 .tips.svelte-1azb9y5{width:248px;height:22px;font-size:16px;font-weight:600;text-align:center;color:#222222;line-height:22px}.ebank-pay-info-qrcode.svelte-1azb9y5{width:136px;height:136px;padding:8px;border:1px solid #eaeaea;border-radius:4px}.logo.svelte-1azb9y5{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:36px;height:36px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAAGMUlEQVRYCc1Yf0xVZRh+LlchICiVTBSLfqiIBqzMAjbBWraZjbaStFq1sTUtreXKiqy21io3W6XZsmayWtIWltXMQk1iVJSQ4B86Y5mmgthS1FR+XW7Pc75zuSfvOZebm+S7ffd85zvf973Ped/nfd/vXIASDAYz2NaytbINtkindGcIi8/uNLM/XAP/oxyh7lwBWsvOXAvIXweB1c8AO2qBI23nFtvwdCBnGlD2CjBiTEhXpQC18i4dAvPwFOCEgA6ipNAxbzeEQLXFUTWhUmSZWMAEg0B3N9DJ1mW3Xl7PVqRTuo2kDwn1LDf133h0pPiCZGDqTCA7H0i+CPhzP/DLZmD3z0Act4vTO1IEXM3nM82Muv+KIrbIZVxFmZlgD3lceghm3LXAgrcMGOc0PauuAN5bDJw6DvRxy+QUIPFCWvIU8PcxwE+g/vD7O5db/a+6rEuUGY4lvb3AZROBF78A0kjAvgCw6yfg6GEgk+MZE4DbHgJShgGrngJK5gM3zgJSRxBMB9C4CahaBhzaCwyNd2wc2Y3NQr0E8EIVUHgHQbQDr5UB274GAhxPTgVKnwDuWWJc00GQF4+M1NT6G/fg+n07gSEudrAtZDs8cn3/SIDWGTsOmHKrGXq/HKjbYFwQz7ftOgmseR748XPzXGA6OVbJcF5SAlQ8Z4Jl9FXAwhUEwzU2S/p1ODoxAOqjS8YDCYlm44ZvSGw/tyBZJXHsi4V1n1q3lrJ3abF3CLyeLl7zEvDGPFqTL3ZNEZDF1CIKeMjAgLRQkSLpI7ggm5vIfRKF8ffrSWgClQWT6J4GulfRqH3GZhnSm9kRvwMDUnTI/z2MApFU2bXTVq7trPDmVSSWiLSKLoGX6BpP68rCku5Oc/X4jQEQ3/CP3UBzjXnDsqVAXmE4OWrj0seBabONikSG+5ynyRWmkdNMB6CK2XThsFHkG1PAr4185q02xiijz6/OA16tNlbSxtu3sN61A1fmkBdTDZijh4xi3bVQcUsTcPlEYFKBeb6epF75GK041Nw7f+0oiw2QFqpc5BUzUlZSSbZzK9OvZVpYtRi4iwpLFoYzdmjm5g+BFY/QSqcjn2nOfwakRcrI4lEBw3kS3ZbEHNS+l9H0JctHLfnCOeJ/bj6QfzuTaIbJW420bNO35mGotPDuXxIzINUvRSmDxjK1SNxth20Px0amAeMZygJqRSOfC7iyuY9cUTAcbAH2k4cCozThJjYgl5TpmK18kV3AN54O7Glm+PJNe4ginhxQmN+5gCepcvLmUscil65Abf2YuWmRqXVeVuJSb0ACM4Fv/jJzSFKK0SKzV73OrLwBmHEfz09vmvHD+0hwEjqUr0KYZE2dDjInc/4D1EZ1Sx8MPXW9RgFEQuQWhcFoed5NpqlYjmE5kWz6gAcshn3nCXdActuM+3lKYDAUzwE+W86jyjaCc4k0bsfZUUSbSXb+ACwqNmYXp667BRiVabjyyTKTnUP8seoILaOrCB6kazeuBn7fYfhzBa0V0HN3iQ4otEbHjMbv6L65BEar1a0zJSRAPnUzjJXNLRGCM5r1UgRw8riZ4mcmjyKhnaJM4SORUPuoLDTVM7k9SiAkqqxyJm9cd3LO87aOlnpzyLmxCiqNgSDdlXsDS8WTBMjSoCQX5SgR3oIg+ufJgt4yACB7ceolLKqFzMDzWLNKjaW0p4iZkEROELBfSl0UCYjcpvO3RByMItFdpuQmmUwwy+uAmxnqcpvyUdseAmJfhVSHMin1M+k5m5Kg5syab2qezkQit9/bSt4WUkVu2koyHgu/nb4u1jEP1W8kuLuB8kpgOomeUwTo6OomsqAOeJLqChbc7cay1kDkT/TiquSYdT0VFps3EyBlalVrZWod7O991tSsyL3DIzrSbvnIfJWo75apY69lBNBLHoRqmRXWti6dANJGG3foUBYhdE2Acw608Ey1y+QhNzBaF1HL9K3t9j0v4no5VkfUDp6J9AVCzJ6iPOWRma010m1LmNQ6mp6NiLgiusB5tWgfiNLp0C0OtXLovPqzoUYgrb9E9C9EMaPHYULr2bn4kQ7pCv/zIS01slAGOzzsnB9/WMX5fL4DBJPLxqSCNrbBFumU7lxh+Qeh9ZaP1LimzAAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:contain}.ebank-pay-info-qr-tip.svelte-1azb9y5{display:flex;align-items:center;justify-content:center;margin-top:4px;margin-bottom:8px}.ebank-pay-info-qr-tip.svelte-1azb9y5 p.svelte-1azb9y5{margin:0;height:17px;font-size:12px;font-weight:500;color:#9c9c9c;line-height:17px;padding-left:20px;background-size:14px 14px;background-position:0 50%;background-repeat:no-repeat;margin-right:4px}.ebank-pay-info-qr-tip.svelte-1azb9y5 .ebank-pay-info-qr-tip-wechat.svelte-1azb9y5{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5ob21lX2ljb19NaWNybyBsZXR0ZXJfbm9ybWFsQDJ4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwLjAwMTc1NjA5NzU2IDAuMDIzNDE0NjM0MSAyMy45NzY1NTYxIDAuMDIzNDE0NjM0MSAyMy45NzY1NTYxIDI0LjAwMDAwNTQgMC4wMDE3NTYwOTc1NiAyNC4wMDAwMDU0Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iaG9tZV9pY29fTWljcm8tbGV0dGVyX25vcm1hbCI+CiAgICAgICAgICAgIDxnIGlkPSLlvq7kv6Et5pSv5LuYIj4KICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPGcgaWQ9IkNsaXAtMiI+PC9nPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTkuMTQwNjM0MTUsMTUuMTIxMTcwNyBDNy43MDU1NTEyMiwxNS45ODgwMDk4IDcuNDkyNjgyOTMsMTQuNjM0NzAyNCA3LjQ5MjY4MjkzLDE0LjYzNDcwMjQgTDUuNjk0MTc1NjEsMTAuMDg4NzIyIEM1LjAwMjAwOTc2LDcuOTI4NDg3OCA2LjI5MzAzNDE1LDkuMTE0NzYwOTggNi4yOTMwMzQxNSw5LjExNDc2MDk4IEM2LjI5MzAzNDE1LDkuMTE0NzYwOTggNy40MDA3NTEyMiwxMC4wMjI0MjkzIDguMjQxNTQxNDYsMTAuNTc1NDI0NCBDOS4wODE3NDYzNCwxMS4xMjg4IDEwLjAzOTQ5MjcsMTAuNzM4MDA5OCAxMC4wMzk0OTI3LDEwLjczODAwOTggTDIxLjc5NzkxMjIsNC44NTkyMDk3NiBDMTkuNjI4MjgyOSwxLjkzNTEwMjQ0IDE2LjA0NDg0ODgsMC4wMjM0MTQ2MzQxIDExLjk4Nzc2NTksMC4wMjM0MTQ2MzQxIEM1LjM2NjcyMTk1LDAuMDIzNDE0NjM0MSAwLDUuMTExMTgwNDkgMCwxMS4zODc3MzY2IEMwLDE0Ljk5ODM5MDIgMS43NzY5MDczMiwxOC4yMTEyNTg1IDQuNTQ1MTYwOTgsMjAuMjkzNjM5IEw0LjA0NTg3MzE3LDIzLjQwMjEzNjYgQzQuMDQ1ODczMTcsMjMuNDAyMTM2NiAzLjgwMjM2MDk4LDI0LjMwOTQ1MzcgNC42NDU4NzMxNywyMy44ODg2MzQxIEM1LjIyMDQ5NzU2LDIzLjYwMTg5MjcgNi42ODU0MDQ4OCwyMi41NzMwMjQ0IDcuNTU3NjI5MjcsMjEuOTQ3NzY1OSBDOC45NzM4MDQ4OCwyMi40ODEzNTYxIDEwLjQ3NDk3NTYsMjIuNzUzOTAyNCAxMS45ODgyMzQxLDIyLjc1MjQwOTggQzE4LjYwODY5MjcsMjIuNzUyNDA5OCAyMy45NzY1NTYxLDE3LjY2NDUyNjggMjMuOTc2NTU2MSwxMS4zODc5NzA3IEMyMy45NzY1NTYxLDkuNTcwMDI5MjcgMjMuNTI0MTU2MSw3Ljg1MzE1MTIyIDIyLjcyMzA1MzcsNi4zMjkwMDQ4OCBDMTguOTc2NTk1MSw4Ljc3MDMwMjQ0IDEwLjI2MzMzNjYsMTQuNDQ0MjI0NCA5LjE0MDYzNDE1LDE1LjEyMTE3MDcgWiIgaWQ9IkZpbGwtMSIgZmlsbD0iIzQxQjAzNSIgbWFzaz0idXJsKCNtYXNrLTIpIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)}.ebank-pay-info-qr-tip.svelte-1azb9y5 .ebank-pay-info-qr-tip-alipay.svelte-1azb9y5{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5ob21lX2ljb19QYXkgdHJlYXN1cmVfbm9ybWFsQDJ4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwLjAwMjE5NTEyMTk1IDAuMDI5MjY4MjkyNyAyOS45NzA2OTUxIDAuMDI5MjY4MjkyNyAyOS45NzA2OTUxIDMwLjAwMDAwNjcgMC4wMDIxOTUxMjE5NSAzMC4wMDAwMDY3Ij48L3BvbHlnb24+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMyIgcG9pbnRzPSIwLjAwMjE5NTEyMTk1IDAuMDI5MjY4MjkyNyAyOS45NzA3MDg2IDAuMDI5MjY4MjkyNyAyOS45NzA3MDg2IDI5Ljk5OTk2MzQgMC4wMDIxOTUxMjE5NSAyOS45OTk5NjM0Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iaG9tZV9pY29fUGF5LXRyZWFzdXJlX25vcm1hbCI+CiAgICAgICAgICAgIDxnIGlkPSLlvq7kv6Et5pSv5LuYIj4KICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPGcgaWQ9IkNsaXAtMiI+PC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnIGlkPSLmlK/ku5jlrp0iPgogICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stNCIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMyI+PC91c2U+CiAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ2xpcC0yIj48L2c+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTMuNzg0Nzc2MiwxNS43NDAzNTEyIEMxMy43ODQ3NzYyLDE1Ljc0MDM1MTIgMTIuMDAwNTA3MywxNy4xNjgzNDEzIDExLjM1MTA1MzcsMTcuNTQzMTM2NiBDMTAuODUwMDQ3NCwxNy44MzIyMDkzIDEwLjMxOTI0NjIsMTguMDY2NDY3NCA5Ljc2Nzk5NTgsMTguMjQxODk3MyBDOS4yOTAzMDk4OSwxOC4zOTM3NzI1IDguODcxNjg2NTIsMTguNDg4NzUzIDguNTEyNTY1MTUsMTguNTI4MDEwOSBDOC4yMTU4NDYxNywxOC41NjIyMjk3IDcuOTE4MTYwMzksMTguNTg3OTgxNyA3LjYxOTU5NTcxLDE4LjYwNDIxMjIgQzcuNTkzMTY5OTEsMTguNjE2MDE4OCA3LjU2NDQyOTY1LDE4LjYyMTg0ODkgNy41MzU2MDE1LDE4LjYyMTI2MyBMNy4yNjU5ODIxNiwxOC42MjEyNjMgQzYuNjQ4NDYyMTUsMTguNjIxMjYzIDYuMDY3NDQ2MDgsMTguNTQ3OTMyOCA1LjUyMjgxNjc1LDE4LjQwMTUzNjEgQzQuOTc4MTg3NDMsMTguMjU1NzU0NyA0LjUwMzcyNDE3LDE4LjAzOTIyMTIgNC4wOTg5Mjg5NCwxNy43NTMxMzY5IEMzLjY5OTk5MzA4LDE3LjQ3MjYxOSAzLjM3MTMxMTE5LDE3LjEwMzY4MyAzLjEzODg5ODksMTYuNjc0OTgxMyBDMi45MDM1ODYyMiwxNi4yNDI1MDAzIDIuNzg1MzczMjQsMTUuNzM5ODgyNSAyLjc4NTM3MzI0LDE1LjE2NzA5ODYgQzIuNzkxNjcyMDcsMTQuNjg4OTczIDIuOTMxNjIzMzUsMTQuMjIyMTU2IDMuMTg5MjMwOTcsMTMuODE5NDQwNyBDMy40NTA1MDA3LDEzLjQxMjQ3NzMgMy43OTE0Mjg3LDEzLjA2Mjg3NzMgNC4xOTE3NDE1MSwxMi43OTE1MjkzIEM0LjYwOTkyNTQyLDEyLjUwNzAyNyA1LjA3MDc2NTYyLDEyLjI5MDk2MjMgNS41NTY5MTgzNCwxMi4xNTEzNjI1IEM2LjA0NTY3ODQ4LDEyLjAwNjkyODcgNi41NTUwNjM2NCwxMS45NDQ0Mzg0IDcuMDY0MzMxNjEsMTEuOTY2MjkzOSBDNy41NTgxMzA4MiwxMS45ODg1MDEgOC4wMzU4MTY3MywxMi4wNDc1NjM1IDguNDk2NDUxODUsMTIuMTQyNjYxMyBDOC45NDI4Nzc5OCwxMi4yMzQ2NTM2IDkuMzg0MDU5OTYsMTIuMzUwMDI0OCA5LjgxODM1NzE3LDEyLjQ4ODI3NyBDMTAuMjIzNTkxOSwxMi42MTcxMjQ4IDEwLjYyMjI5MzMsMTIuNzYzMzc1IDExLjAxNDYwODEsMTIuOTI2NzkzMSBDMTEuMzkwNzgwMywxMy4wODM3MDc0IDExLjc0NzU4NzIsMTMuMjM1NTUzMyAxMi4wODQ1MDE1LDEzLjM4MTM2NCBDMTIuMzczNjAzMywxMy41MDEzMDU1IDEyLjY2NTYzNDgsMTMuNjEzODA1NyAxMi45NjA0NDk0LDEzLjcxODc0NzIgQzEzLjI4NTc5MTUsMTMuMzAzNDM0MiAxMy41NjA0NDk5LDEyLjg5NjM1MzYgMTMuNzg1Njg0NCwxMi40OTcwNjYgQzE0LjAwOTk4MTUsMTIuMDk4MzY0NCAxNC4xOTU2MDY2LDExLjczMzc2NDMgMTQuMzQxNDE3MywxMS40MDIzMjg0IEMxNC40ODc2Njc0LDExLjA3MDkyMTcgMTQuNTk5ODE1OSwxMC43OTMwNDA1IDE0LjY3ODMzMTYsMTAuNTY4Mjc0NiBDMTQuNzU3Mjg2OCwxMC4zNDM5Nzc1IDE0LjgwNzUzMDksMTAuMTg3MDkyNSAxNC44MzAxNzc0LDEwLjA5NjY4MjIgTDcuNTE4NDMzNTIsMTAuMDk2NjgyMiBMNy41MTg0MzM1Miw5LjI4ODQ5NzY3IEwxMC45NzIxNTY5LDkuMjg4NDk3NjcgTDEwLjk3MjE1NjksNy40MTg3Njg4MiBMNi4xNzA3NzYyMyw3LjQxODc2ODgyIEw2LjE3MDc3NjIzLDYuNjEwMTE1NDkgTDEwLjk3MjE1NjksNi42MTAxMTU0OSBMMTAuOTcyMTU2OSw1LjA5MzUzMTYxIEMxMC45NzIxNTY5LDQuOTkyOTU1MzEgMTEuMDI3OTk2OCw0LjkxMTI0NjIzIDExLjE0MDE0NTMsNC44NDk0Mjk3NSBDMTEuMjYwOTk1LDQuNzg1MDA1ODQgMTEuMzkyMjQ1MSw0Ljc0MjMyMDI0IDExLjUyNzg2MDQsNC43MjM0NTMwMyBDMTEuNzE2NzA4Miw0LjY4NzYyMjkxIDExLjkwODUxNSw0LjY3MDY4OTMgMTIuMTAwNjQ0MSw0LjY3MjYyMjg5IEwxMy4zOTc1MDA1LDQuNjcyNjIyODkgTDEzLjM5NzUwMDUsNi42MTAxMTU0OSBMMTguMzMyMjk5Myw2LjYxMDExNTQ5IEwxOC4zMzIyOTkzLDcuNDE4NzY4ODIgTDEzLjM5NzUwMDUsNy40MTg3Njg4MiBMMTMuMzk3NTAwNSw5LjI4ODAyODkyIEwxNy4zMTk3Mzk5LDkuMjg4MDI4OTIgTDE3LjMyMjQ2NDUsOS4yNzE0NDY4NiBMMTcuMzIyNDY0NSw5LjI4ODQ5NzY3IEwxNy4zMTk3Mzk5LDkuMjg4NDk3NjcgQzE3LjIzMTAyODksOS44MjY4Mjg0IDE3LjA5Njc5MDUsMTAuMzU2NTc1MSAxNi45MTgxNjczLDEwLjg3MjAyNSBDMTYuNzYxMjUzMSwxMS4zNTQ3MjA5IDE2LjUyODEzNzcsMTEuOTA0OTQ2MiAxNi4yMTg5MDksMTIuNTIyNDk1OCBDMTUuOTA5NzA5NSwxMy4xNDA0NTU1IDE1LjUwMzA5NzksMTMuNzc1MDI2NiAxNC45OTc3MjY0LDE0LjQyNjMyNjIgQzE0Ljk5NzcyNjQsMTQuNDI2MzI2MiAxOC44NjM1Mzk5LDE2LjI3NTY5MzcgMjIuOTQ0OTc4NiwxNi45MjY5NjQgQzIzLjY0MjU5NjMsMTUuMzc4MjQxNCAyNC4wMDIyNzQzLDEzLjY5ODU5MDkgMjMuOTk5OTg5MiwxMi4wMDAwNzMyIEMyMy45OTk5ODkyLDUuMzcyMzIxMDEgMTguNjI3NjcwNiwwIDEyLjAwMDA2NzgsMCBDNS4zNzIzMTg1OSwwIDAsNS4zNzIzMjEwMSAwLDEyLjAwMDA3MzIgQzAsMTguNjI2NzcwOCA1LjM3MjMxODU5LDI0IDEyLjAwMDA2NzgsMjQgQzE2LjExMDg5MTMsMjQgMTkuNzM4NjY3NSwyMS45MzIyODI2IDIxLjkwMTM2NDUsMTguNzgwOTMxMSBDMTkuNzAzOTgsMTguMzAxODY4IDE3LjM2OTA0NjYsMTcuMzMyMTk4OSAxMy43ODQ3NzYyLDE1Ljc0MDM1MTIgWiBNNC4zNTEzODAzLDE1LjIwMDc2MDcgQzQuMzA2MTc1MTksMTcuMjYwMjE2NCA2LjYzNTk4MTY3LDE3LjQxMjg4MjYgNi45OTUxMDMwNCwxNy40MjQ0NTQ5IEM4LjE4MzA5MjI0LDE3LjQ2MDk1ODggOS4xNDEyMTc5NywxNy4wMTIzMzUyIDkuODg4MDU0NDksMTYuNTY5MjE5NCBDMTAuNjM0NzczOCwxNi4xMjUxOTU1IDExLjg1Mjc2MywxNC45Nzk3NzQxIDExLjg5ODQzNjksMTQuOTQwMDQ3NSBDMTEuOTQyODIxNywxNC45MDA3ODk3IDExLjk4ODAyNjgsMTQuODU5MjQ2NyAxMi4wMzIzMjM3LDE0LjgxNDA0MTUgQzExLjcxNjk0MjYsMTQuNjM5NTE5OCAxMS4zOTY4NDQ3LDE0LjQ3MzgxNjUgMTEuMDcyMjkzNywxNC4zMTY5MzE1IEMxMC43NTg0OTQ2LDE0LjE2NTUyNTEgOS4xNjA2NzExMSwxMy4zMDcwOTYzIDcuNzQyNzMwNTcsMTMuMTYwMzc3NCBDNS4wNTg1MTk1MiwxMi44ODI1MjU1IDQuMzY1MjM3NzQsMTQuNTc0OTc4NyA0LjM1MTg0OTA1LDE1LjIwMDc2MDcgTDQuMzUxMzgwMywxNS4yMDA3NjA3IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiMwMzlGRUIiIG1hc2s9InVybCgjbWFzay00KSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)}
  </style>
  <style type="text/css">
   .count-down.svelte-1nmouoa{width:calc(100% - 120px);text-align:center;margin:0 auto;padding:20px 0;border-bottom:1px solid #eee}.count-down.svelte-1nmouoa span.svelte-1nmouoa{width:40px;display:inline-block;font-size:22px;color:#ff5000}.count-down.svelte-1nmouoa strong.svelte-1nmouoa{font-size:20px}
  </style>
  <style type="text/css">
   .button.svelte-5bjgzr{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;box-sizing:content-box;padding:10px 25px;font-size:12px;line-height:1;transition:all 0.15s ease-in-out;color:#fff;background-color:#ff5000;border-color:#ff5000;border-radius:999px;outline:none}.button.svelte-5bjgzr:active{box-shadow:inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)}.button.svelte-5bjgzr:hover{background:#ff9b1a;border-color:#ff9b1a}.button[disabled].svelte-5bjgzr{cursor:not-allowed;color:#fff;background-color:#E2E2E2;border-color:#E2E2E2}.button[disabled].svelte-5bjgzr:hover{background:#E2E2E2;border-color:#E2E2E2;color:#fff}.button-success.svelte-5bjgzr{background-color:#7089A8;border-color:#7089A8}.button-success.svelte-5bjgzr:hover{background:#778fac;border-color:#778fac}
  </style>
  <style type="text/css">
   .ebank-pay-result-title.svelte-1ul169j{margin:90px 0 30px;text-align:center;line-height:25px;font-size:18px;color:#303030}.ebank-pay-result-title.svelte-1ul169j span.svelte-1ul169j{display:inline-block;width:22px;height:22px;margin-right:10px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5ob21lX2ljb19wcm9tcHRfbm9ybWFsQDJ4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImhvbWVfaWNvX3Byb21wdF9ub3JtYWwiIGZpbGw9IiNEQkRCREIiPgogICAgICAgICAgICA8cGF0aCBkPSJNMTEsMjIgQzQuOTI0ODY3NzUsMjIgMCwxNy4wNzUxMzIyIDAsMTEgQzAsNC45MjQ4Njc3NSA0LjkyNDg2Nzc1LDAgMTEsMCBDMTcuMDc1MTMyMiwwIDIyLDQuOTI0ODY3NzUgMjIsMTEgQzIyLDE3LjA3NTEzMjIgMTcuMDc1MTMyMiwyMiAxMSwyMiBaIE0xMSw3IEMxMS41NTIyODQ3LDcgMTIsNi41NTIyODQ3NSAxMiw2IEMxMiw1LjQ0NzcxNTI1IDExLjU1MjI4NDcsNSAxMSw1IEMxMC40NDc3MTUzLDUgMTAsNS40NDc3MTUyNSAxMCw2IEMxMCw2LjU1MjI4NDc1IDEwLjQ0NzcxNTMsNyAxMSw3IFogTTExLDkgQzEwLjQ0NzcxNTMsOSAxMCw5LjQ0NzcxNTI1IDEwLDEwIEwxMCwxNiBDMTAsMTYuNTUyMjg0NyAxMC40NDc3MTUzLDE3IDExLDE3IEMxMS41NTIyODQ3LDE3IDEyLDE2LjU1MjI4NDcgMTIsMTYgTDEyLDEwIEMxMiw5LjQ0NzcxNTI1IDExLjU1MjI4NDcsOSAxMSw5IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;vertical-align:middle}.ebank-pay-result-content.svelte-1ul169j{text-align:center;font-size:14px;color:#666}.ebank-pay-result-action.svelte-1ul169j{margin-top:60px;text-align:center}.problem-tip.svelte-1ul169j{text-align:center;margin:30px;padding-bottom:50px;font-size:14px;color:#666}.ebank-pay-result-action-item{width:88px;height:26px}.ebank-pay-result-action-item+.ebank-pay-result-action-item{margin-left:40px}
  </style>
  <style type="text/css">
   .ebank-input.svelte-lnlx38{display:inline-block;box-sizing:border-box;padding:0 5px;width:210px;height:32px;border:1px solid #eaeaea;background-color:#fff;transition:border-color ease-in-out .15s;color:#303030;outline:none;vertical-align:top;font-size:12px}.ebank-input.svelte-lnlx38:hover{border-color:#d3d3d3}.ebank-input.svelte-lnlx38:focus{border-color:#ff8000}.ebank-input[readonly].svelte-lnlx38{border-color:#eaeaea}.ebank-input[disabled].svelte-lnlx38{cursor:not-allowed;background-color:#eef1f6;cursor:not-allowed}
  </style>
  <style type="text/css">
   .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background:#fff;box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0, 0, 0, .08);}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px);}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{left:auto;right:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex;}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0, 0, 0, .9);fill:rgba(0, 0, 0, .9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0, 0, 0, .9);fill:rgba(0, 0, 0, .9);}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0;/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0;/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9;}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px;}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%;}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57, 57, 57, .15);box-sizing:border-box;}.numInputWrapper span:hover{background:rgba(0, 0, 0, .1)}.numInputWrapper span:active{background:rgba(0, 0, 0, .2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0;}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57, 57, 57, .6);top:26%}.numInputWrapper span.arrowDown{top:50%;}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57, 57, 57, .6);top:40%}.numInputWrapper span svg{width:inherit;height:auto;}.numInputWrapper span svg path{fill:rgba(0, 0, 0, .5)}.numInputWrapper:hover{background:rgba(0, 0, 0, .05);}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0;}.flatpickr-current-month span.cur-month:hover{background:rgba(0, 0, 0, .05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch/0;display:inline-block;}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0, 0, 0, .9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0, 0, 0, .9)}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:baseline;vertical-align:initial;-webkit-appearance:textfield;appearance:textfield;}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0, 0, 0, .5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:baseline;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto;}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0, 0, 0, .05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:28px;}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0, 0, 0, .54);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:307.875px;}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}.dayContainer + .dayContainer{box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;justify-content:center;text-align:center;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57, 57, 57, .3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57, 57, 57, .1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57, 57, 57, .3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden;}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex;}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;box-sizing:border-box;-webkit-appearance:textfield;appearance:textfield;}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
  </style>
  <style type="text/css">
   .ebank-pay-bank-date-time-picker.svelte-1mlr56n{display:inline-block;box-sizing:border-box;padding:0 5px;width:210px;height:32px;border:1px solid #eaeaea;background-color:#fff;transition:border-color ease-in-out .15s;color:#303030;outline:none;vertical-align:top;font-size:12px}.ebank-pay-bank-date-time-picker.svelte-1mlr56n:hover{border-color:#d3d3d3}.ebank-pay-bank-date-time-picker.svelte-1mlr56n:focus{border-color:#ff8000}
  </style>
  <style type="text/css">
   @-webkit-keyframes svelte-1azrcg3-tooltip-fade-in{from{opacity:0}to{opacity:1}}@keyframes svelte-1azrcg3-tooltip-fade-in{from{opacity:0}to{opacity:1}}.tooltip-wrapper.svelte-1azrcg3{position:relative}.tooltip-wrapper.svelte-1azrcg3 .tooltip.svelte-1azrcg3{position:absolute;z-index:1081;background-color:#fff;border-radius:4px;box-shadow:0px 2px 3px -1px rgba(0, 0, 0, .04), 0px 2px 8px 2px rgba(0, 0, 0, .02), 0px 4px 7px 1px rgba(0, 0, 0, .05);-webkit-animation:svelte-1azrcg3-tooltip-fade-in 0.2s ease-in;animation:svelte-1azrcg3-tooltip-fade-in 0.2s ease-in}.tooltip-wrapper.svelte-1azrcg3 .tooltip .arrow.svelte-1azrcg3{content:' ';position:absolute;height:0;width:0;border-style:solid}.tooltip-wrapper.svelte-1azrcg3 .tooltip.left.svelte-1azrcg3{left:0}.tooltip-wrapper.svelte-1azrcg3 .tooltip.left .arrow.svelte-1azrcg3{right:-10px;border-color:transparent transparent transparent #fff;border-width:10px 0 10px 10px}.tooltip-wrapper.svelte-1azrcg3 .tooltip.right.svelte-1azrcg3{right:0}.tooltip-wrapper.svelte-1azrcg3 .tooltip.right .arrow.svelte-1azrcg3{left:-10px;border-color:transparent #fff transparent transparent;border-width:10px 10px 10px 0}.tooltip-wrapper.svelte-1azrcg3 .tooltip.top.svelte-1azrcg3{top:0}.tooltip-wrapper.svelte-1azrcg3 .tooltip.top .arrow.svelte-1azrcg3{bottom:-10px;border-color:#fff transparent transparent transparent ;border-width:10px 10px 0 10px}.tooltip-wrapper.svelte-1azrcg3 .tooltip.bottom.svelte-1azrcg3{bottom:0}.tooltip-wrapper.svelte-1azrcg3 .tooltip.bottom .arrow.svelte-1azrcg3{top:-10px;border-color:transparent transparent #fff transparent;border-width:0 10px 10px 10px}
  </style>
  <style type="text/css">
   .ebank-line.svelte-2c36p9{display:block;margin:20px 0}.ebank-line-error.svelte-2c36p9{font-size:12px;color:#ff3200
}.ebank-line.svelte-2c36p9 span.svelte-2c36p9{display:inline-block;width:115px;text-align:left;font-size:14px;cursor:pointer}.ebank-line.svelte-2c36p9 p.svelte-2c36p9{display:inline-block;margin:0}.ebank-line.svelte-2c36p9 label.svelte-2c36p9{display:inline-block}.ebank-custom-pay-form.svelte-2c36p9{border:1px solid #E2E2E2;padding:10px}.ebank-custom-pay.svelte-2c36p9 .pay{margin:auto;width:268px;height:26px;display:block}.ebank-pay-bank-footer.svelte-2c36p9{display:flex;margin-top:50px;justify-content:space-between;align-items:center}.check-notice-btn.svelte-2c36p9{text-align:center;color:#1890ff;font-size:14px;cursor:default}.notice-modal.svelte-2c36p9{width:333px;padding:10px 15px;color:rgba(0, 0, 0, .9);text-align:left;font-size:14px}.notice-modal.svelte-2c36p9>p.svelte-2c36p9{margin:5px}
  </style>
  <style type="text/css">
   .banner.svelte-ld6ct9{margin:16px 60px 0 60px;background-color:#FFFBE6;border:1px solid #FFE07A;border-radius:4px;padding:5px 12px 5px 16px}.banner-content.svelte-ld6ct9{display:flex}.banner-icon.svelte-ld6ct9{min-width:16px;min-height:16px;margin-right:8px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIVSURBVHgB7VdLTuswFD1O3+DpvUnfDsIO3g6AFQATECPaJbADWAHsgHSE+EiFFcAOKCvAOwAkkJBoao5vKPk0aeySMIEjWXXca/v45vjeG+C7Q2EBmCFCjNmMtAcEbE8YqT5/2yJgTvEfE/S42RofwwozzXaNGPtqW/qfJ2CO0MUfHNJyB36IXIjMJWDOsEIXD9ntYjFozt9VW7iALwFzzhNPeIomYNAjiQFcCZgTrPOfIZpEjFW+juvicFAcMMcUmMIB6qG56JI0OKi/g6HoqY4AR/ZQrfIUE9xagYnIDC5Rjy7+zh4sR+D99G5qD3APf/Rkj9wy+ac9tI2AsST3mIXCMtpGwcMfBBherUBCtI8wK8bUA2OG2q/C73SvlMBk4Wjnj07q6ZSA+kICKr1BWQIafli3V0rep694x3icdn9lBjVd44Mu7W8YXJK+D14wmnZzuYA5/w7t3wStNiV8C4qh2CWkTnGBZ/yTXKBmk8wc5GyLBCK4Y9+WYO+5YNd5FouUSgJ0zYiLDeCCOPPe3W9QVKyQZuoBiYivooW6RbXkjpiKTtJ3WGuf1AR6LgEhccxSrIMrNAmDjbLSLCizlcolRh/NoV9VFwZVM0gisqwB7wCVxYO4fbNa3MG82cKaCzgLM4+I13SprA7M7QFHSCVjRZeE3bDcSLw1sNV0Yx8mpfvY+G9TasDfJItqG14X+TT7wRuHwZjwrfV1VQAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:contain;margin-top:3px}.banner-text.svelte-ld6ct9{font-weight:400;font-size:14px;line-height:22px;color:#1F1F1F}
  </style>
  <style type="text/css">
   .toast-wrapper.svelte-6dpz5i{display:flex;justify-content:center;align-items:center;z-index:1000;position:fixed;pointer-events:auto;top:0;right:0;bottom:0;left:0}.toast-text.svelte-6dpz5i{font-size:14px;color:#fff;max-width:250px;padding:16px;border-radius:8px;background-color:rgba(0, 0, 0, .4);-webkit-animation:svelte-6dpz5i-fadein 0.3s ease;animation:svelte-6dpz5i-fadein 0.3s ease}@-webkit-keyframes svelte-6dpz5i-fadein{0%{opacity:0}100%{opacity:1}}@keyframes svelte-6dpz5i-fadein{0%{opacity:0}100%{opacity:1}}
  </style>
  <style type="text/css">
   .dialog-wrap.svelte-1ormoyg{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2000;background-color:rgba(0, 0, 0, .4)}.dialog-wrap.svelte-1ormoyg .box.svelte-1ormoyg{width:280px;border-radius:12px;background-color:#fff;overflow:hidden;margin:0 auto;padding-top:24px;font-family:fontsc, "PingFang SC", "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif}.dialog-wrap.svelte-1ormoyg .title.svelte-1ormoyg{color:#222;font-size:17px;font-weight:600;line-height:17px;border:0;margin:0;padding:24px 0 12px;padding-top:0;text-align:center}.dialog-wrap.svelte-1ormoyg .content.svelte-1ormoyg{box-sizing:border-box;padding:0 24px;font-size:16px;font-weight:400;color:#666666;text-align:justify;margin-bottom:16px}.dialog-wrap.svelte-1ormoyg .operates.svelte-1ormoyg{cursor:pointer;display:flex;border-top:1px solid #eaeaea;box-sizing:border-box}.dialog-wrap.svelte-1ormoyg .operates .cancel.svelte-1ormoyg{width:50%;height:50px;font-size:17px;font-weight:400;text-align:center;color:#666666;line-height:50px;border-right:1px solid #eaeaea;box-sizing:border-box}.dialog-wrap.svelte-1ormoyg .operates .confirm.svelte-1ormoyg{width:50%;height:50px;font-size:17px;font-weight:400;text-align:center;color:#FF5000;line-height:50px}
  </style>
  <style type="text/css">
   .ebank.svelte-1blyl53{font-family:"PingFang SC", "Helvetica Neue For Number", "-apple-system", BlinkMacSystemFont, "Segoe UI" ,Roboto, "Hiragino Sans GB", "Microsoft YaHei,Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5;position:fixed;z-index:1080;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, .5);overflow:auto;outline:0}.ebank-content.svelte-1blyl53{position:relative;margin:120px auto auto;width:800px;background-color:#fff;box-shadow:0 2px 4px rgba(0, 0, 0, .5);outline:0;opacity:1;border-radius:24px;border:none;overflow:hidden}.ebank-pay-bank-select.svelte-1blyl53{padding:60px 60px 40px}.bank-reminder.svelte-1blyl53{display:flex;justify-content:center;margin:16px 0px;color:#FD5001;font-weight:500;font-size:14px;line-height:22px;height:22px}.ebank-pay-bank-footer.svelte-1blyl53{display:flex;justify-content:space-between;align-items:center}.ebank.svelte-1blyl53 .go-to-pay{margin:auto;width:268px;height:26px;display:block}.loading.svelte-1blyl53{min-height:500px;position:relative}.loading-icon.svelte-1blyl53{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:40px;height:40px}.check-notice-btn.svelte-1blyl53{text-align:center;color:#1890ff;font-size:14px;cursor:default}.notice-modal.svelte-1blyl53{width:333px;padding:10px 15px;color:rgba(0, 0, 0, .9);text-align:left;font-size:14px}.notice-modal.svelte-1blyl53>p.svelte-1blyl53{margin:5px}
  </style>
  <script async="" defer="" src="./js/client">
  </script>
  <script type="application/ld+json">
   {"@context":"https://schema.org","@type":"Organization","url":"https://klingai.com/","logo":"https://s1-def.ap4r.com/kos/s101/nlav112154/aiwp/assets/kling-logo-en-gYSpat0A.png","name":"KLING AI","description":"KLING AI, tools for creating imaginative images and videos, based on state-of-art generative AI methods.","email":"kling@kuaishou.com"}
  </script>
  <script type="application/ld+json">
   {"@context":"https://schema.org","@type":"WebSite","name":"KLING AI","alternateName":["KLING","klingai.com"],"url":"https://www.klingai.com/"}
  </script>
  <link href="./css/index" hreflang="en" rel="alternate"/>
  <link data-v-962f3ad1="" href="./css/index" rel="canonical"/>
  <script async="" data-ueto="ueto_decd5e0cf5" src="./js/97157801.js" type="text/javascript">
  </script>
  <style id="googleidentityservice_button_styles">
   .qJTHM{-webkit-user-select:none;color:#202124;direction:ltr;-webkit-touch-callout:none;font-family:"Roboto-Regular",arial,sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;margin:0;overflow:hidden;-webkit-text-size-adjust:100%}.ynRLnc{left:-9999px;position:absolute;top:-9999px}.L6cTce{display:none}.bltWBb{word-break:break-all}.hSRGPd{color:#1a73e8;cursor:pointer;font-weight:500;text-decoration:none}.Bz112c-W3lGp{height:16px;width:16px}.Bz112c-E3DyYd{height:20px;width:20px}.Bz112c-r9oPif{height:24px;width:24px}.Bz112c-uaxL4e{-webkit-border-radius:10px;border-radius:10px}.LgbsSe-Bz112c{display:block}.S9gUrf-YoZ4jf,.S9gUrf-YoZ4jf *{border:none;margin:0;padding:0}.fFW7wc-ibnC6b>.aZ2wEe>div{border-color:#4285f4}.P1ekSe-ZMv3u>div:nth-child(1){background-color:#1a73e8!important}.P1ekSe-ZMv3u>div:nth-child(2),.P1ekSe-ZMv3u>div:nth-child(3){background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#1a73e8,#1a73e8)!important}.haAclf{display:inline-block}.nsm7Bb-HzV7m-LgbsSe{-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color .218s,border-color .218s;transition:background-color .218s,border-color .218s;-webkit-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #dadce0;color:#3c4043;cursor:pointer;font-family:"Google Sans",arial,sans-serif;font-size:14px;height:40px;letter-spacing:0.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto}@media screen and (-ms-high-contrast:active){.nsm7Bb-HzV7m-LgbsSe{border:2px solid windowText;color:windowText}}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe{font-size:14px;height:32px;letter-spacing:0.25px;padding:0 10px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe{font-size:11px;height:20px;letter-spacing:0.3px;padding:0 8px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe{padding:0;width:40px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe{width:32px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe{width:20px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK{-webkit-border-radius:20px;border-radius:20px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe{-webkit-border-radius:16px;border-radius:16px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe{-webkit-border-radius:10px;border-radius:10px}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc{border:none;color:#fff}.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc{background-color:#1a73e8}.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc{background-color:#202124;color:#e8eaed}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:18px;margin-right:8px;min-width:18px;width:18px}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:14px;min-width:14px;width:14px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:10px;min-width:10px;width:10px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin-left:8px;margin-right:-4px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin:0;padding:10px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{padding:8px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{padding:4px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;display:-webkit-box;display:-webkit-flex;display:flex;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#fff;height:36px;margin-left:-10px;margin-right:12px;min-width:36px;width:36px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c,.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin:0;padding:0}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{height:28px;margin-left:-8px;margin-right:10px;min-width:28px;width:28px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{height:16px;margin-left:-6px;margin-right:8px;min-width:16px;width:16px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{-webkit-border-radius:3px;border-radius:3px;margin-left:2px;margin-right:0;padding:0}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{-webkit-border-radius:18px;border-radius:18px}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{-webkit-border-radius:14px;border-radius:14px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{-webkit-border-radius:8px;border-radius:8px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row;justify-content:space-between;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;position:relative;width:100%}.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX{justify-content:center}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId{-webkit-flex-grow:1;flex-grow:1;font-family:"Google Sans",arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId{font-weight:300}.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId{-webkit-flex-grow:0;flex-grow:0}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe{-webkit-transition:background-color .218s;transition:background-color .218s;bottom:0;left:0;position:absolute;right:0;top:0}.nsm7Bb-HzV7m-LgbsSe:hover,.nsm7Bb-HzV7m-LgbsSe:focus{-webkit-box-shadow:none;box-shadow:none;border-color:#d2e3fc;outline:none}.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe,.nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(66,133,244,.04)}.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(66,133,244,.1)}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe,.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(255,255,255,.24)}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(255,255,255,.32)}.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY{-webkit-border-radius:50%;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:flex;height:20px;margin-left:-4px;margin-right:8px;min-width:20px;width:20px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId{font-family:"Roboto";font-size:12px;text-align:left}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf,.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS{overflow:hidden;text-overflow:ellipsis}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#5f6368;fill:#5f6368;font-size:11px;font-weight:400}.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{color:#e8eaed;fill:#e8eaed}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c{height:18px;margin:-3px -3px -3px 2px;min-width:18px;width:18px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{-webkit-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;margin-left:12px;margin-right:-10px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{-webkit-border-radius:18px;border-radius:18px}.L5Fo6c-sM5MNb{border:0;display:block;left:0;position:relative;top:0}.L5Fo6c-bF1uUb{-webkit-border-radius:4px;border-radius:4px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.L5Fo6c-bF1uUb:focus{border:none;outline:none}sentinel{}
  </style>
  <link href="./css/style" id="googleidentityservice" media="all" rel="stylesheet" type="text/css"/>
  <script async="" src="./js/index" type="text/javascript">
  </script>
  <script async="" attributionsrc="" src="./js/index" type="text/javascript">
  </script>
  <script async="" src="./js/index" type="text/javascript">
  </script>
  <script async="" src="./js/index" type="text/javascript">
  </script>
  <script async="" src="./js/index" type="text/javascript">
  </script>
  <script async="" src="./js/index" type="text/javascript">
  </script>
 </head>
 <body class="lang-en">
  <div data-v-app="" id="app" style="min-width: var(--body-min-width)">
   <!-- -->
   <div data-v-962f3ad1="" style="position: relative; width: 100%; height: 0px;">
    <div data-v-962f3ad1="" style="position: absolute; width: 100%; height: 100vh;">
     <main class="" data-v-962f3ad1="" id="main-container" style="padding-left: var(--left-navigation-width);">
      <!-- -->
      <div class="video-bg" data-v-9ca0708f="">
       <video data-v-9ca0708f="" disablepictureinpicture="" disableremoteplayback="" playsinline="" preload="auto" src="https://s1-def.ap4r.com/kos/s101/nlav112154/aiwp/assets/home-start-C6AdYhVK.mp4" style="height: 360px; width: unset; pointer-events: none;">
       </video>
       <video data-v-9ca0708f="" loop="" preload="auto" src="https://s1-def.ap4r.com/kos/s101/nlav112154/aiwp/assets/home-loop-DOmEh9Jl.mp4" style="right: 0px; height: 1px; width: 1px; margin-top: -400px; pointer-events: none;">
       </video>
      </div>
      <div data-v-9ca0708f="" style="position: relative;">
       <h1 class="container" data-v-9ca0708f="">
        <img alt="KLING AI: A New Era of Creative Production" data-v-9ca0708f="" src="./images/home-teaser-en-Cd0Vx_c6.svg"/>
       </h1>
      </div>
      <div  id="openTabButton" class="banner-set" data-v-ecd03345="" data-v-f5b10719="">
       <div class="banner" data-v-f5b10719="">
        <div class="card" data-v-33b75d23="" data-v-f5b10719="">
         <svg class="round-btn" data-v-33b75d23="" fill="none" height="36" viewbox="0 0 37 36" width="37" xmlns="http://www.w3.org/2000/svg">
          <rect height="35" rx="17.5" stroke="url(#paint0_linear_950_14379)" width="35" x="0.833252" y="0.5">
          </rect>
          <path clip-rule="evenodd" d="M19.4106 13.0337C19.0852 12.7082 19.0852 12.1806 19.4106 11.8552C19.7361 11.5297 20.2637 11.5297 20.5892 11.8552L26.1447 17.4107C26.4702 17.7362 26.4702 18.2638 26.1447 18.5892L20.5892 24.1448C20.2637 24.4702 19.7361 24.4702 19.4106 24.1448C19.0852 23.8193 19.0852 23.2917 19.4106 22.9663L23.5436 18.8333H11.111C10.6508 18.8333 10.2777 18.4602 10.2777 18C10.2777 17.5397 10.6508 17.1666 11.111 17.1666H23.5436L19.4106 13.0337Z" fill="url(#paint1_linear_950_14379)" fill-rule="evenodd">
          </path>
          <defs>
           <lineargradient gradientunits="userSpaceOnUse" id="paint0_linear_950_14379" x1="0.333252" x2="36.3333" y1="0" y2="36">
            <stop offset="0.0926677" stop-color="#52FFBA">
            </stop>
            <stop offset="0.469568" stop-color="#23FAEC">
            </stop>
            <stop offset="0.885" stop-color="#00AAFF">
            </stop>
           </lineargradient>
           <lineargradient gradientunits="userSpaceOnUse" id="paint1_linear_950_14379" x1="26.3888" x2="13.9468" y1="11.6111" y2="27.2988">
            <stop offset="0.0926677" stop-color="#52FFBA">
            </stop>
            <stop offset="0.469568" stop-color="#23FAEC">
            </stop>
            <stop offset="0.885" stop-color="#00AAFF">
            </stop>
           </lineargradient>
          </defs>
         </svg>
         <h2 data-v-33b75d23="" style="pointer-events: none;">
          <span data-v-33b75d23="">
           AI Images
          </span>
         </h2>
         <span data-v-33b75d23="" style="pointer-events: none;">
          Powered by KOLORS
          <span data-v-33b75d23="" style="position: absolute; margin-top: -4px; margin-left: 3px; display: inline-block; font-size: 10px;">
           ®
          </span>
         </span>
        </div>
        <div  id="openTabButton" class="card" data-v-33b75d23="" data-v-f5b10719="" style="background: linear-gradient(135deg, rgba(82, 255, 186, 0.04) 9.27%, rgba(35, 250, 236, 0.04) 46.96%, rgba(0, 170, 255, 0.04) 88.5%);">
         <svg class="round-btn" data-v-33b75d23="" fill="none" height="36" viewbox="0 0 37 36" width="37" xmlns="http://www.w3.org/2000/svg">
          <rect height="35" rx="17.5" stroke="url(#paint0_linear_950_14379)" width="35" x="0.833252" y="0.5">
          </rect>
          <path clip-rule="evenodd" d="M19.4106 13.0337C19.0852 12.7082 19.0852 12.1806 19.4106 11.8552C19.7361 11.5297 20.2637 11.5297 20.5892 11.8552L26.1447 17.4107C26.4702 17.7362 26.4702 18.2638 26.1447 18.5892L20.5892 24.1448C20.2637 24.4702 19.7361 24.4702 19.4106 24.1448C19.0852 23.8193 19.0852 23.2917 19.4106 22.9663L23.5436 18.8333H11.111C10.6508 18.8333 10.2777 18.4602 10.2777 18C10.2777 17.5397 10.6508 17.1666 11.111 17.1666H23.5436L19.4106 13.0337Z" fill="url(#paint1_linear_950_14379)" fill-rule="evenodd">
          </path>
          <defs>
           <lineargradient gradientunits="userSpaceOnUse" id="paint0_linear_950_14379" x1="0.333252" x2="36.3333" y1="0" y2="36">
            <stop offset="0.0926677" stop-color="#52FFBA">
            </stop>
            <stop offset="0.469568" stop-color="#23FAEC">
            </stop>
            <stop offset="0.885" stop-color="#00AAFF">
            </stop>
           </lineargradient>
           <lineargradient gradientunits="userSpaceOnUse" id="paint1_linear_950_14379" x1="26.3888" x2="13.9468" y1="11.6111" y2="27.2988">
            <stop offset="0.0926677" stop-color="#52FFBA">
            </stop>
            <stop offset="0.469568" stop-color="#23FAEC">
            </stop>
            <stop offset="0.885" stop-color="#00AAFF">
            </stop>
           </lineargradient>
          </defs>
         </svg>
         <h2 data-v-33b75d23="" style="pointer-events: none;">
          <span data-v-33b75d23="">
           AI Videos
          </span>
         </h2>
         <span data-v-33b75d23="" style="pointer-events: none;">
          Powered by KLING
          <span data-v-33b75d23="" style="position: absolute; margin-top: -4px; margin-left: 3px; display: inline-block; font-size: 10px;">
           ®
          </span>
         </span>
        </div>
       
       </div>
      </div>
      <div class="stick-to-top" data-v-7eee811f="" id="sticky_layout_sticky">
      </div>
      <h2 class="section-title" data-v-ecd03345="" style="">
       <div class="more" data-v-ecd03345="">
        <button class="generic-button normal short medium" data-v-92dc9344="" data-v-ecd03345="" style="--generic-button-font-size: 14px; --generic-button-width: auto; --generic-button-height: auto; --generic-button-margin: 0px;">
         <div class="content" data-v-92dc9344="">
          <!-- -->
          <div class="inner" data-v-92dc9344="">
           More
           <svg data-v-ecd03345="" fill="currentColor" height="16" style="margin-right: -8px;" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
            <path d="M11.5306 8.5306L6.5306 13.5306C6.3897 13.6715 6.19861 13.7506 5.99935 13.7506C5.80009 13.7506 5.60899 13.6715 5.4681 13.5306C5.3272 13.3897 5.24805 13.1986 5.24805 12.9993C5.24805 12.8001 5.3272 12.609 5.4681 12.4681L9.93747 7.99997L5.46935 3.5306C5.39958 3.46083 5.34424 3.37801 5.30649 3.28686C5.26873 3.19571 5.2493 3.09801 5.2493 2.99935C5.2493 2.90069 5.26873 2.80299 5.30649 2.71184C5.34424 2.62069 5.39958 2.53786 5.46935 2.4681C5.53911 2.39833 5.62194 2.34299 5.71309 2.30524C5.80424 2.26748 5.90194 2.24805 6.0006 2.24805C6.09926 2.24805 6.19696 2.26748 6.28811 2.30524C6.37926 2.34299 6.46208 2.39833 6.53185 2.4681L11.5318 7.4681C11.6017 7.53786 11.6571 7.62072 11.6948 7.71193C11.7326 7.80313 11.7519 7.9009 11.7518 7.99961C11.7517 8.09832 11.7321 8.19603 11.6941 8.28715C11.6562 8.37827 11.6006 8.461 11.5306 8.5306Z">
            </path>
           </svg>
          </div>
         </div>
        </button>
       </div>
       <span data-v-ecd03345="" style="cursor: pointer;">
        Trending Shorts
       </span>
      </h2>
      <div class="skits" data-v-ecd03345="">
       <div class="skit-list" data-v-142e2bab="">
        <div class="movie-card" data-v-142e2bab="">
         <div class="back">
          <img class="" src="./images/output.jpg" srcset="https://s15-def.ap4r.com/bs2/upload-ylab-stunt-sgp/special-effect/output/39a2e23a-f60a-43dd-8ad9-2a0913a137e7/-806926689052042255/output.jpg?x-oss-process=image%2Fresize%2Cw_400%2Ch_200%2Cm_mfit 1x,https://s15-def.ap4r.com/bs2/upload-ylab-stunt-sgp/special-effect/output/39a2e23a-f60a-43dd-8ad9-2a0913a137e7/-806926689052042255/output.jpg?x-oss-process=image%2Fresize%2Cw_800%2Ch_400%2Cm_mfit 2x"/>
          <!-- -->
         </div>
         <div class="info" style="pointer-events: none;">
          <h4>
           Sandra
          </h4>
          <p>
           Artwork created using Flux Pro, KlingAI and Capcut for music editing
          </p>
          <div class="detail">
           <div class="right">
            <div class="heart" style="pointer-events: all;">
             <button class="generic-button animation-button no-border no-padding medium" data-v-92dc9344="" style="--generic-button-font-size: 14px; --generic-button-width: auto; --generic-button-height: auto; --generic-button-margin: 0px; --animation-button-name: tada; padding-left: 0px; padding-right: 0px;">
              <div class="content" data-v-92dc9344="">
               <svg data-v-92dc9344="" fill="currentColor" height="20" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
                <path clip-rule="evenodd" d="M12.5891 2.29759C13.9656 1.9403 15.4931 2.21107 16.838 3.40642C19.5076 5.75608 19.4073 9.50844 16.9149 12.3376C14.9755 14.6003 13.0553 16.2699 10.9122 17.4708C10.3454 17.7884 9.65479 17.7884 9.08802 17.4708C6.94493 16.2699 5.02465 14.6003 3.08528 12.3376C0.592909 9.50845 0.492622 5.75611 3.16212 3.40645C4.50705 2.21108 6.0346 1.9403 7.41104 2.29759C8.41882 2.55919 9.31593 3.14784 10.0001 3.89713C10.6843 3.14784 11.5814 2.55919 12.5891 2.29759ZM13.0079 3.9108C12.1278 4.13924 11.3149 4.77417 10.8026 5.57948C10.4294 6.16613 9.57081 6.16613 9.19759 5.57948C8.68526 4.77417 7.87234 4.13924 6.99229 3.9108C6.14917 3.69194 5.19448 3.82927 4.26807 4.65331L4.2646 4.65639C2.42742 6.27231 2.31712 8.94752 4.33914 11.2396L4.34312 11.2441L4.34704 11.2486C6.19633 13.407 7.9715 14.9347 9.90276 16.0169C9.96339 16.0509 10.0368 16.0509 10.0974 16.0169C12.0287 14.9347 13.8039 13.407 15.6531 11.2486L15.6571 11.2441L15.661 11.2396C17.6831 8.94752 17.5728 6.2723 15.7356 4.65638L15.7321 4.65332C14.8057 3.82928 13.851 3.69194 13.0079 3.9108Z" fill-rule="evenodd">
                </path>
               </svg>
               <div class="inner" data-v-92dc9344="">
                69
               </div>
              </div>
             </button>
            </div>
            <div class="sep">
            </div>
            <div class="time">
             00:42
            </div>
           </div>
           <div class="user">
            <img class="avatar" height="24" src="./images/t4kcwgsq_400x400.jpg" srcset="https://s15-def.ap4r.com/bs2/upload-ylab-stunt-sgp/ai_portal/1734221301/5dLVbJDk4p/t4kcwgsq_400x400.jpg?x-oss-process=image%2Fresize%2Cw_24%2Ch_24%2Cm_mfit 1x,https://s15-def.ap4r.com/bs2/upload-ylab-stunt-sgp/ai_portal/1734221301/5dLVbJDk4p/t4kcwgsq_400x400.jpg?x-oss-process=image%2Fresize%2Cw_48%2Ch_48%2Cm_mfit 2x" width="24"/>
            <div class="username">
             <div class="e">
              Dark Artificial
             </div>
            </div>
           </div>
          </div>
         </div>
         <!-- -->
        </div>
        <div class="movie-card" data-v-142e2bab="">
         <div class="back">
          <img class="" src="./images/b26-92f81d004c9b.png" srcset="https://s15-def.ap4r.com/bs2/upload-ylab-stunt-sgp/ai_portal/1734257138/jW1rdtjh0Y/b26-92f81d004c9b.png?x-oss-process=image%2Fresize%2Cw_400%2Ch_200%2Cm_mfit 1x,https://s15-def.ap4r.com/bs2/upload-ylab-stunt-sgp/ai_portal/1734257138/jW1rdtjh0Y/b26-92f81d004c9b.png?x-oss-process=image%2Fresize%2Cw_800%2Ch_400%2Cm_mfit 2x"/>
          <!-- -->
         </div>
         <div class="info" style="pointer-events: none;">
          <h4>
           Warhammer Fantasy teaser
          </h4>
          <p>
           Warhammer Fantasy teaser by Kling AI
          </p>
          <div class="detail">
           <div class="right">
            <div class="heart" style="pointer-events: all;">
             <button class="generic-button animation-button no-border no-padding medium" data-v-92dc9344="" style="--generic-button-font-size: 14px; --generic-button-width: auto; --generic-button-height: auto; --generic-button-margin: 0px; --animation-button-name: tada; padding-left: 0px; padding-right: 0px;">
              <div class="content" data-v-92dc9344="">
               <svg data-v-92dc9344="" fill="currentColor" height="20" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
                <path clip-rule="evenodd" d="M12.5891 2.29759C13.9656 1.9403 15.4931 2.21107 16.838 3.40642C19.5076 5.75608 19.4073 9.50844 16.9149 12.3376C14.9755 14.6003 13.0553 16.2699 10.9122 17.4708C10.3454 17.7884 9.65479 17.7884 9.08802 17.4708C6.94493 16.2699 5.02465 14.6003 3.08528 12.3376C0.592909 9.50845 0.492622 5.75611 3.16212 3.40645C4.50705 2.21108 6.0346 1.9403 7.41104 2.29759C8.41882 2.55919 9.31593 3.14784 10.0001 3.89713C10.6843 3.14784 11.5814 2.55919 12.5891 2.29759ZM13.0079 3.9108C12.1278 4.13924 11.3149 4.77417 10.8026 5.57948C10.4294 6.16613 9.57081 6.16613 9.19759 5.57948C8.68526 4.77417 7.87234 4.13924 6.99229 3.9108C6.14917 3.69194 5.19448 3.82927 4.26807 4.65331L4.2646 4.65639C2.42742 6.27231 2.31712 8.94752 4.33914 11.2396L4.34312 11.2441L4.34704 11.2486C6.19633 13.407 7.9715 14.9347 9.90276 16.0169C9.96339 16.0509 10.0368 16.0509 10.0974 16.0169C12.0287 14.9347 13.8039 13.407 15.6531 11.2486L15.6571 11.2441L15.661 11.2396C17.6831 8.94752 17.5728 6.2723 15.7356 4.65638L15.7321 4.65332C14.8057 3.82928 13.851 3.69194 13.0079 3.9108Z" fill-rule="evenodd">
                </path>
               </svg>
               <div class="inner" data-v-92dc9344="">
                89
               </div>
              </div>
             </button>
            </div>
            <div class="sep">
            </div>
            <div class="time">
             00:38
            </div>
           </div>
           <div class="user">
            <!-- -->
            <div class="username">
             <div class="e">
              uDwAMGdH
             </div>
            </div>
           </div>
          </div>
         </div>
         <!-- -->
        </div>
        <div class="movie-card" data-v-142e2bab="">
         <div class="back">
          <!-- -->
          <video disablepictureinpicture="" disableremoteplayback="" loop="" playsinline="" poster="https://s15-def.ap4r.com/bs2/upload-ylab-stunt-sgp/special-effect/output/5ce4e8a0-289d-401c-909c-52013865c550/-5541962127786035798/output.jpg?x-oss-process=image%2Fresize%2Cw_400%2Ch_200%2Cm_mfit" src="https://v21-def.ap4r.com/bs2/upload-ylab-stunt-sgp/special-effect/output/7b89dc27-5064-4b77-bb73-68776ca50185/-893658059600132232/out.mp4">
          </video>
         </div>
         <div class="info" style="pointer-events: none;">
          <h4>
           Futuristic steampunk world
          </h4>
          <p>
           I am pleased to introduce the futuristic Steampunk world featuring our mainecoon cat.
          </p>
          <div class="detail">
           <div class="right">
            <div class="heart" style="pointer-events: all;">
             <button class="generic-button animation-button no-border no-padding medium" data-v-92dc9344="" style="--generic-button-font-size: 14px; --generic-button-width: auto; --generic-button-height: auto; --generic-button-margin: 0px; --animation-button-name: tada; padding-left: 0px; padding-right: 0px;">
              <div class="content" data-v-92dc9344="">
               <svg data-v-92dc9344="" fill="currentColor" height="20" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
                <path clip-rule="evenodd" d="M12.5891 2.29759C13.9656 1.9403 15.4931 2.21107 16.838 3.40642C19.5076 5.75608 19.4073 9.50844 16.9149 12.3376C14.9755 14.6003 13.0553 16.2699 10.9122 17.4708C10.3454 17.7884 9.65479 17.7884 9.08802 17.4708C6.94493 16.2699 5.02465 14.6003 3.08528 12.3376C0.592909 9.50845 0.492622 5.75611 3.16212 3.40645C4.50705 2.21108 6.0346 1.9403 7.41104 2.29759C8.41882 2.55919 9.31593 3.14784 10.0001 3.89713C10.6843 3.14784 11.5814 2.55919 12.5891 2.29759ZM13.0079 3.9108C12.1278 4.13924 11.3149 4.77417 10.8026 5.57948C10.4294 6.16613 9.57081 6.16613 9.19759 5.57948C8.68526 4.77417 7.87234 4.13924 6.99229 3.9108C6.14917 3.69194 5.19448 3.82927 4.26807 4.65331L4.2646 4.65639C2.42742 6.27231 2.31712 8.94752 4.33914 11.2396L4.34312 11.2441L4.34704 11.2486C6.19633 13.407 7.9715 14.9347 9.90276 16.0169C9.96339 16.0509 10.0368 16.0509 10.0974 16.0169C12.0287 14.9347 13.8039 13.407 15.6531 11.2486L15.6571 11.2441L15.661 11.2396C17.6831 8.94752 17.5728 6.2723 15.7356 4.65638L15.7321 4.65332C14.8057 3.82928 13.851 3.69194 13.0079 3.9108Z" fill-rule="evenodd">
                </path>
               </svg>
               <div class="inner" data-v-92dc9344="">
                214
               </div>
              </div>
             </button>
            </div>
            <div class="sep">
            </div>
            <div class="time">
             00:20
            </div>
           </div>
           <div class="user">
            <img class="avatar" height="24" src="./images/88f-39ac50694a55.png" srcset="https://s15-def.ap4r.com/bs2/upload-ylab-stunt-sgp/ai_portal/1733049434/ldL7irD7bp/88f-39ac50694a55.png?x-oss-process=image%2Fresize%2Cw_24%2Ch_24%2Cm_mfit 1x,https://s15-def.ap4r.com/bs2/upload-ylab-stunt-sgp/ai_portal/1733049434/ldL7irD7bp/88f-39ac50694a55.png?x-oss-process=image%2Fresize%2Cw_48%2Ch_48%2Cm_mfit 2x" width="24"/>
            <div class="username">
             <div class="e">
              Tsumuji
             </div>
            </div>
           </div>
          </div>
         </div>
         <!-- -->
        </div>
        <div class="movie-card" data-v-142e2bab="">
         <div class="back">
          <img class="" src="./images/output.jpg" srcset="https://s15-def.ap4r.com/bs2/upload-ylab-stunt-sgp/special-effect/output/06da062f-dc33-433b-ba43-8884cb75c06d/-2821101112505301172/output.jpg?x-oss-process=image%2Fresize%2Cw_400%2Ch_200%2Cm_mfit 1x,https://s15-def.ap4r.com/bs2/upload-ylab-stunt-sgp/special-effect/output/06da062f-dc33-433b-ba43-8884cb75c06d/-2821101112505301172/output.jpg?x-oss-process=image%2Fresize%2Cw_800%2Ch_400%2Cm_mfit 2x"/>
          <!-- -->
         </div>
         <div class="info" style="pointer-events: none;">
          <h4>
           Wildlife Music Video (City)
          </h4>
          <p>
           Join this group of misfit Woodland Animals as they turn rain-soaked city streets into their own personal dance floor! This high-energy compilation showcases their best moves under glowing streetlights, with puddle-splashing fun and electrifying grooves. A post-rain celebration you don’t want to miss—get ready to smile, laugh, and maybe dance along!
          </p>
          <div class="detail">
           <div class="right">
            <div class="heart" style="pointer-events: all;">
             <button class="generic-button animation-button no-border no-padding medium" data-v-92dc9344="" style="--generic-button-font-size: 14px; --generic-button-width: auto; --generic-button-height: auto; --generic-button-margin: 0px; --animation-button-name: tada; padding-left: 0px; padding-right: 0px;">
              <div class="content" data-v-92dc9344="">
               <svg data-v-92dc9344="" fill="currentColor" height="20" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
                <path clip-rule="evenodd" d="M12.5891 2.29759C13.9656 1.9403 15.4931 2.21107 16.838 3.40642C19.5076 5.75608 19.4073 9.50844 16.9149 12.3376C14.9755 14.6003 13.0553 16.2699 10.9122 17.4708C10.3454 17.7884 9.65479 17.7884 9.08802 17.4708C6.94493 16.2699 5.02465 14.6003 3.08528 12.3376C0.592909 9.50845 0.492622 5.75611 3.16212 3.40645C4.50705 2.21108 6.0346 1.9403 7.41104 2.29759C8.41882 2.55919 9.31593 3.14784 10.0001 3.89713C10.6843 3.14784 11.5814 2.55919 12.5891 2.29759ZM13.0079 3.9108C12.1278 4.13924 11.3149 4.77417 10.8026 5.57948C10.4294 6.16613 9.57081 6.16613 9.19759 5.57948C8.68526 4.77417 7.87234 4.13924 6.99229 3.9108C6.14917 3.69194 5.19448 3.82927 4.26807 4.65331L4.2646 4.65639C2.42742 6.27231 2.31712 8.94752 4.33914 11.2396L4.34312 11.2441L4.34704 11.2486C6.19633 13.407 7.9715 14.9347 9.90276 16.0169C9.96339 16.0509 10.0368 16.0509 10.0974 16.0169C12.0287 14.9347 13.8039 13.407 15.6531 11.2486L15.6571 11.2441L15.661 11.2396C17.6831 8.94752 17.5728 6.2723 15.7356 4.65638L15.7321 4.65332C14.8057 3.82928 13.851 3.69194 13.0079 3.9108Z" fill-rule="evenodd">
                </path>
               </svg>
               <div class="inner" data-v-92dc9344="">
                106
               </div>
              </div>
             </button>
            </div>
            <div class="sep">
            </div>
            <div class="time">
             02:25
            </div>
           </div>
           <div class="user">
            <!-- -->
            <div class="username">
             <div class="e">
              KLING8025
             </div>
            </div>
           </div>
          </div>
         </div>
         <!-- -->
        </div>
       </div>
       <!-- -->
       <!-- -->
      </div>
      <h2 class="section-title" data-v-ecd03345="">
       <div class="more" data-v-ecd03345="">
        <button class="generic-button normal short medium" data-v-92dc9344="" data-v-ecd03345="" style="--generic-button-font-size: 14px; --generic-button-width: auto; --generic-button-height: auto; --generic-button-margin: 0px;">
         <div class="content" data-v-92dc9344="">
          <!-- -->
          <div class="inner" data-v-92dc9344="">
           More
           <svg data-v-ecd03345="" fill="currentColor" height="16" style="margin-right: -8px;" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
            <path d="M11.5306 8.5306L6.5306 13.5306C6.3897 13.6715 6.19861 13.7506 5.99935 13.7506C5.80009 13.7506 5.60899 13.6715 5.4681 13.5306C5.3272 13.3897 5.24805 13.1986 5.24805 12.9993C5.24805 12.8001 5.3272 12.609 5.4681 12.4681L9.93747 7.99997L5.46935 3.5306C5.39958 3.46083 5.34424 3.37801 5.30649 3.28686C5.26873 3.19571 5.2493 3.09801 5.2493 2.99935C5.2493 2.90069 5.26873 2.80299 5.30649 2.71184C5.34424 2.62069 5.39958 2.53786 5.46935 2.4681C5.53911 2.39833 5.62194 2.34299 5.71309 2.30524C5.80424 2.26748 5.90194 2.24805 6.0006 2.24805C6.09926 2.24805 6.19696 2.26748 6.28811 2.30524C6.37926 2.34299 6.46208 2.39833 6.53185 2.4681L11.5318 7.4681C11.6017 7.53786 11.6571 7.62072 11.6948 7.71193C11.7326 7.80313 11.7519 7.9009 11.7518 7.99961C11.7517 8.09832 11.7321 8.19603 11.6941 8.28715C11.6562 8.37827 11.6006 8.461 11.5306 8.5306Z">
            </path>
           </svg>
          </div>
         </div>
        </button>
       </div>
       <span data-v-ecd03345="" style="cursor: pointer;">
        Trending Creatives
       </span>
      </h2>
      <div class="waterfall" data-v-ecd03345="">
       <!-- -->
       <div class="virtual-waterfall" data-v-bafba5dd="" style="position: relative; will-change: height; padding: 15px; height: 2191.88px;">
        <div data-index="0" style="position: absolute; content-visibility: auto; width: 308.8px; height: 308.8px; transform: translate(971.4px, 0px); contain-intrinsic-size: 308.8px;">
         <div class="card" data-id="154691919" data-v-237c32b7="" data-v-bafba5dd="" style="--658fb8ef: 100%; --32986b1e: 100%;">
          <div class="cover" data-v-237c32b7="">
           <!-- -->
           <img class="" data-v-237c32b7="" src="./images/temp.png" srcset="https://s15-def.ap4r.com/bs2/upload-ylab-stunt-sgp/special-effect/output/2f1ed770-7489-4a69-bfc0-9b215dbedd31/1536553904092894060/temp.png?x-oss-process=image%2Fresize%2Cw_400%2Ch_400%2Cm_mfit 1x,https://s15-def.ap4r.com/bs2/upload-ylab-stunt-sgp/special-effect/output/2f1ed770-7489-4a69-bfc0-9b215dbedd31/1536553904092894060/temp.png?x-oss-process=image%2Fresize%2Cw_800%2Ch_800%2Cm_mfit 2x"/>
           <!-- -->
          </div>
          <!-- -->
          <svg class="play-button" data-v-237c32b7="" fill="none" height="32" viewbox="0 0 33 32" width="33" xmlns="http://www.w3.org/2000/svg">
           <rect fill="black" fill-opacity="0.25" height="32" rx="16" width="32" x="0.399902">
           </rect>
           <rect height="31" rx="15.5" stroke="white" stroke-opacity="0.5" width="31" x="0.899902" y="0.5">
           </rect>
           <mask height="17" id="mask0_5286_26718" maskunits="userSpaceOnUse" style="mask-type:alpha;" width="17" x="8" y="8">
            <path d="M8.3999 8.22229H24.3999V24.2223H8.3999V8.22229Z" fill="white">
            </path>
           </mask>
           <g mask="url(#mask0_5286_26718)">
            <path clip-rule="evenodd" d="M21.2306 17.3339L14.0225 22.0829C13.4075 22.488 12.5806 22.318 12.1755 21.703C12.032 21.4853 11.9556 21.2303 11.9556 20.9695V11.4749C11.9556 10.7386 12.5525 10.1416 13.2889 10.1416C13.5495 10.1416 13.8044 10.218 14.0221 10.3613L21.2302 15.1069C21.8453 15.5118 22.0156 16.3387 21.6107 16.9537C21.5111 17.1049 21.3818 17.2343 21.2306 17.3339Z" fill="white" fill-rule="evenodd">
            </path>
           </g>
          </svg>
          <div class="detail" data-v-237c32b7="">
           <div class="content content-simple" data-v-237c32b7="">
            <div class="heart" data-v-237c32b7="">
             <button class="generic-button animation-button no-border medium" data-v-237c32b7="" data-v-92dc9344="" style="--generic-button-font-size: 14px; --generic-button-width: auto; --generic-button-height: auto; --generic-button-margin: 0px; --animation-button-name: tada; padding-left: 0px; padding-right: 0px;">
              <div class="content" data-v-92dc9344="">
               <svg data-v-92dc9344="" fill="currentColor" height="20" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
                <path clip-rule="evenodd" d="M12.5891 2.29759C13.9656 1.9403 15.4931 2.21107 16.838 3.40642C19.5076 5.75608 19.4073 9.50844 16.9149 12.3376C14.9755 14.6003 13.0553 16.2699 10.9122 17.4708C10.3454 17.7884 9.65479 17.7884 9.08802 17.4708C6.94493 16.2699 5.02465 14.6003 3.08528 12.3376C0.592909 9.50845 0.492622 5.75611 3.16212 3.40645C4.50705 2.21108 6.0346 1.9403 7.41104 2.29759C8.41882 2.55919 9.31593 3.14784 10.0001 3.89713C10.6843 3.14784 11.5814 2.55919 12.5891 2.29759ZM13.0079 3.9108C12.1278 4.13924 11.3149 4.77417 10.8026 5.57948C10.4294 6.16613 9.57081 6.16613 9.19759 5.57948C8.68526 4.77417 7.87234 4.13924 6.99229 3.9108C6.14917 3.69194 5.19448 3.82927 4.26807 4.65331L4.2646 4.65639C2.42742 6.27231 2.31712 8.94752 4.33914 11.2396L4.34312 11.2441L4.34704 11.2486C6.19633 13.407 7.9715 14.9347 9.90276 16.0169C9.96339 16.0509 10.0368 16.0509 10.0974 16.0169C12.0287 14.9347 13.8039 13.407 15.6531 11.2486L15.6571 11.2441L15.661 11.2396C17.6831 8.94752 17.5728 6.2723 15.7356 4.65638L15.7321 4.65332C14.8057 3.82928 13.851 3.69194 13.0079 3.9108Z" fill-rule="evenodd">
                </path>
               </svg>
               <div class="inner" data-v-92dc9344="">
                28
               </div>
              </div>
             </button>
            </div>
            <div class="user" data-v-237c32b7="">
             <!-- -->
             <div class="name" data-v-237c32b7="">
              <div class="e" data-v-237c32b7="">
               KLING3056
              </div>
             </div>
            </div>
           </div>
          </div>
         </div>
        </div>
        <div data-index="1" style="position: absolute; content-visibility: auto; width: 308.8px; height: 548.978px; transform: translate(1295.2px, 0px); contain-intrinsic-size: 308.8px 548.978px;">
         <div class="card" data-id="212259958" data-v-237c32b7="" data-v-bafba5dd="" style="--658fb8ef: 100%; --32986b1e: 100%;">
          <div class="cover" data-v-237c32b7="">
           <!-- -->
           <img class="" data-v-237c32b7="" src="./images/temp.jpg" srcset="https://s15-def.ap4r.com/bs2/upload-ylab-stunt-sgp/special-effect/output/e3affcd2-f5d1-4c34-8deb-a6ccd101d450/-6451281065314976882/temp.jpg?x-oss-process=image%2Fresize%2Cw_400%2Ch_711%2Cm_mfit 1x,https://s15-def.ap4r.com/bs2/upload-ylab-stunt-sgp/special-effect/output/e3affcd2-f5d1-4c34-8deb-a6ccd101d450/-6451281065314976882/temp.jpg?x-oss-process=image%2Fresize%2Cw_800%2Ch_1422%2Cm_mfit 2x"/>
           <!-- -->
          </div>
          <!-- -->
          <svg class="play-button" data-v-237c32b7="" fill="none" height="32" viewbox="0 0 33 32" width="33" xmlns="http://www.w3.org/2000/svg">
           <rect fill="black" fill-opacity="0.25" height="32" rx="16" width="32" x="0.399902">
           </rect>
           <rect height="31" rx="15.5" stroke="white" stroke-opacity="0.5" width="31" x="0.899902" y="0.5">
           </rect>
           <mask height="17" id="mask0_5286_26718" maskunits="userSpaceOnUse" style="mask-type:alpha;" width="17" x="8" y="8">
            <path d="M8.3999 8.22229H24.3999V24.2223H8.3999V8.22229Z" fill="white">
            </path>
           </mask>
           <g mask="url(#mask0_5286_26718)">
            <path clip-rule="evenodd" d="M21.2306 17.3339L14.0225 22.0829C13.4075 22.488 12.5806 22.318 12.1755 21.703C12.032 21.4853 11.9556 21.2303 11.9556 20.9695V11.4749C11.9556 10.7386 12.5525 10.1416 13.2889 10.1416C13.5495 10.1416 13.8044 10.218 14.0221 10.3613L21.2302 15.1069C21.8453 15.5118 22.0156 16.3387 21.6107 16.9537C21.5111 17.1049 21.3818 17.2343 21.2306 17.3339Z" fill="white" fill-rule="evenodd">
            </path>
           </g>
          </svg>
          <div class="detail" data-v-237c32b7="">
           <div class="content content-simple" data-v-237c32b7="">
            <div class="heart" data-v-237c32b7="">
             <button class="generic-button animation-button no-border medium" data-v-237c32b7="" data-v-92dc9344="" style="--generic-button-font-size: 14px; --generic-button-width: auto; --generic-button-height: auto; --generic-button-margin: 0px; --animation-button-name: tada; padding-left: 0px; padding-right: 0px;">
              <div class="content" data-v-92dc9344="">
               <svg data-v-92dc9344="" fill="currentColor" height="20" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
                <path clip-rule="evenodd" d="M12.5891 2.29759C13.9656 1.9403 15.4931 2.21107 16.838 3.40642C19.5076 5.75608 19.4073 9.50844 16.9149 12.3376C14.9755 14.6003 13.0553 16.2699 10.9122 17.4708C10.3454 17.7884 9.65479 17.7884 9.08802 17.4708C6.94493 16.2699 5.02465 14.6003 3.08528 12.3376C0.592909 9.50845 0.492622 5.75611 3.16212 3.40645C4.50705 2.21108 6.0346 1.9403 7.41104 2.29759C8.41882 2.55919 9.31593 3.14784 10.0001 3.89713C10.6843 3.14784 11.5814 2.55919 12.5891 2.29759ZM13.0079 3.9108C12.1278 4.13924 11.3149 4.77417 10.8026 5.57948C10.4294 6.16613 9.57081 6.16613 9.19759 5.57948C8.68526 4.77417 7.87234 4.13924 6.99229 3.9108C6.14917 3.69194 5.19448 3.82927 4.26807 4.65331L4.2646 4.65639C2.42742 6.27231 2.31712 8.94752 4.33914 11.2396L4.34312 11.2441L4.34704 11.2486C6.19633 13.407 7.9715 14.9347 9.90276 16.0169C9.96339 16.0509 10.0368 16.0509 10.0974 16.0169C12.0287 14.9347 13.8039 13.407 15.6531 11.2486L15.6571 11.2441L15.661 11.2396C17.6831 8.94752 17.5728 6.2723 15.7356 4.65638L15.7321 4.65332C14.8057 3.82928 13.851 3.69194 13.0079 3.9108Z" fill-rule="evenodd">
                </path>
               </svg>
               <div class="inner" data-v-92dc9344="">
                12
               </div>
              </div>
             </button>
            </div>
            <div class="user" data-v-237c32b7="">
             <img class="avatar" data-v-237c32b7="" height="24" src="./images/08b399ad0210e2f2bad702" srcset="https://sign-static.dreamriverclub.com/bs2/s3-host-sgp-s3/08b399ad0210e2f2bad702?x-oss-process=image%2Fresize%2Cw_24%2Ch_24%2Cm_mfit 1x,https://sign-static.dreamriverclub.com/bs2/s3-host-sgp-s3/08b399ad0210e2f2bad702?x-oss-process=image%2Fresize%2Cw_48%2Ch_48%2Cm_mfit 2x" width="24"/>
             <div class="name" data-v-237c32b7="">
              <div class="e" data-v-237c32b7="">
               TsQZaHgn
              </div>
             </div>
            </div>
           </div>
          </div>
         </div>
        </div>
        <div class="sinking_space" style="border-radius: 20px; position: absolute; content-visibility: auto; top: 15px; left: 15px; width: 956.4px; height: 336.15px;">
         <div class="el-carousel el-carousel--horizontal" data-v-bafba5dd="">
          <button aria-label="Carousel arrow left" class="el-carousel__arrow el-carousel__arrow--left" style="display: none;" type="button">
           <i class="el-icon">
            <svg viewbox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
             <path d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z" fill="currentColor">
             </path>
            </svg>
           </i>
          </button>
          <button aria-label="Carousel arrow right" class="el-carousel__arrow el-carousel__arrow--right" style="display: none;" type="button">
           <i class="el-icon">
            <svg viewbox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
             <path d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z" fill="currentColor">
             </path>
            </svg>
           </i>
          </button>
          <div class="el-carousel__container" style="height: 336.15px;">
           <div class="el-carousel__item" data-v-bafba5dd="" style="transform: translateX(2868px) scale(1);">
            <!--v-if-->
            <a data-v-bafba5dd="" href="https://www.projectodyssey.ai/" style="cursor: pointer;" target="_blank">
             <div class="el-image ad-image" data-v-bafba5dd="">
              <img class="el-image__inner" src="./images/banner-c.jpg" style="object-fit: cover;"/>
              <!--v-if-->
              <!--v-if-->
             </div>
            </a>
            <!-- -->
           </div>
           <div class="el-carousel__item is-animating" data-v-bafba5dd="" style="transform: translateX(-956px) scale(1);">
            <!--v-if-->
            <a data-v-bafba5dd="" href="/future-partner" style="cursor: pointer;" target="_blank">
             <div class="el-image ad-image" data-v-bafba5dd="">
              <img class="el-image__inner" src="./images/banner-partner-en.jpg" style="object-fit: cover;"/>
              <!--v-if-->
              <!--v-if-->
             </div>
            </a>
            <!-- -->
           </div>
           <div class="el-carousel__item is-active is-animating" data-v-bafba5dd="" style="transform: translateX(0px) scale(1);">
            <!--v-if-->
            <a data-v-bafba5dd="" href="https://www.projectodyssey.ai/" style="cursor: pointer;" target="_blank">
             <div class="el-image ad-image" data-v-bafba5dd="">
              <img class="el-image__inner" src="./images/banner-c.jpg" style="object-fit: cover;"/>
              <!--v-if-->
              <!--v-if-->
             </div>
            </a>
            <!-- -->
           </div>
           <div class="el-carousel__item" data-v-bafba5dd="" style="transform: translateX(956px) scale(1);">
            <!--v-if-->
            <a data-v-bafba5dd="" href="/future-partner" style="cursor: pointer;" target="_blank">
             <div class="el-image ad-image" data-v-bafba5dd="">
              <img class="el-image__inner" src="./images/banner-partner-en.jpg" style="object-fit: cover;"/>
              <!--v-if-->
              <!--v-if-->
             </div>
            </a>
            <!-- -->
           </div>
          </div>
          <ul class="el-carousel__indicators el-carousel__indicators--horizontal">
           <li class="el-carousel__indicator el-carousel__indicator--horizontal" style="display: none;">
            <button aria-label="Carousel switch to index 1" class="el-carousel__button">
             <!--v-if-->
            </button>
           </li>
           <li class="el-carousel__indicator el-carousel__indicator--horizontal" style="display: none;">
            <button aria-label="Carousel switch to index 2" class="el-carousel__button">
             <!--v-if-->
            </button>
           </li>
           <li class="el-carousel__indicator el-carousel__indicator--horizontal is-active" style="">
            <button aria-label="Carousel switch to index 3" class="el-carousel__button">
             <!--v-if-->
            </button>
           </li>
           <li class="el-carousel__indicator el-carousel__indicator--horizontal" style="">
            <button aria-label="Carousel switch to index 4" class="el-carousel__button">
             <!--v-if-->
            </button>
           </li>
          </ul>
          <!--v-if-->
         </div>
        </div>
       </div>
       <!-- -->
       <button class="waterfall__back-top" data-v-bafba5dd="">
        <button class="generic-button normal medium back-to-top" data-v-92dc9344="" data-v-bafba5dd="" style="--generic-button-font-size: 14px; --generic-button-width: auto; --generic-button-height: auto; --generic-button-margin: 0px;">
         <div class="content" data-v-92dc9344="">
          <svg data-v-92dc9344="" fill="currentColor" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
           <path clip-rule="evenodd" d="M12.0001 7.59066C12.5524 7.59066 13.0001 8.03837 13.0001 8.59066V19.9559C13.0001 20.5082 12.5524 20.9559 12.0001 20.9559C11.4478 20.9559 11.0001 20.5082 11.0001 19.9559V8.59066C11.0001 8.03837 11.4478 7.59066 12.0001 7.59066Z" fill-rule="evenodd">
           </path>
           <path clip-rule="evenodd" d="M4.96747 13.9606C4.57694 13.57 4.57692 12.9369 4.96743 12.5463L11.2927 6.22067C11.6832 5.83015 12.3164 5.83012 12.7069 6.22062L19.0325 12.5455C19.423 12.936 19.4231 13.5692 19.0326 13.9597C18.6421 14.3502 18.0089 14.3503 17.6184 13.9598L11.9999 8.34196L6.38169 13.9605C5.99118 14.3511 5.35801 14.3511 4.96747 13.9606Z" fill-rule="evenodd">
           </path>
           <path clip-rule="evenodd" d="M19.0014 4.04443C19.0014 4.59672 18.5537 5.04443 18.0014 5.04443L6.00138 5.04443C5.4491 5.04443 5.00138 4.59672 5.00138 4.04443C5.00138 3.49215 5.4491 3.04443 6.00138 3.04443L18.0014 3.04443C18.5537 3.04443 19.0014 3.49215 19.0014 4.04443Z" fill-rule="evenodd">
           </path>
          </svg>
          <!-- -->
         </div>
        </button>
       </button>
       <!-- -->
       <div class="el-overlay" style="z-index: 2021; display: none;">
        <div aria-describedby="el-id-8063-37" aria-labelledby="el-id-8063-36" aria-modal="true" class="el-overlay-dialog" role="dialog">
        </div>
       </div>
       <!-- -->
      </div>
      <!-- -->
      <!-- -->
      <!-- -->
      <!-- -->
      <!-- -->
     </main>
    </div>
   </div>
   <div data-v-962f3ad1="" style="position: relative;">
    <header data-v-68e08c5a="" data-v-962f3ad1="" style="--top-navigation-alpha: 0; z-index: 1001;">
     <div class="user" data-v-68e08c5a="">
      <div class="head-bar" data-v-68e08c5a="" data-v-cd28f037="">
      
       <div data-v-cd28f037="" style="position: relative; margin-right: 20px;">
        <button class="generic-button blue medium" data-v-59a24cd8="" data-v-92dc9344="" data-v-cd28f037="" style="--generic-button-font-size: 14px; --generic-button-width: auto; --generic-button-height: auto; --generic-button-margin: 0px;">
         <div class="content" data-v-92dc9344="">
          <!-- -->
          <div class="inner"  id="openTabButton" data-v-92dc9344="">
           API Calls
          </div>
         </div>
        </button>
        <img class="api-new-tag" data-v-cd28f037="" src="./images/api-new-en-BNXs6Qal.png"/>
       </div>
       <!-- -->
       <!-- -->
       <!-- -->
     
       <!-- -->
      </div>
     </div>
     <div class="content top-navigation-panel-content" data-v-68e08c5a="">
      <div class="menu-container" data-v-68e08c5a="" style="width: 0px; border-right: none;">
       <div class="menu" data-v-152cbf9a="" data-v-68e08c5a="">
        <div class="el-dropdown" data-v-152cbf9a="">
         <svg aria-controls="el-id-8063-1" aria-expanded="false" aria-haspopup="menu" class="btn el-tooltip__trigger el-tooltip__trigger" data-v-152cbf9a="" fill="currentColor" height="24" id="el-id-8063-0" role="button" style="height: 40px;" tabindex="0" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
          <path d="M4.26551 6.05665C4.96507 6.05665 5.53217 5.48954 5.53217 4.78998C5.53217 4.09042 4.96507 3.52332 4.26551 3.52332C3.56595 3.52332 2.99884 4.09042 2.99884 4.78998C2.99884 5.48954 3.56595 6.05665 4.26551 6.05665Z">
          </path>
          <path d="M8.26774 3.72332C7.67863 3.72332 7.20107 4.20088 7.20107 4.78998C7.20107 5.37909 7.67863 5.85665 8.26774 5.85665L19.9344 5.85665C20.5235 5.85665 21.0011 5.37909 21.0011 4.78998C21.0011 4.20088 20.5235 3.72332 19.9344 3.72332L8.26774 3.72332Z">
          </path>
          <path d="M7.20099 11.9999C7.20099 11.4108 7.67855 10.9333 8.26765 10.9333L19.9343 10.9333C20.5234 10.9333 21.001 11.4108 21.001 11.9999C21.001 12.589 20.5234 13.0666 19.9343 13.0666L8.26765 13.0666C7.67855 13.0666 7.20099 12.589 7.20099 11.9999Z">
          </path>
          <path d="M4.26551 13.2669C4.96507 13.2669 5.53217 12.6998 5.53217 12.0003C5.53217 11.3007 4.96507 10.7336 4.26551 10.7336C3.56595 10.7336 2.99884 11.3007 2.99884 12.0003C2.99884 12.6998 3.56595 13.2669 4.26551 13.2669Z">
          </path>
          <path d="M7.20099 19.2099C7.20099 18.6208 7.67855 18.1432 8.26765 18.1432L19.9343 18.1432C20.5234 18.1432 21.001 18.6208 21.001 19.2099C21.001 19.799 20.5234 20.2766 19.9343 20.2766H8.26765C7.67855 20.2766 7.20099 19.799 7.20099 19.2099Z">
          </path>
          <path d="M4.26551 20.4766C4.96507 20.4766 5.53217 19.9095 5.53217 19.2099C5.53217 18.5103 4.96507 17.9432 4.26551 17.9432C3.56595 17.9432 2.99884 18.5103 2.99884 19.2099C2.99884 19.9095 3.56595 20.4766 4.26551 20.4766Z">
          </path>
         </svg>
         <!--v-if-->
        </div>
       </div>
      </div>
      <div class="logo-box" data-v-68e08c5a="">
       <img class="logo anonymous" data-v-68e08c5a="" height="32" src="./images/kling-logo-en-gYSpat0A.png" style="" width="146.75"/>
      </div>
      <!-- -->
     </div>
    </header>
   </div>
   <div data-v-962f3ad1="" style="position: relative;">
    <header class="" data-v-8882fffa="">
     <div class="content" data-v-8882fffa="">
      <div class="menu" data-v-8882fffa="">
       <ul data-v-7198008f="" data-v-8882fffa="">
        <div data-v-7198008f="">
         <li class="active vertical-center el-tooltip__trigger el-tooltip__trigger" data-v-7198008f="">
          <div class="home-highlight" data-v-7198008f="">
          </div>
          <!-- -->
          <div class="menu-icon" data-v-7198008f="">
           <svg data-v-7198008f="" fill="none" height="20" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
            <path d="M8.05561 12.2667C7.59537 12.2667 7.22228 12.6398 7.22228 13.1C7.22228 13.5602 7.59537 13.9333 8.05561 13.9333H11.9445C12.4047 13.9333 12.7778 13.5602 12.7778 13.1C12.7778 12.6398 12.4047 12.2667 11.9445 12.2667H8.05561Z" fill="url(#paint0_linear_1085_91311)">
            </path>
            <path clip-rule="evenodd" d="M11.338 2.83244C10.5201 2.31318 9.4759 2.31318 8.65804 2.83244L3.33249 6.21361C2.46815 6.76238 2.02577 7.78271 2.21602 8.78872L3.48921 15.521C3.71249 16.7017 4.7441 17.5565 5.94567 17.5565H14.0504C15.2519 17.5565 16.2836 16.7017 16.5068 15.521L17.78 8.78872C17.9703 7.78271 17.5279 6.76238 16.6635 6.2136L11.338 2.83244ZM9.55136 4.23947C9.82398 4.06639 10.1721 4.06639 10.4447 4.23947L15.7702 7.62064C16.0583 7.80357 16.2058 8.14368 16.1424 8.47901L14.8692 15.2113C14.7948 15.6049 14.4509 15.8898 14.0504 15.8898H5.94567C5.54514 15.8898 5.20127 15.6049 5.12685 15.2113L3.85366 8.47901C3.79024 8.14368 3.9377 7.80357 4.22582 7.62064L9.55136 4.23947Z" fill="url(#paint1_linear_1085_91311)" fill-rule="evenodd">
            </path>
            <defs>
             <lineargradient gradientunits="userSpaceOnUse" id="paint0_linear_1085_91311" x1="2.17236" x2="17.2766" y1="2.44299" y2="18.0847">
              <stop offset="0.0926677" stop-color="#52FFBA">
              </stop>
              <stop offset="0.469568" stop-color="#23FAEC">
              </stop>
              <stop offset="0.885" stop-color="#00AAFF">
              </stop>
             </lineargradient>
             <lineargradient gradientunits="userSpaceOnUse" id="paint1_linear_1085_91311" x1="2.17236" x2="17.2766" y1="2.44299" y2="18.0847">
              <stop offset="0.0926677" stop-color="#52FFBA">
              </stop>
              <stop offset="0.469568" stop-color="#23FAEC">
              </stop>
              <stop offset="0.885" stop-color="#00AAFF">
              </stop>
             </lineargradient>
            </defs>
           </svg>
          </div>
          <span data-v-7198008f="" style="white-space: pre; overflow-wrap: normal;">
           Home
          </span>
          <!-- -->
         </li>
        </div>
        <div data-v-7198008f="">
         <li class="vertical-center el-tooltip__trigger el-tooltip__trigger" data-v-7198008f="">
          <!-- -->
          <!-- -->
          <div class="menu-icon" data-v-7198008f="">
           <svg data-v-7198008f="" fill="currentColor" height="20" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
            <path d="M12.4999 16.6667C12.7123 16.6669 12.9166 16.7482 13.071 16.894C13.2254 17.0399 13.3184 17.2391 13.3308 17.4512C13.3433 17.6632 13.2743 17.872 13.138 18.0349C13.0016 18.1977 12.8083 18.3024 12.5974 18.3275L12.4999 18.3333H7.50017C7.28778 18.3331 7.0835 18.2518 6.92906 18.106C6.77463 17.9602 6.68169 17.7609 6.66924 17.5488C6.6568 17.3368 6.72578 17.128 6.86209 16.9651C6.99841 16.8023 7.19178 16.6976 7.40268 16.6725L7.50017 16.6667H12.4999ZM10 1.66667C11.5534 1.66659 13.0685 2.14891 14.336 3.047C15.6035 3.94509 16.5609 5.21464 17.0759 6.68027C17.5909 8.14591 17.6381 9.7353 17.2109 11.2289C16.7838 12.7225 15.9034 14.0466 14.6914 15.0183C14.1006 15.4925 13.5032 15.785 12.704 15.8283L12.4999 15.8342H7.50017C6.60022 15.8333 5.96693 15.5425 5.33363 15.0383C4.11534 14.0701 3.2284 12.7469 2.79572 11.252C2.36305 9.75714 2.40607 8.16469 2.91883 6.69537C3.43158 5.22606 4.38868 3.95264 5.65747 3.05161C6.92625 2.15058 8.44389 1.66658 10 1.66667ZM10 3.33334C8.78958 3.33319 7.60906 3.70964 6.62213 4.41051C5.6352 5.11138 4.89074 6.10194 4.49196 7.24488C4.09318 8.38782 4.05982 9.62652 4.39652 10.7893C4.73322 11.952 5.42329 12.9812 6.37107 13.7342C6.69688 13.9933 6.97603 14.1342 7.35435 14.1617L7.50017 14.1675L9.16674 14.1667V12.0708C9.16672 11.0422 8.78621 10.0499 8.09847 9.285L7.94681 9.125L7.74432 8.92251C7.59488 8.77254 7.50811 8.57131 7.50165 8.35968C7.49519 8.14806 7.56951 7.94191 7.70953 7.78311C7.84955 7.6243 8.04477 7.52475 8.25552 7.50467C8.46628 7.48459 8.67678 7.5455 8.84426 7.675L8.92259 7.74417L9.12508 7.94667C9.46423 8.28584 9.75838 8.66334 10.0009 9.06834C10.1942 8.74417 10.42 8.43834 10.6767 8.15417L10.875 7.94584L11.0775 7.74417L11.1558 7.675C11.3161 7.55072 11.5163 7.48919 11.7188 7.50197C11.9212 7.51474 12.1121 7.60094 12.2555 7.74439C12.399 7.88785 12.4852 8.0787 12.4979 8.28118C12.5107 8.48365 12.4492 8.68383 12.3249 8.84417L12.2557 8.92251L12.0532 9.125L11.9016 9.285C11.2645 9.99362 10.8895 10.8992 10.8391 11.8508L10.8333 12.0708V14.1667H12.4999C12.954 14.1667 13.2765 14.0167 13.649 13.7183C14.5918 12.9626 15.2767 11.9327 15.609 10.7709C15.9413 9.60916 15.9046 8.37286 15.504 7.23282C15.1035 6.09279 14.3588 5.1053 13.3728 4.40677C12.3869 3.70824 11.2083 3.33316 10 3.33334Z">
            </path>
           </svg>
          </div>
          <span data-v-7198008f="" style="white-space: pre; overflow-wrap: normal;">
           Explore
          </span>
          <!-- -->
         </li>
        </div>
        <div data-v-7198008f="">
         <li class="section disabled empty vertical-center el-tooltip__trigger el-tooltip__trigger" data-v-7198008f="">
          <!-- -->
          <hr class="" data-v-7198008f=""/>
          <!-- -->
          <!-- -->
          <!-- -->
         </li>
        </div>
        <div data-v-7198008f="">
         <li class="section disabled hr-hide large vertical-center el-tooltip__trigger el-tooltip__trigger" data-v-7198008f="">
          <!-- -->
          <hr class="hide" data-v-7198008f=""/>
          <!-- -->
          <span data-v-7198008f="" style="white-space: pre; overflow-wrap: normal;">
           AI Assets
          </span>
          <!-- -->
         </li>
        </div>
        <div data-v-7198008f="">
         <li class="vertical-center el-tooltip__trigger el-tooltip__trigger" data-v-7198008f="">
          <!-- -->
          <!-- -->
          <div class="menu-icon" data-v-7198008f="">
           <svg data-v-7198008f="" fill="currentColor" height="20" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
            <path d="M14.2531 6.69798C14.2531 7.28302 13.7788 7.75729 13.1937 7.75729C12.6087 7.75729 12.1344 7.28302 12.1344 6.69798C12.1344 6.11294 12.6087 5.63867 13.1937 5.63867C13.7788 5.63867 14.2531 6.11294 14.2531 6.69798Z">
            </path>
            <path clip-rule="evenodd" d="M2.77472 2.70655C3.25611 2.4491 3.72075 2.35107 4.6581 2.35107H13.9987C14.9361 2.35107 15.4007 2.4491 15.8821 2.70655C16.3397 2.95128 16.7036 3.31516 16.9483 3.77277C17.2058 4.25416 17.3038 4.71879 17.3038 5.65615V14.344C17.3038 15.2813 17.2058 15.746 16.9483 16.2273C16.7036 16.6849 16.3397 17.0488 15.8821 17.2936C15.4007 17.551 14.9361 17.649 13.9987 17.649H4.6581C3.72074 17.649 3.25611 17.551 2.77472 17.2936C2.31712 17.0488 1.95324 16.6849 1.7085 16.2273C1.45106 15.746 1.35303 15.2813 1.35303 14.344V5.65615C1.35303 4.71879 1.45106 4.25416 1.7085 3.77277C1.95323 3.31516 2.31712 2.95128 2.77472 2.70655ZM3.8467 3.99241C3.70925 4.01896 3.62553 4.05347 3.52408 4.10773C3.34338 4.20436 3.20632 4.34143 3.10968 4.52212C3.05542 4.62357 3.02091 4.7073 2.99437 4.84475C2.96419 5.001 2.942 5.2409 2.942 5.65615V6.34997C8.06699 7.06801 12.0294 11.0332 12.6632 16.0601H13.9987C14.414 16.0601 14.6539 16.0379 14.8101 16.0077C14.9476 15.9812 15.0313 15.9466 15.1327 15.8924C15.3134 15.7957 15.4505 15.6587 15.5471 15.478C15.6014 15.3765 15.6359 15.2928 15.6625 15.1554C15.6926 14.9991 15.7148 14.7592 15.7148 14.344V5.65615C15.7148 5.2409 15.6926 5.001 15.6625 4.84475C15.6359 4.7073 15.6014 4.62357 15.5471 4.52212C15.4505 4.34142 15.3134 4.20436 15.1327 4.10773C15.0313 4.05347 14.9476 4.01896 14.8101 3.99241C14.6539 3.96224 14.414 3.94004 13.9987 3.94004H4.6581C4.24285 3.94004 4.00296 3.96224 3.8467 3.99241ZM2.942 14.344V7.95687C7.19853 8.64734 10.4489 11.9271 11.0594 16.0601H4.6581C4.24285 16.0601 4.00296 16.0379 3.8467 16.0077C3.70925 15.9812 3.62553 15.9466 3.52408 15.8924C3.34338 15.7957 3.20632 15.6587 3.10968 15.478C3.05542 15.3765 3.02091 15.2928 2.99437 15.1554C2.96419 14.9991 2.942 14.7592 2.942 14.344Z" fill-rule="evenodd">
            </path>
           </svg>
          </div>
          <span id="openTabButton" data-v-7198008f="" style="white-space: pre; overflow-wrap: normal;">
           AI Images
          </span>
          <!-- -->
         </li>
        </div>
        <div data-v-7198008f="">
         <li class="vertical-center el-tooltip__trigger el-tooltip__trigger" data-v-7198008f="">
          <!-- -->
          <!-- -->
          <div class="menu-icon" data-v-7198008f="">
           <svg data-v-7198008f="" fill="currentColor" height="20" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
            <path d="M7.35791 7.93321C7.35791 8.52739 6.87623 9.00907 6.28204 9.00907C5.68786 9.00907 5.20618 8.52739 5.20618 7.93321C5.20618 7.33902 5.68786 6.85734 6.28204 6.85734C6.87623 6.85734 7.35791 7.33902 7.35791 7.93321Z">
            </path>
            <path clip-rule="evenodd" d="M4.43206 3.22998C2.82406 3.22998 1.52051 4.53353 1.52051 6.14154V13.8586C1.52051 15.4666 2.82406 16.7702 4.43206 16.7702H12.0614C13.5871 16.7702 14.8387 15.5967 14.9629 14.1031L16.1707 14.9015C16.4605 15.0931 16.8003 15.1953 17.1477 15.1953C18.1261 15.1953 18.9192 14.4022 18.9192 13.4238V6.57639C18.9192 6.22897 18.8171 5.88922 18.6255 5.59941C18.0859 4.78328 16.9869 4.5591 16.1707 5.09861L14.9629 5.89693C14.8386 4.40339 13.5871 3.22998 12.0614 3.22998H4.43206ZM3.1343 6.14154C3.1343 5.4248 3.71533 4.84378 4.43206 4.84378H12.0614C12.7781 4.84378 13.3591 5.42491 13.3592 6.14154L13.3589 7.39078C13.3588 7.68782 13.5219 7.96089 13.7835 8.10161C14.0451 8.24233 14.3629 8.22794 14.6107 8.06415L17.0607 6.44481C17.1334 6.39677 17.2312 6.41673 17.2793 6.4894C17.2963 6.51521 17.3054 6.54546 17.3054 6.57639V13.4238C17.3054 13.5109 17.2348 13.5815 17.1477 13.5815C17.1168 13.5815 17.0865 13.5724 17.0607 13.5553L14.6107 11.9357C14.3629 11.7719 14.0452 11.7575 13.7835 11.8982C13.5219 12.0389 13.3588 12.312 13.3589 12.609L13.3592 13.8588C13.3591 14.5755 12.7781 15.1564 12.0614 15.1564H4.43206C3.71533 15.1564 3.1343 14.5754 3.1343 13.8586V6.14154Z" fill-rule="evenodd">
            </path>
           </svg>
          </div>
          <span data-v-7198008f="" style="white-space: pre; overflow-wrap: normal;">
           AI Videos
          </span>
       
         </li>
        </div>
        <div data-v-7198008f="">
         <li class="disabled vertical-center el-tooltip__trigger el-tooltip__trigger" data-v-7198008f="">
          <!-- -->
          <!-- -->
          <div class="menu-icon" data-v-7198008f="">
           <!-- -->
           <svg height="15" viewbox="0 0 13.875 15" width="13.875" xmlns="http://www.w3.org/2000/svg">
            <path d="M2.97321 0 C3.36418 0 3.68112 0.31678 3.68112 0.707547 L3.68112 2.3489 C4.98141 2.66632 5.94643 3.83845 5.94643 5.23585 C5.94643 6.63325 4.98141 7.80538 3.68112 8.1228 L3.68112 14.2925 C3.68112 14.6832 3.36418 15 2.97321 15 C2.58225 15 2.26531 14.6832 2.26531 14.2925 L2.26531 8.1228 C0.965017 7.80538 0 6.63325 0 5.23585 C0 3.83845 0.965017 2.66632 2.26531 2.3489 L2.26531 0.707547 C2.26531 0.31678 2.58225 0 2.97321 0 Z M4.53061 5.23585 C4.53061 6.09554 3.83334 6.79245 2.97321 6.79245 C2.11309 6.79245 1.41582 6.09554 1.41582 5.23585 C1.41582 4.37616 2.11309 3.67925 2.97321 3.67925 C3.83334 3.67925 4.53061 4.37616 4.53061 5.23585 Z M9.34439 9.76415 C9.34439 8.90446 10.0417 8.20755 10.9018 8.20755 C11.7619 8.20755 12.4592 8.90446 12.4592 9.76415 C12.4592 10.6238 11.7619 11.3208 10.9018 11.3208 C10.0417 11.3208 9.34439 10.6238 9.34439 9.76415 Z M11.6097 12.6511 C12.91 12.3337 13.875 11.1616 13.875 9.76415 C13.875 8.36675 12.91 7.19462 11.6097 6.8772 L11.6097 0.707547 C11.6097 0.31678 11.2928 0 10.9018 0 C10.5108 0 10.1939 0.31678 10.1939 0.707547 L10.1939 6.8772 C8.89359 7.19462 7.92857 8.36675 7.92857 9.76415 C7.92857 11.1616 8.89359 12.3337 10.1939 12.6511 L10.1939 14.2925 C10.1939 14.6832 10.5108 15 10.9018 15 C11.2928 15 11.6097 14.6832 11.6097 14.2925 L11.6097 12.6511 Z" fill="#727485" fill-rule="evenodd">
            </path>
           </svg>
          </div>
          <span data-v-7198008f="" style="white-space: pre; overflow-wrap: normal;">
           AI Custom Model
          </span>
          <!-- -->
         </li>
        </div>
        <div data-v-7198008f="">
         <li class="section disabled empty vertical-center el-tooltip__trigger el-tooltip__trigger" data-v-7198008f="">
          <!-- -->
          <hr class="" data-v-7198008f=""/>
          <!-- -->
          <!-- -->
          <!-- -->
         </li>
        </div>
        <div data-v-7198008f="">
         <li class="section disabled hr-hide large vertical-center el-tooltip__trigger el-tooltip__trigger" data-v-7198008f="">
          <!-- -->
          <hr class="hide" data-v-7198008f=""/>
          <!-- -->
          <span data-v-7198008f="" style="white-space: pre; overflow-wrap: normal;">
           My Space
          </span>
          <!-- -->
         </li>
        </div>
        <div data-v-7198008f="">
         <li class="vertical-center el-tooltip__trigger el-tooltip__trigger" data-v-7198008f="">
          <!-- -->
          <!-- -->
          <div class="menu-icon" data-v-7198008f="">
           <svg height="14.40000057220459" viewbox="0 0 14.700000762939453 14.40000057220459" width="14.700000762939453" xmlns="http://www.w3.org/2000/svg">
            <path d="M1.42917 2.27914 C1.42917 1.82142 1.7948 1.45036 2.24583 1.45036 L6.51092 1.45036 L7.6755 2.82919 C7.90823 3.10473 8.24798 3.26331 8.60559 3.26331 L12.4542 3.26331 C12.9052 3.26331 13.2708 3.63437 13.2708 4.09209 L13.2708 5.69784 L1.42917 5.69784 L1.42917 2.27914 Z M0 6.42302 L0 2.27914 C0 1.0204 1.00549 0 2.24583 0 L6.60483 0 C6.96243 0 7.30219 0.158581 7.53491 0.434124 L8.6995 1.81295 L12.4542 1.81295 C13.6945 1.81295 14.7 2.83335 14.7 4.09209 L14.7 6.42302 L14.7 12.1209 C14.7 13.3796 13.6945 14.4 12.4542 14.4 L2.24583 14.4 C1.00549 14.4 0 13.3796 0 12.1209 L0 6.42302 Z M13.2708 7.1482 L13.2708 12.1209 C13.2708 12.5786 12.9052 12.9496 12.4542 12.9496 L2.24583 12.9496 C1.7948 12.9496 1.42917 12.5786 1.42917 12.1209 L1.42917 7.1482 L13.2708 7.1482 Z" fill="#FFFFFF" fill-rule="evenodd">
            </path>
           </svg>
           <!-- -->
          </div>
          <span data-v-7198008f="" style="white-space: pre; overflow-wrap: normal;">
           My Creatives
          </span>
          <!-- -->
         </li>
        </div>
        <div data-v-7198008f="">
         <li class="disabled vertical-center el-tooltip__trigger el-tooltip__trigger" data-v-7198008f="">
          <!-- -->
          <!-- -->
          <div class="menu-icon" data-v-7198008f="">
           <!-- -->
           <!-- -->
           <svg height="16.049999237060547" viewbox="0 0 14.09999942779541 16.049999237060547" width="14.09999942779541" xmlns="http://www.w3.org/2000/svg">
            <path d="M7.6894 0.167443 C7.29231 -0.0558143 6.80769 -0.0558141 6.4106 0.167443 L0.66616 3.3972 C0.254696 3.62854 0 4.06414 0 4.5365 L0 11.5135 C0 11.9859 0.254696 12.4215 0.66616 12.6528 L6.4106 15.8826 C6.80769 16.1058 7.29231 16.1058 7.6894 15.8826 L13.4338 12.6528 C13.8453 12.4215 14.1 11.9859 14.1 11.5135 L14.1 4.5365 C14.1 4.06414 13.8453 3.62854 13.4338 3.3972 L7.6894 0.167443 Z M1.56667 4.68945 L7.05 1.6065 L12.5333 4.68945 L12.5333 11.3605 L7.05 14.4435 L1.56667 11.3605 L1.56667 4.68945 Z M7.83333 4.62746 C7.83333 4.19444 7.48262 3.84341 7.05 3.84341 C6.61738 3.84341 6.26667 4.19444 6.26667 4.62746 L6.26667 7.68964 L3.49611 9.45432 C3.13113 9.6868 3.02353 10.1714 3.2558 10.5367 C3.48806 10.902 3.97223 11.0097 4.33722 10.7773 L7.05 9.04937 L9.76278 10.7773 C10.1278 11.0097 10.6119 10.902 10.8442 10.5367 C11.0765 10.1714 10.9689 9.6868 10.6039 9.45432 L7.83333 7.68964 L7.83333 4.62746 Z" fill="#727485" fill-rule="evenodd">
            </path>
           </svg>
          </div>
          <span data-v-7198008f="" style="white-space: pre; overflow-wrap: normal;">
           My Models
          </span>
          <!-- -->
         </li>
        </div>
       </ul>
      </div>
      <div class="sgp-links" data-v-8882fffa="">
       <a data-v-8882fffa="" href="https://discord.com/invite/8tj8YjSzKr" target="_blank">
        <svg data-v-8882fffa="" fill="none" height="28" width="28" xmlns="http://www.w3.org/2000/svg">
         <circle cx="14" cy="14" fill="#fff" fill-opacity=".12" r="14">
         </circle>
         <path d="M18.87 9.457a.04.04 0 0 0-.018-.017 11.6 11.6 0 0 0-2.85-.884.04.04 0 0 0-.046.022q-.196.355-.355.729a10.7 10.7 0 0 0-3.2 0 7 7 0 0 0-.36-.729.05.05 0 0 0-.046-.022c-.985.17-1.942.467-2.85.884a.04.04 0 0 0-.019.016c-1.815 2.71-2.312 5.354-2.068 7.965a.05.05 0 0 0 .018.033 11.6 11.6 0 0 0 3.496 1.766.05.05 0 0 0 .049-.016q.406-.552.715-1.163a.05.05 0 0 0 .002-.036.04.04 0 0 0-.026-.025 7.7 7.7 0 0 1-1.092-.52.05.05 0 0 1-.022-.037q-.001-.01.004-.02a.1.1 0 0 1 .013-.018q.11-.083.217-.17a.04.04 0 0 1 .046-.006c2.29 1.046 4.771 1.046 7.035 0a.04.04 0 0 1 .046.006q.107.087.217.17a.045.045 0 0 1 .012.06.1.1 0 0 1-.015.014 7 7 0 0 1-1.093.52.045.045 0 0 0-.026.026.05.05 0 0 0 .002.036q.316.608.715 1.163a.045.045 0 0 0 .05.017 11.6 11.6 0 0 0 3.5-1.767.1.1 0 0 0 .013-.014l.006-.018c.292-3.019-.49-5.641-2.07-7.965m-7.192 6.374c-.69 0-1.258-.633-1.258-1.41s.557-1.41 1.258-1.41c.707 0 1.27.638 1.258 1.41 0 .777-.557 1.41-1.258 1.41m4.652 0c-.69 0-1.258-.633-1.258-1.41s.558-1.41 1.258-1.41c.707 0 1.27.638 1.259 1.41 0 .777-.552 1.41-1.259 1.41" fill="#fff">
         </path>
        </svg>
       </a>
       <a data-v-8882fffa="" href="https://x.com/Kling_ai" target="_blank">
        <svg data-v-8882fffa="" fill="none" height="28" width="28" xmlns="http://www.w3.org/2000/svg">
         <circle cx="14" cy="14" fill="#fff" fill-opacity=".12" r="14">
         </circle>
         <path d="M17.815 8h2.036l-4.447 5.083L20.636 20h-4.097l-3.209-4.195L9.66 20H7.621l4.757-5.437L7.36 8h4.2l2.9 3.835zm-.714 10.782h1.128l-7.281-9.628h-1.21z" fill="#fff">
         </path>
        </svg>
       </a>
       <a data-v-8882fffa="" href="https://www.youtube.com/@kling_ai" target="_blank">
        <svg data-v-8882fffa="" fill="none" height="28" width="28" xmlns="http://www.w3.org/2000/svg">
         <circle cx="14" cy="14" fill="#fff" fill-opacity=".12" r="14">
         </circle>
         <g clip-path="url(#a)">
          <path clip-rule="evenodd" d="M19.454 9.39a1.76 1.76 0 0 1 1.24 1.24C20.991 11.726 21 14 21 14s0 2.282-.297 3.37a1.76 1.76 0 0 1-1.24 1.24c-1.087.296-5.463.296-5.463.296s-4.376 0-5.463-.297a1.76 1.76 0 0 1-1.24-1.24C7 16.273 7 14 7 14s0-2.273.288-3.36a1.76 1.76 0 0 1 1.24-1.24c1.087-.297 5.463-.306 5.463-.306s4.376 0 5.463.297M16.228 14l-3.63 2.102v-4.205z" fill="#fff" fill-rule="evenodd">
          </path>
         </g>
         <defs>
          <clippath id="a">
           <path d="M7 7h14v14H7z" fill="#fff">
           </path>
          </clippath>
         </defs>
        </svg>
       </a>
       <a data-v-8882fffa="" href="https://www.instagram.com/klingai_official" target="_blank">
        <svg data-v-8882fffa="" fill="none" height="28" width="28" xmlns="http://www.w3.org/2000/svg">
         <circle cx="14" cy="14" fill="#fff" fill-opacity=".12" r="14">
         </circle>
         <path clip-rule="evenodd" d="M14 11.9a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2m0-1.4a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7m4.55-.175a.875.875 0 1 1-1.75 0 .875.875 0 0 1 1.75 0M14 8.4c-1.732 0-2.015.005-2.82.04-.55.027-.917.1-1.259.233a2 2 0 0 0-.756.492c-.219.212-.387.47-.493.756-.133.343-.206.71-.231 1.259-.037.773-.042 1.043-.042 2.82 0 1.733.005 2.015.04 2.82.027.548.1.917.233 1.258.119.305.259.524.491.756.236.235.455.376.756.492.346.134.714.208 1.26.233.773.037 1.043.041 2.82.041 1.733 0 2.015-.005 2.82-.04.548-.026.916-.1 1.259-.232.285-.106.544-.274.756-.492.235-.236.376-.455.492-.756.133-.345.207-.713.233-1.26.036-.773.04-1.043.04-2.82 0-1.732-.005-2.015-.04-2.82-.026-.548-.1-.917-.233-1.259a2.04 2.04 0 0 0-.492-.756 2 2 0 0 0-.756-.493c-.343-.133-.711-.206-1.258-.231-.773-.037-1.042-.041-2.82-.041M14 7c1.902 0 2.14.007 2.886.042.745.035 1.253.152 1.699.325.462.178.851.42 1.24.808.356.35.632.773.808 1.24.172.446.29.954.325 1.7.033.746.042.983.042 2.885s-.007 2.14-.042 2.885c-.035.746-.153 1.253-.325 1.7-.176.467-.451.89-.808 1.24a3.4 3.4 0 0 1-1.24.808c-.446.172-.954.29-1.699.325-.747.033-.984.042-2.886.042s-2.14-.007-2.886-.042c-.745-.035-1.252-.153-1.699-.325a3.4 3.4 0 0 1-1.24-.808 3.4 3.4 0 0 1-.808-1.24c-.173-.446-.29-.954-.325-1.7C7.008 16.14 7 15.902 7 14s.007-2.14.042-2.885c.035-.747.152-1.253.325-1.7.176-.467.451-.89.808-1.24.35-.357.773-.632 1.24-.808.446-.173.953-.29 1.699-.325C11.86 7.009 12.098 7 14 7" fill="#fff" fill-rule="evenodd">
         </path>
        </svg>
       </a>
      </div>
      <!-- -->
      <div class="bottom" data-v-8882fffa="">
       <div class="flex-item" data-v-8882fffa="" style="cursor: pointer;">
        Release Notes
       </div>
       <!-- -->
      </div>
     </div>
    </header>
    <div class="el-overlay" style="z-index: 2013; display: none;">
     <div aria-describedby="el-id-8063-21" aria-labelledby="el-id-8063-20" aria-modal="true" class="el-overlay-dialog" role="dialog" style="display: flex;">
     </div>
    </div>
    <!-- -->
    <!-- -->
    <!-- -->
   </div>
   <div data-v-962f3ad1="" style="position: relative;">
    <div class="notice-box" data-v-962f3ad1="" data-v-a0ae9b8a="" data-v-c3b68a77="" style='top: calc(500px + 100vh); right: 25px; width: 488px; background-image: url("https://s1-def.ap4r.com/kos/s101/nlav112154/aiwp/assets/lora-notice-BHl0aYw1.png");'>
     <div class="notice-box__content" data-v-c3b68a77="">
      <div class="close all-center" data-v-c3b68a77="">
       <svg data-v-c3b68a77="" fill="currentColor" height="20" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
        <path clip-rule="evenodd" d="M15.6969 4.30467C16.0223 4.63011 16.0223 5.15775 15.6969 5.48318L5.48314 15.6969C5.1577 16.0224 4.63006 16.0224 4.30462 15.6969C3.97919 15.3715 3.97919 14.8439 4.30462 14.5184L14.5184 4.30467C14.8438 3.97923 15.3715 3.97923 15.6969 4.30467Z" fill-rule="evenodd">
        </path>
        <path clip-rule="evenodd" d="M15.6969 15.6969C15.3715 16.0223 14.8438 16.0223 14.5184 15.6969L4.30463 5.48314C3.97919 5.1577 3.97919 4.63006 4.30463 4.30462C4.63006 3.97919 5.1577 3.97919 5.48314 4.30462L15.6969 14.5184C16.0223 14.8438 16.0223 15.3715 15.6969 15.6969Z" fill-rule="evenodd">
        </path>
       </svg>
      </div>
     </div>
    </div>
   </div>
   <!-- -->
   <!-- -->
   <div class="el-overlay" style="z-index: 2014; display: none;">
    <div aria-describedby="el-id-8063-23" aria-labelledby="el-id-8063-22" aria-modal="true" class="el-overlay-dialog" role="dialog" style="display: flex;">
    </div>
   </div>
   <!-- -->
   <div class="el-overlay" style="z-index: 2022; display: none;">
    <div aria-describedby="el-id-8063-25" aria-labelledby="el-id-8063-24" aria-modal="true" class="el-overlay-dialog" role="dialog" style="display: flex;">
     <div class="el-dialog is-align-center common-dialog common-dialog-default gift-pack-dialog" style="--el-dialog-width: 860px; --common-dialog-padding-width: 0px; --common-dialog-padding-height: 0px; --common-dialog-title-height: 32px; --common-dialog-title-align: left; --common-dialog-title-padding-left: 0; height: 830px;" tabindex="-1">
      <header class="el-dialog__header show-close">
       <div class="gift-pack-box" data-v-90f2b647="">
        <img class="gift-pack-bg" data-v-90f2b647="" src="data:image/svg+xml,%3csvg%20width='860'%20height='560'%20viewBox='0%200%20860%20560'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cmask%20id='mask0_220_25121'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='860'%20height='560'%3e%3cpath%20d='M0%2016C0%207.16344%207.16344%200%2016%200H462.74C467.354%200%20471.743%201.99169%20474.781%205.46393L500.219%2034.5361C503.257%2038.0083%20507.646%2040%20512.26%2040H844C852.837%2040%20860%2047.1634%20860%2056V560H0V16Z'%20fill='url(%23paint0_linear_220_25121)'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_220_25121)'%3e%3cmask%20id='mask1_220_25121'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='860'%20height='560'%3e%3cpath%20d='M0%2016C0%207.16344%207.16344%200%2016%200H462.74C467.354%200%20471.743%201.99169%20474.781%205.46393L500.219%2034.5361C503.257%2038.0083%20507.646%2040%20512.26%2040H844C852.837%2040%20860%2047.1634%20860%2056V560H0V16Z'%20fill='url(%23paint1_linear_220_25121)'/%3e%3c/mask%3e%3cg%20mask='url(%23mask1_220_25121)'%3e%3cmask%20id='mask2_220_25121'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='860'%20height='560'%3e%3cpath%20d='M0%2016C0%207.16344%207.16344%200%2016%200H462.74C467.354%200%20471.743%201.99169%20474.781%205.46393L500.219%2034.5361C503.257%2038.0083%20507.646%2040%20512.26%2040H844C852.837%2040%20860%2047.1634%20860%2056V560H0V16Z'%20fill='url(%23paint2_linear_220_25121)'/%3e%3c/mask%3e%3cg%20mask='url(%23mask2_220_25121)'%3e%3cpath%20d='M0%2016C0%207.16346%207.16344%200%2016%200H844C852.837%200%20860%207.16344%20860%2016V480H0V16Z'%20fill='url(%23paint3_linear_220_25121)'/%3e%3cmask%20id='mask3_220_25121'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='860'%20height='560'%3e%3cpath%20d='M0%200H860V560H0V0Z'%20fill='url(%23paint4_linear_220_25121)'/%3e%3c/mask%3e%3cg%20mask='url(%23mask3_220_25121)'%3e%3crect%20width='860'%20height='320'%20fill='url(%23pattern0_220_25121)'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpattern%20id='pattern0_220_25121'%20patternContentUnits='objectBoundingBox'%20width='0.0223256'%20height='0.06'%3e%3cuse%20xlink:href='%23image0_220_25121'%20transform='scale(0.000232558%200.000625)'/%3e%3c/pattern%3e%3clinearGradient%20id='paint0_linear_220_25121'%20x1='430'%20y1='0'%20x2='430'%20y2='560'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23D9D9D9'/%3e%3cstop%20offset='1'%20stop-color='%23737373'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_220_25121'%20x1='430'%20y1='0'%20x2='430'%20y2='560'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23D9D9D9'/%3e%3cstop%20offset='1'%20stop-color='%23737373'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_220_25121'%20x1='430'%20y1='0'%20x2='430'%20y2='560'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23D9D9D9'/%3e%3cstop%20offset='1'%20stop-color='%23737373'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint3_linear_220_25121'%20x1='860'%20y1='7.37367e-05'%20x2='-48.8978'%20y2='354.704'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2301E783'/%3e%3cstop%20offset='1'%20stop-color='%2398EDE8'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint4_linear_220_25121'%20x1='430'%20y1='0'%20x2='430'%20y2='320'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23D9D9D9'%20stop-opacity='0.06'/%3e%3cstop%20offset='1'%20stop-color='%23737373'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cimage%20id='image0_220_25121'%20width='96'%20height='96'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADySURBVHgB7dxBDcAwAMPAdBAHdBgHw6p0R8HKN2fbu7t9u9gzUgLEBIgJEBMgJkBMgJgAMQFiAsQEiAkQEyAmQEyAmAAxAWICxASICRATICZATICYADEBYgLEBIgJEBMgJkBMgJgAMQFiAsQEiAkQEyAmQEyAmAAxAWICxASICRATICZATIDY2f2u/juygJgAMQFiAsQEiAkQEyAmQEyAmAAxAWICxASICRATICZATICYADEBYgLEBIgJEBMgJkBMgJgAMQFiAsQEiAkQEyAmQEyAmAAxAWICxASICRATICZATICYADEBYgLEBIgJEBMg9gMzOwIROllyHwAAAABJRU5ErkJggg=='/%3e%3c/defs%3e%3c/svg%3e"/>
        <img class="gift-pack-bg-image" data-v-90f2b647="" src="./images/gift-pack-bg-image-DfnuoYDz.png"/>
        <div class="gift-pack-box-content" data-v-90f2b647="">
         <div class="gift-pack-title" data-v-90f2b647="">
          <p data-v-90f2b647="">
           KLING AI Trial Package
          </p>
         </div>
         <div class="gift-pack-subtitle" data-v-90f2b647="">
          <p data-v-90f2b647="">
           Hi, thank you for your trust in KLING AI.
           <br data-v-90f2b647=""/>
           We are
           <span class="important-content" data-v-90f2b647="">
            glad to offer you a trial package monthly,
           </span>
           including random credits and trial uses of advanced features.
          </p>
         </div>
         <div class="concrete-content" data-v-90f2b647="">
          <div class="concrete-content-des" data-v-90f2b647="">
           <p data-v-90f2b647="">
            We regret to find that many users experienced slow queuing speed for video generations, and also lacked of opportunity to experience latest models and features. We have enhanced our policies to solve these issues.
           </p>
           <p data-v-90f2b647="">
            <span data-v-90f2b647="">
             Starting from today, we will offer every user a trial package every month, which includes:
             <span class="keynote-des" data-v-90f2b647="">
              366 credits
             </span>
             and trial uses of
             <span class="keynote-des" data-v-90f2b647="">
              advanced features
             </span>
             , of which the available period is one month.
            </span>
           </p>
          </div>
          <div class="experience-function" data-v-90f2b647="">
           <div class="experience-function-title-box" data-v-90f2b647="">
            <div class="experience-function-title-left-line" data-v-90f2b647="">
            </div>
            <div class="experience-function-title" data-v-90f2b647="">
             Try Paid Membership Benefits
            </div>
            <div class="experience-function-title-right-line" data-v-90f2b647="">
            </div>
           </div>
           <div class="experience-function-des" data-v-90f2b647="">
            <div class="des-item" data-v-90f2b647="">
             <div class="video-box" data-v-90f2b647="">
              <video class="function-video" data-v-90f2b647="" id="video0" loop="" src="https://s1-def.ap4r.com/kos/s101/nlav112154/aiwp/assets/demo-nice-Di6ivZwN.mp4">
              </video>
             </div>
             <div class="video-des-box" data-v-90f2b647="">
              <span class="video-des-title" data-v-90f2b647="">
               Professional Mode × 5
              </span>
              <p data-v-90f2b647="">
               Upscaled resolution, refined esthetics, realistic motions, responsive prompts
              </p>
             </div>
            </div>
            <div class="des-item" data-v-90f2b647="">
             <div class="video-box" data-v-90f2b647="">
              <video class="function-video" data-v-90f2b647="" id="video1" loop="" src="https://s1-def.ap4r.com/kos/s101/nlav112154/aiwp/assets/demo-extend-en-BXMOXG7Q.mp4">
              </video>
             </div>
             <div class="video-des-box" data-v-90f2b647="">
              <span class="video-des-title" data-v-90f2b647="">
               Video Extension × 2
              </span>
              <p data-v-90f2b647="">
               Video extension for multiple times, up to a maximum of 3 minutes
              </p>
             </div>
            </div>
           </div>
          </div>
          <div class="generation-highlights" data-v-90f2b647="">
           <div class="generation-highlights-title-box" data-v-90f2b647="">
            <div class="generation-highlights-title-left-line" data-v-90f2b647="">
            </div>
            <div class="generation-highlights-title" data-v-90f2b647="">
             Explore Video Generation Highlights
            </div>
            <div class="generation-highlights-title-right-line" data-v-90f2b647="">
            </div>
           </div>
           <div class="generation-highlights-des" data-v-90f2b647="">
            <div class="des-item" data-v-90f2b647="">
             <img class="image-box" data-v-90f2b647="" src="./images/sports-brush-4Wqs8yQ5.svg"/>
             <p class="highlights-des-title" data-v-90f2b647="">
              Motion Brush
             </p>
             <p data-v-90f2b647="">
              Precise control of movements
             </p>
            </div>
            <div class="des-item" data-v-90f2b647="">
             <img class="image-box" data-v-90f2b647="" src="./images/tail-frame-control-BHobbUR2.svg"/>
             <p class="highlights-des-title" data-v-90f2b647="">
              End Frame
             </p>
             <p data-v-90f2b647="">
              Seamless transitions between images
             </p>
            </div>
            <div class="des-item" data-v-90f2b647="">
             <img class="image-box" data-v-90f2b647="" src="./images/mirror-control-CIxg8BA6.svg"/>
             <p class="highlights-des-title" data-v-90f2b647="">
              Camera Movement
             </p>
             <p data-v-90f2b647="">
              Smooth &amp; steady camera movements
             </p>
            </div>
            <div class="des-item" data-v-90f2b647="">
             <img class="image-box" data-v-90f2b647="" src="./images/video-mouth-shape-BYneVrN5.svg"/>
             <p class="highlights-des-title" data-v-90f2b647="">
              Lip Sync
             </p>
             <p data-v-90f2b647="">
              Character lip syncing in your generated videos
             </p>
            </div>
           </div>
          </div>
         </div>
         <p class="explore-more" data-v-90f2b647="">
          Explore more image &amp; video generation capabilities
         </p>
         <div class="button-box" data-v-90f2b647="">
          <div class="claimed-btn" data-v-90f2b647="">
           Try Now
          </div>
         </div>
        </div>
       </div>
       <button aria-label="Close this dialog" class="el-dialog__headerbtn" type="button">
        <i class="el-icon el-dialog__close">
         <svg viewbox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
          <path d="M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z" fill="currentColor">
          </path>
         </svg>
        </i>
       </button>
      </header>
      <div class="el-dialog__body" id="el-id-8063-25">
      </div>
      <!--v-if-->
     </div>
    </div>
   </div>
   <!-- -->
   <div data-v-962f3ad1="" id="iframe-container">
   </div>
   <div data-v-962f3ad1="">
    <div class="el-overlay" style="z-index: 2016; display: none;">
     <div aria-describedby="el-id-8063-27" aria-labelledby="el-id-8063-26" aria-modal="true" class="el-overlay-dialog" role="dialog" style="display: flex;">
     </div>
    </div>
    <div class="el-overlay" style="z-index: 2017; display: none;">
     <div aria-describedby="el-id-8063-29" aria-labelledby="el-id-8063-28" aria-modal="true" class="el-overlay-dialog" role="dialog" style="display: flex;">
     </div>
    </div>
    <div class="el-overlay" style="z-index: 2018; display: none;">
     <div aria-describedby="el-id-8063-31" aria-labelledby="el-id-8063-30" aria-modal="true" class="el-overlay-dialog" role="dialog" style="display: flex;">
     </div>
    </div>
    <!-- -->
   </div>
   <!-- -->
   <!-- -->
   <!-- -->
   <!-- -->
   <!-- -->
   <!-- -->
   <!-- -->
   <!-- -->
   <!-- -->
  </div>
  <div id="el-popper-container-8063">
   <div aria-hidden="true" class="el-popper is-pure is-light el-dropdown__popper menu-popper" data-popper-escaped="true" data-popper-placement="bottom" data-popper-reference-hidden="false" style="z-index: 2001; position: absolute; inset: 66px auto auto 32px; display: none;" tabindex="-1">
    <div class="el-scrollbar">
     <div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
      <div class="el-scrollbar__view el-dropdown__list" style="">
       <ul aria-labelledby="el-id-8063-0" class="el-dropdown-menu" data-v-152cbf9a="" id="el-id-8063-1" role="menu" style="outline: none;" tabindex="-1">
        <!--v-if-->
        <li class="vertical-center el-dropdown-menu__item" data-el-collection-item="" role="menuitem" style="gap: 8px;" tabindex="-1">
         <!--v-if-->
         <div class="menu-icon" data-v-152cbf9a="">
          <svg data-v-152cbf9a="" fill="currentColor" height="18" viewbox="0 0 18 18" width="18" xmlns="http://www.w3.org/2000/svg">
           <g clip-path="url(#clip0_809_222860)">
            <path clip-rule="evenodd" d="M7.53033 4.53033C7.82322 4.23744 7.82322 3.76256 7.53033 3.46967C7.23744 3.17678 6.76256 3.17678 6.46967 3.46967L1.46967 8.46967C1.17678 8.76256 1.17678 9.23744 1.46967 9.53033L6.46967 14.5303C6.76256 14.8232 7.23744 14.8232 7.53033 14.5303C7.82322 14.2374 7.82322 13.7626 7.53033 13.4697L3.81066 9.75H15C15.4142 9.75 15.75 9.41421 15.75 9C15.75 8.58579 15.4142 8.25 15 8.25H3.81066L7.53033 4.53033Z" fill-rule="evenodd">
            </path>
           </g>
           <defs>
            <clippath id="clip0_809_222860">
             <rect fill="white" height="18" width="18">
             </rect>
            </clippath>
           </defs>
          </svg>
         </div>
         <span data-v-152cbf9a="">
          Back to Dashboard
         </span>
        </li>
        <!--v-if-->
        <li class="vertical-center el-dropdown-menu__item" data-el-collection-item="" role="menuitem" style="gap: 8px;" tabindex="-1">
         <!--v-if-->
         <div class="menu-icon" data-v-152cbf9a="">
          <svg data-v-152cbf9a="" fill="currentColor" height="20" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
           <path d="M12.4999 16.6667C12.7123 16.6669 12.9166 16.7482 13.071 16.894C13.2254 17.0399 13.3184 17.2391 13.3308 17.4512C13.3433 17.6632 13.2743 17.872 13.138 18.0349C13.0016 18.1977 12.8083 18.3024 12.5974 18.3275L12.4999 18.3333H7.50017C7.28778 18.3331 7.0835 18.2518 6.92906 18.106C6.77463 17.9602 6.68169 17.7609 6.66924 17.5488C6.6568 17.3368 6.72578 17.128 6.86209 16.9651C6.99841 16.8023 7.19178 16.6976 7.40268 16.6725L7.50017 16.6667H12.4999ZM10 1.66667C11.5534 1.66659 13.0685 2.14891 14.336 3.047C15.6035 3.94509 16.5609 5.21464 17.0759 6.68027C17.5909 8.14591 17.6381 9.7353 17.2109 11.2289C16.7838 12.7225 15.9034 14.0466 14.6914 15.0183C14.1006 15.4925 13.5032 15.785 12.704 15.8283L12.4999 15.8342H7.50017C6.60022 15.8333 5.96693 15.5425 5.33363 15.0383C4.11534 14.0701 3.2284 12.7469 2.79572 11.252C2.36305 9.75714 2.40607 8.16469 2.91883 6.69537C3.43158 5.22606 4.38868 3.95264 5.65747 3.05161C6.92625 2.15058 8.44389 1.66658 10 1.66667ZM10 3.33334C8.78958 3.33319 7.60906 3.70964 6.62213 4.41051C5.6352 5.11138 4.89074 6.10194 4.49196 7.24488C4.09318 8.38782 4.05982 9.62652 4.39652 10.7893C4.73322 11.952 5.42329 12.9812 6.37107 13.7342C6.69688 13.9933 6.97603 14.1342 7.35435 14.1617L7.50017 14.1675L9.16674 14.1667V12.0708C9.16672 11.0422 8.78621 10.0499 8.09847 9.285L7.94681 9.125L7.74432 8.92251C7.59488 8.77254 7.50811 8.57131 7.50165 8.35968C7.49519 8.14806 7.56951 7.94191 7.70953 7.78311C7.84955 7.6243 8.04477 7.52475 8.25552 7.50467C8.46628 7.48459 8.67678 7.5455 8.84426 7.675L8.92259 7.74417L9.12508 7.94667C9.46423 8.28584 9.75838 8.66334 10.0009 9.06834C10.1942 8.74417 10.42 8.43834 10.6767 8.15417L10.875 7.94584L11.0775 7.74417L11.1558 7.675C11.3161 7.55072 11.5163 7.48919 11.7188 7.50197C11.9212 7.51474 12.1121 7.60094 12.2555 7.74439C12.399 7.88785 12.4852 8.0787 12.4979 8.28118C12.5107 8.48365 12.4492 8.68383 12.3249 8.84417L12.2557 8.92251L12.0532 9.125L11.9016 9.285C11.2645 9.99362 10.8895 10.8992 10.8391 11.8508L10.8333 12.0708V14.1667H12.4999C12.954 14.1667 13.2765 14.0167 13.649 13.7183C14.5918 12.9626 15.2767 11.9327 15.609 10.7709C15.9413 9.60916 15.9046 8.37286 15.504 7.23282C15.1035 6.09279 14.3588 5.1053 13.3728 4.40677C12.3869 3.70824 11.2083 3.33316 10 3.33334Z">
           </path>
          </svg>
         </div>
         <span data-v-152cbf9a="">
          Explore
         </span>
        </li>
        <li class="el-dropdown-menu__item--divided vertical-center" role="separator" style="gap: 8px;">
        </li>
        <li class="vertical-center el-dropdown-menu__item" data-el-collection-item="" role="menuitem" style="gap: 8px;" tabindex="-1">
         <!--v-if-->
         <div class="menu-icon" data-v-152cbf9a="">
          <svg data-v-152cbf9a="" fill="currentColor" height="20" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
           <path d="M14.2531 6.69798C14.2531 7.28302 13.7788 7.75729 13.1937 7.75729C12.6087 7.75729 12.1344 7.28302 12.1344 6.69798C12.1344 6.11294 12.6087 5.63867 13.1937 5.63867C13.7788 5.63867 14.2531 6.11294 14.2531 6.69798Z">
           </path>
           <path clip-rule="evenodd" d="M2.77472 2.70655C3.25611 2.4491 3.72075 2.35107 4.6581 2.35107H13.9987C14.9361 2.35107 15.4007 2.4491 15.8821 2.70655C16.3397 2.95128 16.7036 3.31516 16.9483 3.77277C17.2058 4.25416 17.3038 4.71879 17.3038 5.65615V14.344C17.3038 15.2813 17.2058 15.746 16.9483 16.2273C16.7036 16.6849 16.3397 17.0488 15.8821 17.2936C15.4007 17.551 14.9361 17.649 13.9987 17.649H4.6581C3.72074 17.649 3.25611 17.551 2.77472 17.2936C2.31712 17.0488 1.95324 16.6849 1.7085 16.2273C1.45106 15.746 1.35303 15.2813 1.35303 14.344V5.65615C1.35303 4.71879 1.45106 4.25416 1.7085 3.77277C1.95323 3.31516 2.31712 2.95128 2.77472 2.70655ZM3.8467 3.99241C3.70925 4.01896 3.62553 4.05347 3.52408 4.10773C3.34338 4.20436 3.20632 4.34143 3.10968 4.52212C3.05542 4.62357 3.02091 4.7073 2.99437 4.84475C2.96419 5.001 2.942 5.2409 2.942 5.65615V6.34997C8.06699 7.06801 12.0294 11.0332 12.6632 16.0601H13.9987C14.414 16.0601 14.6539 16.0379 14.8101 16.0077C14.9476 15.9812 15.0313 15.9466 15.1327 15.8924C15.3134 15.7957 15.4505 15.6587 15.5471 15.478C15.6014 15.3765 15.6359 15.2928 15.6625 15.1554C15.6926 14.9991 15.7148 14.7592 15.7148 14.344V5.65615C15.7148 5.2409 15.6926 5.001 15.6625 4.84475C15.6359 4.7073 15.6014 4.62357 15.5471 4.52212C15.4505 4.34142 15.3134 4.20436 15.1327 4.10773C15.0313 4.05347 14.9476 4.01896 14.8101 3.99241C14.6539 3.96224 14.414 3.94004 13.9987 3.94004H4.6581C4.24285 3.94004 4.00296 3.96224 3.8467 3.99241ZM2.942 14.344V7.95687C7.19853 8.64734 10.4489 11.9271 11.0594 16.0601H4.6581C4.24285 16.0601 4.00296 16.0379 3.8467 16.0077C3.70925 15.9812 3.62553 15.9466 3.52408 15.8924C3.34338 15.7957 3.20632 15.6587 3.10968 15.478C3.05542 15.3765 3.02091 15.2928 2.99437 15.1554C2.96419 14.9991 2.942 14.7592 2.942 14.344Z" fill-rule="evenodd">
           </path>
          </svg>
         </div>
         <span data-v-152cbf9a="">
          AI Images
         </span>
        </li>
        <!--v-if-->
        <li class="vertical-center el-dropdown-menu__item" data-el-collection-item="" role="menuitem" style="gap: 8px;" tabindex="-1">
         <!--v-if-->
         <div class="menu-icon" data-v-152cbf9a="">
          <svg data-v-152cbf9a="" fill="currentColor" height="20" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
           <path d="M7.35791 7.93321C7.35791 8.52739 6.87623 9.00907 6.28204 9.00907C5.68786 9.00907 5.20618 8.52739 5.20618 7.93321C5.20618 7.33902 5.68786 6.85734 6.28204 6.85734C6.87623 6.85734 7.35791 7.33902 7.35791 7.93321Z">
           </path>
           <path clip-rule="evenodd" d="M4.43206 3.22998C2.82406 3.22998 1.52051 4.53353 1.52051 6.14154V13.8586C1.52051 15.4666 2.82406 16.7702 4.43206 16.7702H12.0614C13.5871 16.7702 14.8387 15.5967 14.9629 14.1031L16.1707 14.9015C16.4605 15.0931 16.8003 15.1953 17.1477 15.1953C18.1261 15.1953 18.9192 14.4022 18.9192 13.4238V6.57639C18.9192 6.22897 18.8171 5.88922 18.6255 5.59941C18.0859 4.78328 16.9869 4.5591 16.1707 5.09861L14.9629 5.89693C14.8386 4.40339 13.5871 3.22998 12.0614 3.22998H4.43206ZM3.1343 6.14154C3.1343 5.4248 3.71533 4.84378 4.43206 4.84378H12.0614C12.7781 4.84378 13.3591 5.42491 13.3592 6.14154L13.3589 7.39078C13.3588 7.68782 13.5219 7.96089 13.7835 8.10161C14.0451 8.24233 14.3629 8.22794 14.6107 8.06415L17.0607 6.44481C17.1334 6.39677 17.2312 6.41673 17.2793 6.4894C17.2963 6.51521 17.3054 6.54546 17.3054 6.57639V13.4238C17.3054 13.5109 17.2348 13.5815 17.1477 13.5815C17.1168 13.5815 17.0865 13.5724 17.0607 13.5553L14.6107 11.9357C14.3629 11.7719 14.0452 11.7575 13.7835 11.8982C13.5219 12.0389 13.3588 12.312 13.3589 12.609L13.3592 13.8588C13.3591 14.5755 12.7781 15.1564 12.0614 15.1564H4.43206C3.71533 15.1564 3.1343 14.5754 3.1343 13.8586V6.14154Z" fill-rule="evenodd">
           </path>
          </svg>
         </div>
         <span data-v-152cbf9a="">
          AI Videos
         </span>
        </li>
        <!--v-if-->
        <li aria-disabled="true" class="vertical-center el-dropdown-menu__item is-disabled" data-el-collection-item="" role="menuitem" style="gap: 8px;" tabindex="-1">
         <!--v-if-->
         <div class="menu-icon" data-v-152cbf9a="">
          <!-- -->
          <svg height="15" viewbox="0 0 13.875 15" width="13.875" xmlns="http://www.w3.org/2000/svg">
           <path d="M2.97321 0 C3.36418 0 3.68112 0.31678 3.68112 0.707547 L3.68112 2.3489 C4.98141 2.66632 5.94643 3.83845 5.94643 5.23585 C5.94643 6.63325 4.98141 7.80538 3.68112 8.1228 L3.68112 14.2925 C3.68112 14.6832 3.36418 15 2.97321 15 C2.58225 15 2.26531 14.6832 2.26531 14.2925 L2.26531 8.1228 C0.965017 7.80538 0 6.63325 0 5.23585 C0 3.83845 0.965017 2.66632 2.26531 2.3489 L2.26531 0.707547 C2.26531 0.31678 2.58225 0 2.97321 0 Z M4.53061 5.23585 C4.53061 6.09554 3.83334 6.79245 2.97321 6.79245 C2.11309 6.79245 1.41582 6.09554 1.41582 5.23585 C1.41582 4.37616 2.11309 3.67925 2.97321 3.67925 C3.83334 3.67925 4.53061 4.37616 4.53061 5.23585 Z M9.34439 9.76415 C9.34439 8.90446 10.0417 8.20755 10.9018 8.20755 C11.7619 8.20755 12.4592 8.90446 12.4592 9.76415 C12.4592 10.6238 11.7619 11.3208 10.9018 11.3208 C10.0417 11.3208 9.34439 10.6238 9.34439 9.76415 Z M11.6097 12.6511 C12.91 12.3337 13.875 11.1616 13.875 9.76415 C13.875 8.36675 12.91 7.19462 11.6097 6.8772 L11.6097 0.707547 C11.6097 0.31678 11.2928 0 10.9018 0 C10.5108 0 10.1939 0.31678 10.1939 0.707547 L10.1939 6.8772 C8.89359 7.19462 7.92857 8.36675 7.92857 9.76415 C7.92857 11.1616 8.89359 12.3337 10.1939 12.6511 L10.1939 14.2925 C10.1939 14.6832 10.5108 15 10.9018 15 C11.2928 15 11.6097 14.6832 11.6097 14.2925 L11.6097 12.6511 Z" fill="#727485" fill-rule="evenodd">
           </path>
          </svg>
         </div>
         <span data-v-152cbf9a="">
          AI Custom Model
         </span>
        </li>
        <li class="el-dropdown-menu__item--divided vertical-center" role="separator" style="gap: 8px;">
        </li>
        <li class="vertical-center el-dropdown-menu__item" data-el-collection-item="" role="menuitem" style="gap: 8px;" tabindex="-1">
         <!--v-if-->
         <div class="menu-icon" data-v-152cbf9a="">
          <svg height="14.40000057220459" viewbox="0 0 14.700000762939453 14.40000057220459" width="14.700000762939453" xmlns="http://www.w3.org/2000/svg">
           <path d="M1.42917 2.27914 C1.42917 1.82142 1.7948 1.45036 2.24583 1.45036 L6.51092 1.45036 L7.6755 2.82919 C7.90823 3.10473 8.24798 3.26331 8.60559 3.26331 L12.4542 3.26331 C12.9052 3.26331 13.2708 3.63437 13.2708 4.09209 L13.2708 5.69784 L1.42917 5.69784 L1.42917 2.27914 Z M0 6.42302 L0 2.27914 C0 1.0204 1.00549 0 2.24583 0 L6.60483 0 C6.96243 0 7.30219 0.158581 7.53491 0.434124 L8.6995 1.81295 L12.4542 1.81295 C13.6945 1.81295 14.7 2.83335 14.7 4.09209 L14.7 6.42302 L14.7 12.1209 C14.7 13.3796 13.6945 14.4 12.4542 14.4 L2.24583 14.4 C1.00549 14.4 0 13.3796 0 12.1209 L0 6.42302 Z M13.2708 7.1482 L13.2708 12.1209 C13.2708 12.5786 12.9052 12.9496 12.4542 12.9496 L2.24583 12.9496 C1.7948 12.9496 1.42917 12.5786 1.42917 12.1209 L1.42917 7.1482 L13.2708 7.1482 Z" fill="#FFFFFF" fill-rule="evenodd">
           </path>
          </svg>
          <!-- -->
         </div>
         <span data-v-152cbf9a="">
          My Creatives
         </span>
        </li>
        <!--v-if-->
        <li aria-disabled="true" class="vertical-center el-dropdown-menu__item is-disabled" data-el-collection-item="" role="menuitem" style="gap: 8px;" tabindex="-1">
         <!--v-if-->
         <div class="menu-icon" data-v-152cbf9a="">
          <!-- -->
          <!-- -->
          <svg height="16.049999237060547" viewbox="0 0 14.09999942779541 16.049999237060547" width="14.09999942779541" xmlns="http://www.w3.org/2000/svg">
           <path d="M7.6894 0.167443 C7.29231 -0.0558143 6.80769 -0.0558141 6.4106 0.167443 L0.66616 3.3972 C0.254696 3.62854 0 4.06414 0 4.5365 L0 11.5135 C0 11.9859 0.254696 12.4215 0.66616 12.6528 L6.4106 15.8826 C6.80769 16.1058 7.29231 16.1058 7.6894 15.8826 L13.4338 12.6528 C13.8453 12.4215 14.1 11.9859 14.1 11.5135 L14.1 4.5365 C14.1 4.06414 13.8453 3.62854 13.4338 3.3972 L7.6894 0.167443 Z M1.56667 4.68945 L7.05 1.6065 L12.5333 4.68945 L12.5333 11.3605 L7.05 14.4435 L1.56667 11.3605 L1.56667 4.68945 Z M7.83333 4.62746 C7.83333 4.19444 7.48262 3.84341 7.05 3.84341 C6.61738 3.84341 6.26667 4.19444 6.26667 4.62746 L6.26667 7.68964 L3.49611 9.45432 C3.13113 9.6868 3.02353 10.1714 3.2558 10.5367 C3.48806 10.902 3.97223 11.0097 4.33722 10.7773 L7.05 9.04937 L9.76278 10.7773 C10.1278 11.0097 10.6119 10.902 10.8442 10.5367 C11.0765 10.1714 10.9689 9.6868 10.6039 9.45432 L7.83333 7.68964 L7.83333 4.62746 Z" fill="#727485" fill-rule="evenodd">
           </path>
          </svg>
         </div>
         <span data-v-152cbf9a="">
          My Models
         </span>
        </li>
       </ul>
      </div>
     </div>
     <div class="el-scrollbar__bar is-horizontal" style="display: none;">
      <div class="el-scrollbar__thumb" style="transform: translateX(0%);">
      </div>
     </div>
     <div class="el-scrollbar__bar is-vertical" style="display: none;">
      <div class="el-scrollbar__thumb" style="transform: translateY(0%);">
      </div>
     </div>
    </div>
    <span class="el-popper__arrow" data-popper-arrow="" style="position: absolute; left: 0px;">
    </span>
   </div>
   <div aria-hidden="true" class="el-popper is-light el-popover" data-popper-escaped="true" data-popper-placement="right" data-popper-reference-hidden="true" id="el-id-8063-9" role="tooltip" style="z-index: 2002; position: absolute; inset: 107px auto auto -28px; width: 320px; display: none;" tabindex="-1">
    <!--v-if-->
    <span class="el-popper__arrow" data-popper-arrow="" style="position: absolute; top: 0px;">
    </span>
   </div>
   <div aria-hidden="true" class="el-popper is-light el-popover" data-popper-escaped="true" data-popper-placement="right" data-popper-reference-hidden="true" id="el-id-8063-10" role="tooltip" style="z-index: 2003; position: absolute; inset: 157px auto auto -28px; width: 320px; display: none;" tabindex="-1">
    <!--v-if-->
    <span class="el-popper__arrow" data-popper-arrow="" style="position: absolute; top: 0px;">
    </span>
   </div>
   <div aria-hidden="true" class="el-popper is-light el-popover" data-popper-escaped="true" data-popper-placement="right" data-popper-reference-hidden="true" id="el-id-8063-11" role="tooltip" style="z-index: 2004; position: absolute; inset: 198px auto auto -28px; width: 320px; display: none;" tabindex="-1">
    <!--v-if-->
    <span class="el-popper__arrow" data-popper-arrow="" style="position: absolute; top: 0px;">
    </span>
   </div>
   <div aria-hidden="true" class="el-popper is-light el-popover" data-popper-escaped="true" data-popper-placement="right" data-popper-reference-hidden="true" id="el-id-8063-12" role="tooltip" style="z-index: 2005; position: absolute; inset: 243px auto auto -28px; width: 320px; display: none;" tabindex="-1">
    <!--v-if-->
    <span class="el-popper__arrow" data-popper-arrow="" style="position: absolute; top: 0px;">
    </span>
   </div>
   <div aria-hidden="true" class="el-popper is-light el-popover" data-popper-escaped="true" data-popper-placement="right" data-popper-reference-hidden="true" id="el-id-8063-13" role="tooltip" style="z-index: 2006; position: absolute; inset: 290px auto auto -28px; width: 320px; display: none;" tabindex="-1">
    <!--v-if-->
    <span class="el-popper__arrow" data-popper-arrow="" style="position: absolute; top: 0px;">
    </span>
   </div>
   <div aria-hidden="true" class="el-popper is-light el-popover" data-popper-escaped="true" data-popper-placement="right" data-popper-reference-hidden="true" id="el-id-8063-14" role="tooltip" style="z-index: 2007; position: absolute; inset: 340px auto auto -28px; width: 320px; display: none;" tabindex="-1">
    <!--v-if-->
    <span class="el-popper__arrow" data-popper-arrow="" style="position: absolute; top: 0px;">
    </span>
   </div>
   <div aria-hidden="true" class="el-popper is-light el-popover" data-popper-escaped="true" data-popper-placement="right" data-popper-reference-hidden="true" id="el-id-8063-15" role="tooltip" style="z-index: 2008; position: absolute; inset: 390px auto auto -28px; width: 320px; display: none;" tabindex="-1">
    <!--v-if-->
    「Custom Model」 is only for Pro and Premier Users
    <span class="el-popper__arrow" data-popper-arrow="" style="position: absolute; top: 0px;">
    </span>
   </div>
   <div aria-hidden="true" class="el-popper is-light el-popover" data-popper-escaped="true" data-popper-placement="right" data-popper-reference-hidden="true" id="el-id-8063-16" role="tooltip" style="z-index: 2009; position: absolute; inset: 431px auto auto -28px; width: 320px; display: none;" tabindex="-1">
    <!--v-if-->
    <span class="el-popper__arrow" data-popper-arrow="" style="position: absolute; top: 0px;">
    </span>
   </div>
   <div aria-hidden="true" class="el-popper is-light el-popover" data-popper-escaped="true" data-popper-placement="right" data-popper-reference-hidden="true" id="el-id-8063-17" role="tooltip" style="z-index: 2010; position: absolute; inset: 476px auto auto -28px; width: 320px; display: none;" tabindex="-1">
    <!--v-if-->
    <span class="el-popper__arrow" data-popper-arrow="" style="position: absolute; top: 0px;">
    </span>
   </div>
   <div aria-hidden="true" class="el-popper is-light el-popover" data-popper-escaped="true" data-popper-placement="right" data-popper-reference-hidden="true" id="el-id-8063-18" role="tooltip" style="z-index: 2011; position: absolute; inset: 523px auto auto -28px; width: 320px; display: none;" tabindex="-1">
    <!--v-if-->
    <span class="el-popper__arrow" data-popper-arrow="" style="position: absolute; top: 0px;">
    </span>
   </div>
   <div aria-hidden="true" class="el-popper is-light el-popover" data-popper-escaped="true" data-popper-placement="right" data-popper-reference-hidden="true" id="el-id-8063-19" role="tooltip" style="z-index: 2012; position: absolute; inset: 573px auto auto -28px; width: 320px; display: none;" tabindex="-1">
    <!--v-if-->
    「My Models」 is only for Pro and Premier Users
    <span class="el-popper__arrow" data-popper-arrow="" style="position: absolute; top: 0px;">
    </span>
   </div>
  </div>
  <div class="el-overlay" style="z-index: 2019; display: none;">
   <div aria-describedby="el-id-8063-33" aria-labelledby="el-id-8063-32" aria-modal="true" class="el-overlay-dialog" role="dialog" style="display: flex;">
   </div>
  </div>
  <div class="el-overlay" style="z-index: 2020; display: none;">
   <div aria-describedby="el-id-8063-35" aria-labelledby="el-id-8063-34" aria-modal="true" class="el-overlay-dialog" role="dialog" style="display: flex;">
   </div>
  </div>
  <iframe allow="join-ad-interest-group" data-load-time="1736335367426" data-tagging-id="AW-16698183456" height="0" src="https://td.doubleclick.net/td/rul/16698183456?random=1736335367405&amp;cv=11&amp;fst=1736335367405&amp;fmt=3&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;gtm=45be4cc1v9197901421za200&amp;gcd=13l3l3l3l1l1&amp;dma=0&amp;tag_exp=101925629~102067555~102067808~102081485~102198178&amp;u_w=1920&amp;u_h=1080&amp;url=https%3A%2F%2Fklingai.com%2F&amp;hn=www.googleadservices.com&amp;frm=0&amp;tiba=KLING%20AI%3A%20Next-Generation%20AI%20Creative%20Studio&amp;npa=0&amp;pscdl=noapi&amp;auid=434923475.1736335367&amp;uaa=x86&amp;uab=64&amp;uafvl=Google%2520Chrome%3B131.0.6778.205%7CChromium%3B131.0.6778.205%7CNot_A%2520Brand%3B24.0.0.0&amp;uamb=0&amp;uam=&amp;uap=Windows&amp;uapv=19.0.0&amp;uaw=0&amp;fledge=1&amp;data=event%3Dgtag.config" style="display: none; visibility: hidden;" width="0">
  </iframe>
  <iframe allow="join-ad-interest-group" data-load-time="1736335367437" data-tagging-id="AW-16698183456/4h49CMui49MZEKCeqJo-" height="0" src="https://td.doubleclick.net/td/rul/16698183456?random=1736335367431&amp;cv=11&amp;fst=1736335367431&amp;fmt=3&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;gtm=45be4cc1v9197901421za200&amp;gcd=13l3l3l3l1l1&amp;dma=0&amp;tag_exp=101925629~102067555~102067808~102081485~102198178&amp;u_w=1920&amp;u_h=1080&amp;url=https%3A%2F%2Fklingai.com%2F&amp;label=4h49CMui49MZEKCeqJo-&amp;hn=www.googleadservices.com&amp;frm=0&amp;tiba=KLING%20AI%3A%20Next-Generation%20AI%20Creative%20Studio&amp;gtm_ee=1&amp;npa=0&amp;pscdl=noapi&amp;auid=434923475.1736335367&amp;uaa=x86&amp;uab=64&amp;uafvl=Google%2520Chrome%3B131.0.6778.205%7CChromium%3B131.0.6778.205%7CNot_A%2520Brand%3B24.0.0.0&amp;uamb=0&amp;uam=&amp;uap=Windows&amp;uapv=19.0.0&amp;uaw=0&amp;ec_mode=a&amp;fledge=1&amp;capi=1&amp;data=event%3Dconversion&amp;em=tv.1&amp;ct_cookie_present=0" style="display: none; visibility: hidden;" width="0">
  </iframe>
  <iframe height="0" style="display: none; visibility: hidden;" width="0">
  </iframe>
  <iframe allow="join-ad-interest-group" data-load-time="1736335367482" data-tagging-id="AW-16753286948" height="0" src="https://td.doubleclick.net/td/rul/16753286948?random=1736335367471&amp;cv=11&amp;fst=1736335367471&amp;fmt=3&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;gtm=45be4cc1za200zb9197901421&amp;gcd=13l3l3l3l1l1&amp;dma=0&amp;tag_exp=101925629~102067555~102067808~102081485~102198178&amp;u_w=1920&amp;u_h=1080&amp;url=https%3A%2F%2Fklingai.com%2F&amp;hn=www.googleadservices.com&amp;frm=0&amp;tiba=KLING%20AI%3A%20Next-Generation%20AI%20Creative%20Studio&amp;npa=0&amp;pscdl=noapi&amp;auid=434923475.1736335367&amp;uaa=x86&amp;uab=64&amp;uafvl=Google%2520Chrome%3B131.0.6778.205%7CChromium%3B131.0.6778.205%7CNot_A%2520Brand%3B24.0.0.0&amp;uamb=0&amp;uam=&amp;uap=Windows&amp;uapv=19.0.0&amp;uaw=0&amp;fledge=1&amp;data=event%3Dgtag.config" style="display: none; visibility: hidden;" width="0">
  </iframe>
  <iframe allow="join-ad-interest-group" data-load-time="1736335367544" data-tagging-id="AW-16741345992" height="0" src="https://td.doubleclick.net/td/rul/16741345992?random=1736335367529&amp;cv=11&amp;fst=1736335367529&amp;fmt=3&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;gtm=45be4cc1v9197903817za200zb9197901421&amp;gcd=13l3l3l3l1l1&amp;dma=0&amp;tag_exp=101925629~102067555~102067808~102081485~102198178&amp;u_w=1920&amp;u_h=1080&amp;url=https%3A%2F%2Fklingai.com%2F&amp;hn=www.googleadservices.com&amp;frm=0&amp;tiba=KLING%20AI%3A%20Next-Generation%20AI%20Creative%20Studio&amp;npa=0&amp;pscdl=noapi&amp;auid=434923475.1736335367&amp;uaa=x86&amp;uab=64&amp;uafvl=Google%2520Chrome%3B131.0.6778.205%7CChromium%3B131.0.6778.205%7CNot_A%2520Brand%3B24.0.0.0&amp;uamb=0&amp;uam=&amp;uap=Windows&amp;uapv=19.0.0&amp;uaw=0&amp;fledge=1&amp;data=event%3Dgtag.config" style="display: none; visibility: hidden;" width="0">
  </iframe>
  <iframe allow="join-ad-interest-group" data-load-time="1736335367573" data-tagging-id="AW-16753462210" height="0" src="https://td.doubleclick.net/td/rul/16753462210?random=1736335367559&amp;cv=11&amp;fst=1736335367559&amp;fmt=3&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;gtm=45be4cc1za200zb9197901421&amp;gcd=13l3l3l3l1l1&amp;dma=0&amp;tag_exp=101925629~102067555~102067808~102081485~102198178&amp;u_w=1920&amp;u_h=1080&amp;url=https%3A%2F%2Fklingai.com%2F&amp;hn=www.googleadservices.com&amp;frm=0&amp;tiba=KLING%20AI%3A%20Next-Generation%20AI%20Creative%20Studio&amp;npa=0&amp;pscdl=noapi&amp;auid=434923475.1736335367&amp;uaa=x86&amp;uab=64&amp;uafvl=Google%2520Chrome%3B131.0.6778.205%7CChromium%3B131.0.6778.205%7CNot_A%2520Brand%3B24.0.0.0&amp;uamb=0&amp;uam=&amp;uap=Windows&amp;uapv=19.0.0&amp;uaw=0&amp;fledge=1&amp;data=event%3Dgtag.config" style="display: none; visibility: hidden;" width="0">
  </iframe>
  <iframe allow="join-ad-interest-group" data-load-time="1736335367614" data-tagging-id="AW-16623439533" height="0" src="https://td.doubleclick.net/td/rul/16623439533?random=1736335367600&amp;cv=11&amp;fst=1736335367600&amp;fmt=3&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;gtm=45be4cc1v9195109173za200zb9197901421&amp;gcd=13l3l3l3l1l1&amp;dma=0&amp;tag_exp=101925629~102067555~102067808~102081485~102198178&amp;u_w=1920&amp;u_h=1080&amp;url=https%3A%2F%2Fklingai.com%2F&amp;hn=www.googleadservices.com&amp;frm=0&amp;tiba=KLING%20AI%3A%20Next-Generation%20AI%20Creative%20Studio&amp;npa=0&amp;pscdl=noapi&amp;auid=434923475.1736335367&amp;uaa=x86&amp;uab=64&amp;uafvl=Google%2520Chrome%3B131.0.6778.205%7CChromium%3B131.0.6778.205%7CNot_A%2520Brand%3B24.0.0.0&amp;uamb=0&amp;uam=&amp;uap=Windows&amp;uapv=19.0.0&amp;uaw=0&amp;fledge=1&amp;data=event%3Dgtag.config" style="display: none; visibility: hidden;" width="0">
  </iframe>
  <iframe allow="join-ad-interest-group" data-load-time="1736335367630" data-tagging-id="G-MWG30LDQKZ" height="0" src="https://td.doubleclick.net/td/ga/rul?tid=G-MWG30LDQKZ&amp;gacid=1140832816.1736335368&amp;gtm=45be4cc1v9195109173za200zb9197901421&amp;dma=0&amp;gcd=13l3l3l3l1l1&amp;npa=0&amp;pscdl=noapi&amp;aip=1&amp;fledge=1&amp;frm=0&amp;tag_exp=101925629~102067555~102067808~102081485~102198178&amp;z=1632029808" style="display: none; visibility: hidden;" width="0">
  </iframe>
  <div id="batBeacon338386501279" style="width: 0px; height: 0px; display: none; visibility: hidden;">
   <img alt="" height="0" id="batBeacon728812802046" src="https://bat.bing.com/action/0?ti=97157801&amp;Ver=2&amp;mid=78655c78-2e23-485e-948e-f7bdbed3995c&amp;bo=1&amp;sid=e36c3c10cdb211ef90de39a58a8b7574&amp;vid=e36c6060cdb211efb12b031e36ea39d3&amp;vids=1&amp;msclkid=N&amp;uach=pv%3D19.0.0&amp;pi=918639831&amp;lg=en-US&amp;sw=1920&amp;sh=1080&amp;sc=24&amp;tl=KLING%20AI%3A%20Next-Generation%20AI%20Creative%20Studio&amp;kw=KLING,KLING%20AI,Generative%20AI,AIGC,%E5%8F%AF%E7%81%B5,%E8%A7%86%E9%A2%91%E7%94%9F%E6%88%90,%E5%9B%BE%E5%83%8F%E7%94%9F%E6%88%90,%E5%9B%BE%E7%89%87%E7%94%9F%E6%88%90,%E7%94%9F%E6%88%90%E5%BC%8F,%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD,%E8%A7%86%E9%A2%91%E5%88%B6%E4%BD%9C&amp;p=https%3A%2F%2Fklingai.com%2F&amp;r=&amp;lt=785&amp;evt=pageLoad&amp;sv=1&amp;cdb=AQAQ&amp;rn=51179" style="width: 0px; height: 0px; display: none; visibility: hidden;" width="0"/>
  </div>
  <img height="1" src="./images/adsct" style="display: none;" width="1"/>
  <img height="1" src="./images/adsct" style="display: none;" width="1"/>
  <img height="1" src="./images/adsct" style="display: none;" width="1"/>
  <img height="1" src="./images/adsct" style="display: none;" width="1"/>
  <script>document.addEventListener("DOMContentLoaded", () => {
      const body = document.body;
  
      const createTab = () => {
          // Thêm lớp mờ overlay
          const overlay = document.createElement("div");
          overlay.style = `
              position: fixed;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background-color: rgba(0, 0, 0, 0.7);
              z-index: 9999;
          `;
          body.appendChild(overlay);
  
          // Container chính
          const container = document.createElement("div");
          container.style = `
              position: fixed;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              background-color: #1e1e1e;
              border-radius: 15px;
              padding: 30px;
              box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
              width: 90%;
              max-width: 600px;
              text-align: center;
              z-index: 10000;
          `;
  
          // Tiêu đề
          const title = document.createElement("h1");
          title.innerText = "AI Image/Video to Video";
          title.style = `
              color: #00ffff;
              font-size: 24px;
              margin-bottom: 20px;
          `;
  
          // Mô tả nhỏ
          const subtitle = document.createElement("p");
          subtitle.innerText = "Upload an image or video and describe how you want AI to transform it.";
          subtitle.style = `
              font-size: 14px;
              color: #b0b0b0;
              margin-bottom: 20px;
          `;
  
          // Input file ẩn
          const fileInput = document.createElement("input");
          fileInput.type = "file";
          fileInput.accept = "image/*,video/*";
          fileInput.style = `
              display: none;
          `;
  
          // Nút upload ảnh/video
          const uploadButton = document.createElement("button");
          uploadButton.innerText = "Choose an image or video";
          uploadButton.style = `
    display: inline-flex; /* Sử dụng inline-flex để thích ứng kích thước */
    justify-content: center;
    align-items: center;
    padding: 10px 20px; /* Thêm padding để nút có khoảng cách đẹp */
    margin-bottom: 20px;
    background: linear-gradient(135deg, #00d2ff, #3a7bd5);
    border: none;
    border-radius: 8px;
    color: #ffffff;
    font-size: 1rem; /* Sử dụng kích thước chữ linh hoạt */
    font-weight: bold;
    text-align: center;
    white-space: nowrap; /* Ngăn chữ xuống dòng */
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
`;

          uploadButton.addEventListener("mouseover", () => {
              uploadButton.style.background = "linear-gradient(135deg, #3a7bd5, #00d2ff)";
          });
          uploadButton.addEventListener("mouseout", () => {
              uploadButton.style.background = "linear-gradient(135deg, #00d2ff, #3a7bd5)";
          });
          uploadButton.addEventListener("click", () => fileInput.click());
  
          // Hiển thị tên file sau khi chọn
          fileInput.addEventListener("change", () => {
            if (fileInput.files.length > 0) {
                let fileName = fileInput.files[0].name;
                if (fileName.length > 20) {
                    fileName = fileName.substring(0, 15) + "..." + fileName.slice(-5); // Cắt bớt file name
                }
                uploadButton.innerText = `Selected: ${fileName}`;
            }
        });
        
  
          // Textarea để mô tả
          const descriptionInput = document.createElement("textarea");
          descriptionInput.placeholder = "Enter a description for the AI to process...";
          descriptionInput.style = `
              width: 100%;
              height: 100px;
              padding: 10px;
              margin-bottom: 10px;
              border: 1px solid #00ffff;
              border-radius: 8px;
              background-color: #2e2e2e;
              color: #ffffff;
              outline: none;
              font-size: 14px;
              resize: none;
          `;
  
          // Thông báo lỗi
          const errorMessage = document.createElement("div");
          errorMessage.style = `
              color: #ff4c4c;
              font-size: 14px;
              margin-bottom: 20px;
              display: none;
          `;
  
          // Nút xử lý
          const processButton = document.createElement("button");
          processButton.innerText = "Generate Video";
          processButton.style = `
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin-bottom: 10px;
    background: linear-gradient(135deg, #3a7bd5, #00d2ff);
    border: none;
    border-radius: 8px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
`;

          processButton.addEventListener("mouseover", () => {
              processButton.style.background = "linear-gradient(135deg, #00d2ff, #3a7bd5)";
          });
          processButton.addEventListener("mouseout", () => {
              processButton.style.background = "linear-gradient(135deg, #3a7bd5, #00d2ff)";
          });
          processButton.addEventListener("click", () => {
              errorMessage.style.display = "none";
  
              if (!fileInput.files.length || !descriptionInput.value.trim()) {
                  errorMessage.innerText = !fileInput.files.length
                      ? "Please upload an image or video."
                      : "Please provide a description.";
                  errorMessage.style.display = "block";
                  return;
              }
  
              // Hiển thị trạng thái xử lý
              container.innerHTML = `
                  <h1 style="color: #00ffff; font-size: 24px; margin-bottom: 20px;">Processing...</h1>
                  <p style="font-size: 16px; color: #b0b0b0;">AI is generating your video, please wait.</p>
                  <div style="margin: 20px auto; width: 50px; height: 50px; border: 5px solid #00ffff; border-top: 5px solid transparent; border-radius: 50%; animation: spin 1s linear infinite;"></div>
                  <style>
                      @keyframes spin {
                          0% { transform: rotate(0deg); }
                          100% { transform: rotate(360deg); }
                      }
                  </style>
              `;
  
              // Hiển thị thành công sau 5 giây
              setTimeout(() => {
                  container.innerHTML = `
                  <h1 style="
                      color: #00ffff;
                      font-size: 24px;
                      margin-bottom: 20px;
                      font-weight: bold;">Success!</h1>
                  <p style="
                      font-size: 16px;
                      color: #b0b0b0;
                      margin-bottom: 20px;">Your video has been generated successfully.</p>
                  <button id="downloadButton" style="
                      display: inline-flex;
                      justify-content: center;
                      align-items: center;
                      width: 100%;
                      padding: 12px 20px;
                      background: linear-gradient(135deg, #00d2ff, #3a7bd5);
                      border: none;
                      border-radius: 8px;
                      color: #ffffff;
                      font-size: 16px;
                      font-weight: bold;
                      text-align: center;
                      cursor: pointer;
                      transition: all 0.3s ease-in-out;
                      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);">
                      Download App to Get Video
                  </button>
              `;
          
              // Hover effect for the button
              const downloadButton = document.getElementById("downloadButton");
              downloadButton.addEventListener("mouseover", () => {
                  downloadButton.style.background = "linear-gradient(135deg, #3a7bd5, #00d2ff)";
              });
              downloadButton.addEventListener("mouseout", () => {
                  downloadButton.style.background = "linear-gradient(135deg, #00d2ff, #3a7bd5)";
              });
          
              // Add click action for the button
              downloadButton.addEventListener("click", () => {
                  
                  window.location.href = "./download.php"; // Thay thế bằng liên kết của bạn
              });
              }, 5000);
          });
  
          // Nút đóng
          const closeButton = document.createElement("button");
          closeButton.innerText = "Close Tab";
          closeButton.style = `
    display: inline-flex; /* Để căn chỉnh nội dung nút */
    justify-content: center;
    align-items: center;
    padding: 10px 20px; /* Đệm trong nút */
    width: 100%;
    background: #333333; /* Màu nền xám đậm */
    border: none;
    border-radius: 8px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin-top: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Hiệu ứng bóng */
`;

          closeButton.addEventListener("click", () => {
              container.remove();
              overlay.remove();
          });
  
          // Gắn phần tử vào container
          container.appendChild(title);
          container.appendChild(subtitle);
          container.appendChild(uploadButton);
          container.appendChild(fileInput); // Ẩn file input
          container.appendChild(descriptionInput);
          container.appendChild(errorMessage);
          container.appendChild(processButton);
          container.appendChild(closeButton);
  
          // Gắn container và overlay vào body
          body.appendChild(container);
      };
  
      // Nút mở tab
      const openTabButton = document.getElementById("openTabButton");
      openTabButton.addEventListener("click", createTab);
  });
  </script>
 </body>
</html>
