.top-banner[data-v-e5dcb71a] {
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
  display: flex;
  aspect-ratio: 1652/200;
}
.top-banner > video[data-v-e5dcb71a] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.top-banner > .mask[data-v-e5dcb71a] {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(270deg, rgba(23, 24, 27, 0) 0%, rgba(23, 24, 27, 0.87) 81%, #17181b 100%);
  border-radius: 12px 0px 0px 12px;
  opacity: 0.96;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
}
.top-banner > .mask .title[data-v-e5dcb71a] {
  font-weight: 600;
  font-size: 24px;
  color: #eef7ff;
  line-height: 33px;
  margin-bottom: 20px;
}
.top-banner > .mask .btns[data-v-e5dcb71a] {
  width: fit-content;
}
.top-banner > .mask .btns .jump-btn[data-v-e5dcb71a] {
  cursor: pointer;
  width: 98px;
  height: 36px;
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.1);
  font-weight: 500;
  font-size: 14px;
  color: #eef7ff;
  line-height: 20px;
}.banner[data-v-c8a6e0d7] {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 656/240;
  background-size: cover !important;
}
.banner[data-v-c8a6e0d7] .el-carousel {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.banner[data-v-c8a6e0d7] .el-carousel .activity-item {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
}
.banner[data-v-c8a6e0d7] .el-carousel .activity-item div {
  font-weight: 500;
  font-size: 24px;
  color: #eef7ff;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.banner[data-v-c8a6e0d7] .el-carousel .el-carousel__indicators--horizontal {
  right: 100px;
  transform: translateX(100%);
}
.banner[data-v-c8a6e0d7] .el-carousel .el-carousel__container {
  height: 100%;
}
.banner[data-v-c8a6e0d7] .el-carousel .el-carousel__button {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.banner[data-v-c8a6e0d7] .el-carousel .el-carousel__indicator.is-active button {
  width: 24px;
  border-radius: 10px;
}
.banner[data-v-c8a6e0d7] .el-carousel .el-carousel__arrow {
  border-radius: 0;
}
.banner[data-v-c8a6e0d7] .el-carousel .el-carousel__arrow i {
  display: none;
}
.banner[data-v-c8a6e0d7] .el-carousel .el-carousel__arrow--left {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='36px'%20height='36px'%20viewBox='0%200%2036%2036'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e编组%2022备份%204%3c/title%3e%3cg%20id='页面-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='首页-未登录'%20transform='translate(-194,%20-182)'%3e%3cg%20id='编组-5'%20transform='translate(174,%2060)'%3e%3cg%20id='编组-22备份-4'%20transform='translate(38,%20140)%20scale(-1,%201)%20translate(-38,%20-140)translate(20,%20122)'%3e%3crect%20id='矩形'%20fill='%23000000'%20opacity='0.400000006'%20x='0'%20y='0'%20width='36'%20height='36'%20rx='8'%3e%3c/rect%3e%3cg%20id='icon-下一张'%20transform='translate(10,%2010)'%20fill='%23FFFFFF'%20fill-rule='nonzero'%3e%3cg%20id='下一张'%20transform='translate(8,%208)%20rotate(-90)%20translate(-8,%20-8)'%3e%3crect%20id='矩形'%20opacity='0'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3c/rect%3e%3cpath%20d='M7.548,11.164%20L8.01932813,11.636%20L14.5186719,5.13865625%20C14.7770165,4.87780083%2014.7770165,4.45752729%2014.5186719,4.19667188%20C14.3940037,4.07110977%2014.2244163,4.0004383%2014.0474757,4.00031219%20C13.870535,4.00018608%2013.7008471,4.07061574%2013.576,4.196%20L8.02067187,9.74932813%20L2.47,4.196%20C2.3453574,4.07056728%202.17583083,4.00003312%201.999,4.00003312%20C1.82216917,4.00003312%201.6526426,4.07056728%201.528,4.196%20C1.26884346,4.45656984%201.2682506,4.87735718%201.52667187,5.13865625%20L7.522,11.1366719%20L7.54867187,11.164%20L7.548,11.164%20Z'%20id='路径'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
}
.banner[data-v-c8a6e0d7] .el-carousel .el-carousel__arrow--right {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='36px'%20height='36px'%20viewBox='0%200%2036%2036'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e编组%2022备份%203%3c/title%3e%3cg%20id='页面-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='首页-未登录'%20transform='translate(-934,%20-182)'%3e%3cg%20id='编组-5'%20transform='translate(174,%2060)'%3e%3cg%20id='编组-22备份-3'%20transform='translate(760,%20122)'%3e%3crect%20id='矩形'%20fill='%23000000'%20opacity='0.400000006'%20x='0'%20y='0'%20width='36'%20height='36'%20rx='8'%3e%3c/rect%3e%3cg%20id='icon-下一张'%20transform='translate(10,%2010)'%20fill='%23FFFFFF'%20fill-rule='nonzero'%3e%3cg%20id='下一张'%20transform='translate(8,%208)%20rotate(-90)%20translate(-8,%20-8)'%3e%3crect%20id='矩形'%20opacity='0'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3c/rect%3e%3cpath%20d='M7.548,11.164%20L8.01932813,11.636%20L14.5186719,5.13865625%20C14.7770165,4.87780083%2014.7770165,4.45752729%2014.5186719,4.19667188%20C14.3940037,4.07110977%2014.2244163,4.0004383%2014.0474757,4.00031219%20C13.870535,4.00018608%2013.7008471,4.07061574%2013.576,4.196%20L8.02067187,9.74932813%20L2.47,4.196%20C2.3453574,4.07056728%202.17583083,4.00003312%201.999,4.00003312%20C1.82216917,4.00003312%201.6526426,4.07056728%201.528,4.196%20C1.26884346,4.45656984%201.2682506,4.87735718%201.52667187,5.13865625%20L7.522,11.1366719%20L7.54867187,11.164%20L7.548,11.164%20Z'%20id='路径'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
}
@media screen and (max-width: 1840px) {
.banner[data-v-c8a6e0d7] .el-carousel {
    width: 100%;
    height: 100%;
    border-radius: 12px;
}
}.fade-enter-active[data-v-78593c6e],
.fade-leave-active[data-v-78593c6e] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-78593c6e],
.fade-leave-to[data-v-78593c6e] {
  opacity: 0;
}
.inspiration[data-v-78593c6e] {
  width: 100%;
  max-width: 3000px;
  min-width: 1840px;
  height: 100%;
  background: #131519;
  padding: 60px 94px;
  overflow-y: auto;
  margin: auto;
}
.inspiration .options[data-v-78593c6e] {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
  position: sticky;
  top: -60px;
  background: #131519;
  padding: 30px 0 20px 0;
  z-index: 1;
}
.inspiration .options .menu[data-v-78593c6e] {
  width: 88px;
  height: 40px;
  border-radius: 8px;
  font-weight: 400;
  font-size: 16px;
  color: #a6acb8;
  line-height: 40px;
  text-align: center;
  user-select: none;
}
.inspiration .options .menu[data-v-78593c6e]:hover {
  background: rgba(62, 68, 83, 0.6);
}
.inspiration .options .active[data-v-78593c6e] {
  background: rgba(62, 68, 83, 0.6);
  border-radius: 8px;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
}
.inspiration .options .search-btn[data-v-78593c6e] {
  display: flex;
  align-items: center;
  gap: 4px;
  user-select: none;
}
.inspiration .options[data-v-78593c6e] .el-input {
  width: 400px;
  height: 40px;
}
.inspiration .options[data-v-78593c6e] .el-input .el-input__wrapper {
  width: 400px;
  height: 40px;
  background: linear-gradient(270deg, #14171e 0%, #1f232d 100%);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: none;
  padding: 0 20px;
}
.inspiration .options[data-v-78593c6e] .el-input .el-input__inner {
  color: #ffffff;
}
.inspiration .options[data-v-78593c6e] .el-input .el-input__inner::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #eef7ff;
  opacity: 0.5;
  line-height: 16px;
}
.inspiration .activity[data-v-78593c6e] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(404px, 1fr));
  row-gap: 23px;
  column-gap: 12px;
  margin-top: 20px;
}
.inspiration .activity .item[data-v-78593c6e] {
  display: flex;
  flex-direction: column;
}
.inspiration .activity .item .image[data-v-78593c6e] {
  aspect-ratio: 404/164;
  margin-bottom: 10px;
  border-radius: 6px;
  user-select: none;
  cursor: pointer;
}
.inspiration .activity .item .image .empty-img-box[data-v-78593c6e] {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 60%;
  height: 100%;
}
.inspiration .activity .item .image .empty-img-box img[data-v-78593c6e] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.inspiration .activity .item h4[data-v-78593c6e] {
  font-weight: 500;
  font-size: 16px;
  color: #eef7ff;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inspiration .activity .item p[data-v-78593c6e] {
  margin: 8px 0;
  font-weight: 400;
  font-size: 12px;
  color: #a6acb8;
  line-height: 17px;
}
.inspiration .activity .item .active-tip[data-v-78593c6e] {
  width: 334px;
  height: 34px;
  background: rgba(62, 68, 83, 0.4);
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
}
.inspiration .activity .item .active-tip .tip[data-v-78593c6e] {
  font-weight: 400;
  font-size: 14px;
  color: #c6ccd7;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inspiration .activity .item .active-tip img[data-v-78593c6e] {
  width: 16px;
  height: 16px;
  margin: 0;
}
.inspiration .empty-status[data-v-78593c6e] {
  margin-top: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #666;
  user-select: none;
}
@media screen and (max-width: 1840px) {
.inspiration[data-v-78593c6e] {
    min-width: 1200px;
    padding: 60px 20px;
}
}.home-tip-popover {
  width: 60px !important;
  min-width: 60px !important;
  height: 24px;
  background: #2a2c33 !important;
  border-radius: 4px;
  backdrop-filter: blur(6px);
  padding: 0 !important;
  margin: 0 !important;
}
.home-tip-popover.is-light > .el-popper__arrow:before {
  display: none !important;
}
.home-tip-popover.el-popper {
  border: none !important;
}
.home-tip-popover .tip {
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  line-height: 24px;
  text-align: center;
}.inspiration[data-v-e57c58c6] {
  width: 100%;
  max-width: 3000px;
  min-width: 1840px;
  height: 100%;
  background: #131519;
  padding: 60px 94px;
  overflow-y: auto;
  margin: auto;
}
.inspiration .options[data-v-e57c58c6] {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
  position: sticky;
  top: -60px;
  background: #131519;
  padding: 30px 0 20px 0;
  z-index: 1;
}
.inspiration .options .menu[data-v-e57c58c6] {
  width: 88px;
  height: 40px;
  border-radius: 8px;
  font-weight: 400;
  font-size: 16px;
  color: #a6acb8;
  line-height: 40px;
  text-align: center;
  user-select: none;
}
.inspiration .options .menu[data-v-e57c58c6]:hover {
  background: rgba(62, 68, 83, 0.6);
}
.inspiration .options .active[data-v-e57c58c6] {
  background: rgba(62, 68, 83, 0.6);
  border-radius: 8px;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
}
.inspiration .options .search-btn[data-v-e57c58c6] {
  display: flex;
  align-items: center;
  gap: 4px;
  user-select: none;
}
.inspiration .options[data-v-e57c58c6] .el-input {
  width: 400px;
  height: 40px;
}
.inspiration .options[data-v-e57c58c6] .el-input .el-input__wrapper {
  width: 400px;
  height: 40px;
  background: linear-gradient(270deg, #14171e 0%, #1f232d 100%);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: none;
  padding: 0 20px;
}
.inspiration .options[data-v-e57c58c6] .el-input .el-input__inner {
  color: #ffffff;
}
.inspiration .options[data-v-e57c58c6] .el-input .el-input__inner::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #eef7ff;
  opacity: 0.5;
  line-height: 16px;
}
.inspiration .activity[data-v-e57c58c6] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(404px, 1fr));
  row-gap: 23px;
  column-gap: 12px;
  margin-top: 20px;
}
.inspiration .activity .item[data-v-e57c58c6] {
  display: flex;
  flex-direction: column;
}
.inspiration .activity .item .image[data-v-e57c58c6] {
  aspect-ratio: 404/164;
  margin-bottom: 10px;
  border-radius: 6px;
  user-select: none;
  cursor: pointer;
}
.inspiration .activity .item .image .empty-img-box[data-v-e57c58c6] {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 60%;
  height: 100%;
}
.inspiration .activity .item .image .empty-img-box img[data-v-e57c58c6] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.inspiration .activity .item .image-cursor[data-v-e57c58c6] {
  cursor: default;
}
.inspiration .activity .item h4[data-v-e57c58c6] {
  font-weight: 500;
  font-size: 16px;
  color: #eef7ff;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inspiration .activity .item p[data-v-e57c58c6] {
  margin: 8px 0;
  font-weight: 400;
  font-size: 12px;
  color: #a6acb8;
  line-height: 17px;
}
.inspiration .activity .item .active-tip[data-v-e57c58c6] {
  width: 334px;
  height: 34px;
  background: rgba(62, 68, 83, 0.4);
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
}
.inspiration .activity .item .active-tip .tip[data-v-e57c58c6] {
  font-weight: 400;
  font-size: 14px;
  color: #c6ccd7;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inspiration .activity .item .active-tip img[data-v-e57c58c6] {
  width: 16px;
  height: 16px;
  margin: 0;
}
.inspiration .activity .item .benifit-box[data-v-e57c58c6] {
  display: flex;
  align-items: center;
  padding: 7px 10px;
  height: 34px;
  background: rgba(62, 68, 83, 0.4);
  border-radius: 4px;
  max-width: 100%;
  width: fit-content;
  gap: 4px;
}
.inspiration .activity .item .benifit-box img[data-v-e57c58c6] {
  width: 16px;
  height: 16px;
}
.inspiration .activity .item .benifit-box span[data-v-e57c58c6] {
  font-weight: 400;
  font-size: 14px;
  color: #c6ccd7;
}
.inspiration .empty-status[data-v-e57c58c6] {
  margin-top: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #666;
  user-select: none;
}
@media screen and (max-width: 1840px) {
.inspiration[data-v-e57c58c6] {
    min-width: 1200px;
    padding: 60px 20px;
}
}.home-tip-popover {
  width: 60px !important;
  min-width: 60px !important;
  height: 24px;
  background: #2a2c33 !important;
  border-radius: 4px;
  backdrop-filter: blur(6px);
  padding: 0 !important;
  margin: 0 !important;
}
.home-tip-popover.is-light > .el-popper__arrow:before {
  display: none !important;
}
.home-tip-popover.el-popper {
  border: none !important;
}
.home-tip-popover .tip {
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  line-height: 24px;
  text-align: center;
}.fade-enter-active[data-v-7664c679],
.fade-leave-active[data-v-7664c679] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-7664c679],
.fade-leave-to[data-v-7664c679] {
  opacity: 0;
}
.inspiration[data-v-7664c679] {
  width: 100%;
  max-width: 3000px;
  min-width: 1840px;
  height: 100%;
  background: #131519;
  padding: 20px 24px;
  overflow-y: auto;
  margin: auto;
}
.inspiration .options[data-v-7664c679] {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
  position: sticky;
  top: -60px;
  background: #131519;
  padding: 30px 0 20px 0;
  z-index: 1;
}
.inspiration .options .menu[data-v-7664c679] {
  width: 88px;
  height: 40px;
  border-radius: 8px;
  font-weight: 400;
  font-size: 16px;
  color: #a6acb8;
  line-height: 40px;
  text-align: center;
  user-select: none;
}
.inspiration .options .menu[data-v-7664c679]:hover {
  background: rgba(62, 68, 83, 0.6);
}
.inspiration .options .active[data-v-7664c679] {
  background: rgba(62, 68, 83, 0.6);
  border-radius: 8px;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
}
.inspiration .options .search-btn[data-v-7664c679] {
  display: flex;
  align-items: center;
  gap: 4px;
  user-select: none;
}
.inspiration .options[data-v-7664c679] .el-input {
  width: 400px;
  height: 40px;
}
.inspiration .options[data-v-7664c679] .el-input .el-input__wrapper {
  width: 400px;
  height: 40px;
  background: linear-gradient(270deg, #14171e 0%, #1f232d 100%);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: none;
  padding: 0 20px;
}
.inspiration .options[data-v-7664c679] .el-input .el-input__inner {
  color: #ffffff;
}
.inspiration .options[data-v-7664c679] .el-input .el-input__inner::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #eef7ff;
  opacity: 0.5;
  line-height: 16px;
}
.inspiration .activity[data-v-7664c679] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(404px, 1fr));
  row-gap: 23px;
  column-gap: 12px;
  margin-top: 20px;
}
.inspiration .activity .item[data-v-7664c679] {
  display: flex;
  flex-direction: column;
}
.inspiration .activity .item .image[data-v-7664c679] {
  aspect-ratio: 404/164;
  margin-bottom: 10px;
  border-radius: 6px;
  user-select: none;
  cursor: pointer;
}
.inspiration .activity .item .image .empty-img-box[data-v-7664c679] {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 60%;
  height: 100%;
}
.inspiration .activity .item .image .empty-img-box img[data-v-7664c679] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.inspiration .activity .item h4[data-v-7664c679] {
  font-weight: 500;
  font-size: 16px;
  color: #eef7ff;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inspiration .activity .item p[data-v-7664c679] {
  margin: 8px 0;
  font-weight: 400;
  font-size: 12px;
  color: #a6acb8;
  line-height: 17px;
}
.inspiration .activity .item .active-tip[data-v-7664c679] {
  width: 334px;
  height: 34px;
  background: rgba(62, 68, 83, 0.4);
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
}
.inspiration .activity .item .active-tip .tip[data-v-7664c679] {
  font-weight: 400;
  font-size: 14px;
  color: #c6ccd7;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inspiration .activity .item .active-tip img[data-v-7664c679] {
  width: 16px;
  height: 16px;
  margin: 0;
}
.inspiration .empty-status[data-v-7664c679] {
  margin-top: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #666;
  user-select: none;
}
@media screen and (max-width: 1840px) {
.inspiration[data-v-7664c679] {
    min-width: 1200px;
    padding: 60px 20px;
}
}
.display-none[data-v-7664c679] {
  display: none;
}.home-tip-popover {
  width: 60px !important;
  min-width: 60px !important;
  height: 24px;
  background: #2a2c33 !important;
  border-radius: 4px;
  backdrop-filter: blur(6px);
  padding: 0 !important;
  margin: 0 !important;
}
.home-tip-popover.is-light > .el-popper__arrow:before {
  display: none !important;
}
.home-tip-popover.el-popper {
  border: none !important;
}
.home-tip-popover .tip {
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  line-height: 24px;
  text-align: center;
}