.video-player[data-v-7646e761] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; /* 隐藏溢出部分 */
}
.mobile[data-v-7646e761] {
  background: url('https://cdn.jeff1992.com/ai/web-config/mobile_home.jpg') !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.boyaruidao[data-v-7646e761] {
  background: url('https://cdn.jeff1992.com/ai/web-config/boyaruidao_home.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.yuanbao[data-v-7646e761] {
  background: url('https://cdn.jeff1992.com/ai/web-config/2024/12/10/9786311733809420386.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.video[data-v-7646e761] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* 确保视频填充容器并保持宽高比 */
}

@charset "UTF-8";
[data-v-875b1c84]:export {
  menuText: #ffffff;
  menuActiveText: #ffffff;
  subMenuActiveText: #ffffff;
  menuBg: #701b87;
  menuHover: #701b87;
  subMenuBg: #1f2d3d;
  subMenuHover: #001528;
  sideBarWidth: 210px;
  hideSideBarWidth: 67px;
}
[data-v-875b1c84] .el-main {
  background-color: black;
}
[data-v-875b1c84] .video-player {
  height: auto !important;
}
.title-text-style[data-v-875b1c84] {
  color: white;
  font-weight: bold;
  font-size: 14px;
}
.content-text-style[data-v-875b1c84] {
  color: #dcd8d8;
  font-weight: bold;
  font-size: 10px;
}
.explain-text-style[data-v-875b1c84] {
  margin-left: 10px;
  height: 100%;
  width: calc(100% - 70px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ai-story-style[data-v-875b1c84] {
  position: relative;
  width: calc(100% - 5px);
  height: calc(100% - 5px);
  border-radius: 5px;
  background-color: #5a5e66;
}
.ai-story-Top[data-v-875b1c84] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ai-story-content[data-v-875b1c84] {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 280px;
  height: 60px;
  z-index: 5;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  backdrop-filter: blur(5px); /* 模糊效果 */
  -webkit-backdrop-filter: blur(5px); /* 兼容Safari */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.ai-story-Top-bnt[data-v-875b1c84] {
  width: 150px;
  height: 30px;
  border-radius: 15px;
  color: white;
  border-width: 0;
  font-weight: bold;
  background-color: blue;
}
.ai-story-Top-content[data-v-875b1c84] {
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-top: 10px;
  height: calc(15% - 10px);
  display: flex;
  flex-direction: column;
}
.ai-story-style-select[data-v-875b1c84] {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}
.ai-story-style-image[data-v-875b1c84] {
  width: 100%;
  height: 85%;
  border-radius: 15px;
}
.emoji-style[data-v-875b1c84] {
  width: 100%;
  height: 31%;
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}
.emoji-style-div[data-v-875b1c84] {
  width: calc(100% - 10px);
  height: 100%;
  border-radius: 15px;
  position: relative;
  background-color: #25262b;
}
.product-script-list[data-v-875b1c84] {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  gap: 20px;
  background-color: black;
}
.product-script-list .product-item[data-v-875b1c84] {
  border-radius: 10px;
  text-align: center;
  width: calc(25% - 20px);
  height: 200px;
}
.product-script-list .roduct-item-w[data-v-875b1c84] {
  border-radius: 10px;
  text-align: center;
  width: calc(50% - 20px);
  height: 500px;
}
.viewContent[data-v-875b1c84] {
  width: 100%;
  height: 200px;
  position: relative;
  background-color: #4ebafa;
}
.waterfall-container[data-v-875b1c84] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  background-color: black;
}
.modal-overlay2[data-v-875b1c84] {
  position: fixed;
  /* Stay in place */
  z-index: 1001;
  /* Sit on top */
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  background-color: rgba(0, 0, 0, 0.72);
  /* Black w/ opacity */
}
.modal-content-sa[data-v-875b1c84] {
  position: absolute;
  background: transparent;
  width: 800px;
  /* Could be more or less, depending on screen size */
  z-index: 1001;
  /* Sit on top */
}
.modal-content-wx[data-v-875b1c84] {
  position: absolute;
  background: transparent;
  width: 400px;
  /* Could be more or less, depending on screen size */
  z-index: 1001;
  /* Sit on top */
}