.aiPicChange[data-v-3d799c80] {
  padding-bottom: 100px;
  height: 100%;
  overflow: hidden;
}
.aiPicChange .classs[data-v-3d799c80] {
  display: flex;
  overflow-x: auto;
}
.aiPicChange .classs > div[data-v-3d799c80] {
  color: #b3b3b3;
  font-size: 16px;
  margin: 5px 10px;
}
.aiPicChange .classs > div > div[data-v-3d799c80] {
  width: 100%;
  height: 6px;
  border-radius: 10px;
  opacity: 0px;
  margin-top: -6px;
  background: linear-gradient(90deg, #ff9900 0%, #ffaa33 100%);
}
.aiPicChange .classs > div.active[data-v-3d799c80] {
  color: #fff;
}
.aiPicChange .sortBy[data-v-3d799c80] {
  display: flex;
  color: #fff;
  font-size: 13px;
  justify-content: space-between;
  padding: 3px 10px;
}
.aiPicChange .sortBy > div[data-v-3d799c80]:nth-child(2) {
  display: flex;
}
.aiPicChange .sortBy > div:nth-child(2) > div[data-v-3d799c80] {
  display: flex;
  align-items: center;
  margin: 0 5px;
}
.aiPicChange .sortBy > div:nth-child(2) > div > div[data-v-3d799c80] {
  display: flex;
  flex-direction: column;
}
.aiPicChange .sortBy > div:nth-child(2) > div > div img[data-v-3d799c80] {
  margin: 1px 2px;
}
.grid-content[data-v-3d799c80] {
  padding: 10px 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 5px 10px;
}
.grid-content > div[data-v-3d799c80] {
  overflow: hidden;
  position: relative;
}
.grid-content .item[data-v-3d799c80] {
  cursor: pointer;
}
.grid-content .price[data-v-3d799c80] {
  position: absolute;
  right: 7px;
  top: 7px;
  color: #ffea80;
  font-size: 12px;
  z-index: 20;
  padding: 4px 5px;
  border-radius: 5px;
  background: rgba(0,0,0,0.6);
}
.grid-content img[data-v-3d799c80] {
  width: 100%;
  border-radius: 10px;
}
.grid-content .text[data-v-3d799c80] {
  font-size: 12px;
  color: #fff;
  margin-bottom: 10px;
}
@media (max-width: 920px) {
.grid-content[data-v-3d799c80] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 640px) {
.grid-content[data-v-3d799c80] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* 页面整体样式 */
.application-page[data-v-677b1c11] {
  height: 100%;
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0e0e0e 100%);
  color: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  overflow-y: auto;
}
.page-container[data-v-677b1c11] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px;
}
/* 通用区域标题样式 */
.section-header[data-v-677b1c11] {
  margin-bottom: 30px;
  text-align: center;
}
.section-title[data-v-677b1c11] {
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.title-icon[data-v-677b1c11] {
  font-size: 24px;
  filter: drop-shadow(0 2px 4px rgba(255, 153, 0, 0.3));
}
.title-decoration[data-v-677b1c11] {
  height: 4px;
  width: 80px;
  background: linear-gradient(90deg, transparent 0%, #f90 50%, transparent 100%);
  border-radius: 2px;
  margin: 0 auto;
  box-shadow: 0 2px 8px rgba(255, 153, 0, 0.3);
}
/* 顶部精选推荐区域 */
.hero-section[data-v-677b1c11] {
  margin-bottom: 60px;
}
.hero-grid[data-v-677b1c11] {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 10px;
  /* 隐藏滚动条但保持滚动功能 */
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.hero-grid[data-v-677b1c11]::-webkit-scrollbar {
  display: none;
}
.hero-card[data-v-677b1c11] {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.4s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 280px;
  min-width: 280px;
}
.hero-card[data-v-677b1c11]:hover {
  transform: translateY(-8px);
  border-color: rgba(255, 153, 0, 0.4);
  box-shadow: 0 12px 40px rgba(255, 153, 0, 0.2);
}
.hero-card.active[data-v-677b1c11] {
  border-color: #f90;
  box-shadow: 0 8px 32px rgba(255, 153, 0, 0.3);
  transform: translateY(-4px);
}
.hero-card.active[data-v-677b1c11]:hover {
  box-shadow: 0 16px 48px rgba(255, 153, 0, 0.4);
}
.hero-image[data-v-677b1c11] {
  position: relative;
  flex: 1;
  overflow: hidden;
}
.hero-image img[data-v-677b1c11] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s ease;
}
.hero-card:hover .hero-image img[data-v-677b1c11] {
  transform: scale(1.1);
}
.hero-overlay[data-v-677b1c11] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.4));
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 12px;
}
.hero-badge[data-v-677b1c11] {
  background: linear-gradient(135deg, #f90, #ff6600);
  color: white;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
  box-shadow: 0 4px 12px rgba(255, 153, 0, 0.4);
  animation: pulse-677b1c11 2s infinite;
}
.badge-icon[data-v-677b1c11] {
  font-size: 14px;
}
.hero-content[data-v-677b1c11] {
  padding: 12px 10px;
  text-align: center;
  flex-shrink: 0;
}
.hero-title[data-v-677b1c11] {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 选中广告详情展示区域 */
.featured-section[data-v-677b1c11] {
  margin-bottom: 60px;
  padding: 40px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.featured-container[data-v-677b1c11] {
  display: flex;
  align-items: center;
  gap: 40px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
  border-radius: 24px;
  padding: 40px;
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 153, 0, 0.2);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}
.featured-content[data-v-677b1c11] {
  flex: 1;
}
.featured-info[data-v-677b1c11] {
  max-width: 600px;
}
.featured-title[data-v-677b1c11] {
  font-size: 36px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 20px 0;
  line-height: 1.2;
  background: linear-gradient(135deg, #ffffff, #f90);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.featured-desc[data-v-677b1c11] {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  margin: 0 0 30px 0;
  line-height: 1.6;
}
.featured-action[data-v-677b1c11] {
  display: flex;
  align-items: center;
}
.download-button[data-v-677b1c11] {
  background: linear-gradient(135deg, #f90, #ff6600);
  color: white;
  border: none;
  padding: 16px 32px;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 6px 20px rgba(255, 153, 0, 0.4);
}
.download-button[data-v-677b1c11]:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 12px 32px rgba(255, 153, 0, 0.5);
  background: linear-gradient(135deg, #ff9500, #ff7700);
}
.download-button[data-v-677b1c11]:active {
  transform: translateY(-1px) scale(1.02);
}
.button-icon[data-v-677b1c11] {
  font-size: 20px;
}
.featured-image[data-v-677b1c11] {
  flex: 0 0 400px;
}
.image-wrapper[data-v-677b1c11] {
  height: 300px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}
.image-wrapper img[data-v-677b1c11] {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.image-wrapper:hover img[data-v-677b1c11] {
  transform: scale(1.05);
}
/* 应用中心区域 */
.apps-section[data-v-677b1c11] {
  margin-bottom: 60px;
}
.apps-tabs[data-v-677b1c11] {
  margin-bottom: 30px;
}
.custom-tabs[data-v-677b1c11] .van-tab {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 500;
  border-radius: 12px;
  transition: all 0.3s ease;
}
.custom-tabs[data-v-677b1c11] .van-tab--active {
  color: #ffffff !important;
  background: linear-gradient(135deg, #f90, #ff6600);
  box-shadow: 0 4px 12px rgba(255, 153, 0, 0.3);
}
.custom-tabs[data-v-677b1c11] .van-tabs__line {
  display: none;
}
.apps-grid[data-v-677b1c11] {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 20px;
  gap: 20px;
}
.gridContentCol1[data-v-677b1c11] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 12px;
  padding: 5px 10px 0;
}
.gridContentCol2[data-v-677b1c11] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px 10px;
  padding: 5px 10px 0;
}
.gridContentCol2 .app-card[data-v-677b1c11] {
  display: flex;
  flex-direction: column;
}
.gridContentCol2 .app-image[data-v-677b1c11] {
  aspect-ratio: auto;
  height: auto;
  width: 100%;
}
.gridContentCol2 .app-cover[data-v-677b1c11] {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.coverImg[data-v-677b1c11] {
  position: relative;
  background-repeat: no-repeat;
  width: 100%;
  padding-top: 100%;
  background-position: center center;
}
.coverImg img[data-v-677b1c11] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.iconName1[data-v-677b1c11] {
  width: 100%;
  height: 22px;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  zoom: 0.9;
  color: #ffffff;
  text-align: center;
}
.iconNameCol1[data-v-677b1c11] {
  width: 100%;
  height: 22px;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  margin-top: 10px;
  font-size: 14px;
  color: #ffffff;
}
.downloadBtn1[data-v-677b1c11] {
  font-size: 12px;
  width: 75px;
  height: 18px;
  line-height: 18px;
  border-radius: 10px;
  margin: 0 auto;
  background: linear-gradient(135deg, #f90, #ff6600);
  color: #ffffff;
  text-align: center;
  margin-top: 8px;
}
.app-card[data-v-677b1c11] {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.app-card[data-v-677b1c11]:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 153, 0, 0.3);
  box-shadow: 0 8px 25px rgba(255, 153, 0, 0.15);
}
.app-image[data-v-677b1c11] {
  aspect-ratio: 1;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
}
.app-cover[data-v-677b1c11] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.app-card:hover .app-cover[data-v-677b1c11] {
  transform: scale(1.05);
}
.app-info[data-v-677b1c11] {
  padding: 16px;
  text-align: center;
}
.app-name[data-v-677b1c11] {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 12px 0;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-download[data-v-677b1c11] {
  background: linear-gradient(135deg, #f90, #ff6600);
  color: white;
  padding: 6px 16px;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  transition: all 0.3s ease;
}
.app-download[data-v-677b1c11]:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(255, 153, 0, 0.4);
}
/* 推荐应用列表区域 */
.recommendations-section[data-v-677b1c11] {
  margin-bottom: 40px;
}
.recommendation-category[data-v-677b1c11] {
  margin-bottom: 50px;
}
.recommendation-category[data-v-677b1c11]:last-child {
  margin-bottom: 0;
}
.recommendation-list[data-v-677b1c11] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  gap: 20px;
}
.recommendation-item[data-v-677b1c11] {
  display: flex;
  align-items: center;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  gap: 12px;
  height: 100px;
}
.recommendation-item[data-v-677b1c11]:hover {
  transform: translateX(4px);
  border-color: rgba(255, 153, 0, 0.3);
  background: linear-gradient(145deg, rgba(255, 153, 0, 0.08) 0%, rgba(255, 153, 0, 0.02) 100%);
  box-shadow: 0 8px 25px rgba(255, 153, 0, 0.15);
}
.recommendation-image[data-v-677b1c11] {
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.lazy-image[data-v-677b1c11] {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px;
}
.recommendation-img[data-v-677b1c11] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  transition: transform 0.3s ease;
}
.recommendation-item:hover .recommendation-img[data-v-677b1c11] {
  transform: scale(1.05);
}
.recommendation-info[data-v-677b1c11] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.recommendation-title[data-v-677b1c11] {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 4px 0;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recommendation-summary[data-v-677b1c11] {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.3;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.recommendation-action[data-v-677b1c11] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.recommendation-download[data-v-677b1c11] {
  background: linear-gradient(135deg, #f90, #ff6600);
  color: white;
  padding: 6px 12px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.recommendation-download[data-v-677b1c11]:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(255, 153, 0, 0.4);
}
/* 动画效果 */
@keyframes pulse-677b1c11 {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.8;
    transform: scale(1.05);
}
}
@keyframes fade-677b1c11 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.fade-enter-active[data-v-677b1c11],
.fade-leave-active[data-v-677b1c11] {
  transition: opacity 0.5s ease;
}
.fade-enter[data-v-677b1c11],
.fade-leave-to[data-v-677b1c11] {
  opacity: 0;
}
/* 响应式设计 */
@media (max-width: 1200px) {
.page-container[data-v-677b1c11] {
    padding: 15px;
}
.hero-grid[data-v-677b1c11] {
    gap: 16px;
    padding: 8px;
}
.hero-card[data-v-677b1c11] {
    flex: 0 0 260px;
    min-width: 260px;
}
.featured-container[data-v-677b1c11] {
    padding: 30px;
    gap: 30px;
}
.featured-image[data-v-677b1c11] {
    flex: 0 0 300px;
}
.image-wrapper[data-v-677b1c11] {
    width: 100%;
    height: auto;
}
.recommendation-list[data-v-677b1c11] {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
}
@media (max-width: 768px) {
.page-container[data-v-677b1c11] {
    padding: 12px;
}
.section-title[data-v-677b1c11] {
    font-size: 24px;
}
.hero-grid[data-v-677b1c11] {
    gap: 12px;
    padding: 6px;
}
.hero-card[data-v-677b1c11] {
    flex: 0 0 220px;
    min-width: 220px;
}
.hero-content[data-v-677b1c11] {
    padding: 10px 8px;
}
.hero-title[data-v-677b1c11] {
    font-size: 13px;
}
.featured-container[data-v-677b1c11] {
    flex-direction: column;
    padding: 25px;
    gap: 25px;
}
.featured-image[data-v-677b1c11] {
    flex: none;
    width: 100%;
}
.image-wrapper[data-v-677b1c11] {
    width: 100%;
    height: auto;
}
.image-wrapper img[data-v-677b1c11] {
    width: 100%;
}
.featured-title[data-v-677b1c11] {
    font-size: 28px;
}
.featured-desc[data-v-677b1c11] {
    font-size: 16px;
}
.download-button[data-v-677b1c11] {
    padding: 14px 28px;
    font-size: 16px;
}
.apps-grid[data-v-677b1c11] {
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
}
.gridContentCol2[data-v-677b1c11] {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px 8px;
    padding: 5px 8px 0;
}
.gridContentCol2 .app-image[data-v-677b1c11] {
    aspect-ratio: auto;
    height: auto;
}
.gridContentCol2 .app-cover[data-v-677b1c11] {
    height: auto;
}
.gridContentCol1[data-v-677b1c11] {
    grid-gap: 10px;
    padding: 5px 8px 0;
}
.app-info[data-v-677b1c11] {
    padding: 8px 6px;
}
.app-name[data-v-677b1c11] {
    font-size: 13px;
    margin: 0 0 6px 0;
}
.app-download[data-v-677b1c11] {
    padding: 5px 12px;
    font-size: 11px;
}
.custom-tabs[data-v-677b1c11] .van-tab {
    font-size: 15px;
}
.recommendation-list[data-v-677b1c11] {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.recommendation-item[data-v-677b1c11] {
    padding: 10px;
    gap: 10px;
    height: 80px;
}
.recommendation-image[data-v-677b1c11] {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
}
.recommendation-title[data-v-677b1c11] {
    font-size: 13px;
}
.recommendation-summary[data-v-677b1c11] {
    font-size: 11px;
}
.recommendation-download[data-v-677b1c11] {
    padding: 5px 10px;
    font-size: 10px;
}
}
@media (max-width: 480px) {
.page-container[data-v-677b1c11] {
    padding: 10px;
}
.section-title[data-v-677b1c11] {
    font-size: 20px;
    flex-direction: column;
    gap: 8px;
}
.hero-grid[data-v-677b1c11] {
    gap: 10px;
    padding: 5px;
}
.hero-card[data-v-677b1c11] {
    flex: 0 0 180px;
    min-width: 180px;
}
.hero-content[data-v-677b1c11] {
    padding: 8px 6px;
}
.hero-title[data-v-677b1c11] {
    font-size: 12px;
}
.featured-container[data-v-677b1c11] {
    padding: 20px;
}
.featured-title[data-v-677b1c11] {
    font-size: 24px;
}
.featured-desc[data-v-677b1c11] {
    font-size: 14px;
}
.download-button[data-v-677b1c11] {
    padding: 12px 24px;
    font-size: 15px;
    width: 100%;
    justify-content: center;
}
.apps-grid[data-v-677b1c11] {
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
}
.gridContentCol2[data-v-677b1c11] {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px 6px;
    padding: 5px 6px 0;
}
.gridContentCol2 .app-image[data-v-677b1c11] {
    aspect-ratio: auto;
    height: auto;
}
.gridContentCol2 .app-cover[data-v-677b1c11] {
    height: auto;
}
.gridContentCol1[data-v-677b1c11] {
    grid-gap: 8px;
    padding: 5px 6px 0;
}
.app-info[data-v-677b1c11] {
    padding: 6px 4px;
}
.app-name[data-v-677b1c11] {
    font-size: 12px;
    margin: 0 0 4px 0;
}
.app-download[data-v-677b1c11] {
    padding: 4px 8px;
    font-size: 10px;
}
.custom-tabs[data-v-677b1c11] .van-tab {
    font-size: 14px;
    padding: 8px 12px;
}
.recommendation-list[data-v-677b1c11] {
    grid-template-columns: 1fr;
    gap: 12px;
}
.recommendation-item[data-v-677b1c11] {
    padding: 12px;
    gap: 10px;
    height: 90px;
}
.recommendation-image[data-v-677b1c11] {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
}
.recommendation-title[data-v-677b1c11] {
    font-size: 14px;
}
.recommendation-summary[data-v-677b1c11] {
    font-size: 12px;
}
.recommendation-download[data-v-677b1c11] {
    padding: 6px 12px;
    font-size: 11px;
}
}


.swiper-pagination-bullet-active {
    background: #fff !important;
    height: 10px;
    width: 10px;
}

.adSwipebox[data-v-0d0e12a8] {
  border-radius: 20px;
  margin: 0 5px 0;
  padding-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.vipInfo[data-v-0d0e12a8] {
  display: flex;
  align-items: center;
  height: 80px;
  border-radius: 12px;
  margin-top: 15px;
  padding: 16px;
  color: #fff;
  background: url(/app/img/charge_bg.60bebe6.png) no-repeat;
  background-size: 100% 100%;
}
.content[data-v-0d0e12a8] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.avatar[data-v-0d0e12a8] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 15px;
}
.content span[data-v-0d0e12a8] {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
}
.vip[data-v-0d0e12a8] {
  height: 12px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-align: justify;
  margin-top: 10px;
}
.vipTime[data-v-0d0e12a8] {
  margin-top: 10px;
  font-size: 12px;
}
.subscribe-btn[data-v-0d0e12a8] {
  color: #000000;
  font-size: 12px;
  border-radius: 20px;
  background: #ff8525;
  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.5) inset;
  width: 80px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.swiper-pagination-fraction[data-v-0d0e12a8],
.swiper-pagination-custom[data-v-0d0e12a8],
.swiper-container-horizontal > .swiper-pagination-bullets[data-v-0d0e12a8] {
  left: 120px;
}

.flex-safe-top[data-v-1eb4130d] {
  height: var(--safe-top);
  position: fixed;
  width: 100%;
  top: 0;
}
.circlePage[data-v-1eb4130d] {
  padding: 0px;
}
.tags[data-v-1eb4130d] {
  position: relative;
  overflow: hidden;
}
.tags .box[data-v-1eb4130d] {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  margin: 10px 0;
}
.tags .box .item[data-v-1eb4130d] {
  font-size: 12px;
  border-radius: 15px;
  margin: 0 10px;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 5px 10px;
  display: flex;
  align-items: center;
}
.tags .box .item img[data-v-1eb4130d] {
  width: 12px;
  margin-right: 3px;
}
.tags .box .item span[data-v-1eb4130d] {
  background-image: linear-gradient(284deg, #f7d791, #e7b0da 52%, #8b7bca);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hotUpdateContainer[data-v-7b8b040c] {
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  z-index: 1;
  align-items: center;
  flex-direction: column-reverse;
  width: 100%;
}
.hotUpdateContainer .hotUpdateTip[data-v-7b8b040c] {
  border-radius: 10px;
  font-size: 16px;
  color: #fff;
  padding: 10px;
  background: #000;
  border: 1px solid #fff;
}

.release_button[data-v-989a8714] {
  border-radius: 4px;
  background: #FF8525;
  color: #000000;
  width: 60px;
  height: 28px;
  line-height: 28px;
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 12px;
}
.edit-videos[data-v-989a8714] {
  width: 100vw;
}
.edit-videos .content[data-v-989a8714] {
  width: 90vw;
  margin: 0 auto;
}
.edit-videos .content .part-1[data-v-989a8714] {
  font-size: 12px;
  color: #6b6b6b;
  line-height: 22px;
}
.edit-videos .content .part-2[data-v-989a8714] {
  width: 100%;
  height: 187px;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.04);
  margin-top: 20px;
}
.edit-videos .content .part-2 .title[data-v-989a8714] {
  font-size: 14px;
  color: #ffffff;
  text-indent: 20px;
  padding-top: 20px;
}
.edit-videos .content .part-2 .add-box[data-v-989a8714] {
  width: 98px;
  height: 114px;
  border-radius: 26px;
  background-color: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  margin-top: 10px;
}
.edit-videos .content .part-3[data-v-989a8714] {
  width: 100%;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.04);
  margin-top: 20px;
  padding-bottom: 15px;
}
.edit-videos .content .part-3 .title[data-v-989a8714] {
  font-size: 14px;
  color: #ffffff;
  text-indent: 20px;
  padding-top: 20px;
}
.edit-videos .content .part-3 .item[data-v-989a8714] {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.edit-videos .content .part-3 .item .text-1[data-v-989a8714] {
  font-size: 14px;
  color: #e4e4e4;
  margin-left: 20px;
}
.edit-videos .content .part-3 .item .text-2[data-v-989a8714] {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  width: 60%;
  font-size: 14px;
  color: #e4e4e4;
  margin-right: 10px;
}
.edit-videos .content .part-3 .item .text-2 .bg[data-v-989a8714] {
  border-radius: 11px;
  border: 1px solid #d695c7;
  padding: 2px 10px;
  font-size: 12px;
  text-align: center;
}
.edit-videos .content .part-3 .item .flex-start[data-v-989a8714] {
  justify-content: flex-start;
  margin-left: 10px;
}
.edit-videos .content .part-3 .item .text-3[data-v-989a8714] {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.edit-content[data-v-989a8714] {
  width: 100vw;
  height: 100vh;
}
.edit-content .edit-title[data-v-989a8714] {
  font-size: 16px;
  color: #e4e4e4;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-bottom: 10px;
}
.edit-content .edit-input[data-v-989a8714] {
  width: 90%;
  height: 50px;
  margin: 0 auto;
}
.edit-content .edit-input .van-cell[data-v-989a8714] {
  border-radius: 10px;
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.1);
}
.edit-content .edit-btn[data-v-989a8714] {
  width: 90%;
  height: 52px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 35px;
}
.edit-content .edit-btn .btn-1[data-v-989a8714] {
  width: 45%;
  height: 52px;
  line-height: 52px;
  text-align: center;
  border-radius: 26px;
  background-color: #ececec;
  font-size: 16px;
  font-weight: 500;
  color: #6e6e6e;
}
.edit-content .edit-btn .btn-2[data-v-989a8714] {
  width: 45%;
  height: 52px;
  line-height: 52px;
  text-align: center;
  border-radius: 26px;
  background-color: #8379c3;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
}
.pay-content[data-v-989a8714] {
  width: 100%;
  height: 220px;
  background: url(/app/img/pay-bg.ec8aa45.png) no-repeat;
  background-size: 100% 100%;
}
.pay-content .wrapper[data-v-989a8714] {
  width: 90%;
  margin: 0 auto;
}
.pay-content .wrapper .pay-title[data-v-989a8714] {
  height: 60px;
  line-height: 60px;
  background-image: linear-gradient(to right, #fd9 0%, #d7aac2 50%, #8f7dce);
  font-family: PingFangSC;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
.pay-content .van-cell-group[data-v-989a8714] {
  background-color: transparent;
}
.pay-content .van-cell-group .van-cell[data-v-989a8714] {
  background-color: transparent;
}
.videos-content[data-v-989a8714] {
  width: 100%;
  height: 100%;
  background: #000;
}
.videos-content .wrapper[data-v-989a8714] {
  width: 90%;
  margin: 0 auto;
}
.videos-content .wrapper .pay-title[data-v-989a8714] {
  height: 60px;
  line-height: 60px;
  font-family: PingFangSC;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #fff;
  text-align: center;
  position: relative;
}
.videos-content .wrapper .scroll-box[data-v-989a8714] {
  height: 520px;
  overflow-y: scroll;
}
.videos-content .wrapper .scroll-box .item[data-v-989a8714] {
  height: 80px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 10px;
}
.videos-content .wrapper .scroll-box .item .pic[data-v-989a8714] {
  width: 35%;
  height: 80px;
  background: #dddddd;
  border-radius: 8px;
}
.videos-content .wrapper .scroll-box .item .info[data-v-989a8714] {
  width: 50%;
  margin-left: 2%;
  margin-right: 2%;
}
.videos-content .wrapper .scroll-box .item .info .title[data-v-989a8714] {
  height: 22px;
  font-size: 14px;
  color: #fff;
  overflow: hidden;
}
.videos-content .wrapper .scroll-box .item .info .text[data-v-989a8714] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 10px;
}
.videos-content .wrapper .scroll-box .item .info .text .tag[data-v-989a8714] {
  font-size: 10px;
  color: #888888;
  margin-right: 5px;
}
.videos-content .wrapper .scroll-box .item .select[data-v-989a8714] {
  width: 20px;
  height: 20px;
}
.videos-content .wrapper .btn[data-v-989a8714] {
  width: 100%;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 10px;
  background-color: #FF8525;
  font-size: 17px;
  font-weight: 500;
  color: #000;
  margin-top: 20px;
}
[data-v-989a8714].van-radio__icon--checked .van-icon {
  background: #FF8525;
  border-color: #FF8525;
  color: #000;
  border-radius: 2px;
}
[data-v-989a8714].van-checkbox__icon--checked .van-icon {
  background: #FF8525;
  border-color: #FF8525;
  color: #000;
  border-radius: 2px;
}
[data-v-989a8714].van-uploader__preview-image {
  width: 120px;
  height: 80px;
  margin-top: 15px;
  margin-left: 20px;
}
.flex-safe-top[data-v-989a8714] {
  height: var(--safe-top);
  width: 100%;
}

.wheel {
  margin: auto;
  width: 80%;
  position: relative;
}
.turntable-img.normal {
  transition: transform 1s linear;
}
.xuanzekuang {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-77%, -100%) rotate(-23deg);
  opacity: 0;
  animation: fadeInOut 3s infinite;
}
@keyframes fadeInOut {
0%,
  100% {
    opacity: 0;
}
50% {
    opacity: 1;
}
}
.startBtn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.dialog {
  margin: 60% auto 0;
  width: 340px;
  height: 244px;
  background: url(/app/img/gxnhd.93401aa.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dialog .prizeCotgent {
  margin-top: 54px;
  width: 215px;
  height: 112px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  color: #01dafd;
  font-size: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAaQAAADaBAMAAAAbPSsDAAAAHlBMVEVHcEwYb6YVcKMVcKMVb6QUIDgSMU0WcKISNlMRP1zukCjwAAAABXRSTlMAGotjMQ+hfXUAAAPZSURBVHja7do9UhwxEAVgGVPllMypM1IyUmecQHODmWpnxoDFXqDZvcAu3Nb6G400o9BVTHc9LYugIODVJ3VLUxjTG/dO8Ogm+urURbo9THJHN9KVO49iRz9SQBqkjm6kgGTlvlwfabBiE/WUPJK1PpPU0Yl0++o3mdhAw7CN9M2xYKKe0hf3V7BRYNpE+u4m0UbDRkk80lYpIo2a9pJ8JDu6DZLscrdRunYvox1UKT24QfhGWitdu7P4ZbdSuj9MVn4m11zPz+OoSykgKRiuvfnJX3aNUrr5aVKKNz+rSun2MCooDrXSlYae1CoFJBWRitJVuJ6PqpTcqxakWUnDpaJVCjc/a1UpRaRRk5KC6/laSdFOykqqdlJS8tdzPUhR6dq9aLjM1koPh1HTuvNK4Xpuraq9dH/Q05OykjYkr+QmqypTUBr1KQ26EgUla6EEJShBCUpQghKUoAQlKEEJSlCCEpSgBCUoQQlKUIISlKAEJShBCUpQghKUoAQlKEEJSlCCEpSgBCUoQQlKUIISlKAEJShBCUpQghKUoAQlKEEJSlCCEpSgBCUoQQlKUIISlKAEJShBCUpQghKUoAQlKEEJSlCCEpSgBCUoQQlKUIISlKD035U+lA1EEhPppGikSO/vRz0jRTqqGicf6V1XohSJJzWDs5KeRBPFSCdNkSZ9SpojkZKXRiWeSFckapRYxauKxKh4O156JRJpWXmkTclnYveU+5KarfTmfhYlpvBBcue07tyzKUVcB9LF3RhVe8kjPRoz9yXKi2+SOofVxxFpLuJT+cQi5zhO7rcxy8KTXfXSKfzyxyyRaKnsIucY6+R+mFppvnBwLIgS5xkpReJqN0k9NxSkVRGnlIuyqZQ57iR/FFoi8bLumv0mZk5Id1WkujpwyU35i/3P8ZlkOAo1C4/rrUSyKl7cKqnLtnuJq70krYyTX3aPpo5E/e5FQuYQrEKqHqfQbLRsp/yMYvcz5aNQp4jnQCSrRVHosjedSLTpXixl3S1ddulLVDdY2rSnfceqjkK900NbGYTcdVdIbRGn5VpVFYs9l4b40PjyZDaR2kMrtefBPd//4ue3chRqlNYncSFrLh7uLs9mE4mbX8mB5ueXy5FvlzPHR3cdJSp/O3eEeJ9PUdJm+lUdhdrywL2mtD6U7yoV5S5bHYWaW+2qvdZVf5/n2PxUYWqOQpu+JPGy7pHMJtLpOHekeutQCchTPl3wXmo3L9t+3WVnpWNTRZb7PPfL5md32Ko4H1dHoRKJ/SsNzm+K31Hv/46o/PCz5vKH+PdHB8k42aODJD3S3TbRP6xpZoFzkBB7AAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
  padding: 12px 0 5px;
}
.dialog .btns {
  width: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: space-around;
}

.community-card[data-v-e5a403bc] {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.2s;
  overflow: hidden;
}
.community-card[data-v-e5a403bc]:hover {
  background: rgba(255, 255, 255, 0.06);
  transform: translateY(-2px);
}
.community-card .card-header[data-v-e5a403bc] {
  display: flex;
  align-items: center;
  gap: 12px;
  overflow: hidden;
}
.community-card .community-avatar[data-v-e5a403bc] {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  flex-shrink: 0;
}
.community-card .community-info[data-v-e5a403bc] {
  flex: 1;
  min-width: 0;
}
.community-card .community-info .community-name[data-v-e5a403bc] {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  display: block;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.community-card .community-info .community-stats[data-v-e5a403bc] {
  display: flex;
  gap: 12px;
  font-size: 12px;
  color: #888;
}
.community-card .community-info .community-stats span[data-v-e5a403bc] {
  white-space: nowrap;
}
.community-card .join-btn[data-v-e5a403bc] {
  padding: 6px 16px;
  border-radius: 16px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
  background: linear-gradient(90deg, #ff8525, #ff6b00);
  border: none;
  color: #fff;
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.community-card .join-btn[data-v-e5a403bc]:hover:not(:disabled) {
  transform: scale(1.02);
}
.community-card .join-btn[data-v-e5a403bc]:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.community-card .join-btn.loading[data-v-e5a403bc] {
  pointer-events: none;
}
.community-card .join-btn.joined[data-v-e5a403bc] {
  background: rgba(255, 255, 255, 0.1);
  color: #888;
}
.community-card .join-btn.joined[data-v-e5a403bc]:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.15);
}
.community-card .community-desc[data-v-e5a403bc] {
  margin: 12px 0 0;
  font-size: 13px;
  color: #aaa;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.breadcrumb[data-v-e8e616fe] {
  padding: 10px 15px;
  font-size: 13px;
  color: #999;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 8px;
  margin-bottom: 10px;
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.breadcrumb[data-v-e8e616fe]::-webkit-scrollbar {
  display: none;
}
.breadcrumb-list[data-v-e8e616fe] {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: nowrap;
}
.breadcrumb-item[data-v-e8e616fe] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.breadcrumb-link[data-v-e8e616fe] {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #999;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: color 0.2s ease;
}
.breadcrumb-link[data-v-e8e616fe]:hover {
  color: #ff8525;
}
.breadcrumb-link .van-icon[data-v-e8e616fe] {
  margin-right: 2px;
}
.breadcrumb-separator[data-v-e8e616fe] {
  margin: 0 8px;
  color: #666;
}
.breadcrumb-current[data-v-e8e616fe] {
  color: #ff8525;
  font-weight: 500;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 640px) {
.breadcrumb[data-v-e8e616fe] {
    padding: 8px 12px;
    font-size: 12px;
    margin: 0 10px 10px;
}
.breadcrumb-separator[data-v-e8e616fe] {
    margin: 0 6px;
}
.breadcrumb-current[data-v-e8e616fe] {
    max-width: 150px;
}
}

.searchPop[data-v-a485d5f0] {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #969696;
  padding: 8px 17px;
  backdrop-filter: brightness(12%) blur(4px);
  display: grid;
  grid-template-columns: 1fr 40px;
  grid-template-rows: 48px 1fr;
  grid-gap: 10px;
}
.search-btn[data-v-a485d5f0] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 32px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  margin: 0 3px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.search-btn[data-v-a485d5f0]:hover {
  background: rgba(255, 153, 0, 0.1);
  border-color: rgba(255, 153, 0, 0.3);
  transform: translateY(-1px);
}
.search-btn .van-icon[data-v-a485d5f0] {
  transition: all 0.3s ease;
}
.search-btn:hover .van-icon[data-v-a485d5f0] {
  color: #f90 !important;
}
.searchBox[data-v-a485d5f0] {
  width: 100%;
  height: 48px;
  display: grid;
  grid-template-columns: 50px 1fr 50px;
  position: relative;
  align-items: center;
  background: linear-gradient(145deg, rgba(37, 37, 37, 0.95) 0%, rgba(45, 45, 45, 0.95) 100%);
  backdrop-filter: blur(15px);
  border: 2px solid rgba(255, 153, 0, 0.2);
  padding: 2px 8px 2px 0;
  font-size: 15px;
  color: #fff;
  border-radius: 25px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}
.searchBox[data-v-a485d5f0]:hover {
  border-color: rgba(255, 153, 0, 0.4);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 153, 0, 0.1);
}
.searchBox[data-v-a485d5f0]:focus-within {
  border-color: #f90;
  box-shadow: 0 12px 35px rgba(255, 153, 0, 0.2), 0 0 0 1px rgba(255, 153, 0, 0.3);
}
.searchBox .btnSearch[data-v-a485d5f0] {
  width: 46px;
  height: 32px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  transition: all 0.3s ease;
  color: rgba(255, 255, 255, 0.7);
}
.searchBox .btnSearch[data-v-a485d5f0]:hover {
  background: rgba(255, 153, 0, 0.1);
  color: #f90;
  transform: scale(1.05);
}
.searchBox input[data-v-a485d5f0] {
  width: 100%;
  padding: 12px 16px;
  color: #fff !important;
  background: transparent;
  border: none;
  outline: none;
  font-size: 15px;
  font-weight: 400;
  /* 隐藏浏览器自带的清除按钮 */
}
.searchBox input[data-v-a485d5f0]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
}
.searchBox input[data-v-a485d5f0]::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
}
.searchBox input[data-v-a485d5f0]:focus {
  color: #fff !important;
}
.searchBox input[data-v-a485d5f0]::-webkit-search-cancel-button,
.searchBox input[data-v-a485d5f0]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
.btnCancel[data-v-a485d5f0] {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c6c6c6;
  font-size: 16px;
  font-weight: 700;
}
.searchesWrapper[data-v-a485d5f0] {
  min-width: 300px;
  z-index: 999;
  position: absolute;
  width: 100%;
  margin-top: 43px;
  padding: 20px 2px;
  background: linear-gradient(145deg, rgba(20, 20, 20, 0.98) 0%, rgba(10, 10, 10, 0.98) 100%);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 153, 0, 0.1);
  border-radius: 0 0 16px 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  max-height: 70vh;
  overflow: hidden;
}
.searchesWrapper .searchContent[data-v-a485d5f0] {
  height: 100%;
  overflow-y: auto;
  max-height: 70vh;
  /* 自定义滚动条样式 */
}
.searchesWrapper .searchContent[data-v-a485d5f0]::-webkit-scrollbar {
  width: 6px;
}
.searchesWrapper .searchContent[data-v-a485d5f0]::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 3px;
}
.searchesWrapper .searchContent[data-v-a485d5f0]::-webkit-scrollbar-thumb {
  background: rgba(255, 153, 0, 0.3);
  border-radius: 3px;
}
.searchesWrapper .searchContent[data-v-a485d5f0]::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 153, 0, 0.5);
}
.searchesWrapper .searchKeywordsSection[data-v-a485d5f0] {
  margin-bottom: 20px;
  padding: 0 12px;
}
.searchesWrapper .keywordsGroup[data-v-a485d5f0] {
  margin-bottom: 16px;
}
.searchesWrapper .keywordsGroup[data-v-a485d5f0]:last-child {
  margin-bottom: 0;
}
.searchesWrapper .keywordsHeader[data-v-a485d5f0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 4px;
  margin-bottom: 8px;
}
.searchesWrapper .emptyHistory[data-v-a485d5f0] {
  padding: 6px 4px 2px;
  color: #8a8a8a;
  font-size: 13px;
}
.searchesWrapper .labelTitle[data-v-a485d5f0] {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}
.searchesWrapper .keywordsList[data-v-a485d5f0] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 4px;
}
.searchesWrapper .keywordsList.keywordsListVertical[data-v-a485d5f0] {
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
}
.searchesWrapper .keywordItem[data-v-a485d5f0] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  color: #c6c6c6;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.searchesWrapper .keywordItem[data-v-a485d5f0]:hover {
  background: rgba(255, 153, 0, 0.1);
  border-color: rgba(255, 153, 0, 0.3);
  color: #f90;
  transform: translateX(4px);
}
.searchesWrapper .keywordItem .keywordIndex[data-v-a485d5f0] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: rgba(255, 153, 0, 0.2);
  color: #f90;
  font-size: 12px;
  font-weight: 600;
  flex-shrink: 0;
}
.searchesWrapper .keywordItem .keywordText[data-v-a485d5f0] {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.searchesWrapper .keywordItem .keywordHeat[data-v-a485d5f0] {
  color: rgba(255, 153, 0, 0.8);
  font-size: 12px;
  font-weight: 600;
  padding: 2px 8px;
  background: rgba(255, 153, 0, 0.1);
  border-radius: 10px;
  flex-shrink: 0;
}
.searchesWrapper .keywordTag[data-v-a485d5f0] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  color: #c6c6c6;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.searchesWrapper .keywordTag[data-v-a485d5f0]:hover {
  background: rgba(255, 153, 0, 0.15);
  border-color: rgba(255, 153, 0, 0.4);
  color: #f90;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 153, 0, 0.2);
}
.searchesWrapper .keywordTag span[data-v-a485d5f0] {
  display: inline-block;
}
.searchesWrapper .keywordTag .tagDelete[data-v-a485d5f0] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  font-size: 14px;
  line-height: 1;
  transition: all 0.2s ease;
  margin-left: 4px;
}
.searchesWrapper .keywordTag .tagDelete[data-v-a485d5f0]:hover {
  background: rgba(255, 153, 0, 0.3);
  color: #fff;
  transform: scale(1.1);
}
.searchesWrapper .historyKeywordTag[data-v-a485d5f0] {
  cursor: default;
}
.searchesWrapper .historyKeywordTag .tagText[data-v-a485d5f0] {
  cursor: pointer;
}
.searchesWrapper .historyKeywordTag .tagDelete[data-v-a485d5f0] {
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
}
.searchesWrapper .delete[data-v-a485d5f0] {
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.2s ease;
  color: #999;
  font-size: 13px;
}
.searchesWrapper .delete[data-v-a485d5f0]:hover {
  background: rgba(255, 153, 0, 0.2);
  color: #f90;
}
.mobileSearchesWrapper[data-v-a485d5f0] {
  grid-column: span 2;
  margin-top: 0;
  position: relative;
  max-height: none;
  height: 100%;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 10px 0;
}
@media (max-width: 640px) {
.searchBox[data-v-a485d5f0] {
    grid-template-columns: 44px 8fr 60px;
}
.searchesWrapper[data-v-a485d5f0] {
    grid-column: span 2;
    margin-top: 0;
    position: relative;
    max-height: none;
    height: 100%;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 10px 0;
    overflow-y: auto;
}
.searchesWrapper .searchContent[data-v-a485d5f0] {
    max-height: none;
    height: auto;
    overflow-y: visible;
}
}
.clearInput[data-v-a485d5f0] {
  width: 46px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 16px;
  transition: all 0.3s ease;
  color: rgba(255, 255, 255, 0.6);
}
.clearInput[data-v-a485d5f0]:hover {
  background: rgba(255, 153, 0, 0.1);
  color: #f90;
  transform: scale(1.05);
}
.recommendSection[data-v-a485d5f0] {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.recommendContent[data-v-a485d5f0] {
  overflow: hidden;
  padding: 10px 0;
  position: relative;
}
.recommendContent[data-v-a485d5f0] .van-swipe {
  overflow: visible;
}
.recommendContent[data-v-a485d5f0] .van-swipe__indicator {
  background-color: rgba(255, 255, 255, 0.3);
}
.recommendContent[data-v-a485d5f0] .van-swipe__indicator--active {
  background-color: #f90;
}
.recommendWrapper[data-v-a485d5f0] {
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(32, 31, 34, 0.95) 0%, rgba(20, 20, 20, 0.95) 100%);
  border: 1px solid rgba(255, 153, 0, 0.15);
  margin: 10px;
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  height: 100%;
  min-height: 300px;
}
.recommendWrapper[data-v-a485d5f0]:hover {
  border-color: rgba(255, 153, 0, 0.3);
  box-shadow: 0 6px 24px rgba(255, 153, 0, 0.2);
  transform: translateY(-2px);
}
.recommendTitle[data-v-a485d5f0] {
  color: #ff8525;
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-family: zihunbiantaoti;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 12px;
}
.recommendList[data-v-a485d5f0] {
  overflow-y: auto;
  max-height: 400px;
  padding-right: 4px;
  flex: 1;
  min-height: 0;
  /* 自定义滚动条样式 */
}
.recommendList[data-v-a485d5f0]::-webkit-scrollbar {
  width: 4px;
}
.recommendList[data-v-a485d5f0]::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 2px;
}
.recommendList[data-v-a485d5f0]::-webkit-scrollbar-thumb {
  background: rgba(255, 153, 0, 0.3);
  border-radius: 2px;
}
.recommendList[data-v-a485d5f0]::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 153, 0, 0.5);
}
.recommendItem[data-v-a485d5f0] {
  height: 78px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 10px;
  cursor: pointer;
  border-radius: 8px;
  padding: 4px;
  transition: all 0.2s ease;
}
.recommendItem[data-v-a485d5f0]:hover {
  background: rgba(255, 153, 0, 0.08);
  transform: translateX(4px);
}
.recommendCover[data-v-a485d5f0] {
  position: relative;
  width: 50%;
  height: 78px;
  border-radius: 6px;
  margin-right: 10px;
  background: #aaaaaa;
  margin-left: 3vw;
  overflow: hidden;
  flex-shrink: 0;
}
.recommendNum[data-v-a485d5f0] {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOBAMAAAB8hD0uAAAAJFBMVEVHcEwjIyMuLi44ODhGRkZAQEBHR0dAQEA5OTkyMjIrKyskJCSgSN6xAAAABnRSTlMAf4B/f3/PzeBNAAACGklEQVRIx42OsbmbMBSFzwhvBI/gETKCh8hnDZAE0b8C0SYN0CUdokpKWC7nXoQNNoJ7JKQr6dcvcDflK2zcFxh1MOpg1MGog1EHow5GHYw6GHXw7n4vZM3BpSOnO26tQ1EU3kl3krm+y567e9n5jsS5FO4W86VCAa9jkXTwhVdJIbP3CkkpV7j/I2FY3nI+aZzelDuyuC0cl36Oe4wL6J86rJAH9axvWy6Xp+6Yu9m4lY5cyeYrPSizOpSCcaiqUsp1vq0w6DkxIQXWSlq50UEhAlVZLVdYhtKHT2w5bs6NZNAHOZG9YvtuEFOlTEiUjFsdgrpCqPjxxjKEcqtTX5g/Oa8SWb7oEFJmayqZa4Z7yasux11t3JvuwdWheZbvOtRzQsPOyBDCL7xzQkhTkpjw7zqohWnlXMVNs6ND27Y8JRc4tW3DZbujk3fbWjsZqetdHeQ+T6XVzby47HJ1AuUHtO3q5P9S6jRfTriUfd07d7FxP5HluoR0Bzp0PO0lLLquy+nQKkCZYG2f04FnsWujTPRmdaCOYB/5cuy6rA5Rf44Ie/8HeV+MnXSyfczr6IvyLNPHAx3inF6sl3NOcqRbcxcbd6iDUYdhyW8c+8ZxjHGM48cxN8RhGMdTHcjEaRimEx2mYWQf/51gEGw612GapnGaTnXCEfw45waCf2HyGXTKGXQw6mDUwaiDUQejDkYdjDoYdTDq/gNqfQVTXB+C2QAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  padding-left: 1px;
  z-index: 1;
}
.recommendInfo[data-v-a485d5f0] {
  width: 50%;
  margin-right: 3vw;
  overflow: hidden;
  flex: 1;
}
.recommendTitleText[data-v-a485d5f0] {
  font-weight: 500;
  font-size: 15px;
  color: #e4e4e4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 4px;
}
.recommendTags[data-v-a485d5f0] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin: 5px 0;
  gap: 4px;
}
.recommendTag[data-v-a485d5f0] {
  height: 19px;
  font-size: 10px;
  color: #999999;
  padding: 3px 6px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.05);
  overflow-x: hidden;
  white-space: nowrap;
  transition: all 0.2s ease;
}
.recommendTag[data-v-a485d5f0]:hover {
  background-color: rgba(255, 153, 0, 0.15);
  color: #f90;
}
.recommendText[data-v-a485d5f0] {
  font-size: 12px;
  color: #888888;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 4px;
}
.recommendRefresh[data-v-a485d5f0] {
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 13px;
  color: #999;
  font-weight: 500;
  cursor: pointer;
  margin-top: 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}
.recommendRefresh[data-v-a485d5f0]:hover {
  background: rgba(255, 153, 0, 0.1);
  border-color: rgba(255, 153, 0, 0.3);
  color: #f90;
  transform: translateY(-2px);
}
.recommendRefresh[data-v-a485d5f0]:active {
  transform: translateY(0);
}
@media (min-width: 641px) {
.recommendWrapper[data-v-a485d5f0] {
    margin-left: 0;
    margin-right: 0;
}
.recommendCover[data-v-a485d5f0] {
    margin-left: 0;
}
.recommendInfo[data-v-a485d5f0] {
    margin-right: 0;
}
}

/* plyr */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes shrink-hide {
  0% {
    opacity: 0.5;
    width: 38px;
  }
  20% {
    width: 45px;
  }
  to {
    opacity: 0;
    width: 0;
  }
}
.videoPageBox .plyr {
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
  height: 100%;
}
.videoPageBox .plyr.plyr--audio {
  max-width: 480px;
}
.videoPageBox .plyr__video-wrapper:after {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
.videoPageBox .plyr__cite {
  color: #728597;
}
.videoPageBox .plyr__cite .icon {
  margin-right: 2.66666667px;
}
@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.videoPageBox .plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}
.videoPageBox .plyr audio,
.videoPageBox .plyr iframe,
.videoPageBox .plyr video {
  display: block;
  height: 100%;
  width: 100%;
}
.videoPageBox .plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.videoPageBox .plyr:focus {
  outline: 0;
}
.videoPageBox .plyr--full-ui {
  box-sizing: border-box;
}
.videoPageBox .plyr--full-ui *,
.videoPageBox .plyr--full-ui :after,
.videoPageBox .plyr--full-ui :before {
  box-sizing: inherit;
}
.videoPageBox .plyr--full-ui a,
.videoPageBox .plyr--full-ui button,
.videoPageBox .plyr--full-ui input,
.videoPageBox .plyr--full-ui label {
  touch-action: manipulation;
}
.videoPageBox .plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}
.videoPageBox .plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}
.videoPageBox .plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: 12px;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}
.videoPageBox .plyr__captions span:empty {
  display: none;
}
@media (min-width: 480px) {
  .videoPageBox .plyr__captions {
    font-size: 13px;
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: 20px;
    padding: calc(10px * 2);
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}
@media (min-width: 768px) {
  .videoPageBox .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
  }
}
.videoPageBox .plyr--captions-active .plyr__captions {
  display: block;
}
.videoPageBox .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
  transform: translateY(calc(10px * -4));
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}
.videoPageBox .plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}
.videoPageBox .plyr__caption div {
  display: inline;
}
.videoPageBox .plyr__control {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  border-radius: var(--plyr-control-radius, 3px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(10px * 0.7);
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.3s ease;
}
.videoPageBox .plyr__control svg {
  fill: currentColor;
  display: block;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px);
}
.videoPageBox .plyr__control:focus {
  outline: 0;
}
.videoPageBox .plyr__control.plyr__tab-focus {
  outline: 3px dotted #fff;
  outline: #fff dotted 3px;
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #fff))) dotted 3px;
  outline-offset: 2px;
}
.videoPageBox a.plyr__control,
.videoPageBox button.plyr__control.faux-link {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.videoPageBox .plyr__control.plyr__control--pressed .icon--not-pressed,
.videoPageBox .plyr__control.plyr__control--pressed .label--not-pressed,
.videoPageBox .plyr__control:not(.plyr__control--pressed) .icon--pressed,
.videoPageBox .plyr__control:not(.plyr__control--pressed) .label--pressed,
.videoPageBox a.plyr__control:after,
.videoPageBox a.plyr__control:before,
.videoPageBox button.plyr__control.faux-link:after,
.videoPageBox button.plyr__control.faux-link:before {
  display: none;
}
.videoPageBox .plyr--full-ui ::-webkit-media-controls {
  display: none;
}
.videoPageBox .plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.videoPageBox .plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}
.videoPageBox .plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(10px / 4);
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.videoPageBox .plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.videoPageBox .plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(10px / 4);
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.videoPageBox .plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(10px / 2);
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}
.videoPageBox .plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.videoPageBox .plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.videoPageBox .plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}
.videoPageBox .plyr [data-plyr="airplay"],
.videoPageBox .plyr [data-plyr="captions"],
.videoPageBox .plyr [data-plyr="fullscreen"],
.videoPageBox .plyr [data-plyr="pip"],
.videoPageBox .plyr__controls:empty {
  display: none;
}
.videoPageBox .plyr--airplay-supported [data-plyr="airplay"],
.videoPageBox .plyr--captions-enabled [data-plyr="captions"],
.videoPageBox .plyr--fullscreen-enabled [data-plyr="fullscreen"],
.videoPageBox .plyr--pip-supported [data-plyr="pip"] {
  display: inline-block;
}
.videoPageBox .plyr__menu {
  display: flex;
  position: relative;
}
.videoPageBox .plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}
.videoPageBox .plyr__menu .plyr__control[aria-expanded="true"] svg {
  transform: rotate(90deg);
}
.videoPageBox .plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip {
  display: none;
}
.videoPageBox .plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: hsla(0, 0%, 100%, 0.9);
  background: var(--plyr-menu-background, hsla(0, 0%, 100%, 0.9));
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 13px;
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.videoPageBox .plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.videoPageBox .plyr__menu__container:after {
  border: 4px solid transparent;
  border-top-color: hsla(0, 0%, 100%, 0.9);
  border: var(--plyr-menu-arrow-size, 4px) solid transparent;
  border-top-color: var(--plyr-menu-background, hsla(0, 0%, 100%, 0.9));
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: calc(18px / 2 + 10px * 0.7 - 4px / 2);
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2);
  top: 100%;
  width: 0;
}
.videoPageBox .plyr__menu__container [role="menu"] {
  padding: 7px;
  padding: calc(10px * 0.7);
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.videoPageBox .plyr__menu__container [role="menuitem"],
.videoPageBox .plyr__menu__container [role="menuitemradio"] {
  margin-top: 2px;
}
.videoPageBox .plyr__menu__container [role="menuitem"]:first-child,
.videoPageBox .plyr__menu__container [role="menuitemradio"]:first-child {
  margin-top: 0;
}
.videoPageBox .plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: 4.66667px 10.5px;
  padding: calc(10px * 0.7 / 1.5) calc(10px * 0.7 * 1.5);
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5) calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  width: 100%;
}
.videoPageBox .plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}
.videoPageBox .plyr__menu__container .plyr__control:after {
  border: 4px solid transparent;
  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.videoPageBox .plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(10px * 0.7 * 4);
  padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}
.videoPageBox .plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: 6.5px;
  right: calc(10px * 0.7 * 1.5 - 4px);
  right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.videoPageBox .plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.videoPageBox .plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: currentColor;
}
.videoPageBox .plyr__menu__container .plyr__control--back {
  font-weight: 500;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: 7px;
  margin: calc(10px * 0.7);
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(10px * 0.7 / 2);
  margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  padding-left: 28px;
  padding-left: calc(10px * 0.7 * 4);
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - 10px * 0.7 * 2);
  width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}
.videoPageBox .plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: 6.5px;
  left: calc(10px * 0.7 * 1.5 - 4px);
  left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.videoPageBox .plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(10px * 0.7 / 2);
  margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.videoPageBox .plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.videoPageBox .plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: currentColor;
}
.videoPageBox .plyr__menu__container .plyr__control[role="menuitemradio"] {
  padding-left: 7px;
  padding-left: calc(10px * 0.7);
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.videoPageBox .plyr__menu__container .plyr__control[role="menuitemradio"]:after,
.videoPageBox .plyr__menu__container .plyr__control[role="menuitemradio"]:before {
  border-radius: 100%;
}
.videoPageBox .plyr__menu__container .plyr__control[role="menuitemradio"]:before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}
.videoPageBox .plyr__menu__container .plyr__control[role="menuitemradio"]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}
.videoPageBox .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]:before {
  background: #fff;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #fff)));
}
.videoPageBox .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]:after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.videoPageBox .plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-focus:before,
.videoPageBox .plyr__menu__container .plyr__control[role="menuitemradio"]:hover:before {
  background: rgba(35, 40, 47, 0.1);
}
.videoPageBox .plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: calc(-7px - -2);
  margin-right: calc(10px * 0.7 * -1 - -2);
  margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 - -2);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(10px * 0.7 * 3.5);
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
  pointer-events: none;
}
.videoPageBox .plyr--full-ui input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 26px;
  border-radius: calc(13px * 2);
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: #fff;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #fff)));
  display: block;
  height: 19px;
  height: calc(3px * 2 + 13px);
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}
.videoPageBox .plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
  background: 0 0;
  background-image: linear-gradient(90deg, currentColor 0, transparent 0);
  background-image: linear-gradient(to right, currentColor 0, transparent 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
}
.videoPageBox .plyr--full-ui input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: -4px;
  margin-top: calc((13px - 5px) / 2 * -1);
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}
.videoPageBox .plyr--full-ui input[type="range"]::-moz-range-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-user-select: none;
       user-select: none;
}
.videoPageBox .plyr--full-ui input[type="range"]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}
.videoPageBox .plyr--full-ui input[type="range"]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
}
.videoPageBox .plyr--full-ui input[type="range"]::-ms-track {
  color: transparent;
}
.videoPageBox .plyr--full-ui input[type="range"]::-ms-fill-upper,
.videoPageBox .plyr--full-ui input[type="range"]::-ms-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.videoPageBox .plyr--full-ui input[type="range"]::-ms-fill-lower {
  background: 0 0;
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.videoPageBox .plyr--full-ui input[type="range"]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}
.videoPageBox .plyr--full-ui input[type="range"]::-ms-tooltip {
  display: none;
}
.videoPageBox .plyr--full-ui input[type="range"]::-moz-focus-outer {
  border: 0;
}
.videoPageBox .plyr--full-ui input[type="range"]:focus {
  outline: 0;
}
.videoPageBox .plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track {
  outline: 3px dotted #fff;
  outline: #fff dotted 3px;
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #fff))) dotted 3px;
  outline-offset: 2px;
}
.videoPageBox .plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
  outline: 3px dotted #fff;
  outline: #fff dotted 3px;
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #fff))) dotted 3px;
  outline-offset: 2px;
}
.videoPageBox .plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
  outline: 3px dotted #fff;
  outline: #fff dotted 3px;
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #fff))) dotted 3px;
  outline-offset: 2px;
}
.videoPageBox .plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}
.videoPageBox .plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}
.videoPageBox .plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}
.videoPageBox .plyr__time {
  font-size: 11px;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}
.videoPageBox .plyr__time + .plyr__time:before {
  content: "⁄";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}
@media (max-width: 767px) {
  .videoPageBox .plyr__time + .plyr__time {
    display: none;
  }
}
.videoPageBox .plyr__tooltip {
  background: hsla(0, 0%, 100%, 0.9);
  background: var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 12px;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 500;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: calc(10px / 2 * 2);
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(10px / 2) calc(10px / 2 * 1.5);
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  white-space: nowrap;
  z-index: 2;
}
.videoPageBox .plyr__tooltip:before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid hsla(0, 0%, 100%, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
  bottom: -4px;
  bottom: calc(4px * -1);
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.videoPageBox .plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.videoPageBox .plyr .plyr__control:hover .plyr__tooltip,
.videoPageBox .plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1);
}
.videoPageBox .plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}
.videoPageBox .plyr__controls > .plyr__control:first-child .plyr__tooltip,
.videoPageBox .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 0 100%;
}
.videoPageBox .plyr__controls > .plyr__control:first-child .plyr__tooltip:before,
.videoPageBox .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
  left: 16px;
  left: calc(18px / 2 + 10px * 0.7);
  left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
}
.videoPageBox .plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 100% 100%;
}
.videoPageBox .plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(18px / 2 + 10px * 0.7);
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
  transform: translateX(50%);
}
.videoPageBox .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.videoPageBox .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.videoPageBox .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.videoPageBox .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.videoPageBox .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.videoPageBox .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.videoPageBox .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.videoPageBox .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.videoPageBox .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1);
}
.videoPageBox .plyr__progress {
  left: 6.5px;
  left: calc(13px * 0.5);
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}
.videoPageBox .plyr__progress input[type="range"],
.videoPageBox .plyr__progress__buffer {
  margin-left: -6.5px;
  margin-left: calc(13px * -0.5);
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: -6.5px;
  margin-right: calc(13px * -0.5);
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.videoPageBox .plyr__progress input[type="range"] {
  position: relative;
  z-index: 2;
}
.videoPageBox .plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  word-wrap: break-word;
  white-space: normal;
}
.videoPageBox .plyr__progress__buffer {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc((5px / 2) * -1);
  margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}
.videoPageBox .plyr__progress__buffer::-webkit-progress-bar {
  background: 0 0;
}
.videoPageBox .plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.videoPageBox .plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.videoPageBox .plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.videoPageBox .plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, transparent 0, transparent 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, transparent 0, transparent);
  background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: transparent;
}
.videoPageBox .plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: hsla(0, 0%, 100%, 0.25);
  background-color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25));
}
.videoPageBox .plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}
.videoPageBox .plyr__progress__marker {
  background-color: #fff;
  background-color: var(--plyr-progress-marker-background, #fff);
  border-radius: 1px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3px;
  width: var(--plyr-progress-marker-width, 3px);
  z-index: 3;
}
.videoPageBox .plyr__volume {
  align-items: center;
  display: flex;
  max-width: 110px;
  position: relative;
}
.videoPageBox .plyr__volume input[type="range"] {
  margin-left: 5px;
  margin-left: calc(10px / 2);
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: 5px;
  margin-right: calc(10px / 2);
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  position: relative;
  z-index: 2;
}
.videoPageBox .plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto;
}
.videoPageBox .plyr--audio {
  display: block;
}
.videoPageBox .plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  padding-top: 0;
}
.videoPageBox .plyr--audio .plyr__control.plyr__tab-focus,
.videoPageBox .plyr--audio .plyr__control:hover,
.videoPageBox .plyr--audio .plyr__control[aria-expanded="true"] {
  background: #fff;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #fff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff);
}
.videoPageBox .plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.videoPageBox .plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.videoPageBox .plyr--full-ui.plyr--audio input[type="range"]::-ms-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.videoPageBox .plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.videoPageBox .plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.videoPageBox .plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.videoPageBox .plyr--audio .plyr__progress__buffer {
  color: rgba(193, 200, 209, 0.6);
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}
.videoPageBox .plyr--video {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
}
.videoPageBox .plyr--video.plyr--menu-open {
  overflow: visible;
}
.videoPageBox .plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.videoPageBox .plyr__video-embed,
.videoPageBox .plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 1.77777778;
}
@supports not (aspect-ratio: 16/9) {
  .videoPageBox .plyr__video-embed,
  .videoPageBox .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}
.videoPageBox .plyr__video-embed iframe,
.videoPageBox .plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.videoPageBox .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}
.videoPageBox .plyr--video .plyr__controls {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
  background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, 0.75)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: 5px;
  padding: calc(10px / 2);
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: 20px;
  padding-top: calc(5px);
  padding-top: calc(var(--plyr-control-spacing, 5px));
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}
@media (min-width: 480px) {
  .videoPageBox .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: 35px;
    padding-top: calc(10px * 3.5);
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}
.videoPageBox .plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}
.videoPageBox .plyr--video .plyr__control.plyr__tab-focus,
.videoPageBox .plyr--video .plyr__control:hover,
.videoPageBox .plyr--video .plyr__control[aria-expanded="true"] {
  background: #fff;
  background: transparent;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, transparent)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff);
}
.videoPageBox .plyr__control--overlaid {
  background: #fff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #fff)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: 15px;
  padding: calc(10px * 1.5);
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}
.videoPageBox .plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.videoPageBox .plyr__control--overlaid:focus,
.videoPageBox .plyr__control--overlaid:hover {
  opacity: 1;
}
.videoPageBox .plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}
.videoPageBox .plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}
.videoPageBox .plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track {
  background-color: hsla(0, 0%, 100%, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25)));
}
.videoPageBox .plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {
  background-color: hsla(0, 0%, 100%, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25)));
}
.videoPageBox .plyr--full-ui.plyr--video input[type="range"]::-ms-track {
  background-color: hsla(0, 0%, 100%, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25)));
}
.videoPageBox .plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px hsla(0, 0%, 100%, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, 0.5));
}
.videoPageBox .plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px hsla(0, 0%, 100%, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, 0.5));
}
.videoPageBox .plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px hsla(0, 0%, 100%, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, 0.5));
}
.videoPageBox .plyr--video .plyr__progress__buffer {
  color: hsla(0, 0%, 100%, 0.25);
  color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25));
}
.videoPageBox .plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.videoPageBox .plyr:fullscreen video {
  height: 100%;
}
.videoPageBox .plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.videoPageBox .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.videoPageBox .plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .videoPageBox .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.videoPageBox .plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000;
}
.videoPageBox .plyr--fullscreen-fallback video {
  height: 100%;
}
.videoPageBox .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.videoPageBox .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.videoPageBox .plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .videoPageBox .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.videoPageBox .plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.videoPageBox .plyr__ads > div,
.videoPageBox .plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.videoPageBox .plyr__ads:after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}
.videoPageBox .plyr__ads:empty:after {
  display: none;
}
.videoPageBox .plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}
.videoPageBox .plyr__preview-thumb {
  background-color: hsla(0, 0%, 100%, 0.9);
  background-color: var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  margin-bottom: 10px;
  margin-bottom: calc(10px / 2 * 2);
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  z-index: 2;
}
.videoPageBox .plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0) scale(1);
}
.videoPageBox .plyr__preview-thumb:before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid hsla(0, 0%, 100%, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
  bottom: -4px;
  bottom: calc(4px * -1);
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.videoPageBox .plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 4px;
  border-radius: calc(5px - 1px);
  border-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.videoPageBox .plyr__preview-thumb__image-container img,
.videoPageBox .plyr__preview-thumb__image-container:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.videoPageBox .plyr__preview-thumb__image-container:after {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  content: "";
  pointer-events: none;
}
.videoPageBox .plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}
.videoPageBox .plyr__preview-thumb__time-container {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
  background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, 0.75)));
  border-bottom-left-radius: 4px;
  border-bottom-left-radius: calc(5px - 1px);
  border-bottom-left-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
  border-bottom-right-radius: 4px;
  border-bottom-right-radius: calc(5px - 1px);
  border-bottom-right-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}
.videoPageBox .plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: 11px;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}
.videoPageBox .plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}
.videoPageBox .plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.videoPageBox .plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}
.videoPageBox .plyr--no-transition {
  transition: none !important;
}
.videoPageBox .plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.videoPageBox .plyr [hidden] {
  display: none !important;
}
.videoPageBox .no-border {
  border: 0;
}
.videoPageBox [hidden] {
  display: none;
}
.videoPageBox .sr-only {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  opacity: 0.001;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.btnA[data-v-a6bbf658] {
  font-size: 15px;
  text-align: center;
  color: #fff;
  margin-top: 4px;
}
.van-count-down[data-v-a6bbf658] {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}
.btnSound[data-v-a6bbf658] {
  display: flex;
  position: absolute;
  background: #fff;
  left: 5px;
  top: 5px;
  z-index: 5;
  font-size: 14px;
  color: #262626;
  align-items: center;
}

.edit-videos[data-v-9a349f38] {
  width: 100vw;
}
.edit-videos .content[data-v-9a349f38] {
  width: 90vw;
  margin: 0 auto;
}
.edit-videos .content .part-1[data-v-9a349f38] {
  font-size: 12px;
  color: #6b6b6b;
  line-height: 22px;
}
.edit-videos .content .part-2[data-v-9a349f38] {
  width: 100%;
  height: 187px;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.04);
  margin-top: 20px;
}
.edit-videos .content .part-2 .title[data-v-9a349f38] {
  font-size: 14px;
  color: #ffffff;
  text-indent: 20px;
  padding-top: 20px;
}
.edit-videos .content .part-2 .add-box[data-v-9a349f38] {
  width: 98px;
  height: 114px;
  border-radius: 26px;
  background-color: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  margin-top: 10px;
}
.edit-videos .content .part-3[data-v-9a349f38] {
  width: 100%;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.04);
  margin-top: 20px;
  padding-bottom: 15px;
}
.edit-videos .content .part-3 .title[data-v-9a349f38] {
  font-size: 14px;
  color: #ffffff;
  text-indent: 20px;
  padding-top: 20px;
}
.edit-videos .content .part-3 .item[data-v-9a349f38] {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.edit-videos .content .part-3 .item .text-1[data-v-9a349f38] {
  font-size: 14px;
  color: #e4e4e4;
  margin-left: 20px;
}
.edit-videos .content .part-3 .item .text-2[data-v-9a349f38] {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  width: 60%;
  font-size: 14px;
  color: #e4e4e4;
  margin-right: 10px;
}
.edit-videos .content .part-3 .item .text-2 .bg[data-v-9a349f38] {
  border-radius: 11px;
  border: 1px solid #d695c7;
  padding: 2px 10px;
  font-size: 12px;
  text-align: center;
}
.edit-videos .content .part-3 .item .flex-start[data-v-9a349f38] {
  justify-content: flex-start;
  margin-left: 10px;
}
.edit-videos .content .part-3 .item .text-3[data-v-9a349f38] {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.edit-content[data-v-9a349f38] {
  width: 100vw;
  height: 100vh;
}
.edit-content .edit-title[data-v-9a349f38] {
  font-size: 16px;
  color: #e4e4e4;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-bottom: 10px;
}
.edit-content .edit-input[data-v-9a349f38] {
  width: 90%;
  height: 50px;
  margin: 30px auto;
}
.edit-content .edit-input .van-cell[data-v-9a349f38] {
  border-radius: 10px;
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.1);
}
.edit-content .edit-btn[data-v-9a349f38] {
  width: 90%;
  height: 52px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 35px;
}
.edit-content .edit-btn .btn-1[data-v-9a349f38] {
  width: 45%;
  height: 52px;
  line-height: 52px;
  text-align: center;
  border-radius: 26px;
  background-color: #ececec;
  font-size: 16px;
  font-weight: 500;
  color: #6e6e6e;
}
.edit-content .edit-btn .btn-2[data-v-9a349f38] {
  width: 45%;
  height: 52px;
  line-height: 52px;
  text-align: center;
  border-radius: 26px;
  background-color: #8379c3;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
}
.videos-content[data-v-9a349f38] {
  width: 100%;
  height: 100%;
  background: #000;
}
.videos-content .wrapper[data-v-9a349f38] {
  width: 90%;
  margin: 0 auto;
}
.videos-content .wrapper .pay-title[data-v-9a349f38] {
  height: 60px;
  line-height: 60px;
  font-family: PingFangSC;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #fff;
  text-align: center;
  position: relative;
}
.videos-content .wrapper .scroll-box[data-v-9a349f38] {
  height: 520px;
  overflow-y: scroll;
}
.videos-content .wrapper .scroll-box .item[data-v-9a349f38] {
  height: 80px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 10px;
}
.videos-content .wrapper .scroll-box .item .pic[data-v-9a349f38] {
  width: 35%;
  height: 80px;
  background: #dddddd;
  border-radius: 8px;
}
.videos-content .wrapper .scroll-box .item .info[data-v-9a349f38] {
  width: 50%;
  margin-left: 2%;
  margin-right: 2%;
}
.videos-content .wrapper .scroll-box .item .info .title[data-v-9a349f38] {
  height: 22px;
  font-size: 14px;
  color: #fff;
  overflow: hidden;
}
.videos-content .wrapper .scroll-box .item .info .text[data-v-9a349f38] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 10px;
}
.videos-content .wrapper .scroll-box .item .info .text .tag[data-v-9a349f38] {
  font-size: 10px;
  color: #888888;
  margin-right: 5px;
}
.videos-content .wrapper .scroll-box .item .select[data-v-9a349f38] {
  width: 20px;
  height: 20px;
}
.videos-content .wrapper .btn[data-v-9a349f38] {
  width: 100%;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 10px;
  background-color: #FF8525;
  font-size: 17px;
  font-weight: 500;
  color: #000;
  margin-top: 20px;
}
[data-v-9a349f38].van-radio__icon--checked .van-icon {
  background: #FF8525;
  border-color: #FF8525;
  color: #000;
  border-radius: 2px;
}
[data-v-9a349f38].van-checkbox__icon--checked .van-icon {
  background: #FF8525;
  border-color: #FF8525;
  color: #000;
  border-radius: 2px;
}
[data-v-9a349f38].van-uploader__preview-image {
  width: 120px;
  height: 80px;
  margin-top: 15px;
  margin-left: 20px;
}
.flex-safe-top[data-v-9a349f38] {
  height: var(--safe-top);
  width: 100%;
}

.community-layout[data-v-648fca1d] {
  min-height: 100%;
  color: #fff;
}
.community-header[data-v-648fca1d] {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(26, 26, 26, 0.98);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  /* 搜索框样式（与注释的搜索框配套）
    .search-box {
        width: 100%;
        max-width: 500px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 16px;
        background: rgba(255, 255, 255, 0.08);
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.3s;
        &:hover {
            background: rgba(255, 255, 255, 0.12);
        }
        &.expanded {
            background: rgba(255, 255, 255, 0.12);
            border: 1px solid rgba(255, 133, 37, 0.5);
            box-shadow: 0 0 0 2px rgba(255, 133, 37, 0.1);
        }
        .search-placeholder {
            color: #888;
            font-size: 14px;
            flex: 1;
        }
        .search-input {
            flex: 1;
            background: transparent;
            border: none;
            outline: none;
            color: #fff;
            font-size: 14px;
            &::placeholder { color: #888; }
        }
        .clear-icon {
            color: #888;
            cursor: pointer;
            transition: color 0.2s;
            &:hover { color: #fff; }
        }
    }
    */
}
.community-header .header-content[data-v-648fca1d] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.community-header .header-left[data-v-648fca1d] {
  flex: 1;
  display: flex;
  align-items: center;
}
.community-header .header-center[data-v-648fca1d] {
  flex: 2;
  display: flex;
  justify-content: center;
}
.community-header .back-btn[data-v-648fca1d] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  transition: background 0.2s;
}
.community-header .back-btn[data-v-648fca1d]:hover {
  background: rgba(255, 255, 255, 0.12);
}
.community-header .header-actions[data-v-648fca1d] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.community-header .header-actions .post-btn[data-v-648fca1d] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: linear-gradient(90deg, #ff8525, #ff6b00);
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.community-header .header-actions .post-btn[data-v-648fca1d]:hover {
  opacity: 0.9;
}
.community-header .header-actions .subscribe-btn[data-v-648fca1d] {
  padding: 8px 16px;
  background: transparent;
  border: 1px solid #ff8525;
  border-radius: 8px;
  color: #ff8525;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
}
.community-header .header-actions .subscribe-btn[data-v-648fca1d]:hover {
  background: rgba(255, 133, 37, 0.1);
}
.community-body[data-v-648fca1d] {
  min-height: calc(100% - 70px);
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px 24px;
  display: grid;
  grid-template-columns: 200px 1fr 280px;
  grid-gap: 24px;
  gap: 24px;
  background: linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%);
}
.left-sidebar[data-v-648fca1d] {
  position: sticky;
  top: 120px;
  align-self: start;
  height: -moz-fit-content;
  height: fit-content;
}
.left-sidebar .filter-nav[data-v-648fca1d] {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 12px;
  padding: 8px;
  margin-bottom: 16px;
}
.left-sidebar .filter-nav .nav-item[data-v-648fca1d] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  color: #ccc;
}
.left-sidebar .filter-nav .nav-item[data-v-648fca1d]:hover {
  background: rgba(255, 255, 255, 0.05);
}
.left-sidebar .filter-nav .nav-item.active[data-v-648fca1d] {
  background: rgba(255, 133, 37, 0.15);
  color: #ff8525;
}
.left-sidebar .filter-nav .nav-item span[data-v-648fca1d] {
  flex: 1;
  font-size: 14px;
}
.left-sidebar .filter-nav .nav-item .arrow-icon[data-v-648fca1d] {
  opacity: 0.5;
}
.left-sidebar .sidebar-ad[data-v-648fca1d] {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
}
.left-sidebar .sidebar-ad img[data-v-648fca1d] {
  width: 100%;
  display: block;
}
.left-sidebar .tag-section[data-v-648fca1d] {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 12px;
  padding: 16px;
}
.left-sidebar .tag-section .section-title[data-v-648fca1d] {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 12px;
  color: #fff;
}
.left-sidebar .tag-section .tag-list[data-v-648fca1d] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.left-sidebar .tag-section .tag-item[data-v-648fca1d] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  color: #aaa;
}
.left-sidebar .tag-section .tag-item[data-v-648fca1d]:hover {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
}
.left-sidebar .tag-section .tag-item.active[data-v-648fca1d] {
  background: rgba(255, 133, 37, 0.15);
  color: #ff8525;
}
.left-sidebar .tag-section .tag-item .tag-name[data-v-648fca1d] {
  font-size: 13px;
}
.main-content[data-v-648fca1d] {
  min-width: 0;
  min-height: calc(90vh - 140px);
}
.right-sidebar[data-v-648fca1d] {
  position: sticky;
  top: 120px;
  align-self: start;
  height: -moz-fit-content;
  height: fit-content;
}
.right-sidebar .sidebar-ad[data-v-648fca1d] {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
}
.right-sidebar .sidebar-ad img[data-v-648fca1d] {
  width: 100%;
  display: block;
}
.right-sidebar .vip-card[data-v-648fca1d] {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 16px;
}
.right-sidebar .vip-card .vip-title[data-v-648fca1d] {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 8px;
  color: #fff;
}
.right-sidebar .vip-card .vip-desc[data-v-648fca1d] {
  font-size: 13px;
  color: #888;
  line-height: 1.5;
  margin: 0 0 16px;
}
.right-sidebar .vip-card .vip-btn[data-v-648fca1d] {
  width: 100%;
  padding: 10px;
  background: linear-gradient(90deg, #ff8525, #ff6b00);
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.right-sidebar .vip-card .vip-btn[data-v-648fca1d]:hover {
  opacity: 0.9;
}
.right-sidebar .hot-communities[data-v-648fca1d] {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 12px;
  padding: 16px;
}
.right-sidebar .hot-communities .section-title[data-v-648fca1d] {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 16px;
  color: #fff;
}
.right-sidebar .hot-communities .community-item[data-v-648fca1d] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  cursor: pointer;
  transition: opacity 0.2s;
}
.right-sidebar .hot-communities .community-item[data-v-648fca1d]:hover {
  opacity: 0.8;
}
.right-sidebar .hot-communities .community-item .community-avatar[data-v-648fca1d] {
  width: 36px;
  height: 36px;
  border-radius: 8px;
}
.right-sidebar .hot-communities .community-item .community-info[data-v-648fca1d] {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.right-sidebar .hot-communities .community-item .community-info .community-name[data-v-648fca1d] {
  font-size: 14px;
  color: #fff;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right-sidebar .hot-communities .community-item .community-count[data-v-648fca1d] {
  font-size: 12px;
  color: #888;
}
.mobile-filters[data-v-648fca1d] {
  display: none;
  padding: 12px 16px;
  background: rgba(26, 26, 26, 0.98);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.mobile-filters .mobile-nav[data-v-648fca1d] {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.mobile-filters .mobile-nav[data-v-648fca1d]::-webkit-scrollbar {
  display: none;
}
.mobile-filters .mobile-nav .nav-item[data-v-648fca1d] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 20px;
  font-size: 13px;
  color: #999;
  white-space: nowrap;
  cursor: pointer;
}
.mobile-filters .mobile-nav .nav-item[data-v-648fca1d]:hover,
.mobile-filters .mobile-nav .nav-item.active[data-v-648fca1d] {
  background: rgba(255, 133, 37, 0.15);
  color: #ff8525;
}
.mobile-filters .mobile-tags[data-v-648fca1d] {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.mobile-filters .mobile-tags[data-v-648fca1d]::-webkit-scrollbar {
  display: none;
}
.mobile-filters .mobile-tags .tag-item[data-v-648fca1d] {
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  font-size: 12px;
  color: #888;
  white-space: nowrap;
  cursor: pointer;
}
.mobile-filters .mobile-tags .tag-item[data-v-648fca1d]:hover,
.mobile-filters .mobile-tags .tag-item.active[data-v-648fca1d] {
  background: rgba(255, 133, 37, 0.15);
  color: #ff8525;
}
.mobile-post-btn[data-v-648fca1d] {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 80px;
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #ff8525, #ff6b00);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(255, 133, 37, 0.4);
  cursor: pointer;
  z-index: 99;
}
@media (max-width: 1200px) {
.community-body[data-v-648fca1d] {
    grid-template-columns: 180px 1fr 240px;
    gap: 16px;
}
}
@media (max-width: 992px) {
.community-body[data-v-648fca1d] {
    grid-template-columns: 1fr;
    padding: 16px;
}
.left-sidebar[data-v-648fca1d],
  .right-sidebar[data-v-648fca1d] {
    display: none;
}
.mobile-filters[data-v-648fca1d] {
    display: block;
}
.mobile-post-btn[data-v-648fca1d] {
    display: flex;
}
.community-header .header-content[data-v-648fca1d] {
    padding: 12px 16px;
}
.community-header .header-left[data-v-648fca1d] {
    display: none;
}
.community-header .header-actions[data-v-648fca1d] {
    flex: 0;
}
.community-header .header-actions .subscribe-btn[data-v-648fca1d] {
    display: none;
}
}
@media (max-width: 768px) {
.community-header .header-content[data-v-648fca1d] {
    padding: 10px 12px;
    gap: 12px;
}
.community-header .back-btn[data-v-648fca1d] {
    padding: 6px 12px;
    font-size: 13px;
}
.community-header .header-actions .post-btn[data-v-648fca1d] {
    padding: 8px 12px;
    font-size: 13px;
    white-space: nowrap;
}
.community-header .header-actions .post-btn span[data-v-648fca1d] {
    display: none;
}
.community-body[data-v-648fca1d] {
    padding: 12px;
}
}

.van-image.van-uploader__preview-image {
  height: 100%;
  width: 100%;
}

.aiDisrobe[data-v-77947816] {
  height: 100%;
  overflow: auto;
  padding: 0 15px 150px 15px;
}
.aiDisrobe .uploader[data-v-77947816] {
  width: 100%;
  height: 100%;
}
.aiDisrobe .uploader > div[data-v-77947816] {
  width: 100%;
  height: 100%;
}
.aiDisrobe .uploaderBox[data-v-77947816] {
  border-radius: 25px;
  color: #fff;
  margin: 5px 15px;
  font-family: PingFangSC;
  text-align: center;
}
.aiDisrobe .uploaderBox .upload img[data-v-77947816] {
  width: 100%;
  vertical-align: middle;
}
.aiDisrobe .uploaderBox .text[data-v-77947816] {
  font-size: 14px;
  color: #de9aff;
  margin: 15px 0;
}
.aiDisrobe .noticeDetail[data-v-77947816] {
  width: 100%;
  margin: 10px auto;
  color: #999;
  font-size: 12px;
  font-weight: 400;
  line-height: 180%;
  /* 21px */
}
.aiDisrobe .preview-img[data-v-77947816] {
  width: 100%;
}
.aiDisrobe .btn-upload[data-v-77947816] {
  padding: 12px 0;
  background: linear-gradient(90deg, #ff9900 0%, #ffaa33 100%);
  border-radius: 10px;
  font-size: 14px;
}

.comment {
  margin-top: 20px;
}
.commentItem {
  display: flex;
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
  font-size: 14px;
}
.commentItem .commentName {
  color: #b2b2b2;
}
.commentItem > div:nth-child(2) {
  flex: 1;
  width: calc(100% - 54px);
}
.commentItem > div:nth-child(2) > div:first-child {
  margin: 5px 0;
}
.commentItem > div:nth-child(2) > div:nth-child(3) {
  display: flex;
  margin: 10px 0;
  color: #999999;
  justify-content: space-between;
}
.commentItem > div:nth-child(2) > div:nth-child(3) img {
  height: 14px;
  margin-right: 3px;
}
.commentItem > div:nth-child(2) > div:nth-child(3) .likeBox {
  display: flex;
  align-items: center;
}
.commentItem > div:nth-child(2) > div:nth-child(3) .likeBox > div {
  margin: 0 10px;
  display: flex;
  align-items: center;
}
.commentItem > div:nth-child(2) > div:nth-child(3) .likeBox .active_dianzan {
  color: #FF8525;
}
.commentItem > div:nth-child(2) > div:nth-child(3) .likeBox .active_cai {
  color: #E44545;
}
.commentItem p {
  word-wrap: break-word;
  word-break: normal;
  margin: 0 auto;
}
.commentItem .avatar {
  margin-right: 10px;
}
.replyEnter {
  border-radius: 12px;
  border: solid 1px #3a3643;
  padding: 6px 13px;
  font-size: 14px;
  display: flex;
  align-items: center;
  background-image: linear-gradient(to left, #1d1e21, #1e2026 0%);
}
.replyEnter span {
  padding: 0 5px;
}
.time {
  display: flex;
}
.time > span:first-child {
  width: 100px;
}

.edit-videos[data-v-e77bef40] {
  width: 100%;
}
.edit-videos .content[data-v-e77bef40] {
  width: 90vw;
  margin: 0 auto;
}
.edit-videos .content .part-1[data-v-e77bef40] {
  font-size: 12px;
  color: #6b6b6b;
  line-height: 22px;
}
.edit-videos .content .part-2[data-v-e77bef40] {
  width: 100%;
  height: 187px;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.04);
  margin-top: 20px;
}
.edit-videos .content .part-2 .title[data-v-e77bef40] {
  font-size: 14px;
  color: #ffffff;
  text-indent: 20px;
  padding-top: 20px;
}
.edit-videos .content .part-2 .add-box[data-v-e77bef40] {
  width: 98px;
  height: 114px;
  border-radius: 26px;
  background-color: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  margin-top: 10px;
}
.edit-videos .content .part-3[data-v-e77bef40] {
  width: 100%;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.04);
  margin-top: 20px;
}
.edit-videos .content .part-3 .title[data-v-e77bef40] {
  font-size: 14px;
  color: #ffffff;
  text-indent: 20px;
  padding-top: 20px;
}
.edit-videos .content .part-3 .item[data-v-e77bef40] {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.edit-videos .content .part-3 .item .text-1[data-v-e77bef40] {
  font-size: 14px;
  color: #e4e4e4;
  margin-left: 20px;
}
.edit-videos .content .part-3 .item .text-2[data-v-e77bef40] {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  width: 60%;
  font-size: 14px;
  color: #e4e4e4;
  margin-right: 10px;
}
.edit-videos .content .part-3 .item .text-2 .bg[data-v-e77bef40] {
  border-radius: 11px;
  border: 1px solid #d695c7;
  padding: 2px 10px;
  font-size: 12px;
  text-align: center;
}
.edit-videos .content .part-3 .item .flex-start[data-v-e77bef40] {
  justify-content: flex-start;
  margin-left: 10px;
}
.edit-videos .content .part-3 .item .text-3[data-v-e77bef40] {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.edit-content[data-v-e77bef40] {
  width: 90vw;
  height: 230px;
  background: url(/app/img/tip-bg.dd8c932.png) no-repeat;
  background-size: 100% 100%;
}
.edit-content .edit-title[data-v-e77bef40] {
  font-size: 16px;
  color: #e4e4e4;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-bottom: 10px;
}
.edit-content .edit-input[data-v-e77bef40] {
  width: 90%;
  height: 50px;
  margin: 0 auto;
}
.edit-content .edit-input .van-cell[data-v-e77bef40] {
  border-radius: 10px;
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.1);
}
.edit-content .edit-btn[data-v-e77bef40] {
  width: 90%;
  height: 52px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 35px;
}
.edit-content .edit-btn .btn-1[data-v-e77bef40] {
  width: 45%;
  height: 52px;
  line-height: 52px;
  text-align: center;
  border-radius: 26px;
  background-color: #ececec;
  font-size: 16px;
  font-weight: 500;
  color: #6e6e6e;
}
.edit-content .edit-btn .btn-2[data-v-e77bef40] {
  width: 45%;
  height: 52px;
  line-height: 52px;
  text-align: center;
  border-radius: 26px;
  background-color: #8379c3;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
}
.pay-content[data-v-e77bef40] {
  width: 100%;
  height: 220px;
  background: url(/app/img/pay-bg.ec8aa45.png) no-repeat;
  background-size: 100% 100%;
}
.pay-content .wrapper[data-v-e77bef40] {
  width: 90%;
  margin: 0 auto;
}
.pay-content .wrapper .pay-title[data-v-e77bef40] {
  height: 60px;
  line-height: 60px;
  background-image: linear-gradient(to right, #fd9 0%, #d7aac2 50%, #8f7dce);
  font-family: PingFangSC;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
.pay-content .van-cell-group[data-v-e77bef40] {
  background-color: transparent;
}
.pay-content .van-cell-group .van-cell[data-v-e77bef40] {
  background-color: transparent;
}
.videos-content[data-v-e77bef40] {
  width: 100%;
  height: 100%;
  background: #000;
}
.videos-content .wrapper[data-v-e77bef40] {
  width: 90%;
  margin: 0 auto;
}
.videos-content .wrapper .pay-title[data-v-e77bef40] {
  height: 60px;
  line-height: 60px;
  font-family: PingFangSC;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #fff;
  text-align: center;
  position: relative;
}
.videos-content .wrapper .scroll-box[data-v-e77bef40] {
  height: 520px;
  overflow-y: scroll;
}
.videos-content .wrapper .scroll-box .item[data-v-e77bef40] {
  height: 80px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 10px;
}
.videos-content .wrapper .scroll-box .item .pic[data-v-e77bef40] {
  width: 35%;
  height: 80px;
  background: #dddddd;
  border-radius: 8px;
}
.videos-content .wrapper .scroll-box .item .info[data-v-e77bef40] {
  width: 50%;
  margin-left: 2%;
  margin-right: 2%;
}
.videos-content .wrapper .scroll-box .item .info .title[data-v-e77bef40] {
  height: 22px;
  font-size: 14px;
  color: #fff;
  overflow: hidden;
}
.videos-content .wrapper .scroll-box .item .info .text[data-v-e77bef40] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 10px;
}
.videos-content .wrapper .scroll-box .item .info .text .tag[data-v-e77bef40] {
  font-size: 10px;
  color: #888888;
  margin-right: 5px;
}
.videos-content .wrapper .scroll-box .item .select[data-v-e77bef40] {
  width: 20px;
  height: 20px;
}
.videos-content .wrapper .btn[data-v-e77bef40] {
  width: 100%;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 10px;
  background-color: #FF8525;
  font-size: 17px;
  font-weight: 500;
  color: #000;
  margin-top: 20px;
}
[data-v-e77bef40].van-radio__icon--checked .van-icon {
  background: #FF8525;
  border-color: #FF8525;
  color: #000;
  border-radius: 2px;
}
[data-v-e77bef40].van-checkbox__icon--checked .van-icon {
  background: #FF8525;
  border-color: #FF8525;
  color: #000;
  border-radius: 2px;
}
.flex-safe-top[data-v-e77bef40] {
  height: var(--safe-top);
  width: 100%;
}

.edit-videos[data-v-03098978] {
  width: 100vw;
}
.edit-videos .content[data-v-03098978] {
  width: 90vw;
  margin: 0 auto;
}
.edit-videos .content .part-1[data-v-03098978] {
  font-size: 12px;
  color: #6b6b6b;
  line-height: 22px;
}
.edit-videos .content .part-2[data-v-03098978] {
  width: 100%;
  height: 187px;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.04);
  margin-top: 20px;
}
.edit-videos .content .part-2 .title[data-v-03098978] {
  font-size: 14px;
  color: #ffffff;
  text-indent: 20px;
  padding-top: 20px;
}
.edit-videos .content .part-2 .add-box[data-v-03098978] {
  width: 98px;
  height: 114px;
  border-radius: 26px;
  background-color: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  margin-top: 10px;
}
.edit-videos .content .part-3[data-v-03098978] {
  width: 100%;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.04);
  margin-top: 20px;
}
.edit-videos .content .part-3 .title[data-v-03098978] {
  font-size: 14px;
  color: #ffffff;
  text-indent: 20px;
  padding-top: 20px;
}
.edit-videos .content .part-3 .item[data-v-03098978] {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.edit-videos .content .part-3 .item .text-1[data-v-03098978] {
  font-size: 14px;
  color: #e4e4e4;
  margin-left: 20px;
}
.edit-videos .content .part-3 .item .text-2[data-v-03098978] {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  width: 60%;
  font-size: 14px;
  color: #e4e4e4;
  margin-right: 10px;
}
.edit-videos .content .part-3 .item .text-2 .bg[data-v-03098978] {
  border-radius: 11px;
  border: 1px solid #d695c7;
  padding: 2px 10px;
  font-size: 12px;
  text-align: center;
}
.edit-videos .content .part-3 .item .flex-start[data-v-03098978] {
  justify-content: flex-start;
  margin-left: 10px;
}
.edit-videos .content .part-3 .item .text-3[data-v-03098978] {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.edit-content[data-v-03098978] {
  width: 90vw;
  height: 230px;
  background: url(/app/img/tip-bg.dd8c932.png) no-repeat;
  background-size: 100% 100%;
}
.edit-content .edit-title[data-v-03098978] {
  font-size: 16px;
  color: #e4e4e4;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-bottom: 10px;
}
.edit-content .edit-input[data-v-03098978] {
  width: 90%;
  height: 50px;
  margin: 0 auto;
}
.edit-content .edit-input .van-cell[data-v-03098978] {
  border-radius: 10px;
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.1);
}
.edit-content .edit-btn[data-v-03098978] {
  width: 90%;
  height: 52px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 35px;
}
.edit-content .edit-btn .btn-1[data-v-03098978] {
  width: 45%;
  height: 52px;
  line-height: 52px;
  text-align: center;
  border-radius: 26px;
  background-color: #ececec;
  font-size: 16px;
  font-weight: 500;
  color: #6e6e6e;
}
.edit-content .edit-btn .btn-2[data-v-03098978] {
  width: 45%;
  height: 52px;
  line-height: 52px;
  text-align: center;
  border-radius: 26px;
  background-color: #8379c3;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
}
.pay-content[data-v-03098978] {
  width: 100%;
  height: 220px;
  background: url(/app/img/pay-bg.ec8aa45.png) no-repeat;
  background-size: 100% 100%;
}
.pay-content .wrapper[data-v-03098978] {
  width: 90%;
  margin: 0 auto;
}
.pay-content .wrapper .pay-title[data-v-03098978] {
  height: 60px;
  line-height: 60px;
  background-image: linear-gradient(to right, #fd9 0%, #d7aac2 50%, #8f7dce);
  font-family: PingFangSC;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
.pay-content .van-cell-group[data-v-03098978] {
  background-color: transparent;
}
.pay-content .van-cell-group .van-cell[data-v-03098978] {
  background-color: transparent;
}
.videos-content[data-v-03098978] {
  width: 100%;
  height: 100%;
  background: #000;
}
.videos-content .wrapper[data-v-03098978] {
  width: 90%;
  margin: 0 auto;
}
.videos-content .wrapper .pay-title[data-v-03098978] {
  height: 60px;
  line-height: 60px;
  font-family: PingFangSC;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #fff;
  text-align: center;
  position: relative;
}
.videos-content .wrapper .scroll-box[data-v-03098978] {
  height: 520px;
  overflow-y: scroll;
}
.videos-content .wrapper .scroll-box .item[data-v-03098978] {
  height: 80px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 10px;
}
.videos-content .wrapper .scroll-box .item .pic[data-v-03098978] {
  width: 35%;
  height: 80px;
  background: #dddddd;
  border-radius: 8px;
}
.videos-content .wrapper .scroll-box .item .info[data-v-03098978] {
  width: 50%;
  margin-left: 2%;
  margin-right: 2%;
}
.videos-content .wrapper .scroll-box .item .info .title[data-v-03098978] {
  height: 22px;
  font-size: 14px;
  color: #fff;
  overflow: hidden;
}
.videos-content .wrapper .scroll-box .item .info .text[data-v-03098978] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 10px;
}
.videos-content .wrapper .scroll-box .item .info .text .tag[data-v-03098978] {
  font-size: 10px;
  color: #888888;
  margin-right: 5px;
}
.videos-content .wrapper .scroll-box .item .select[data-v-03098978] {
  width: 20px;
  height: 20px;
}
.videos-content .wrapper .btn[data-v-03098978] {
  width: 200px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 10px;
  background-color: #FF8525;
  font-size: 17px;
  font-weight: 500;
  color: #000;
  margin: auto;
  margin-top: 20px;
}
[data-v-03098978].van-radio__icon--checked .van-icon {
  background: #FF8525;
  border-color: #FF8525;
  color: #000;
  border-radius: 2px;
}
[data-v-03098978].van-checkbox__icon--checked .van-icon {
  background: #FF8525;
  border-color: #FF8525;
  color: #000;
  border-radius: 2px;
}
.flex-safe-top[data-v-03098978] {
  height: var(--safe-top);
  width: 100%;
}

.recommendPublishers[data-v-0d40693c] {
  padding: 10px 0px 0;
  display: flex;
  flex-direction: column;
  min-height: -moz-fit-content;
  min-height: fit-content;
  overflow: visible;
}
.container[data-v-0d40693c] {
  display: grid;
  grid-template-columns: repeat(2, 80px);
  justify-content: space-around;
  grid-gap: 20px 0px;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.moduleTitle[data-v-0d40693c] {
  position: relative;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.moduleTitle .h_wrap[data-v-0d40693c] {
  background: #ff8525;
  color: #000;
  padding: 0 1px;
}
.moreBtn[data-v-0d40693c] {
  font-size: 14px;
  background: #101010;
  border: 1px solid #2e2e2e;
  color: #969696;
  cursor: pointer;
  display: block;
  margin: 13px auto 20px;
  padding: 3px 5px;
  position: relative;
  text-align: center;
  width: 70px;
  z-index: 2;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.moreBtn[data-v-0d40693c]:hover {
  background: #1a1a1a;
  border-color: #ff9900;
  color: #ff9900;
  transform: translateY(-1px);
}
.moreBtn[data-v-0d40693c]::before {
  content: "";
  border-top: #212121 solid 1px;
  height: 0;
  position: absolute;
  width: 30px;
  left: -31px;
  top: 10px;
  z-index: 1;
  transition: border-color 0.3s ease;
}
.moreBtn[data-v-0d40693c]::after {
  content: "";
  border-top: #212121 solid 1px;
  height: 0;
  position: absolute;
  width: 30px;
  right: -31px;
  top: 10px;
  z-index: 1;
  transition: border-color 0.3s ease;
}
.moreBtn[data-v-0d40693c]:hover::before,
.moreBtn[data-v-0d40693c]:hover::after {
  border-color: #ff9900;
}
.avatarBlock[data-v-0d40693c] {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.name[data-v-0d40693c] {
  font-size: 12px;
  text-align: center;
  color: #999;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* PC端样式优化 */
@media (min-width: 921px) {
.recommendPublishers[data-v-0d40693c] {
    max-height: none;
    overflow-y: visible;
}
.container[data-v-0d40693c] {
    max-height: none;
    overflow: visible;
}
.moreBtn[data-v-0d40693c] {
    margin-top: 16px;
    margin-bottom: 16px;
}
}
@media (max-width: 920px) {
  /* 920px 以下 */
}
@media (max-width: 640px) {
  /* 640px 以下 */
.container[data-v-0d40693c] {
    display: block;
    width: 100%;
    padding: 12px;
    overflow-x: scroll;
    white-space: nowrap;
    scrollbar-width: none;
}
.container[data-v-0d40693c]::-webkit-scrollbar {
    display: none;
}
.avatarBlock[data-v-0d40693c] {
    margin-right: 15px;
    display: inline-block;
    width: 80px;
}
}

.fastForwardBoxR[data-v-421733b6] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: 30px;
  position: absolute;
}
.fastForwardBoxL[data-v-421733b6] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: -30px;
}
.outDivR[data-v-421733b6] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.outDivL[data-v-421733b6] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: flex-end;
}
.outDivBg[data-v-421733b6] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  display: flex;
  align-items: center;
}
.outDivBg .outDivBg1[data-v-421733b6] {
  width: 100%;
  height: 200%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.ytp-doubletap-tooltip-label[data-v-421733b6] {
  color: #ddd;
  font-size: 15px;
  margin-right: 25px;
  margin-left: 25px;
}
.blingblingL[data-v-421733b6] {
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(180deg);
}
.blingblingR[data-v-421733b6] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.blingbling1[data-v-421733b6] {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  box-sizing: border-box;
  animation-duration: 1.2s;
  border-left: 11px solid #ddd;
  animation: arrow-fade-out-1-421733b6 1.2s infinite ease-in-out;
}
.blingbling2[data-v-421733b6] {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  box-sizing: border-box;
  animation-duration: 1.2s;
  border-left: 11px solid #ddd;
  animation: arrow-fade-out-2-421733b6 1.2s infinite ease-in-out;
}
.blingbling3[data-v-421733b6] {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  box-sizing: border-box;
  animation-duration: 1.2s;
  border-left: 11px solid #ddd;
  animation: arrow-fade-out-3-421733b6 1.2s infinite ease-in-out;
}
@keyframes arrow-fade-out-1-421733b6 {
0% {
    opacity: 0;
}
17% {
    opacity: 0.9;
}
33% {
    opacity: 0.6;
}
50% {
    opacity: 0.3;
}
67% {
    opacity: 0.3;
}
83% {
    opacity: 0.3;
}
100% {
    opacity: 0;
}
}
@keyframes arrow-fade-out-2-421733b6 {
0% {
    opacity: 0;
}
17% {
    opacity: 0.3;
}
33% {
    opacity: 0.9;
}
50% {
    opacity: 0.6;
}
67% {
    opacity: 0.3;
}
83% {
    opacity: 0.3;
}
100% {
    opacity: 0;
}
}
@keyframes arrow-fade-out-3-421733b6 {
0% {
    opacity: 0;
}
17% {
    opacity: 0.3;
}
33% {
    opacity: 0.3;
}
50% {
    opacity: 0.9;
}
67% {
    opacity: 0.6;
}
83% {
    opacity: 0.3;
}
100% {
    opacity: 0;
}
}

.tips[data-v-81513af8] {
  color: #fff;
  font-size: 14px;
}
.aiImg2Video[data-v-81513af8] {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
[data-v-81513af8] .van-image.van-uploader__preview-image {
  width: 100%;
  height: 100%;
  max-height: 160px;
}
[data-v-81513af8] .van-image.van-uploader__preview-image img {
  width: 100%;
  height: 100%;
  max-height: 160px;
  -o-object-fit: contain;
     object-fit: contain;
}
[data-v-81513af8] .van-uploader__wrapper {
  flex: 1;
  width: 100%;
  height: 100%;
}
[data-v-81513af8] .van-uploader__preview {
  width: 100% !important;
  margin: 0;
}
[data-v-81513af8] .van-uploader__input-wrapper {
  width: 100%;
  height: 100%;
}
[data-v-81513af8] .van-uploader__preview-delete {
  width: 20px;
  height: 20px;
}
[data-v-81513af8] .van-uploader__preview-delete-icon {
  font-size: 22px;
}
.aiContent[data-v-81513af8] {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  position: relative;
  min-height: 0;
}
.mse[data-v-81513af8] {
  width: 100%;
  height: auto;
  border-radius: 4px;
  overflow: hidden;
}
.uploaderBox[data-v-81513af8] {
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-family: PingFangSC;
}
.uploaderBox .uploadItem[data-v-81513af8] {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.uploaderBox .uploadItem .uploadItemText[data-v-81513af8] {
  font-size: 12px;
  color: #fff;
  margin-top: 10px;
}
.uploaderBox .upload[data-v-81513af8] {
  display: flex;
  align-items: center;
  margin: 0 5px;
  height: 160px;
  overflow: hidden;
}
.uploaderBox .upload img[data-v-81513af8] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  vertical-align: middle;
}
.notice[data-v-81513af8] {
  width: 100%;
  margin-top: 20px;
  padding: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.noticeDetail[data-v-81513af8] {
  color: #fff;
  padding: 5px;
  font-size: 12px;
  line-height: 180%;
}
.preview-img[data-v-81513af8] {
  display: block;
  margin: 10px auto;
}
.uploadtip[data-v-81513af8] {
  color: #fff;
  font-size: 12px;
  margin: 15px;
}
.uploadtip img[data-v-81513af8] {
  width: 100%;
}
.priceTip[data-v-81513af8] {
  font-size: 14px;
  color: #bb1bfa;
  font-weight: 400;
  display: flex;
  margin-top: 30px;
  justify-content: space-around;
}
.btn-upload[data-v-81513af8] {
  color: #fff;
  text-align: center;
  padding: 12px 0;
  margin: 10px 0;
  background: linear-gradient(90deg, #ff9900 0%, #ffaa33 100%);
  border-radius: 10px;
  font-size: 14px;
}
.avatarList[data-v-81513af8] {
  position: relative;
}
.avatarList img[data-v-81513af8] {
  height: 17px;
  position: absolute;
}
.avatarList img[data-v-81513af8]:nth-child(1) {
  left: 20px;
}
.avatarList img[data-v-81513af8]:nth-child(2) {
  left: 10px;
}
.avatarList img[data-v-81513af8]:nth-child(3) {
  left: 0px;
}
.avatarList span[data-v-81513af8] {
  display: inline-block;
  margin-left: 40px;
}

.aiImg2VideoList[data-v-716afd77] {
  height: 100%;
  overflow: hidden;
}
.grid-content[data-v-716afd77] {
  padding: 10px 10px 100px 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 5px 10px;
}
.grid-content .item[data-v-716afd77] {
  overflow: hidden;
  position: relative;
  font-size: 0;
  border-radius: 10px;
  cursor: pointer;
}
.grid-content .price[data-v-716afd77] {
  position: absolute;
  right: 7px;
  top: 7px;
  color: #ffea80;
  font-size: 12px;
  z-index: 20;
  padding: 4px 5px;
  border-radius: 5px;
  background: rgba(0,0,0,0.6);
}
.grid-content img[data-v-716afd77] {
  width: 100%;
}
.grid-content .text[data-v-716afd77] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.66667), transparent);
  padding: 10px 0;
  font-size: 20px;
  color: #fff;
  text-align: center;
  z-index: 20;
}
@media (max-width: 920px) {
  /* 460px以下 */
.grid-content[data-v-716afd77] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 640px) {
  /* 460px以下 */
.grid-content[data-v-716afd77] {
    grid-template-columns: repeat(2, 1fr);
}
}
.responsive-popup[data-v-716afd77] {
  width: 100vw;
  max-width: 640px;
  margin: 0 auto;
  justify-self: anchor-center;
}

.van-image.van-uploader__preview-image {
  height: 100%;
  width: 100%;
}

.aiLiftClothes[data-v-9e87bbd0] {
  height: 100%;
  overflow: auto;
  padding: 0 15px 150px 15px;
}
.aiLiftClothes .uploader[data-v-9e87bbd0] {
  width: 100%;
  height: 100%;
}
.aiLiftClothes .uploader > div[data-v-9e87bbd0] {
  width: 100%;
  height: 100%;
}
.aiLiftClothes .uploaderBox[data-v-9e87bbd0] {
  border-radius: 25px;
  color: #fff;
  margin: 5px 15px;
  font-family: PingFangSC;
  text-align: center;
}
.aiLiftClothes .uploaderBox .upload img[data-v-9e87bbd0] {
  width: 100%;
  vertical-align: middle;
}
.aiLiftClothes .uploaderBox .text[data-v-9e87bbd0] {
  font-size: 14px;
  color: #cc00ff;
  margin: 15px 0;
}
.aiLiftClothes .noticeDetail[data-v-9e87bbd0] {
  width: 100%;
  margin: 10px auto;
  color: #999;
  font-size: 12px;
  font-weight: 400;
  line-height: 180%;
  /* 21px */
}
.aiLiftClothes .preview-img[data-v-9e87bbd0] {
  width: 100%;
}
.aiLiftClothes .btn-upload[data-v-9e87bbd0] {
  padding: 12px 0;
  background: linear-gradient(90deg, #ff9900 0%, #ffaa33 100%);
  border-radius: 10px;
  font-size: 14px;
}
.aiLiftClothes .aiLiftClothesTips[data-v-9e87bbd0] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
}
.aiLiftClothes .aiLiftClothesTips .dialogHistoryContent[data-v-9e87bbd0] {
  position: relative;
  width: 320px;
  height: 415px;
  background: url(/app/img/aiLiftClothesTipsBg.c19cb88.png) no-repeat;
  background-size: 100% 100%;
}
.aiLiftClothes .aiLiftClothesTips .button[data-v-9e87bbd0] {
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translate(-50%);
}
.aiLiftClothes .aiLiftClothesTips .button img[data-v-9e87bbd0] {
  height: 42px;
}

.aiNovel[data-v-6d3c8fb2] {
  height: 100%;
  overflow: hidden;
}
.scroll-container[data-v-6d3c8fb2] {
  padding: 0 15px;
}
.bgDes[data-v-6d3c8fb2] {
  position: relative;
  width: 100%;
  height: 107px;
  margin-top: 15px;
  border-radius: 10px;
  background: #262626;
  padding: 10px;
  font-size: 16px;
}
.bgDes .title[data-v-6d3c8fb2] {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: #fff;
}
.bgDes .rules[data-v-6d3c8fb2] {
  display: flex;
  justify-content: space-around;
  align-items: center;
  color: #cccccc;
}
.input-field[data-v-6d3c8fb2] {
  position: relative;
  flex: 1;
  margin-top: 5px;
  height: 55px;
  text-align: center;
  border-radius: 6px;
  background: #313131;
  color: #727378;
}
.wordCount[data-v-6d3c8fb2] {
  position: absolute;
  right: 18px;
  bottom: 18px;
  text-align: right;
  color: #727378;
  font-size: 12px;
}
.input-field[data-v-6d3c8fb2] ::-moz-placeholder {
  color: #727378;
}
.input-field[data-v-6d3c8fb2] ::placeholder {
  color: #727378;
}
.van-cell[data-v-6d3c8fb2] {
  padding: 5px 10px;
}
.description[data-v-6d3c8fb2] {
  position: relative;
  width: 100%;
  height: 107px;
  margin-top: 15px;
  border-radius: 10px;
  background: #262626;
  padding: 10px;
  font-size: 16px;
  color: #fff;
}
.description span[data-v-6d3c8fb2] {
  color: red;
}
.otherDes[data-v-6d3c8fb2] {
  position: relative;
  width: 100%;
  height: 107px;
  margin-top: 15px;
  border-radius: 10px;
  background: #262626;
  padding: 10px;
  font-size: 16px;
  color: #fff;
}
.aiModels[data-v-6d3c8fb2] {
  width: 100%;
  height: 107px;
  margin-top: 15px;
  border-radius: 10px;
  background: #262626;
  padding: 10px;
  font-size: 16px;
  color: #fff;
}
.aiModels .novelModels[data-v-6d3c8fb2] {
  width: 100%;
  margin-top: 20px;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 20px;
  gap: 20px;
}
.aiModels .modelItem[data-v-6d3c8fb2] {
  width: 100px;
  height: 30px;
  overflow: hidden;
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(60, 60, 60, 0.6), rgba(40, 40, 40, 0.8));
  text-align: center;
  color: #cccccc;
  border: 1px solid rgba(255, 153, 0, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
}
.aiModels .modelItem[data-v-6d3c8fb2]:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(255, 153, 0, 0.3), rgba(255, 170, 51, 0.2));
  border-color: rgba(255, 153, 0, 0.6);
  box-shadow: 0 4px 15px rgba(255, 153, 0, 0.3);
}
.aiModels .modelItem .itemName[data-v-6d3c8fb2] {
  font-size: 12px;
  font-weight: 400;
  white-space: normal;
  line-height: 30px;
}
.aiModels .selectModel[data-v-6d3c8fb2] {
  color: #fff;
  background: linear-gradient(90deg, #ff9900 0%, #ffaa33 100%);
}
.btnAINovel[data-v-6d3c8fb2] {
  margin-top: 20px;
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  border-radius: 6px;
  background: linear-gradient(90deg, #ff9900 0%, #ffaa33 100%);
  line-height: 50px;
}
.btnAINovel span[data-v-6d3c8fb2] {
  font-size: 12px;
}
.popup-content[data-v-6d3c8fb2] {
  width: 331px;
  height: 322px;
  background: url(/app/img/aiNovelRulesBg.0cb5add.png) no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.popup-content .rulesText[data-v-6d3c8fb2] {
  width: 100%;
  text-align: center;
  margin-top: 109px;
  padding: 0 15px;
}
.popup-content .rulesBtn[data-v-6d3c8fb2] {
  width: 169px;
  height: 38px;
  margin: 0 auto;
  margin-top: 30px;
  border-radius: 6px;
  background: linear-gradient(90deg, #ff9900 0%, #ffaa33 100%);
  text-align: center;
  font-size: 18px;
  color: #fff;
  line-height: 38px;
}

.videos-category[data-v-0cae046f] {
  padding-top: var(--safe-top);
  padding-bottom: var(--safe-bottom);
  height: 100%;
  width: 100%;
  z-index: 10;
  background: #000;
  font-size: 16px;
  color: #ffffff;
}
.videos-category .scroll-container[data-v-0cae046f] {
  height: 100%;
}
.videos-category .seach-btn[data-v-0cae046f] {
  width: 90%;
  height: 48px;
  background: #ff8525;
  border-radius: 24px;
  position: fixed;
  left: 5%;
  bottom: 20px;
  text-align: center;
  line-height: 48px;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  border-radius: 6px;
  background: linear-gradient(90deg, #ff9900 0%, #ffaa33 100%);
}
.videos-category .seach-btn span[data-v-0cae046f] {
  font-size: 14px;
}
.videos-category-title[data-v-0cae046f] {
  display: flex;
  margin: 10px 0;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 2;
}
.back[data-v-0cae046f] {
  margin-left: 15px;
}
.back > div[data-v-0cae046f] {
  width: 100%;
  color: #ffffff;
  text-align: center;
}
.videos-category-title-tips[data-v-0cae046f] {
  color: #fff;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  flex: 1;
  text-align: center;
  padding-right: 15px;
}
.videos-category-reset-tips[data-v-0cae046f] {
  color: #fff;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  text-align: right;
  padding-right: 15px;
}
.contentBox[data-v-0cae046f] {
  margin: 0px 0;
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 80px;
  overflow-y: auto;
}
.chooseBox[data-v-0cae046f] {
  padding: 10px;
}
.checkBox[data-v-0cae046f] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-column-gap: 5px;
  -moz-column-gap: 5px;
       column-gap: 5px;
  grid-row-gap: 5px;
  row-gap: 5px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.checkBox .right[data-v-0cae046f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 5px;
  -moz-column-gap: 5px;
       column-gap: 5px;
  grid-row-gap: 5px;
  row-gap: 5px;
}
.checkBox .item[data-v-0cae046f] {
  width: 85px;
  height: 32px;
  border-radius: 6px;
  background: #313131;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  border: 1px solid transparent;
}
.checkBox .selected[data-v-0cae046f] {
  background: transparent;
  border: 1px solid #c60bfd;
}

.default[data-v-8fc4b98c] {
  -o-object-fit: contain !important;
     object-fit: contain !important;
  background-color: #fafafa;
}

.aiText2Img[data-v-4aad1fbc] {
  height: 100%;
  overflow: hidden;
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 25%, #1f1f1f 50%, #151515 100%);
}
.scroll-container[data-v-4aad1fbc] {
  padding: 0 15px 20px;
  height: 100%;
  overflow-y: auto;
}
.prompts[data-v-4aad1fbc] {
  position: relative;
  width: 100%;
  min-height: 130px;
  margin-top: 15px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(38, 38, 38, 0.9) 0%, rgba(42, 42, 42, 0.8) 100%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 153, 0, 0.1);
  padding: 15px;
  font-size: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}
.prompts[data-v-4aad1fbc]:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 153, 0, 0.2);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}
.prompts .title[data-v-4aad1fbc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
}
.prompts .rules[data-v-4aad1fbc] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #cccccc;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(255, 153, 0, 0.1), rgba(255, 170, 51, 0.05));
  border: 1px solid rgba(255, 153, 0, 0.2);
  transition: all 0.3s ease;
}
.prompts .rules[data-v-4aad1fbc]:hover {
  background: linear-gradient(135deg, rgba(255, 153, 0, 0.2), rgba(255, 170, 51, 0.1));
  border-color: rgba(255, 153, 0, 0.4);
  transform: translateY(-1px);
}
.prompts .rules span[data-v-4aad1fbc] {
  font-size: 14px;
  font-weight: 500;
}
.prompts .input-field[data-v-4aad1fbc] {
  position: relative;
  flex: 1;
  margin-top: 10px;
  min-height: 77px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(49, 49, 49, 0.8), rgba(45, 45, 45, 0.9));
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  transition: all 0.3s ease;
}
.prompts .input-field[data-v-4aad1fbc]:focus-within {
  border-color: rgba(255, 153, 0, 0.5);
  box-shadow: 0 0 20px rgba(255, 153, 0, 0.2);
}
.prompts .input-field[data-v-4aad1fbc] ::-moz-placeholder {
  color: #999999;
}
.prompts .input-field[data-v-4aad1fbc] ::placeholder {
  color: #999999;
}
.prompts .van-cell[data-v-4aad1fbc] {
  padding: 10px 15px;
  background: transparent;
}
.prompts .wordCount[data-v-4aad1fbc] {
  position: absolute;
  right: 18px;
  bottom: 18px;
  text-align: right;
  color: #999999;
  font-size: 12px;
  font-weight: 500;
}
.titleText[data-v-4aad1fbc] {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}
.aiModels[data-v-4aad1fbc] {
  position: relative;
  width: 100%;
  margin-top: 20px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(38, 38, 38, 0.9) 0%, rgba(42, 42, 42, 0.8) 100%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 153, 0, 0.1);
  padding: 15px;
  font-size: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}
.aiModels[data-v-4aad1fbc]:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 153, 0, 0.2);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}
.aiModels .text2ImgModels[data-v-4aad1fbc] {
  width: 100%;
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
  gap: 10px;
  /* 平板端 - 4列 */
  /* 手机端 - 3列 */
}
@media (max-width: 768px) {
.aiModels .text2ImgModels[data-v-4aad1fbc] {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
}
@media (max-width: 480px) {
.aiModels .text2ImgModels[data-v-4aad1fbc] {
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}
}
.modelItem[data-v-4aad1fbc] {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 12px;
  padding: 15px 10px;
  min-height: 85px;
  background: linear-gradient(135deg, rgba(60, 60, 60, 0.3), rgba(40, 40, 40, 0.5));
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  /* 平板端优化 */
  /* 移动端优化 */
}
@media (max-width: 768px) {
.modelItem[data-v-4aad1fbc] {
    min-height: 80px;
    padding: 12px 8px;
}
}
@media (max-width: 480px) {
.modelItem[data-v-4aad1fbc] {
    min-height: 75px;
    padding: 10px 6px;
}
}
.modelItem[data-v-4aad1fbc]:hover {
  transform: translateY(-3px);
  background: linear-gradient(135deg, rgba(255, 153, 0, 0.2), rgba(255, 170, 51, 0.1));
  border-color: rgba(255, 153, 0, 0.4);
  box-shadow: 0 8px 25px rgba(255, 153, 0, 0.2);
}
.modelItem .itemIcon[data-v-4aad1fbc] {
  border-radius: 10px;
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid transparent;
  background: transparent;
  transition: all 0.3s ease;
  /* 平板端优化 */
  /* 移动端优化 */
}
@media (max-width: 768px) {
.modelItem .itemIcon[data-v-4aad1fbc] {
    width: 60px;
    height: 60px;
}
}
@media (max-width: 480px) {
.modelItem .itemIcon[data-v-4aad1fbc] {
    width: 50px;
    height: 50px;
}
}
.modelItem .itemName[data-v-4aad1fbc] {
  color: #cccccc;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  margin-top: 10px;
  text-align: center;
  transition: color 0.3s ease;
  /* 平板端优化 */
  /* 移动端优化 */
}
@media (max-width: 768px) {
.modelItem .itemName[data-v-4aad1fbc] {
    font-size: 11px;
    margin-top: 8px;
}
}
@media (max-width: 480px) {
.modelItem .itemName[data-v-4aad1fbc] {
    font-size: 10px;
    margin-top: 8px;
    white-space: normal;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
}
.selectModel[data-v-4aad1fbc] {
  background: linear-gradient(135deg, rgba(255, 153, 0, 0.3), rgba(255, 170, 51, 0.2)) !important;
  border-color: rgba(255, 153, 0, 0.6) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 153, 0, 0.3);
}
.selectModel .itemIcon[data-v-4aad1fbc] {
  border-color: #ff9900;
  box-shadow: 0 4px 15px rgba(255, 153, 0, 0.3);
}
.selectModel .itemName[data-v-4aad1fbc] {
  color: #ffffff;
  font-weight: 600;
}
.aiSize[data-v-4aad1fbc] {
  position: relative;
  width: 100%;
  margin-top: 20px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(38, 38, 38, 0.9) 0%, rgba(42, 42, 42, 0.8) 100%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 153, 0, 0.1);
  padding: 15px;
  font-size: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}
.aiSize[data-v-4aad1fbc]:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 153, 0, 0.2);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}
.aiSize .text2ImgSize[data-v-4aad1fbc] {
  width: 100%;
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
  gap: 10px;
  /* 平板端 - 4列 */
  /* 手机端 - 3列 */
}
@media (max-width: 768px) {
.aiSize .text2ImgSize[data-v-4aad1fbc] {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
}
@media (max-width: 480px) {
.aiSize .text2ImgSize[data-v-4aad1fbc] {
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}
}
.uploaderBox[data-v-4aad1fbc] {
  position: relative;
  width: 100%;
  margin-top: 20px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(38, 38, 38, 0.9) 0%, rgba(42, 42, 42, 0.8) 100%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 153, 0, 0.1);
  padding: 15px;
  font-size: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}
.uploaderBox[data-v-4aad1fbc]:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 153, 0, 0.2);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}
.uploaderBox .upload[data-v-4aad1fbc] {
  width: 80px;
  height: 80px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(49, 49, 49, 0.8), rgba(45, 45, 45, 0.9));
  border: 2px dashed rgba(255, 153, 0, 0.3);
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.uploaderBox .upload[data-v-4aad1fbc]:hover {
  border-color: rgba(255, 153, 0, 0.6);
  background: linear-gradient(135deg, rgba(255, 153, 0, 0.1), rgba(255, 170, 51, 0.05));
  transform: scale(1.05);
}
.batchCount[data-v-4aad1fbc],
.batchSize[data-v-4aad1fbc] {
  position: relative;
  width: 100%;
  margin-top: 20px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(38, 38, 38, 0.9) 0%, rgba(42, 42, 42, 0.8) 100%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 153, 0, 0.1);
  padding: 15px;
  font-size: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}
.batchCount[data-v-4aad1fbc]:hover,
.batchSize[data-v-4aad1fbc]:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 153, 0, 0.2);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}
.batchCount .batchCountInput[data-v-4aad1fbc],
.batchSize .batchCountInput[data-v-4aad1fbc],
.batchCount .batchSizeInput[data-v-4aad1fbc],
.batchSize .batchSizeInput[data-v-4aad1fbc] {
  width: 60px;
  margin-left: 15px;
  padding: 8px 12px;
  background: linear-gradient(135deg, rgba(49, 49, 49, 0.8), rgba(45, 45, 45, 0.9));
  border: 1px solid rgba(255, 153, 0, 0.3);
  border-radius: 8px;
  text-align: center;
  color: #ffffff;
  font-weight: 500;
  transition: all 0.3s ease;
}
.batchCount .batchCountInput[data-v-4aad1fbc]:focus,
.batchSize .batchCountInput[data-v-4aad1fbc]:focus,
.batchCount .batchSizeInput[data-v-4aad1fbc]:focus,
.batchSize .batchSizeInput[data-v-4aad1fbc]:focus {
  outline: none;
  border-color: rgba(255, 153, 0, 0.6);
  box-shadow: 0 0 15px rgba(255, 153, 0, 0.2);
}
.btnTextToImg[data-v-4aad1fbc] {
  margin-top: 30px;
  margin-bottom: 150px;
  width: 100%;
  height: 56px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  border-radius: 16px;
  background: linear-gradient(135deg, #ff9900 0%, #ffaa33 100%);
  line-height: 56px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 25px rgba(255, 153, 0, 0.4);
  border: none;
  position: relative;
  overflow: hidden;
}
.btnTextToImg[data-v-4aad1fbc]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}
.btnTextToImg[data-v-4aad1fbc]:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(255, 153, 0, 0.5);
  background: linear-gradient(135deg, #ffaa33 0%, #ffbb44 100%);
}
.btnTextToImg[data-v-4aad1fbc]:hover::before {
  left: 100%;
}
.btnTextToImg[data-v-4aad1fbc]:active {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(255, 153, 0, 0.4);
}
.btnTextToImg span[data-v-4aad1fbc] {
  font-size: 14px;
  font-weight: 500;
  opacity: 0.9;
}
.tag-filter-popup[data-v-4aad1fbc] {
  width: 100%;
  height: 100%;
}

.aiVideoList[data-v-1c88d510] {
  padding-bottom: 100px;
  height: 100%;
  overflow: hidden;
}
.aiVideoList .classs[data-v-1c88d510] {
  display: flex;
  overflow-x: auto;
}
.aiVideoList .classs > div[data-v-1c88d510] {
  color: #b3b3b3;
  font-size: 14px;
  margin: 5px 10px;
}
.aiVideoList .classs > div > div[data-v-1c88d510] {
  width: 100%;
  height: 6px;
  border-radius: 10px;
  opacity: 0px;
  margin-top: -6px;
  background: linear-gradient(90deg, #ff9900 0%, #ffaa33 100%);
}
.aiVideoList .classs > div.active[data-v-1c88d510] {
  color: #fff;
}
.aiVideoList .sortBy[data-v-1c88d510] {
  display: flex;
  color: #fff;
  font-size: 12px;
  justify-content: space-between;
  padding: 3px 10px;
}
.aiVideoList .sortBy > div[data-v-1c88d510]:nth-child(2) {
  display: flex;
}
.aiVideoList .sortBy > div:nth-child(2) > div[data-v-1c88d510] {
  display: flex;
  align-items: center;
  margin: 0 5px;
}
.aiVideoList .sortBy > div:nth-child(2) > div > div[data-v-1c88d510] {
  display: flex;
  flex-direction: column;
}
.aiVideoList .sortBy > div:nth-child(2) > div > div img[data-v-1c88d510] {
  margin: 1px 2px;
}
.grid-content[data-v-1c88d510] {
  padding: 10px 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 5px 10px;
}
.grid-content .item[data-v-1c88d510] {
  cursor: pointer;
}
.grid-content > div[data-v-1c88d510] {
  overflow: hidden;
  position: relative;
}
.grid-content .price[data-v-1c88d510] {
  position: absolute;
  right: 7px;
  top: 7px;
  color: #ffea80;
  font-size: 12px;
  z-index: 20;
  padding: 4px 5px;
  border-radius: 5px;
  background: rgba(0,0,0,0.6);
}
.grid-content img[data-v-1c88d510] {
  width: 100%;
  border-radius: 10px;
}
.grid-content .text[data-v-1c88d510] {
  font-size: 12px;
  color: #fff;
  margin-bottom: 10px;
}
@media (max-width: 920px) {
  /* 460px以下 */
.grid-content[data-v-1c88d510] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 640px) {
  /* 460px以下 */
.grid-content[data-v-1c88d510] {
    grid-template-columns: repeat(2, 1fr);
}
}

.html-display {
  color: #fff;
  font-size: 17px;
}
.html-display video {
  width: 100%;
  height: auto;
  height: initial;
  position: relative;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.html-display video:after {
  content: "";
  display: block;
  height: 100%;
  width: 0;
  padding-top: 56.25%;
  /* 16:9 aspect ratio */
  position: absolute;
  /* 设置为绝对定位 */
  top: 0;
  left: 0;
}

*[data-v-0f8f5486] {
  white-space: nowrap;
}
.vipRecharge[data-v-0f8f5486] {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #000;
}
.header-section[data-v-0f8f5486] {
  position: relative;
  width: 100%;
  min-height: 160px;
  padding: 20px 16px;
  overflow: hidden;
}
.header-section .header-bg[data-v-0f8f5486] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #ff8525 0%, #ff6b35 30%, #ff8c42 60%, #ffa500 100%);
}
.header-section .header-bg[data-v-0f8f5486]::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -20%;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
  border-radius: 50%;
  animation: float-0f8f5486 6s ease-in-out infinite;
}
.header-section .header-bg[data-v-0f8f5486]::after {
  content: "";
  position: absolute;
  bottom: -30%;
  left: -10%;
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, rgba(255, 200, 0, 0.15) 0%, transparent 70%);
  border-radius: 50%;
  animation: float-0f8f5486 8s ease-in-out infinite reverse;
}
.header-section .balance-content[data-v-0f8f5486] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 16px;
}
.header-section .balance-content .balance-info[data-v-0f8f5486] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.header-section .balance-content .balance-info .coin-icon[data-v-0f8f5486] {
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.header-section .balance-content .balance-info .balance-text[data-v-0f8f5486] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.header-section .balance-content .balance-info .balance-text .balance-label[data-v-0f8f5486] {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}
.header-section .balance-content .balance-info .balance-text .balance-amount[data-v-0f8f5486] {
  font-size: 28px;
  color: #fff;
  font-weight: 700;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  letter-spacing: 1px;
}
.header-section .balance-content .btn-history[data-v-0f8f5486] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 20px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.header-section .balance-content .btn-history svg[data-v-0f8f5486] {
  color: #fff;
  transition: transform 0.3s ease;
}
.header-section .balance-content .btn-history[data-v-0f8f5486]:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.header-section .balance-content .btn-history:hover svg[data-v-0f8f5486] {
  transform: translateX(2px);
}
.header-section .balance-content .btn-history[data-v-0f8f5486]:active {
  transform: translateY(0);
}
.payContainer[data-v-0f8f5486] {
  flex: 1;
  overflow-y: scroll;
  position: relative;
  z-index: 1;
  background: #000;
  padding: 20px 25px 40px;
  margin-top: -20px;
  border-radius: 20px 20px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.payContainer .itemContainer[data-v-0f8f5486] {
  width: 100%;
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px 15px;
}
.payContainer .vipItem[data-v-0f8f5486] {
  position: relative;
  width: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 15px;
  background: #1e1e1e;
}
.payContainer .vipItem .itemTitle[data-v-0f8f5486] {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 14px 0px;
  background: #dc2c2c;
  padding: 0px 9px;
  height: 19px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
}
.payContainer .vipItem .itemPrice[data-v-0f8f5486] {
  border-radius: 15px 15px 0 0;
  margin: 1px;
  width: 98px;
  background: #272727;
  color: #ff8525;
  font-size: 28px;
  line-height: 80px;
  height: 70px;
  font-weight: 500;
  text-align: center;
}
.payContainer .vipItem .diff[data-v-0f8f5486] {
  width: 100%;
  border-radius: 0px 0px 15px 15px;
  padding-top: 2px;
  background: #353434;
  color: #b0530b;
  height: 22px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}
.payContainer .selectItem[data-v-0f8f5486] {
  background: #ff8525;
}
.payContainer .selectItem .itemTitle[data-v-0f8f5486] {
  background: #ff8525;
}
.payContainer .selectItem .diff[data-v-0f8f5486] {
  background: #ff8525;
  color: #fff;
}
.payContainer .btn-click[data-v-0f8f5486] {
  margin-top: 42px;
  width: 90%;
  height: 50px;
  text-align: center;
  line-height: 48px;
  border-radius: 25px;
  background: #ff8525;
  box-shadow: 0px -4px 10px 0px rgba(255, 255, 255, 0.25) inset;
  color: #000;
  font-size: 20px;
  font-weight: 600;
}
.payContainer .vipTips[data-v-0f8f5486] {
  margin: 15px 0 10px;
  align-self: flex-start;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  /* 100% */
}
.payContainer .loading[data-v-0f8f5486] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.payContainer .payTypeItem[data-v-0f8f5486] {
  width: 100%;
  color: #fff;
  padding: 7px 10px;
  border-radius: 10px;
  background: #101010;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.payContainer .payTypeItem .left[data-v-0f8f5486] {
  font-size: 12px;
  display: flex;
  align-items: center;
}
.payContainer .payTypeItem .left > img[data-v-0f8f5486] {
  border-radius: 50%;
  margin-right: 10px;
}
.payContainer .payTypeItem .right[data-v-0f8f5486] {
  color: #ff8525;
  border: 2px solid #ff8525;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.payContainer .payTypeItem .center[data-v-0f8f5486] {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-left: auto;
  margin-right: 20px;
}
.payContainer .selectPay[data-v-0f8f5486] {
  border: 0 !important;
  background: #ff8525;
}
.payContainer .selectPay i[data-v-0f8f5486] {
  color: #000;
}
.payContainer .rechargeTips[data-v-0f8f5486] {
  margin-top: 10px;
  color: #747474;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.flex-center-center[data-v-0f8f5486] {
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes float-0f8f5486 {
0%,
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 0.6;
}
50% {
    transform: translate(20px, -20px) scale(1.1);
    opacity: 0.8;
}
}

.vipRecharge[data-v-48f20510] {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%);
  position: relative;
  overflow: hidden;
}
.header-decoration[data-v-48f20510] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: linear-gradient(135deg, #f90 0%, #ff6600 50%, #e67e00 100%);
  z-index: 1;
}
.header-decoration .decoration-gradient[data-v-48f20510] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(180deg, transparent 0%, #1a1a1a 100%);
}
.header-decoration .decoration-pattern[data-v-48f20510] {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  gap: 10px;
}
.header-decoration .decoration-pattern .pattern-circle[data-v-48f20510] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
}
.header-decoration .decoration-pattern .pattern-circle[data-v-48f20510]:nth-child(1) {
  animation: float-48f20510 3s ease-in-out infinite;
}
.header-decoration .decoration-pattern .pattern-circle[data-v-48f20510]:nth-child(2) {
  animation: float-48f20510 3s ease-in-out infinite 1s;
}
.header-decoration .decoration-pattern .pattern-circle[data-v-48f20510]:nth-child(3) {
  animation: float-48f20510 3s ease-in-out infinite 2s;
}
.content[data-v-48f20510] {
  position: relative;
  z-index: 2;
  margin-top: 120px;
  flex: 1;
  overflow-y: auto;
  padding: 20px 16px 30px;
}
.content[data-v-48f20510]::-webkit-scrollbar {
  width: 4px;
}
.content[data-v-48f20510]::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}
.content[data-v-48f20510]::-webkit-scrollbar-thumb {
  background: rgba(255, 153, 0, 0.6);
  border-radius: 2px;
}
.content[data-v-48f20510]::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 153, 0, 0.8);
}
@keyframes float-48f20510 {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-10px);
}
}
.upgradeTitle[data-v-48f20510] {
  color: #f90;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px 0;
  text-shadow: 0 2px 4px rgba(255, 153, 0, 0.3);
}
.upgradeTitle svg[data-v-48f20510] {
  margin: 0 8px;
  filter: drop-shadow(0 2px 4px rgba(255, 153, 0, 0.3));
}
.vipcontainer[data-v-48f20510] {
  position: relative;
  z-index: 2;
  background: rgba(26, 26, 26, 0.95);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 153, 0, 0.2);
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.05);
  padding: 24px 16px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vipcontainer .vipItemContainer[data-v-48f20510] {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  padding: 16px 0;
}
.vipcontainer .vipItem[data-v-48f20510] {
  position: relative;
  margin-right: 12px;
  width: 130px;
  height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 16px;
  background: linear-gradient(145deg, #2a2a2a 0%, #1e1e1e 100%);
  border: 2px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}
.vipcontainer .vipItem[data-v-48f20510]:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 153, 0, 0.3);
}
.vipcontainer .vipItem .itemInfo[data-v-48f20510] {
  flex: 1;
  width: 100%;
  border-radius: 16px 16px 0 0;
  padding: 16px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #2d2d2d 0%, #1a1a1a 100%);
}
.vipcontainer .vipItem .itemTitle[data-v-48f20510] {
  margin-top: 15px;
  color: #fff !important;
  font-size: 18px;
  font-weight: 500;
}
.vipcontainer .vipItem .itemPrice[data-v-48f20510] {
  margin: 3px 0;
  color: #f90 !important;
  font-size: 28px;
  font-weight: 500;
  height: 33px;
  line-height: 33px;
}
.vipcontainer .vipItem .itemPrice span[data-v-48f20510] {
  font-size: 16px;
  font-weight: 500;
  color: #f90 !important;
}
.vipcontainer .vipItem .itemYuanjia[data-v-48f20510] {
  color: #888686 !important;
  font-size: 14px;
  font-weight: 400;
  text-decoration-line: line-through;
}
.vipcontainer .vipItem .itemMark[data-v-48f20510] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 60px;
  height: 20px;
  text-align: center;
  border-radius: 14px 0;
  background: #dc2c2c;
  color: #fff;
  font-size: 12px;
}
.vipcontainer .vipItem .diff[data-v-48f20510] {
  width: 100%;
  border-radius: 0px 0px 15px 15px;
  padding-top: 2px;
  background: #353434;
  color: #b0530b;
  height: 24px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.vipcontainer .selectItem[data-v-48f20510] {
  background: linear-gradient(145deg, #f90 0%, #ff6600 100%);
  border-color: #f90;
  box-shadow: 0 12px 35px rgba(255, 153, 0, 0.4);
  transform: translateY(-4px);
}
.vipcontainer .selectItem .itemInfo[data-v-48f20510] {
  background: linear-gradient(145deg, #f90 0%, #e67e00 100%);
}
.vipcontainer .selectItem .itemTitle[data-v-48f20510] {
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.vipcontainer .selectItem .itemPrice[data-v-48f20510] {
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.vipcontainer .selectItem .itemPrice span[data-v-48f20510] {
  color: #ffffff !important;
}
.vipcontainer .selectItem .itemMark[data-v-48f20510] {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #f90 !important;
}
.vipcontainer .selectItem .diff[data-v-48f20510] {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  backdrop-filter: blur(10px);
}
.vipcontainer .countdownDiv[data-v-48f20510] {
  margin-top: 20px;
  padding: 0 15px;
  border-radius: 8px;
  color: #dc2c2c;
  font-size: 12px;
  height: 34px;
  display: flex;
  align-items: center;
}
.vipcontainer .countdownDiv .fenge[data-v-48f20510] {
  margin: 0 2px;
}
.vipcontainer .countdownDiv .shuzi[data-v-48f20510] {
  margin: 0 1px;
  display: inline-block;
  border-radius: 4px;
  background: #f00;
  color: #fff;
  width: 15px;
  height: 16px;
  line-height: 16px;
  text-align: center;
}
.vipcontainer .btn-confrim[data-v-48f20510] {
  margin-top: 20px;
  border-radius: 25px;
  border: 2px solid rgba(255, 153, 0, 0.3);
  background: linear-gradient(145deg, rgba(26, 26, 26, 0.95) 0%, rgba(20, 20, 20, 0.95) 100%);
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: all 0.3s ease;
}
.vipcontainer .btn-confrim[data-v-48f20510]:hover {
  border-color: rgba(255, 153, 0, 0.5);
  box-shadow: 0 12px 35px rgba(255, 153, 0, 0.1);
}
.vipcontainer .btn-confrim .info[data-v-48f20510] {
  flex: 1;
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.vipcontainer .btn-confrim .info .info-title[data-v-48f20510] {
  color: #fff !important;
  font-size: 16px;
  font-weight: 500;
}
.vipcontainer .btn-confrim .info .rmb[data-v-48f20510] {
  line-height: 14px;
  margin-left: 5px;
  margin-right: 2px;
  font-size: 14px;
  color: #fff !important;
}
.vipcontainer .btn-confrim .info .info-price[data-v-48f20510] {
  color: #f90 !important;
  font-size: 24px;
  font-weight: 600;
  margin-right: 5px;
}
.vipcontainer .btn-confrim .info .info-yuanjia[data-v-48f20510] {
  margin-left: 5px;
  color: #888686 !important;
  font-size: 12px;
  text-decoration-line: line-through;
}
.vipcontainer .btn-confrim .btn-click[data-v-48f20510] {
  width: 160px;
  padding-left: 10px;
  margin: -2px;
  border-radius: 12px 25px 25px 0;
  clip-path: polygon(0 100%, 15% 0, 100% 0, 100% 100%, 0 100%);
  background: linear-gradient(135deg, #f90 0%, #ff6600 50%, #e67e00 100%);
  border: 2px solid #ffb366;
  color: #ffffff !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.2);
}
.vipcontainer .btn-confrim .btn-click[data-v-48f20510]:hover {
  background: linear-gradient(135deg, #ffb366 0%, #f90 50%, #ff6600 100%);
  transform: translateY(-2px);
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3), 0 4px 12px rgba(255, 153, 0, 0.3);
}
.vipcontainer .btn-confrim .btn-click[data-v-48f20510]:active {
  transform: translateY(0px);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
.vipcontainer .vipTips[data-v-48f20510] {
  margin-top: 10px;
  color: #747474;
  font-size: 12px;
}
.vipcontainer .loading[data-v-48f20510] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.vipPrivileges[data-v-48f20510] {
  margin-top: 20px;
  padding: 24px 16px;
  background: rgba(26, 26, 26, 0.95);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 153, 0, 0.2);
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.05);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px 8px;
}
@media (min-width: 769px) {
.vipPrivileges[data-v-48f20510] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px 12px;
    padding: 24px 20px;
}
}
@media (max-width: 768px) and (min-width: 481px) {
.vipPrivileges[data-v-48f20510] {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 16px 10px;
    padding: 20px 16px;
}
}
@media (max-width: 480px) {
.vipPrivileges[data-v-48f20510] {
    grid-template-columns: 1fr 1fr;
    grid-gap: 12px 8px;
    padding: 16px 12px;
}
}
.vipPrivileges .title[data-v-48f20510] {
  grid-column: -1;
  color: #f90;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  text-shadow: 0 2px 4px rgba(255, 153, 0, 0.3);
}
@media (max-width: 768px) {
.vipPrivileges .title[data-v-48f20510] {
    font-size: 18px;
    margin-bottom: 6px;
}
}
@media (max-width: 480px) {
.vipPrivileges .title[data-v-48f20510] {
    font-size: 16px;
    margin-bottom: 4px;
}
}
.vipPrivileges .title div[data-v-48f20510] {
  margin: 0 8px;
}
.vipPrivileges .title svg[data-v-48f20510] {
  filter: drop-shadow(0 2px 4px rgba(255, 153, 0, 0.3));
}
.vipPrivileges .privilegItem[data-v-48f20510] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 8px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
  min-height: 100px;
}
@media (min-width: 769px) {
.vipPrivileges .privilegItem[data-v-48f20510] {
    padding: 14px 10px;
    min-height: 110px;
}
}
@media (max-width: 768px) and (min-width: 481px) {
.vipPrivileges .privilegItem[data-v-48f20510] {
    padding: 12px 8px;
    min-height: 100px;
}
}
@media (max-width: 480px) {
.vipPrivileges .privilegItem[data-v-48f20510] {
    padding: 16px 12px;
    min-height: 120px;
}
}
.vipPrivileges .privilegItem[data-v-48f20510]:hover {
  background: rgba(255, 153, 0, 0.1);
  border-color: rgba(255, 153, 0, 0.3);
  transform: translateY(-2px);
}
.vipPrivileges .privilegItem .itemIcon[data-v-48f20510] {
  width: 48px;
  height: 48px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  margin-bottom: 8px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
@media (max-width: 768px) {
.vipPrivileges .privilegItem .itemIcon[data-v-48f20510] {
    width: 40px;
    height: 40px;
    margin-bottom: 6px;
}
}
@media (max-width: 480px) {
.vipPrivileges .privilegItem .itemIcon[data-v-48f20510] {
    width: 36px;
    height: 36px;
    margin-bottom: 8px;
}
}
.vipPrivileges .privilegItem .itemName[data-v-48f20510] {
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 500;
  margin: 4px 0;
  text-align: center;
}
@media (max-width: 768px) {
.vipPrivileges .privilegItem .itemName[data-v-48f20510] {
    font-size: 12px;
}
}
@media (max-width: 480px) {
.vipPrivileges .privilegItem .itemName[data-v-48f20510] {
    font-size: 13px;
    margin: 6px 0 4px;
}
}
.vipPrivileges .privilegItem .itemDec[data-v-48f20510] {
  color: #cccccc !important;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  line-height: 1.2;
}
@media (max-width: 768px) {
.vipPrivileges .privilegItem .itemDec[data-v-48f20510] {
    font-size: 10px;
    line-height: 1.3;
}
}
@media (max-width: 480px) {
.vipPrivileges .privilegItem .itemDec[data-v-48f20510] {
    font-size: 11px;
    line-height: 1.4;
}
}
.decUpgradeVip[data-v-48f20510] {
  color: #fff !important;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.decUpgradeVip .title[data-v-48f20510] {
  color: #ff8525;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.decUpgradeVip .title svg[data-v-48f20510] {
  margin: 0 5px;
}
.decUpgradeVip .decDetail[data-v-48f20510] {
  margin-top: 10px;
  width: -moz-fit-content;
  width: fit-content;
}
.vipItem2[data-v-48f20510] {
  position: relative;
  margin-right: 10px;
  padding: 1px;
  min-width: 80px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  background: #272727;
}
.vipItem2 .itemInfo[data-v-48f20510] {
  flex: 1;
  width: 100%;
  border-radius: 10px 10px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #1e1e1e;
}
.vipItem2 .itemTitle[data-v-48f20510] {
  margin-top: 12px;
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
}
.vipItem2 .itemPrice[data-v-48f20510] {
  color: #f90 !important;
  font-size: 18px;
  font-weight: 500;
}
.vipItem2 .itemPrice span[data-v-48f20510] {
  font-size: 12px;
  font-weight: 500;
  color: #f90 !important;
}
.vipItem2 .itemYuanjia[data-v-48f20510] {
  color: #888686 !important;
  font-size: 12px;
  font-weight: 400;
  text-decoration-line: line-through;
}
.vipItem2 .itemMark[data-v-48f20510] {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 1px 5px;
  text-align: center;
  border-radius: 14px 0;
  background: #dc2c2c;
  color: #fff;
  font-size: 10px;
}
.vipItem2 .diff[data-v-48f20510] {
  width: 100%;
  border-radius: 0px 0px 10px 10px;
  padding: 2px 0;
  background: #353434;
  color: #b0530b;
  font-size: 12px;
  text-align: center;
}
.vipTips[data-v-48f20510] {
  margin: 15px 25px 10px;
  align-self: flex-start;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  /* 100% */
}
.payTypeContainer[data-v-48f20510] {
  margin-top: 24px;
  width: 100%;
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr 1fr;
}
.payTypeItem[data-v-48f20510] {
  position: relative;
  color: #fff;
  padding: 12px 16px;
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(30, 30, 30, 0.95) 0%, rgba(20, 20, 20, 0.95) 100%);
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.3s ease;
}
.payTypeItem[data-v-48f20510]:hover {
  border-color: rgba(255, 153, 0, 0.3);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}
.payTypeItem .left[data-v-48f20510] {
  font-size: 12px;
  color: #ffffff !important;
  display: flex;
  align-items: center;
}
.payTypeItem .left > img[data-v-48f20510] {
  border-radius: 50%;
  margin-right: 10px;
}
.payTypeItem .right[data-v-48f20510] {
  color: #fff;
  border: 2px solid #fff;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.selectPay[data-v-48f20510] {
  background: linear-gradient(145deg, rgba(255, 153, 0, 0.2) 0%, rgba(255, 102, 0, 0.1) 100%);
  border-color: #f90;
  box-shadow: 0 8px 25px rgba(255, 153, 0, 0.2);
  transform: translateY(-2px);
}
.selectPay i[data-v-48f20510] {
  color: #f90;
}
.selectPay .right[data-v-48f20510] {
  background: linear-gradient(135deg, #f90 0%, #ff6600 100%);
  border: 0;
  box-shadow: 0 4px 12px rgba(255, 153, 0, 0.3);
}
.payTypeDiffMark[data-v-48f20510] {
  position: absolute;
  right: 0;
  top: -4px;
  background: #f00;
  font-size: 12px;
  padding: 0 3px;
  border-radius: 5px;
}

.userInfoContainer[data-v-33c5a994] {
  position: absolute;
  top: 60px;
  right: 20px;
  width: 360px;
  background: linear-gradient(145deg, #1a1a1a 0%, #2d2d2d 100%);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 153, 0, 0.2);
  z-index: 999;
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  font-size: 14px;
}
.userInfoContainer .user-profile[data-v-33c5a994] {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  gap: 16px;
}
.userInfoContainer .avatarItem[data-v-33c5a994] {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 3px solid #f90;
  box-sizing: content-box;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.userInfoContainer .avatarItem[data-v-33c5a994]::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 50%;
  background: linear-gradient(45deg, #f90, #ff6600, #f90);
  z-index: -1;
  animation: rotate-33c5a994 3s linear infinite;
}
.userInfoContainer .user-info[data-v-33c5a994] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.userInfoContainer .user-info .nickname-section[data-v-33c5a994] {
  width: 100%;
}
.userInfoContainer .user-info .nickname-section .nickname-display[data-v-33c5a994] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.userInfoContainer .user-info .nickname-section .nickname-display[data-v-33c5a994]:hover {
  background: rgba(255, 255, 255, 0.05);
}
.userInfoContainer .user-info .nickname-section .nickname-display .nickname-text[data-v-33c5a994] {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}
.userInfoContainer .user-info .nickname-section .nickname-display .edit-btn[data-v-33c5a994] {
  width: 20px;
  height: 20px;
  background: rgba(255, 153, 0, 0.2);
  border: 1px solid rgba(255, 153, 0, 0.3);
  border-radius: 4px;
  color: #f90;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.userInfoContainer .user-info .nickname-section .nickname-display .edit-btn svg[data-v-33c5a994] {
  width: 12px;
  height: 12px;
}
.userInfoContainer .user-info .nickname-section .nickname-display .edit-btn[data-v-33c5a994]:hover {
  background: rgba(255, 153, 0, 0.3);
  border-color: rgba(255, 153, 0, 0.5);
  transform: scale(1.1);
}
.userInfoContainer .user-info .nickname-section .nickname-edit[data-v-33c5a994] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.userInfoContainer .user-info .nickname-section .nickname-edit .nickname-input[data-v-33c5a994] {
  max-width: 100px;
  flex: 1;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.userInfoContainer .user-info .nickname-section .nickname-edit .nickname-input[data-v-33c5a994]:focus {
  outline: none;
  border-color: #f90;
  background: rgba(255, 153, 0, 0.1);
  box-shadow: 0 0 0 2px rgba(255, 153, 0, 0.2);
}
.userInfoContainer .user-info .nickname-section .nickname-edit .nickname-input[data-v-33c5a994]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: normal;
}
.userInfoContainer .user-info .nickname-section .nickname-edit .nickname-input[data-v-33c5a994]::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: normal;
}
.userInfoContainer .user-info .nickname-section .nickname-edit .save-btn[data-v-33c5a994] {
  padding: 6px 12px;
  background: linear-gradient(135deg, #f90, #ff6600);
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.userInfoContainer .user-info .nickname-section .nickname-edit .save-btn[data-v-33c5a994]:hover {
  background: linear-gradient(135deg, #e6741f, #ff5500);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 153, 0, 0.3);
}
.userInfoContainer .user-info .nickname-section .nickname-edit .save-btn[data-v-33c5a994]:active {
  transform: translateY(0);
}
.userInfoContainer .user-info .nickname-section .nickname-edit .cancel-btn[data-v-33c5a994] {
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.userInfoContainer .user-info .nickname-section .nickname-edit .cancel-btn[data-v-33c5a994]:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.userInfoContainer .user-info .nickname-section .nickname-edit .cancel-btn[data-v-33c5a994]:active {
  transform: scale(0.95);
}
.userInfoContainer .user-id[data-v-33c5a994] {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
  transition: all 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-self: flex-start;
}
.userInfoContainer .user-id[data-v-33c5a994]:hover {
  color: #f90;
  background: rgba(255, 153, 0, 0.1);
}
.userInfoContainer .user-id[data-v-33c5a994]:active {
  transform: scale(0.95);
}
.userInfoContainer .userInfoItem[data-v-33c5a994] {
  cursor: pointer;
  display: flex;
  align-items: center;
  white-space: nowrap;
  width: 100%;
  padding: 12px 16px;
  margin-bottom: 8px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
  position: relative;
}
.userInfoContainer .userInfoItem[data-v-33c5a994]:hover {
  background: rgba(255, 153, 0, 0.1);
  border-color: rgba(255, 153, 0, 0.3);
  transform: translateY(-2px);
}
.userInfoContainer .userInfoItem .item-icon[data-v-33c5a994] {
  width: 18px;
  height: 18px;
  margin-right: 12px;
  color: #f90;
  flex-shrink: 0;
}
.userInfoContainer .userInfoItem span[data-v-33c5a994] {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.userInfoContainer .userInfoItem > span[data-v-33c5a994]:not(.email-status) {
  flex: 1;
}
.userInfoContainer .userInfoItem .arrow-icon[data-v-33c5a994] {
  width: 16px;
  height: 16px;
  color: rgba(255, 255, 255, 0.6);
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.userInfoContainer .userInfoItem:hover .arrow-icon[data-v-33c5a994] {
  color: #f90;
  transform: translateX(4px);
}
.userInfoContainer .userInfoItem .email-status[data-v-33c5a994] {
  font-size: 12px;
  color: #4caf50;
  background: rgba(76, 175, 80, 0.1);
  padding: 2px 8px;
  border-radius: 10px;
  margin-left: auto;
  margin-right: 8px;
}
@media (max-width: 768px) {
.userInfoContainer .user-profile[data-v-33c5a994] {
    flex-direction: column;
    text-align: center;
    gap: 12px;
}
.userInfoContainer .user-profile .user-info[data-v-33c5a994] {
    width: 100%;
    align-items: center;
}
.userInfoContainer .user-profile .user-info .nickname-section[data-v-33c5a994] {
    width: 100%;
    max-width: 280px;
}
.userInfoContainer .user-profile .user-info .nickname-section .nickname-display .nickname-text[data-v-33c5a994] {
    font-size: 15px;
}
.userInfoContainer .user-profile .user-info .nickname-section .nickname-display .edit-btn[data-v-33c5a994] {
    width: 18px;
    height: 18px;
}
.userInfoContainer .user-profile .user-info .nickname-section .nickname-display .edit-btn svg[data-v-33c5a994] {
    width: 10px;
    height: 10px;
}
.userInfoContainer .user-profile .user-info .nickname-section .nickname-edit .nickname-input[data-v-33c5a994] {
    max-width: 200px;
    font-size: 13px;
    max-width: none;
}
.userInfoContainer .user-profile .user-info .nickname-section .nickname-edit .save-btn[data-v-33c5a994],
  .userInfoContainer .user-profile .user-info .nickname-section .nickname-edit .cancel-btn[data-v-33c5a994] {
    font-size: 10px;
    padding: 5px 10px;
}
.userInfoContainer .user-profile .user-info .user-id[data-v-33c5a994] {
    align-self: center;
}
}
.userInfoContainer .privilege-section[data-v-33c5a994],
.userInfoContainer .gold-section[data-v-33c5a994] {
  width: 100%;
  margin-top: 12px;
}
.userInfoContainer .privilege-card[data-v-33c5a994],
.userInfoContainer .gold-card[data-v-33c5a994] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
  background: linear-gradient(135deg, rgba(255, 153, 0, 0.1) 0%, rgba(255, 102, 0, 0.05) 100%);
  border: 1px solid rgba(255, 153, 0, 0.2);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.userInfoContainer .privilege-card[data-v-33c5a994]:hover,
.userInfoContainer .gold-card[data-v-33c5a994]:hover {
  background: linear-gradient(135deg, rgba(255, 153, 0, 0.2) 0%, rgba(255, 102, 0, 0.1) 100%);
  border-color: rgba(255, 153, 0, 0.4);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 153, 0, 0.2);
}
.userInfoContainer .privilege-card .card-content[data-v-33c5a994],
.userInfoContainer .gold-card .card-content[data-v-33c5a994] {
  flex: 1;
}
.userInfoContainer .privilege-card .card-content .card-title[data-v-33c5a994],
.userInfoContainer .gold-card .card-content .card-title[data-v-33c5a994] {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 8px;
}
.userInfoContainer .privilege-card .card-content .card-title .card-icon[data-v-33c5a994],
.userInfoContainer .gold-card .card-content .card-title .card-icon[data-v-33c5a994] {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  color: #f90;
  flex-shrink: 0;
}
.userInfoContainer .privilege-card .card-arrow[data-v-33c5a994],
.userInfoContainer .gold-card .card-arrow[data-v-33c5a994] {
  width: 20px;
  height: 20px;
  color: rgba(255, 255, 255, 0.6);
  transition: all 0.3s ease;
}
.userInfoContainer .privilege-card .card-arrow svg[data-v-33c5a994],
.userInfoContainer .gold-card .card-arrow svg[data-v-33c5a994] {
  width: 100%;
  height: 100%;
}
.userInfoContainer .privilege-card:hover .card-arrow[data-v-33c5a994],
.userInfoContainer .gold-card:hover .card-arrow[data-v-33c5a994] {
  color: #f90;
  transform: translateX(4px);
}
.userInfoContainer .vip-info .vip-status[data-v-33c5a994],
.userInfoContainer .vip-info .vip-expire[data-v-33c5a994] {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  font-size: 13px;
}
.userInfoContainer .vip-info .vip-status .status-label[data-v-33c5a994],
.userInfoContainer .vip-info .vip-expire .status-label[data-v-33c5a994],
.userInfoContainer .vip-info .vip-status .expire-label[data-v-33c5a994],
.userInfoContainer .vip-info .vip-expire .expire-label[data-v-33c5a994] {
  color: rgba(255, 255, 255, 0.7);
  margin-right: 8px;
  min-width: 70px;
}
.userInfoContainer .vip-info .vip-status .status-value[data-v-33c5a994],
.userInfoContainer .vip-info .vip-expire .status-value[data-v-33c5a994],
.userInfoContainer .vip-info .vip-status .expire-value[data-v-33c5a994],
.userInfoContainer .vip-info .vip-expire .expire-value[data-v-33c5a994] {
  color: #f90;
  font-weight: 500;
}
.userInfoContainer .gold-balance[data-v-33c5a994] {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.userInfoContainer .gold-balance .balance-label[data-v-33c5a994] {
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
}
.userInfoContainer .gold-balance .balance-amount[data-v-33c5a994] {
  color: #f90;
  font-size: 18px;
  font-weight: 700;
}
.userInfoContainer .gold-balance .balance-unit[data-v-33c5a994] {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
}
@keyframes rotate-33c5a994 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.center-popup[data-v-33c5a994] .van-popup {
  width: 90% !important;
  max-width: none !important;
  min-width: 0 !important;
  max-height: 90% !important;
  border-radius: 16px !important;
  background: #272727 !important;
  overflow: hidden !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.center-popup[data-v-33c5a994] .van-overlay {
  background: rgba(0, 0, 0, 0.7) !important;
}
@media (max-width: 768px) {
.center-popup[data-v-33c5a994] .van-popup {
    width: 95% !important;
    max-height: 95% !important;
    border-radius: 12px !important;
}
}
@media (max-width: 480px) {
.center-popup[data-v-33c5a994] {
    max-width: 380px !important;
}
.center-popup[data-v-33c5a994] .van-popup {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    border-radius: 0 !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
}
}
.popup-container[data-v-33c5a994] {
  position: relative;
  width: 100%;
  max-height: 90%;
  background: #272727;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  border-radius: 16px;
}
@media (max-width: 768px) {
.popup-container[data-v-33c5a994] {
    max-height: 95%;
    border-radius: 12px;
}
}
@media (max-width: 480px) {
.popup-container[data-v-33c5a994] {
    height: 100%;
    max-height: none;
    border-radius: 0;
}
}
.popup-close-btn[data-v-33c5a994] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(10px);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 768px) {
.popup-close-btn[data-v-33c5a994] {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    top: 12px;
    right: 12px;
}
}
@media (max-width: 480px) {
.popup-close-btn[data-v-33c5a994] {
    width: 44px;
    height: 44px;
    border-radius: 22px;
    top: 20px;
    right: 20px;
}
}
.popup-close-btn svg[data-v-33c5a994] {
  width: 16px;
  height: 16px;
  color: #ffffff;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
.popup-close-btn svg[data-v-33c5a994] {
    width: 18px;
    height: 18px;
}
}
@media (max-width: 480px) {
.popup-close-btn svg[data-v-33c5a994] {
    width: 20px;
    height: 20px;
}
}
.popup-close-btn[data-v-33c5a994]:hover {
  background: rgba(255, 153, 0, 0.8);
  border-color: rgba(255, 153, 0, 0.3);
  transform: scale(1.1);
}
.popup-close-btn:hover svg[data-v-33c5a994] {
  color: #ffffff;
  transform: rotate(90deg);
}
.popup-close-btn[data-v-33c5a994]:active {
  transform: scale(0.95);
}
.bind-email-form[data-v-33c5a994],
.change-password-form[data-v-33c5a994],
.login-form[data-v-33c5a994] {
  padding: 20px;
  min-width: 350px;
}
@media (max-width: 768px) {
.bind-email-form[data-v-33c5a994],
  .change-password-form[data-v-33c5a994],
  .login-form[data-v-33c5a994] {
    min-width: 280px;
    padding: 16px;
}
}
.bind-email-form .form-header[data-v-33c5a994],
.change-password-form .form-header[data-v-33c5a994],
.login-form .form-header[data-v-33c5a994] {
  text-align: center;
  margin-bottom: 20px;
}
.bind-email-form .form-header .form-icon[data-v-33c5a994],
.change-password-form .form-header .form-icon[data-v-33c5a994],
.login-form .form-header .form-icon[data-v-33c5a994] {
  width: 40px;
  height: 40px;
  color: #f90;
  margin: 0 auto 12px;
}
.bind-email-form .form-header h3[data-v-33c5a994],
.change-password-form .form-header h3[data-v-33c5a994],
.login-form .form-header h3[data-v-33c5a994] {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 6px 0;
}
.bind-email-form .form-header p[data-v-33c5a994],
.change-password-form .form-header p[data-v-33c5a994],
.login-form .form-header p[data-v-33c5a994] {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
}
.bind-email-form .form-content .input-group[data-v-33c5a994],
.change-password-form .form-content .input-group[data-v-33c5a994],
.login-form .form-content .input-group[data-v-33c5a994] {
  margin-bottom: 16px;
}
.bind-email-form .form-content .input-group label[data-v-33c5a994],
.change-password-form .form-content .input-group label[data-v-33c5a994],
.login-form .form-content .input-group label[data-v-33c5a994] {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 6px;
}
.bind-email-form .form-content .input-group input[data-v-33c5a994],
.change-password-form .form-content .input-group input[data-v-33c5a994],
.login-form .form-content .input-group input[data-v-33c5a994] {
  width: 100%;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  color: #fff;
  font-size: 13px;
  transition: all 0.3s ease;
}
.bind-email-form .form-content .input-group input[data-v-33c5a994]:focus,
.change-password-form .form-content .input-group input[data-v-33c5a994]:focus,
.login-form .form-content .input-group input[data-v-33c5a994]:focus {
  outline: none;
  border-color: #f90;
  background: rgba(255, 153, 0, 0.1);
  box-shadow: 0 0 0 2px rgba(255, 153, 0, 0.2);
}
.bind-email-form .form-content .input-group input[data-v-33c5a994]::-moz-placeholder, .change-password-form .form-content .input-group input[data-v-33c5a994]::-moz-placeholder, .login-form .form-content .input-group input[data-v-33c5a994]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.bind-email-form .form-content .input-group input[data-v-33c5a994]::placeholder,
.change-password-form .form-content .input-group input[data-v-33c5a994]::placeholder,
.login-form .form-content .input-group input[data-v-33c5a994]::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.bind-email-form .form-content .input-group .error-msg[data-v-33c5a994],
.change-password-form .form-content .input-group .error-msg[data-v-33c5a994],
.login-form .form-content .input-group .error-msg[data-v-33c5a994] {
  font-size: 12px;
  color: #ff4757;
  margin-top: 4px;
  padding-left: 4px;
}
.bind-email-form .form-content .input-group .code-input-group[data-v-33c5a994],
.change-password-form .form-content .input-group .code-input-group[data-v-33c5a994],
.login-form .form-content .input-group .code-input-group[data-v-33c5a994] {
  display: flex;
  gap: 12px;
}
.bind-email-form .form-content .input-group .code-input-group input[data-v-33c5a994],
.change-password-form .form-content .input-group .code-input-group input[data-v-33c5a994],
.login-form .form-content .input-group .code-input-group input[data-v-33c5a994] {
  flex: 1;
}
.bind-email-form .form-content .input-group .code-input-group .send-code-btn[data-v-33c5a994],
.change-password-form .form-content .input-group .code-input-group .send-code-btn[data-v-33c5a994],
.login-form .form-content .input-group .code-input-group .send-code-btn[data-v-33c5a994] {
  padding: 10px 14px;
  background: linear-gradient(135deg, #f90, #ff6600);
  border: none;
  border-radius: 6px;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  min-width: 90px;
}
.bind-email-form .form-content .input-group .code-input-group .send-code-btn[data-v-33c5a994]:hover:not(:disabled),
.change-password-form .form-content .input-group .code-input-group .send-code-btn[data-v-33c5a994]:hover:not(:disabled),
.login-form .form-content .input-group .code-input-group .send-code-btn[data-v-33c5a994]:hover:not(:disabled) {
  background: linear-gradient(135deg, #e6741f, #ff5500);
  transform: translateY(-1px);
}
.bind-email-form .form-content .input-group .code-input-group .send-code-btn[data-v-33c5a994]:disabled,
.change-password-form .form-content .input-group .code-input-group .send-code-btn[data-v-33c5a994]:disabled,
.login-form .form-content .input-group .code-input-group .send-code-btn[data-v-33c5a994]:disabled {
  background: rgba(255, 255, 255, 0.2);
  cursor: not-allowed;
  transform: none;
}
.bind-email-form .form-content .submit-btn[data-v-33c5a994],
.change-password-form .form-content .submit-btn[data-v-33c5a994],
.login-form .form-content .submit-btn[data-v-33c5a994] {
  width: 100%;
  padding: 12px;
  background: linear-gradient(135deg, #f90, #ff6600);
  border: none;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 6px;
}
.bind-email-form .form-content .submit-btn[data-v-33c5a994]:hover:not(:disabled),
.change-password-form .form-content .submit-btn[data-v-33c5a994]:hover:not(:disabled),
.login-form .form-content .submit-btn[data-v-33c5a994]:hover:not(:disabled) {
  background: linear-gradient(135deg, #e6741f, #ff5500);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 153, 0, 0.3);
}
.bind-email-form .form-content .submit-btn[data-v-33c5a994]:disabled,
.change-password-form .form-content .submit-btn[data-v-33c5a994]:disabled,
.login-form .form-content .submit-btn[data-v-33c5a994]:disabled {
  background: rgba(255, 255, 255, 0.2);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.bind-email-form .form-content .form-footer[data-v-33c5a994],
.change-password-form .form-content .form-footer[data-v-33c5a994],
.login-form .form-content .form-footer[data-v-33c5a994] {
  text-align: center;
  margin-top: 16px;
}
.bind-email-form .form-content .form-footer .link-text[data-v-33c5a994],
.change-password-form .form-content .form-footer .link-text[data-v-33c5a994],
.login-form .form-content .form-footer .link-text[data-v-33c5a994] {
  color: #f90;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.bind-email-form .form-content .form-footer .link-text[data-v-33c5a994]:hover,
.change-password-form .form-content .form-footer .link-text[data-v-33c5a994]:hover,
.login-form .form-content .form-footer .link-text[data-v-33c5a994]:hover {
  color: #ff6600;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.bind-email-form .form-content .current-email-info[data-v-33c5a994],
.change-password-form .form-content .current-email-info[data-v-33c5a994],
.login-form .form-content .current-email-info[data-v-33c5a994] {
  text-align: center;
  margin-bottom: 20px;
}
.bind-email-form .form-content .current-email-info .input-group[data-v-33c5a994],
.change-password-form .form-content .current-email-info .input-group[data-v-33c5a994],
.login-form .form-content .current-email-info .input-group[data-v-33c5a994] {
  margin-bottom: 12px;
}
.bind-email-form .form-content .current-email-info .current-email[data-v-33c5a994],
.change-password-form .form-content .current-email-info .current-email[data-v-33c5a994],
.login-form .form-content .current-email-info .current-email[data-v-33c5a994] {
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  color: #f90;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.bind-email-form .form-content .current-email-info .change-email-btn[data-v-33c5a994],
.change-password-form .form-content .current-email-info .change-email-btn[data-v-33c5a994],
.login-form .form-content .current-email-info .change-email-btn[data-v-33c5a994] {
  width: 100%;
  padding: 10px;
  background: linear-gradient(135deg, #f90, #ff6600);
  border: none;
  border-radius: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.bind-email-form .form-content .current-email-info .change-email-btn[data-v-33c5a994]:hover,
.change-password-form .form-content .current-email-info .change-email-btn[data-v-33c5a994]:hover,
.login-form .form-content .current-email-info .change-email-btn[data-v-33c5a994]:hover {
  background: linear-gradient(135deg, #e6741f, #ff5500);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 153, 0, 0.3);
}
.bind-email-form .form-content .form-buttons[data-v-33c5a994],
.change-password-form .form-content .form-buttons[data-v-33c5a994],
.login-form .form-content .form-buttons[data-v-33c5a994] {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}
.bind-email-form .form-content .form-buttons .submit-btn[data-v-33c5a994],
.change-password-form .form-content .form-buttons .submit-btn[data-v-33c5a994],
.login-form .form-content .form-buttons .submit-btn[data-v-33c5a994] {
  flex: 1;
  padding: 12px;
  border-radius: 6px;
  font-size: 14px;
  margin-top: 0;
}
.bind-email-form .form-content .form-buttons .cancel-btn[data-v-33c5a994],
.change-password-form .form-content .form-buttons .cancel-btn[data-v-33c5a994],
.login-form .form-content .form-buttons .cancel-btn[data-v-33c5a994] {
  flex: 0 0 auto;
  padding: 12px 20px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.bind-email-form .form-content .form-buttons .cancel-btn[data-v-33c5a994]:hover,
.change-password-form .form-content .form-buttons .cancel-btn[data-v-33c5a994]:hover,
.login-form .form-content .form-buttons .cancel-btn[data-v-33c5a994]:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.bind-email-form .form-content .email-tips[data-v-33c5a994],
.change-password-form .form-content .email-tips[data-v-33c5a994],
.login-form .form-content .email-tips[data-v-33c5a994] {
  margin-top: 20px;
  padding: 12px;
  background: rgba(255, 153, 0, 0.05);
  border: 1px solid rgba(255, 153, 0, 0.1);
  border-radius: 6px;
}
.bind-email-form .form-content .email-tips .tips-title[data-v-33c5a994],
.change-password-form .form-content .email-tips .tips-title[data-v-33c5a994],
.login-form .form-content .email-tips .tips-title[data-v-33c5a994] {
  font-size: 13px;
  font-weight: 600;
  color: #f90;
  margin-bottom: 8px;
}
.bind-email-form .form-content .email-tips .tips-content[data-v-33c5a994],
.change-password-form .form-content .email-tips .tips-content[data-v-33c5a994],
.login-form .form-content .email-tips .tips-content[data-v-33c5a994] {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
}
@media (max-width: 768px) {
.userInfoContainer[data-v-33c5a994] {
    width: 320px;
    padding: 20px;
    top: 40px;
}
.userInfoContainer .avatarItem[data-v-33c5a994] {
    width: 80px;
    height: 80px;
}
.userInfoContainer .privilege-card[data-v-33c5a994],
  .userInfoContainer .gold-card[data-v-33c5a994] {
    padding: 14px;
}
.userInfoContainer .privilege-card .card-title[data-v-33c5a994],
  .userInfoContainer .gold-card .card-title[data-v-33c5a994] {
    font-size: 15px;
}
.popup-close-btn[data-v-33c5a994] {
    top: 15px;
    left: 15px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
}
.popup-close-btn svg[data-v-33c5a994] {
    width: 18px;
    height: 18px;
}
}

.sort-btn[data-v-1c7f5f80] {
  height: 25px;
  line-height: 25px;
  padding: 0 23px;
  color: #969696;
  cursor: pointer;
  position: relative;
  border: 1px solid transparent;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
}
.sort-btn .arrowFilters[data-v-1c7f5f80] {
  content: "";
  width: 0;
  height: 0;
  font-size: 0;
  border-bottom: 0 none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #7c7c7c;
  position: relative;
  top: -1px;
  margin-left: 5px;
}
.sort-btn[data-v-1c7f5f80]:hover {
  border: 1px solid #363636;
  color: #cacaca;
}
.sort-btn:hover .arrowFilters[data-v-1c7f5f80] {
  border-top: 5px solid #cacaca;
}
.filterList[data-v-1c7f5f80] {
  position: absolute;
  padding: 10px 0 10px 25px;
  top: 35px;
  right: 0;
  min-width: 188px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 0 0 3px 3px;
  z-index: 100;
  background: #1b1b1b;
}
.filterListItem[data-v-1c7f5f80] {
  padding: 0 25px;
  line-height: 32px;
  background: #1b1b1b;
  color: #969696;
  font-size: 12px;
  white-space: nowrap;
  text-transform: capitalize;
}
.filterListItem[data-v-1c7f5f80]:hover,
.select[data-v-1c7f5f80] {
  color: #cacaca;
}

.ActPopContent[data-v-b52e59c6] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ActPopContent .titleBg[data-v-b52e59c6] {
  width: 295px;
  margin-bottom: -36px;
}
.ActPopContent .actPopAdBg[data-v-b52e59c6] {
  width: 336px;
  max-height: 421px;
  background-color: #eeebeb;
  /* 背景颜色，与 SVG 的 fill 相匹配 */
  border: 2px solid #e8be56;
  /* 边框，与 SVG 的 stroke 相匹配 */
  position: relative;
  overflow: hidden;
  clip-path: path("M1 35C1 26 8 18 17 17C48 12 117 1 167 1C216 1 287 11 319 16C328 18 335 26 335 35V401C335 411 326 420 316 420H20C10 420 1 411 1 401V35Z");
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
}
.ActPopContent .actPopBootom[data-v-b52e59c6] {
  margin-top: -40px;
  width: 338px;
  height: 120px;
  background: #f8f7f7;
  border: 2px solid white;
  clip-path: path("M1 100V1.33C1.76 1.55 2.86 1.87 4.26 2.26C7.19 3.09 11.45 4.27 16.77 5.69C27.4 8.53 42.26 12.32 59.18 16.1C92.99 23.67 135.08 31.25 168 31.25C200.92 31.25 243.01 23.67 276.82 16.1C293.74 12.32 308.6 8.53 319.23 5.69C324.55 4.27 328.81 3.09 331.74 2.26C333.14 1.87 334.24 1.55 337 1.33V100C337 110.49 328.49 119 318 119H20C9.51 119 1 110.49 1 100Z");
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-top: 22px;
}
.ActPopContent .actPopBootom .contactContent[data-v-b52e59c6] {
  color: #000;
  font-size: 14px;
  margin: 0 20px 0 5px;
}
.ActPopContent .actPopBootom .btnToClick[data-v-b52e59c6] {
  width: 168px;
  height: 40px;
  border-radius: 25px;
  background: #ff8525;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ActPopContent .actPopBootom .btnToClick[data-v-b52e59c6]::after {
  content: "查看全部活动";
  font-size: 14px;
  color: #fff;
}
.ActPopContent .actPopAdsContent[data-v-b52e59c6] {
  width: 100%;
  overflow-y: scroll;
  padding: 0 30px 30px;
}
.ActPopContent .actOneAd[data-v-b52e59c6] {
  margin-bottom: -10px;
}
.gridPopContent[data-v-b52e59c6] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gridPopContent .gridPopAdBg[data-v-b52e59c6] {
  position: relative;
  background: url(/app/img/gridAdBg.67abc89.png) no-repeat;
  background-size: 100% 100%;
  overflow: visible;
  width: 320px;
  height: 444px;
  padding: 50px 0 10px;
}
.gridPopAdsContent[data-v-b52e59c6] {
  position: relative;
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(3, 82px);
  grid-gap: 11px 17px;
  align-items: center;
  justify-content: center;
  overflow: auto;
  height: 100%;
}
.gridPopAdsContent .gridOneAdd[data-v-b52e59c6] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gridPopAdsContent .adName[data-v-b52e59c6] {
  margin: 8px 0 4px;
  color: #fff;
  font-size: 14px;
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.gridPopAdsContent .gridBtn[data-v-b52e59c6] {
  width: 72px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  border-radius: 14px;
  background: #544f5a;
  color: #fff;
  font-size: 12px;
}
.ad-dialog[data-v-b52e59c6] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.ad-dialog .ad[data-v-b52e59c6] {
  max-height: 90%;
  max-width: 95%;
}
.ad-dialog .van-icon[data-v-b52e59c6] {
  color: #fff;
}
.closeBtn[data-v-b52e59c6] {
  margin-top: 30px;
  text-align: center;
}
.countDownText[data-v-b52e59c6] {
  font-size: 24px;
  color: #aaa;
  border-radius: 50%;
  margin: 2px;
  width: 46px;
  height: 46px;
  line-height: 42px;
  text-align: center;
  border: 2px solid #aaa;
}


.van-list__finished-text {
    width: 100%;
    margin-bottom: 20%;
}

.videoListWrapper[data-v-76942877] {
  padding: 15px;
}
.van-list[data-v-76942877] {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.van-swipe-item[data-v-76942877] {
  width: 360px;
}
.videoItem[data-v-76942877] {
  width: 25%;
  padding: 0 5px 10px 5px;
  position: relative;
}
.videoItem .timer[data-v-76942877] {
  font-size: 12px;
  position: absolute;
  right: 10px;
  bottom: 65px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 10px;
  padding: 3px;
}
.videoItem .itemBottom[data-v-76942877] {
  font-size: 14px;
  margin: 5px 0;
  width: calc(100% - 10px);
}
.videoItem .itemBottom .tags[data-v-76942877] {
  color: #888888;
  padding: 0;
}
.videoItem .itemBottom .tags span[data-v-76942877] {
  color: #888888;
  font-size: 12px;
}
@media (max-width: 920px) {
.videoItem[data-v-76942877] {
    width: 33%;
}
  /* 920px 以下 */
}
@media (max-width: 640px) {
  /* 640px 以下 */
.videoItem[data-v-76942877] {
    width: 50%;
}
}

.videoListWrapper {
  padding-bottom: 50px;
}
.videoListWrapper .choose_title {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  padding: 0 15px;
}
.videoListWrapper .choose_title .choose_left {
  display: flex;
  align-items: center;
  color: #fff;
  text-align: justify;
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 16px */
}
.videoListWrapper .choose_title .choose_left .ph {
  margin-right: 5px;
}
.videoListWrapper .choose_title .choose_right {
  display: flex;
  align-items: center;
}
.videoListWrapper .choose_title .choose_right .expand {
  color: #9a9a9a;
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 12px */
}
.videoListWrapper .van-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.videoListWrapper .van-tab {
  font-size: 16px;
  color: #888;
  width: 80px;
}
.videoListWrapper .van-tabs__wrap {
  width: 255px;
  margin-left: 15px;
}
.videoListWrapper .van-tab--active {
  color: #fff;
}
.videoListWrapper .van-tabs__line {
  color: #fff;
  background: url(data:image/webp;base64,UklGRsYCAABXRUJQVlA4WAoAAAAQAAAARwAAGgAAQUxQSJMBAAABkCzJtmlb49q2nm3btm2/tm0bLdu2baNl2zb3eNh77rXWeR8QERMApVFNZp+4+/Xd7eMTa4XAg8uu/0nhmykZPaXkGbr9OT3ME2LnW1T4sK555Z9QrTXcyyyvvj+pfH2wSb5LqXNfoDmBm6l3Z4ApIQeoe4OXGb47KP6+vVPRdLmbzf8s4ggjvJZQai3LCPu4GZbEqm/CJEqfVIO03BMB3xdU4N1x3aHJeQRtKD0VD3mGKwK+LuYqy0WS/NzCIf9nydZguI2/LuD7Si46fqDtlzSbqFsUbvOD+/SPBPw11k+QZSOdJ9hsovBAIFQW/yYgL3cJ/Mer6LwfFK79pxOFlyOgtruIfHd45tz1jymfByDDe8GrLFA9Tqa0HuB9mM6/qkL9SE0rALSjcBR0DtYyOxDAccERHy3o8UPZ60b494XTu3TQXOSKokOpsL3j1Anag6ZbCq628Yb9OIdtMLHgwi8urrT2hnPcZZtLcUYAsQPOfbGzzo4p5w1x/LIv/LY0Eeb65GjerWWdcrFQGJYShv8gAFZQOCAMAQAAEAcAnQEqSAAbAD5tKo9FpCKhGZwGAEAGxLYAY1Jm8gG2A3CnnM9QBz6vsLfuUA9PxobsgmqgXUddz/aXOaJXJAAA/v6HpiwICAAK6nvy8u2IuA6fI4Ox0SopxbObV3bs8pAlqnfOE85RR0Bzl/UxYnidPjhfCKmbcjoGoiOgfuDo02Sm3i6iWliqI7/MNoBc5G3OPE92OswIav8Cl3/+zOwaK9l6pO+bOZ6PHF1rkpEu5c3T/x/9ueOQEr/xrHY7vx2KoBNnJZs9AuuF9JMr0BwK77+707EuTzAtYMH/yUdOJMHpupD4j/lYGutLEJSaqJvAyo6hSG0uXbMobLf8KVc2nQkXNr5q2pAAAA==) no-repeat;
  background-size: 24px 8.7px;
  background-position: right 19px bottom 5px;
  width: 100px;
  height: 20px;
  background-color: rgba(255,255,255,0) !important;
}
.videoListWrapper .tags {
  position: relative;
  overflow: hidden;
  padding: 0 15px;
}
.videoListWrapper .tags .box {
  overflow-x: auto;
  margin: 10px 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-row-gap: 10px;
  grid-column-gap: 4px;
}
.videoListWrapper .tags .box .item {
  font-size: 12px;
  margin: 0 3px;
  border-radius: 4px;
  border: 1px solid #252525;
  background: #1e1e1e;
  display: inline-block;
}
.videoListWrapper .tags .box .item img {
  width: 12px;
  margin-right: 3px;
}
.videoListWrapper .tags .box .item span {
  color: #ffffff;
  display: block;
  line-height: 30px;
  text-align: center;
}
.videoListWrapper .videotitle {
  font-size: 16px;
  display: flex;
  color: #888;
}
.videoListWrapper .videotitle > div {
  padding: 10px 15px;
  position: relative;
}
.videoListWrapper .videotitle > div.active {
  color: #fff;
  background: url(data:image/webp;base64,UklGRsYCAABXRUJQVlA4WAoAAAAQAAAARwAAGgAAQUxQSJMBAAABkCzJtmlb49q2nm3btm2/tm0bLdu2baNl2zb3eNh77rXWeR8QERMApVFNZp+4+/Xd7eMTa4XAg8uu/0nhmykZPaXkGbr9OT3ME2LnW1T4sK555Z9QrTXcyyyvvj+pfH2wSb5LqXNfoDmBm6l3Z4ApIQeoe4OXGb47KP6+vVPRdLmbzf8s4ggjvJZQai3LCPu4GZbEqm/CJEqfVIO03BMB3xdU4N1x3aHJeQRtKD0VD3mGKwK+LuYqy0WS/NzCIf9nydZguI2/LuD7Si46fqDtlzSbqFsUbvOD+/SPBPw11k+QZSOdJ9hsovBAIFQW/yYgL3cJ/Mer6LwfFK79pxOFlyOgtruIfHd45tz1jymfByDDe8GrLFA9Tqa0HuB9mM6/qkL9SE0rALSjcBR0DtYyOxDAccERHy3o8UPZ60b494XTu3TQXOSKokOpsL3j1Anag6ZbCq628Yb9OIdtMLHgwi8urrT2hnPcZZtLcUYAsQPOfbGzzo4p5w1x/LIv/LY0Eeb65GjerWWdcrFQGJYShv8gAFZQOCAMAQAAEAcAnQEqSAAbAD5tKo9FpCKhGZwGAEAGxLYAY1Jm8gG2A3CnnM9QBz6vsLfuUA9PxobsgmqgXUddz/aXOaJXJAAA/v6HpiwICAAK6nvy8u2IuA6fI4Ox0SopxbObV3bs8pAlqnfOE85RR0Bzl/UxYnidPjhfCKmbcjoGoiOgfuDo02Sm3i6iWliqI7/MNoBc5G3OPE92OswIav8Cl3/+zOwaK9l6pO+bOZ6PHF1rkpEu5c3T/x/9ueOQEr/xrHY7vx2KoBNnJZs9AuuF9JMr0BwK77+707EuTzAtYMH/yUdOJMHpupD4j/lYGutLEJSaqJvAyo6hSG0uXbMobLf8KVc2nQkXNr5q2pAAAA==) no-repeat;
  background-size: 24px 8.7px;
  background-position: right 10px bottom 11px;
}
.videoListWrapper .videotitle .after {
  position: absolute;
  right: 10px;
}
.videoListWrapper .videotitle .after img {
  width: 24px;
}

.goldContent[data-v-38ed9c64] {
  padding: 0px 15px 0;
  position: relative;
  font-size: 18px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.goldContent .content-bg[data-v-38ed9c64] {
  position: relative;
  width: 100%;
  height: 60px;
  line-height: 60px;
  margin: 20px auto;
  background: url(/app/img/bg_rechargeVip.cfef0b0.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
.goldContent .content-bg .title[data-v-38ed9c64] {
  font-size: 12px;
  color: #a54a0a;
  margin-top: 13px;
  margin-left: -14px;
}
.goldContent .content-bg .buy-vip-btn[data-v-38ed9c64] {
  position: absolute;
  right: 10px;
  top: 17px;
  color: #fff;
  font-size: 14px;
  width: 80px;
  height: 26px;
  line-height: 26px;
  border-radius: 26px;
  border: 1.65px solid rgba(255, 255, 255, 0.5);
  background: linear-gradient(180deg, #f1ae56 0%, #ee6a29 100%);
  box-shadow: 0px 4.4px 4.4px 0px rgba(240, 128, 56, 0.2);
}

.cardWarpper[data-v-d5809568] {
  border-radius: 20px;
  margin: 15px auto 20px;
  position: relative;
  overflow: hidden;
  padding: 15px;
  width: 100%;
}
.itemCardBg[data-v-d5809568] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.itemCardBg[data-v-d5809568] .imgDom {
  width: 100%;
  height: 100%;
  /* Chrome, Opera */
  -moz-filter: blur(40px);
  -ms-filter: blur(40px);
  filter: blur(40px);
  border-radius: 20px;
}
.cardTitle[data-v-d5809568] {
  z-index: 1;
  font-size: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.cardTitle span[data-v-d5809568] {
  z-index: 1;
}
.cardTitle > span[data-v-d5809568]:nth-child(2) {
  font-size: 12px;
  color: #b9c1c7;
}
.listCard[data-v-d5809568] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}
.listCard[data-v-d5809568] img {
  aspect-ratio: 0.71428571;
  -o-object-fit: cover;
     object-fit: cover;
}
.listCard > div[data-v-d5809568] {
  position: relative;
}
.listCard > div .tag[data-v-d5809568] {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 2px;
  font-size: 12px;
  border-radius: 3px;
}
.listCard > div .name[data-v-d5809568] {
  margin-top: 8px;
  width: 100%;
  font-size: 13px;
  color: #d1d6df;
}
.itemCard[data-v-d5809568] {
  overflow: hidden;
}

.postItemWrapper .postBox[data-v-ab236c32] {
  margin: 0 0 20px 0;
}
.postItemWrapper .postHeader[data-v-ab236c32] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.postItemWrapper .postHeader .delect-btn[data-v-ab236c32] {
  width: 52px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 8px;
  background-color: #2c2921;
  font-size: 12px;
  font-weight: 500;
  color: #f6d790;
}
.postItemWrapper .postHeader .avatar img[data-v-ab236c32] {
  height: 44px;
  width: 44px;
}
.postItemWrapper .postHeader .upName[data-v-ab236c32] {
  font-size: 14px;
}
.postItemWrapper .postHeader .postTime[data-v-ab236c32] {
  font-size: 12px;
  color: #999999;
}
.postItemWrapper .postHeader > div[data-v-ab236c32]:first-child {
  border-radius: 50%;
}
.postItemWrapper .postHeader > div[data-v-ab236c32]:nth-child(2) {
  margin: 0 10px;
  color: #b2b2b2;
}
.postItemWrapper .postHeader > div[data-v-ab236c32]:last-child {
  margin-left: auto;
}
.postItemWrapper .postHeader .focusUp[data-v-ab236c32] {
  width: 52px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 8px;
  font-size: 12px;
  color: #999;
  background-color: rgba(255, 255, 255, 0.05);
}
.postItemWrapper .postHeader .noFocusUp[data-v-ab236c32] {
  width: 52px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 8px;
  font-size: 12px;
  color: #f6d790;
  background-color: #2c2921;
}
.postItemWrapper .postContent[data-v-ab236c32] {
  display: flex;
  width: 100%;
  overflow: hidden;
}
.postItemWrapper .postContent .titleIcon[data-v-ab236c32] {
  border-radius: 2px;
  background: #ff8525;
  width: 32px;
  height: 18px;
  color: #111111;
  font-size: 10px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
}
.postItemWrapper .postContent .postSubtitle[data-v-ab236c32] {
  line-height: 25px;
  font-size: 14px;
  color: #e4e4e4;
}
.postItemWrapper .postContent .type1[data-v-ab236c32] {
  width: 100%;
}
.postItemWrapper .postContent .type1 .postTitle[data-v-ab236c32] {
  display: flex;
  width: 100%;
  height: 30px;
  align-items: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.postItemWrapper .postContent .type1 .postTitle .postSubtitle[data-v-ab236c32] {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.postItemWrapper .postContent .type1 .imgList[data-v-ab236c32] {
  margin: 4px 3px;
  display: flex;
  justify-content: space-between;
}
.postItemWrapper .postContent .type1 .imgList img[data-v-ab236c32] {
  height: 151px;
  margin: 0 3px;
}
.postItemWrapper .postContent .type2[data-v-ab236c32],
.postItemWrapper .postContent .type3[data-v-ab236c32] {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
}
.postItemWrapper .postContent .type2 > div[data-v-ab236c32],
.postItemWrapper .postContent .type3 > div[data-v-ab236c32] {
  width: 49%;
}
.postItemWrapper .postContent .type2 > div .postSubtitle[data-v-ab236c32],
.postItemWrapper .postContent .type3 > div .postSubtitle[data-v-ab236c32] {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.postItemWrapper .postContent .type2 .imgList img[data-v-ab236c32],
.postItemWrapper .postContent .type3 .imgList img[data-v-ab236c32] {
  width: 100%;
  height: 114px;
}
.postItemWrapper .postContent .type4[data-v-ab236c32] {
  width: 100%;
}
.postItemWrapper .postContent .type4 .imgList[data-v-ab236c32] {
  display: flex;
  margin: 5px 0;
}
.postItemWrapper .postContent .type4 .postTitle[data-v-ab236c32] {
  display: flex;
  width: 100%;
  height: 30px;
  align-items: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.postItemWrapper .postContent .type4 .postTitle .postSubtitle[data-v-ab236c32] {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.postItemWrapper .postBottom[data-v-ab236c32] {
  margin: 5px 0 15px 0;
  display: flex;
  align-items: center;
  height: 22px;
}
.postItemWrapper .postBottom .tag[data-v-ab236c32] {
  font-size: 12px;
  color: #777777;
  border-radius: 4px;
  padding: 0 11px;
  margin: 0 8px 0 0;
  line-height: 22px;
  background-color: #151515;
}
.postItemWrapper .postBottom .vip[data-v-ab236c32] {
  margin: 0 8px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  background: #ff8525;
  color: #fff;
  font-size: 14px;
  width: 32px;
  height: 20px;
  justify-content: center;
}
.postItemWrapper .postBottom .diamond[data-v-ab236c32] {
  width: 48px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  color: #fff;
  border-radius: 5px;
  background: #ff8525;
}
.postItemWrapper .postBottom .diamond img[data-v-ab236c32] {
  display: inline-block;
  height: 12px;
  vertical-align: middle;
  margin-bottom: 2px;
}
.postItemWrapper .postFooter[data-v-ab236c32] {
  font-size: 14px;
  color: #888;
}
.postItemWrapper .postFooter span[data-v-ab236c32] {
  margin: 0 15px 0 0;
}
.postItemWrapper .postFooter img[data-v-ab236c32] {
  width: 15px;
  margin-right: 2px;
  vertical-align: middle;
}
.postItemWrapper .van-dialog .bg[data-v-ab236c32] {
  height: 170px;
  width: 100%;
}
.postItemWrapper .van-dialog .bg img[data-v-ab236c32] {
  width: 100%;
}
.postItemWrapper .van-dialog .button[data-v-ab236c32] {
  border-radius: 20px;
  height: 54px;
  text-align: center;
  font-size: 16px;
  width: 100%;
  line-height: 54px;
  color: #fff;
  background-image: linear-gradient(280deg, #e1ac5c, #9a7ba0 48%, #7f68be);
}

.postItemWrapper .van-dialog .van-dialog__content[data-v-ab236c32] {
  position: relative;
}
.postItemWrapper .van-dialog .van-dialog__content .content[data-v-ab236c32] {
  width: 322px;
  height: 170px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffd9c3 0%, rgba(255, 217, 195, 0) 100%);
}
.postItemWrapper .van-dialog .van-dialog__content .content > div[data-v-ab236c32]:first-child {
  font-size: 16px;
  color: #1a1a1a;
  margin-top: 20px;
  margin-bottom: 15px;
}
.postItemWrapper .van-dialog .van-dialog__content .content > div[data-v-ab236c32]:nth-child(2) {
  font-size: 14px;
  color: #666666;
}
.postItemWrapper .van-dialog .van-dialog__content .content .btn-box[data-v-ab236c32] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
.postItemWrapper .van-dialog .van-dialog__content .content .btn-box .button[data-v-ab236c32] {
  width: 130px;
  height: 44px;
  line-height: 44px;
  border-radius: 22px;
  text-align: center;
}
.postItemWrapper .van-dialog .van-dialog__content .content .btn-box .btn-1[data-v-ab236c32] {
  background: #eeeeee;
  color: #666666;
  font-size: 16px;
  margin-right: 10px;
}
.postItemWrapper .van-dialog .van-dialog__content .content .btn-box .btn-2[data-v-ab236c32] {
  background: #ff8525;
  color: #ffffff;
  font-size: 16px;
}

.loading[data-v-5c2d70be] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.loader[data-v-5c2d70be] {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid rgba(0,0,0,0);
  border-right-color: #f90;
  opacity: 0.4;
  position: relative;
  animation: l24-5c2d70be 1s infinite linear;
}
.loader[data-v-5c2d70be]:before,
.loader[data-v-5c2d70be]:after {
  content: "";
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  border-radius: 50%;
  border: inherit;
  animation: inherit;
  animation-duration: 2s;
}
.loader[data-v-5c2d70be]:after {
  animation-duration: 4s;
}
@keyframes l24-5c2d70be {
100% {
    transform: rotate(1turn);
}
}

.centerTip[data-v-0902b378] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60vh;
  margin-top: 20vh;
}

.search-list[data-v-b229e4ce] {
  width: 100%;
  min-height: 200px;
}
.stats-bar[data-v-b229e4ce] {
  padding: 12px 0;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.stats-bar .stats-text[data-v-b229e4ce] {
  font-size: 14px;
  color: #999;
}
.stats-bar .stats-text em[data-v-b229e4ce] {
  font-style: normal;
  color: #ff8525;
  font-weight: 600;
  margin: 0 4px;
}
.list-content.layout-grid[data-v-b229e4ce] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  gap: 10px;
}
@media (min-width: 768px) {
.list-content.layout-grid[data-v-b229e4ce] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1200px) {
.list-content.layout-grid[data-v-b229e4ce] {
    grid-template-columns: repeat(4, 1fr);
}
}
.list-content.layout-list[data-v-b229e4ce] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.loading-box[data-v-b229e4ce] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 0;
}
.empty-box[data-v-b229e4ce] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 0;
}
.empty-box .empty-img[data-v-b229e4ce] {
  width: 209px;
  margin-bottom: 16px;
}
.empty-box .empty-text[data-v-b229e4ce] {
  font-size: 13px;
  color: #999;
  margin: 0;
}
.pagination-box[data-v-b229e4ce] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 24px 0 60px;
  gap: 12px;
}
.pagination-box .page-btn[data-v-b229e4ce] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  background: linear-gradient(135deg, #ff8525 0%, #ff6b00 100%);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(255, 133, 37, 0.3);
  -webkit-text-decoration: none;
  text-decoration: none;
}
.pagination-box .page-btn[data-v-b229e4ce]:hover:not(.disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 133, 37, 0.4);
}
.pagination-box .page-btn[data-v-b229e4ce]:active:not(.disabled) {
  transform: translateY(0);
}
.pagination-box .page-btn.disabled[data-v-b229e4ce] {
  background: #2a2a2a;
  color: #555;
  cursor: not-allowed;
  box-shadow: none;
}
.pagination-box .page-numbers[data-v-b229e4ce] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.pagination-box .page-numbers .page-num[data-v-b229e4ce] {
  min-width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2a2a2a;
  color: #999;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.pagination-box .page-numbers .page-num[data-v-b229e4ce]:hover:not(.active) {
  background: #3a3a3a;
  color: #fff;
}
.pagination-box .page-numbers .page-num.active[data-v-b229e4ce] {
  background: linear-gradient(135deg, #ff8525 0%, #ff6b00 100%);
  color: #fff;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(255, 133, 37, 0.3);
}
.pagination-box .page-numbers .page-ellipsis[data-v-b229e4ce] {
  min-width: 30px;
  color: #666;
  text-align: center;
  font-size: 14px;
}
.pagination-box .page-jump[data-v-b229e4ce] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 8px;
  padding-left: 16px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.pagination-box .page-jump .jump-label[data-v-b229e4ce] {
  font-size: 13px;
  color: #999;
}
.pagination-box .page-jump .jump-input[data-v-b229e4ce] {
  width: 50px;
  height: 32px;
  padding: 0 8px;
  background: #2a2a2a;
  border: 1px solid #3a3a3a;
  border-radius: 6px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  outline: none;
  transition: border-color 0.2s;
  -moz-appearance: textfield;
}
.pagination-box .page-jump .jump-input[data-v-b229e4ce]:focus {
  border-color: #ff8525;
}
.pagination-box .page-jump .jump-input[data-v-b229e4ce]::-webkit-outer-spin-button,
.pagination-box .page-jump .jump-input[data-v-b229e4ce]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pagination-box .page-jump .jump-btn[data-v-b229e4ce] {
  height: 32px;
  padding: 0 12px;
  background: linear-gradient(135deg, #ff8525 0%, #ff6b00 100%);
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.pagination-box .page-jump .jump-btn[data-v-b229e4ce]:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(255, 133, 37, 0.4);
}
.pagination-box .page-jump .jump-btn[data-v-b229e4ce]:active {
  transform: translateY(0);
}
@media (max-width: 600px) {
.pagination-box[data-v-b229e4ce] {
    gap: 8px;
    padding: 16px 0 40px;
}
.pagination-box .page-btn[data-v-b229e4ce] {
    padding: 6px 12px;
    font-size: 12px;
}
.pagination-box .page-numbers[data-v-b229e4ce] {
    gap: 4px;
}
.pagination-box .page-numbers .page-num[data-v-b229e4ce] {
    min-width: 32px;
    height: 32px;
    font-size: 13px;
}
.pagination-box .page-jump[data-v-b229e4ce] {
    width: 100%;
    justify-content: center;
    margin-left: 0;
    margin-top: 8px;
    padding-left: 0;
    border-left: none;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
}

.btnListBox[data-v-039286f9] {
  padding: 0 0rem;
}
.btnList[data-v-039286f9] {
  padding: 0.2rem 0.3rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.04rem;
  /* background: @theme-color; */
}
.choosebtn[data-v-039286f9] {
  padding: 0.1rem 0.2rem;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 0.35rem;
  text-align: center;
  border-radius: 3px;
  margin-right: 0.4rem;
  cursor: pointer;
}
.active[data-v-039286f9] {
  background: #fff;
  color: #fff;
}

.imgItem[data-v-bab84602] {
  cursor: pointer;
  overflow: hidden;
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
}
.imgIn[data-v-bab84602] {
  position: relative;
  border-radius: 50%;
}
.cover[data-v-bab84602] {
  aspect-ratio: 1.6;
  overflow: hidden;
  -o-object-fit: contain;
     object-fit: contain;
  background-repeat: no-repeat;
  width: 100%;
  background-position: center center;
  background-color: #171717;
  border-radius: 8px;
  background-size: scale-down;
}
.cover[data-v-bab84602] img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.loading_img[data-v-bab84602] {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.adbg[data-v-bab84602] {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 46px;
  height: 25px;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
  border-radius: 8px;
}
.info-item[data-v-bab84602] {
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  padding: 3px;
  background: rgba(0,0,0,0.33333);
}
.itemTitle[data-v-bab84602] {
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
  font-size: 14px;
  word-break: break-all;
  padding: 0 5px;
}
.itemTitle .tags[data-v-bab84602] {
  overflow: hidden;
  color: #888888;
  font-size: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  line-height: 14px;
  height: 14px;
}
.itemTitle .tags .item[data-v-bab84602] {
  white-space: nowrap;
  margin-right: 5px;
}
.itemTitle .videoName[data-v-bab84602] {
  margin-bottom: 0.1rem;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.itemTitle .userInfo[data-v-bab84602] {
  display: flex;
  align-items: center;
  color: #999;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 0.3rem;
}
.itemTitle .userInfo .avatarTips[data-v-bab84602] {
  width: 12px;
  margin-left: 3px;
}
.itemTitle .userInfo[data-v-bab84602]:hover {
  color: #f90;
}
.itemTitle .likedCnt[data-v-bab84602] {
  white-space: nowrap;
  color: #21ce97;
}
.userName[data-v-bab84602] {
  color: #999999;
  font-size: 12px;
}
.detailBox[data-v-bab84602] {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  color: #7c8c9d;
  display: flex;
}
.detailBox .pic-box[data-v-bab84602] {
  position: relative;
  width: 50%;
  height: 100px;
  border-radius: 6px;
  background: var(--graph_weak);
  flex: 0 0 auto;
}
.detailBox .detailInfo[data-v-bab84602] {
  margin-left: 10px;
  flex: 1;
  font-size: 16px;
  line-height: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.detailBox .name[data-v-bab84602] {
  color: #c6c6c6;
  word-break: break-word;
  word-wrap: break-word;
  font-size: 15px;
  line-height: 17px;
}
.detailBox .userName[data-v-bab84602] {
  margin: 6px 0;
}
.detailBox .info[data-v-bab84602] {
  color: #969696;
  font-size: 12px;
}
.selectMask[data-v-bab84602] {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(128,129,132,0.66667);
  z-index: 9;
}
.selectMask .selectIcon[data-v-bab84602] {
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mBody[data-v-62f97b58] {
  padding: 0 7px;
}
.mBody .msubtitle[data-v-62f97b58] {
  font-size: 0.37rem;
  color: #fff;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mBody .msubtitle .h_wrap[data-v-62f97b58] {
  background: #ff8525;
  color: #000;
  padding: 0 1px;
}
.mBody .msubtitle .title-box[data-v-62f97b58] {
  margin: 6px 0;
  max-width: 85%;
  line-height: 30px;
  display: flex;
  align-items: center;
}
.mBody .msubtitle .moduleTitle[data-v-62f97b58] {
  position: relative;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.mBody .msubtitle .moduleInstr[data-v-62f97b58] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  color: #9d9d9d;
  font-size: 0.28rem;
  margin-left: 10px;
}
.moreBtn[data-v-62f97b58] {
  font-size: 12px;
  color: #9a9a9a;
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 0px 4px 0 8px;
}
.gridBox[data-v-62f97b58] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}
.gridBox .gridItem[data-v-62f97b58] {
  overflow: hidden;
}
@media (max-width: 920px) {
  /* 460px以下 */
.gridBox[data-v-62f97b58] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 640px) {
  /* 460px以下 */
.gridBox[data-v-62f97b58] {
    grid-template-columns: repeat(2, 1fr);
}
}

.pagination-list[data-v-bd0af6c6] {
  width: 100%;
}
.list-grid[data-v-bd0af6c6] {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}
.list-grid.grid-cols-2[data-v-bd0af6c6] {
  grid-template-columns: repeat(2, 1fr);
}
.list-grid.grid-cols-3[data-v-bd0af6c6] {
  grid-template-columns: repeat(3, 1fr);
}
.list-grid.grid-cols-4[data-v-bd0af6c6] {
  grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 768px) {
.list-grid.grid-cols-2[data-v-bd0af6c6] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1200px) {
.list-grid.grid-cols-2[data-v-bd0af6c6],
  .list-grid.grid-cols-3[data-v-bd0af6c6] {
    grid-template-columns: repeat(4, 1fr);
}
}
.loading-box[data-v-bd0af6c6] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
}
.empty-box[data-v-bd0af6c6] {
  padding: 40px 0;
}
.pagination-box[data-v-bd0af6c6] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0 60px;
  gap: 20px;
}
.pagination-box .page-btn[data-v-bd0af6c6] {
  padding: 10px 20px;
  background: linear-gradient(135deg, #ff8525 0%, #ff6b00 100%);
  color: #fff;
  border: none;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(255, 133, 37, 0.3);
}
.pagination-box .page-btn[data-v-bd0af6c6]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 133, 37, 0.4);
}
.pagination-box .page-btn[data-v-bd0af6c6]:active:not(:disabled) {
  transform: translateY(0);
}
.pagination-box .page-btn[data-v-bd0af6c6]:disabled {
  background: #3a3a3a;
  color: #666;
  cursor: not-allowed;
  box-shadow: none;
}
.pagination-box .page-info[data-v-bd0af6c6] {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #fff;
}
.pagination-box .page-info .current-page[data-v-bd0af6c6] {
  color: #ff8525;
  font-weight: 700;
  font-size: 18px;
}
.pagination-box .page-info .page-separator[data-v-bd0af6c6] {
  margin: 0 8px;
  color: #666;
}
.pagination-box .page-info .total-pages[data-v-bd0af6c6] {
  color: #999;
}

.blance-tip[data-v-e1a14ce0] {
  background: #fff;
  border-radius: 20px;
}
.blance-tip .tip-content[data-v-e1a14ce0] {
  width: 80vw;
  height: 170px;
  margin: 0 auto;
  background: url(/app/img/blance-tip.9c3eeec.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 20px;
}
.blance-tip .tip-content .title[data-v-e1a14ce0] {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #1a1a1a;
  text-align: center;
  padding-top: 30px;
  margin-bottom: 20px;
}
.blance-tip .tip-content .text[data-v-e1a14ce0] {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #666666;
  text-align: center;
  margin-bottom: 20px;
}
.blance-tip .tip-content .bottom_wrap[data-v-e1a14ce0] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  height: 44px;
}
.blance-tip .tip-content .bottom_wrap .cancel[data-v-e1a14ce0] {
  width: 130px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #676767;
  border-radius: 22px;
  background: #eee;
  margin-right: 10px;
}
.blance-tip .tip-content .bottom_wrap .btn[data-v-e1a14ce0] {
  width: 130px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #ffffff;
  border-radius: 22px;
  background: #ff8525;
}
.blance-tip[data-v-e1a14ce0].van-popup--center {
  border-radius: 20px;
}

.picbox[data-v-29765764] {
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
  border-radius: 50%;
}
.picbox .van-imag[data-v-29765764] {
  position: absolute;
  top: 0;
}

.mail-list[data-v-2eb90224] {
  height: 100%;
  margin: 10px;
}
.item[data-v-2eb90224] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 10px;
}
.item .avatar[data-v-2eb90224] {
  flex: 0 0 50px;
  height: 50px;
  border-radius: 50%;
}
.item .avatar img[data-v-2eb90224] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.item .right[data-v-2eb90224] {
  width: 0;
  flex: 1;
  padding-left: 10px;
  height: 60px;
}
.item .right .name[data-v-2eb90224] {
  width: 100%;
  font-size: 16px;
  color: #e4e4e4;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  margin-top: 5px;
}
.item .right .name .tips[data-v-2eb90224] {
  font-size: 12px;
  background: #f00;
  color: #ffffff;
  width: 30px;
  height: 16px;
  text-align: center;
  border-radius: 10px;
  border-bottom-left-radius: 0;
}
.item .right .des[data-v-2eb90224] {
  width: 100%;
  font-size: 14px;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.share-dialog[data-v-f2fae6ba] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #2a2a2a;
  border-radius: 16px;
  padding: 24px 20px 20px;
  min-width: 300px;
  max-width: 85%;
}
.share-dialog .share-close[data-v-f2fae6ba] {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 20px;
  color: #888;
  cursor: pointer;
}
.share-dialog .share-close[data-v-f2fae6ba]:hover {
  color: #fff;
}
.share-dialog .share-title[data-v-f2fae6ba] {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 16px;
}
.share-dialog .share-link[data-v-f2fae6ba] {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 12px;
  color: #999;
  font-size: 13px;
  word-break: break-all;
  margin-bottom: 20px;
  line-height: 1.5;
}
.post-card[data-v-f2fae6ba] {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 16px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.post-card[data-v-f2fae6ba]:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}
.post-header[data-v-f2fae6ba] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.post-header .avatar[data-v-f2fae6ba] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  flex-shrink: 0;
}
.post-header .nickname[data-v-f2fae6ba] {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
}
.post-header .nickname[data-v-f2fae6ba]:hover {
  color: #ff8525;
}
.post-header .post-time[data-v-f2fae6ba] {
  font-size: 12px;
  color: #888;
}
.post-header .post-tags[data-v-f2fae6ba] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.post-header .post-tags .tag-badge[data-v-f2fae6ba] {
  padding: 2px 8px;
  background: rgba(255, 133, 37, 0.15);
  color: #ff8525;
  font-size: 11px;
  border-radius: 4px;
}
.post-body .post-title[data-v-f2fae6ba] {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 8px;
  line-height: 1.4;
}
.post-body .post-text[data-v-f2fae6ba] {
  font-size: 14px;
  color: #ccc;
  line-height: 1.6;
  margin: 0 0 12px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.post-images[data-v-f2fae6ba] {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  border-radius: 12px;
  overflow: hidden;
}
.post-images.images-1[data-v-f2fae6ba] {
  grid-template-columns: 1fr;
}
.post-images.images-1 .image-item[data-v-f2fae6ba] {
  aspect-ratio: 1.77777778;
  max-height: 200px;
}
.post-images.images-2[data-v-f2fae6ba] {
  grid-template-columns: repeat(2, 1fr);
}
.post-images.images-3[data-v-f2fae6ba] {
  grid-template-columns: repeat(3, 1fr);
}
.post-images .image-item[data-v-f2fae6ba] {
  position: relative;
  aspect-ratio: 1;
  cursor: pointer;
  overflow: hidden;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
}
.post-images .image-item .post-img[data-v-f2fae6ba] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.post-images .image-item .image-count[data-v-f2fae6ba] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}
.post-footer[data-v-f2fae6ba] {
  display: flex;
  gap: 20px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  justify-content: flex-start;
}
.post-footer .action-item[data-v-f2fae6ba] {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #888;
  font-size: 13px;
  cursor: pointer;
  transition: color 0.2s;
}
.post-footer .action-item[data-v-f2fae6ba]:hover {
  color: #fff;
}
.post-footer .action-item .collected[data-v-f2fae6ba] {
  color: #ffd700;
}
.post-footer .action-item .liked[data-v-f2fae6ba] {
  color: #ff6b6b;
}
.post-footer .action-item .disliked[data-v-f2fae6ba] {
  color: #888;
}
@media (max-width: 767px) {
.post-card[data-v-f2fae6ba] {
    padding: 12px;
    border-radius: 12px;
}
.post-header[data-v-f2fae6ba] {
    gap: 8px;
}
.post-header .avatar[data-v-f2fae6ba] {
    width: 32px;
    height: 32px;
}
.post-header .nickname[data-v-f2fae6ba] {
    font-size: 13px;
}
.post-header .post-time[data-v-f2fae6ba] {
    font-size: 11px;
}
.post-header .post-tags .tag-badge[data-v-f2fae6ba] {
    font-size: 10px;
    padding: 2px 6px;
}
.post-body .post-title[data-v-f2fae6ba] {
    font-size: 15px;
}
.post-body .post-text[data-v-f2fae6ba] {
    font-size: 13px;
}
.post-footer[data-v-f2fae6ba] {
    gap: 12px;
}
.post-footer .action-item[data-v-f2fae6ba] {
    font-size: 12px;
}
}

.anchorItem[data-v-6c0f6c02] {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 0.45rem;
  justify-content: space-between;
}
.info[data-v-6c0f6c02] {
  flex: 1;
  width: 0;
  padding-right: 0.4rem;
  display: flex;
  align-items: center;
}
.mainInfo[data-v-6c0f6c02] {
  padding-left: 0.11rem;
  flex: 1;
  width: 0;
}
.name[data-v-6c0f6c02] {
  font-size: 0.45rem;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
}
.des[data-v-6c0f6c02] {
  font-size: 0.35rem;
  color: #808184;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0.08rem;
}
.num[data-v-6c0f6c02] {
  display: flex;
  font-size: 0.35rem;
  color: #808184;
}
.num div[data-v-6c0f6c02] {
  margin-right: 10px;
}
.num .fans-num[data-v-6c0f6c02] {
  color: #fe0000;
}
.num .video-num[data-v-6c0f6c02] {
  color: #f90;
}
.followbtn span[data-v-6c0f6c02] {
  width: 1.8rem;
  height: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.35rem;
  border-radius: 0.5rem;
}
.followbtn .btn1[data-v-6c0f6c02] {
  color: #f90;
  border: solid 1px #f90;
}
.followbtn .btn2[data-v-6c0f6c02] {
  color: #888c8f;
  border: solid 1px #888c8f;
}

.followbox[data-v-9553df1a] {
  width: 100%;
  height: 100%;
}
.userVideobox[data-v-9553df1a] {
  width: 95%;
  margin: 0 auto;
}
.list[data-v-9553df1a] {
  display: flex;
  align-items: center;
  padding: 0.16rem 0 0.16rem 0.2rem;
}
.list .item[data-v-9553df1a] {
  display: flex;
  width: 70px;
  cursor: pointer;
  flex-direction: column;
  margin: 0 1px;
}
.list .item .pic[data-v-9553df1a] {
  align-self: center;
  width: 1.2rem;
  height: 1.2rem;
  line-height: 1.1rem;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  color: #fff;
  font-size: 1rem;
  position: relative;
}
.list .item .name[data-v-9553df1a] {
  font-size: 0.35rem;
  color: #aaa;
  margin-top: 0.15rem;
  text-align: center;
  width: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* .bgbox {
  background-color: black;
  width: 100%;
  height: 100vh;
  position: absolute;
} */
.avater[data-v-9553df1a] {
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
}

.btn_actor[data-v-e268d242] {
  display: block;
  width: 52px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #ff8525;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  color: #ff8525;
}
.btn_actor2[data-v-e268d242] {
  display: block;
  width: 52px;
  height: 30px;
  color: #676767;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid #9a9a9a;
  background: rgba(0, 0, 0, 0.5);
}
.row2[data-v-e268d242] {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.btn[data-v-e268d242] {
  width: 100%;
}
.followbtn span[data-v-e268d242] {
  padding: 0 10px;
  height: 0.65rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.35rem;
  border-radius: 0.5rem;
}
.followbtn .btn1[data-v-e268d242] {
  padding: 0 10px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #ff8525;
  font-size: 12px;
  color: #ff8525;
  font-weight: 500;
}
.followbtn .btn2[data-v-e268d242] {
  width: 60px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #676767;
  color: #676767;
  font-size: 12px;
}
.btn img[data-v-e268d242] {
  width: 0.54rem;
}
.followbtnType1[data-v-e268d242] {
  width: 30px;
  height: 20px;
  margin: 2px 0 2px 5px;
  border-radius: 12px;
  background: #ff8525;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.feedBox .vipMark {
  position: absolute;
  background: #ff6f30;
  width: 100px;
  height: 30px;
  text-align: center;
  top: -8px;
  right: -45px;
  transform: rotate(45deg) scale(0.7);
}
.feedBox .vipMark div {
  margin-top: 12px;
  font-size: 14px;
  color: #ffffff;
}
.feedBox .diamondMark {
  position: absolute;
  background: #f7174c;
  width: 100px;
  height: 30px;
  text-align: center;
  top: -7px;
  right: -44px;
  transform: rotate(45deg) scale(0.7);
}
.feedBox .diamondMark div {
  margin-top: 10px;
  font-size: 14px;
  color: #ffffff;
}

.feedBox[data-v-559a1c4c] {
  margin: 8px 0px;
  padding: 9px;
  position: relative;
  color: #ffffff;
  background: #0e1624;
}
.feedBox .imgIn[data-v-559a1c4c] {
  position: relative;
  max-width: 100%;
  max-height: 400px;
  margin: 0 auto;
}
.feedBox.twoItem[data-v-559a1c4c] {
  width: 100%;
}
.feedBox.twoItem.vertical[data-v-559a1c4c] {
  height: 180px;
}
.feedBox.noTitle[data-v-559a1c4c] {
  margin-bottom: 0.2rem;
}
.cover[data-v-559a1c4c] {
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  background-position: center center;
  border-radius: 8px;
  background-size: scale-down;
}
.cover img[data-v-559a1c4c] {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.loading_img[data-v-559a1c4c] {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.tips[data-v-559a1c4c] {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 999;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.itemTitle[data-v-559a1c4c] {
  margin: 0.2rem 0;
  color: #fff;
  font-size: 14px;
  word-break: break-all;
}
.itemTitle .videoName[data-v-559a1c4c] {
  line-height: 0.5rem;
  height: 0.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0.1rem;
}
.follow-warp[data-v-559a1c4c] {
  display: flex;
  justify-content: flex-end;
}
.feed-user-info[data-v-559a1c4c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.3rem;
}
.feed-user-info .left[data-v-559a1c4c] {
  display: flex;
  width: 85%;
  white-space: nowrap;
}
.feed-user-info .left .avatar[data-v-559a1c4c] {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin-right: 0.2rem;
  display: block;
}
.feed-user-info .left .userName[data-v-559a1c4c] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  display: inline-block;
}
.feed-user-info .left .pub-location[data-v-559a1c4c],
.feed-user-info .left .pub-date[data-v-559a1c4c] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
  color: #7d7c7c;
}
.feed-user-info .left .pub-date[data-v-559a1c4c] {
  margin-left: 10px;
}
.feed-tip[data-v-559a1c4c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.3rem;
  margin: 25px 0px 10px;
  color: #7d7c7c;
}
.feed-tip .left[data-v-559a1c4c] {
  display: flex;
  align-items: center;
  width: 65%;
}
.feed-tip .left .avatar[data-v-559a1c4c] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  margin-right: 0.2rem;
  display: block;
}
.feed-tip .left .userName[data-v-559a1c4c] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 0.5rem;
}
.feed-tip .right[data-v-559a1c4c] {
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.feed-tip .right .action-warp[data-v-559a1c4c] {
  margin-left: 10px;
}
.imgDom[data-v-559a1c4c] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
  background-size: cover;
}
.post-warp[data-v-559a1c4c] {
  position: relative;
  overflow: hidden;
}
.post-warp .postImg[data-v-559a1c4c] {
  -moz-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}
.post-warp .cover-box-grid3[data-v-559a1c4c] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  padding-top: 8px;
}
.post-warp .cover-box-grid3 .img_item[data-v-559a1c4c] {
  width: 100%;
  height: 100%;
  position: relative;
  height: 2.991rem;
  overflow: hidden;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
}
.post-warp .over[data-v-559a1c4c] {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  color: #fff;
}
.popup[data-v-559a1c4c] {
  background: rgba(255,255,255,0);
}
.payConfirm .wrapper[data-v-559a1c4c] {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.payConfirm .gold_buy_box[data-v-559a1c4c] {
  width: 350px;
  background: linear-gradient(90deg, #ffebd9, #fff);
  margin-bottom: 20%;
  border-radius: 20px;
  position: relative;
  color: #171717;
  text-align: center;
  font-size: 14px;
}
.payConfirm .gold_buy_box h2[data-v-559a1c4c] {
  padding: 0.421rem 0 0.234rem 0.187rem;
  border-bottom: 0.023rem solid #e6e6e6;
  font-size: 0.374rem;
}
.payConfirm .gold_buy_box .price_box[data-v-559a1c4c] {
  font-size: 40px;
  padding: 0.35rem 0;
}
.payConfirm .gold_buy_box .amount[data-v-559a1c4c] {
  width: 5.327rem;
  font-size: 0.28rem;
  padding: 0.047rem 0 0.234rem 0;
  color: hsla(0, 0%, 9%, 0.37647059);
  text-align: left;
  margin: auto;
}
.payConfirm .gold_buy_box .goldBuying[data-v-559a1c4c] {
  width: 5.327rem;
  height: 0.841rem;
  margin: 0 auto;
  border-radius: 0.467rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ff7527;
  box-shadow: 0.093rem 0.093rem 0.28rem rgba(255, 117, 39, 0.5);
  color: #fff;
  font-size: 0.35rem;
}
.payConfirm .gold_buy_box .autherInfo[data-v-559a1c4c] {
  width: 230px;
  font-size: 12px;
  color: #a29992;
  padding: 15px 0;
  margin: 0 auto;
  text-align: left;
}
.payConfirm .gold_buy_box .up[data-v-559a1c4c] {
  font-size: 12px;
  color: #a29992;
  padding-top: 0.28rem;
}
.videoTags[data-v-559a1c4c] {
  margin: 5px 0 8px;
  font-size: 14px;
  font-weight: 500;
}
.videoTags .post-tag[data-v-559a1c4c] {
  color: #fe4a1a;
  padding-right: 0.234rem;
  padding-bottom: 0.07rem;
  padding-top: 0.093rem;
  font-size: 14px;
}
.action-warp[data-v-559a1c4c] {
  padding: 5px 10px;
  border: #7d7c7c 1px solid;
  border-radius: 15px;
}
.selectLike[data-v-559a1c4c] {
  border: red 1px solid;
}

.vipBox[data-v-783e64a2] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vipBox .boxIn[data-v-783e64a2] {
  position: relative;
  padding-top: 182px;
  text-align: center;
}
.vipBox .boxIn .price[data-v-783e64a2] {
  color: #cd9440;
  font-size: 20px;
  text-align: center;
  display: inline-block;
  padding-right: 40px;
}
.vipBox .boxIn .price2[data-v-783e64a2] {
  color: #ff0000;
  font-size: 24px;
  text-align: center;
  padding-right: 40px;
  padding-left: 10px;
}
.vipBox .boxIn .priceInfos[data-v-783e64a2] {
  min-height: 65px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.vipBox .boxIn .infoLine[data-v-783e64a2] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vipBox .boxIn .bg_zs[data-v-783e64a2] {
  position: absolute;
  transform: scale(0.5) translate(300%, 0%);
}
.vipBox .boxIn .myInfo[data-v-783e64a2] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 14px;
}
.vipBox .boxIn .curZS[data-v-783e64a2] {
  color: #cd9440;
  padding-left: 30px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  font-size: 16px;
}
.vipBox .boxIn .cur[data-v-783e64a2] {
  transform: scale(0.4);
}
.vipBox .boxIn .btns[data-v-783e64a2] {
  width: 272px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.vipBox .boxIn .btns .btn[data-v-783e64a2] {
  display: block;
  height: 35px;
  width: 125px;
  margin: 0 5px;
  line-height: 35px;
  background: f90;
  color: #fff;
  border-radius: 30px;
  text-align: center;
  font-size: 16px;
}

.pic-box[data-v-11a4c436] {
  position: relative;
  width: 160px;
  height: 100px;
  border-radius: 6px;
  background: var(--graph_weak);
  flex: 0 0 auto;
}
.imgIn[data-v-11a4c436] {
  position: relative;
}
.adbg[data-v-11a4c436] {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 46px;
  height: 25px;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
  border-radius: 8px;
}
.right > .imgIn > .cover > div[data-v-11a4c436] {
  background-position-x: right;
}
.center > .imgIn > .cover > div[data-v-11a4c436] {
  background-position-x: center;
}
.left > .imgIn > .cover > div[data-v-11a4c436] {
  background-position-x: left;
}
.cover[data-v-11a4c436] {
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  background-position: center center;
  background-color: #171717;
  border-radius: 8px;
  background-size: scale-down;
}
.cover img[data-v-11a4c436] {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.imgDom[data-v-11a4c436] {
  /* box-sizing: border-box; */
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
  background-size: cover;
}

.top-header[data-v-18acf04e] {
  width: 100%;
  display: grid;
  grid-template-rows: auto 40px;
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0e0e0e 100%);
  border-bottom: 1px solid rgba(255, 153, 0, 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 200;
}
.top-header[data-v-18acf04e]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, #f90 50%, transparent 100%);
  opacity: 0.6;
}
.desktop-layout[data-v-18acf04e] {
  width: 100%;
  display: block;
}
.flex-center[data-v-18acf04e] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-layout[data-v-18acf04e] {
  display: block;
  border-bottom: 1px solid #151515;
}
.mobile-header[data-v-18acf04e] {
  height: 50px;
  width: 96%;
  margin: 0 auto;
  background-color: #0e0e0e;
  position: relative;
  z-index: 210;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-header .menu-toggle[data-v-18acf04e] {
  justify-content: flex-start;
}
.mobile-header .rightContent[data-v-18acf04e] {
  flex: 1;
  justify-content: flex-end;
  display: flex;
  align-items: center;
}
.mobile-header .titleBtn[data-v-18acf04e] {
  font-size: 13px;
  position: relative;
  padding: 8px 6px;
  white-space: nowrap;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.9) !important;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  margin: 0 3px;
  transition: all 0.3s ease;
  font-weight: 500;
}
.mobile-header .titleBtn[data-v-18acf04e]:hover {
  background: rgba(255, 153, 0, 0.1);
  border-color: rgba(255, 153, 0, 0.3);
  color: #f90 !important;
  transform: translateY(-1px);
}
.mobile-header .userIcon[data-v-18acf04e] {
  margin: 0 10px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ccc;
  border-radius: 50%;
}
.menu-overlay[data-v-18acf04e] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
  z-index: 150;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 95px;
}
@media (max-width: 768px) {
.menu-overlay[data-v-18acf04e] {
    padding-top: 60px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.menu-overlay[data-v-18acf04e] {
    padding-top: 75px;
}
}
.menu-position-container[data-v-18acf04e] {
  width: 100%;
  max-width: 1323px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  padding-left: 10px;
}
@media (max-width: 768px) {
.menu-position-container[data-v-18acf04e] {
    max-width: none;
    padding-left: 10px;
    justify-content: flex-start;
}
}
.menu-toggle[data-v-18acf04e] {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 153, 0, 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(10px);
}
.menu-toggle[data-v-18acf04e]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 153, 0, 0.1) 0%, rgba(255, 153, 0, 0.05) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.menu-toggle[data-v-18acf04e]:active:before,
.menu-toggle.menu-active[data-v-18acf04e]:before {
  opacity: 1;
}
.menu-toggle.menu-active[data-v-18acf04e] {
  background: rgba(255, 153, 0, 0.15);
  border-color: rgba(255, 153, 0, 0.4);
}
.menu-toggle.desktop[data-v-18acf04e] {
  margin-right: 20px;
  padding: 10px;
  border-radius: 14px;
}
.menu-toggle.desktop[data-v-18acf04e]:before {
  border-radius: 14px;
}
.menu-toggle.desktop[data-v-18acf04e]:hover {
  transform: scale(1.05);
  border-color: rgba(255, 153, 0, 0.3);
  box-shadow: 0 4px 12px rgba(255, 153, 0, 0.2);
}
.menu-toggle.desktop[data-v-18acf04e]:hover:before {
  opacity: 0.5;
}
.menu-toggle.desktop[data-v-18acf04e]:active {
  transform: scale(0.98);
}
.menu-toggle.desktop.menu-active[data-v-18acf04e] {
  box-shadow: 0 6px 16px rgba(255, 153, 0, 0.3);
}
.menu-toggle.mobile[data-v-18acf04e] {
  padding: 8px;
  border-radius: 12px;
}
.menu-toggle.mobile[data-v-18acf04e]:before {
  border-radius: 12px;
}
.menu-toggle.mobile[data-v-18acf04e]:active {
  transform: scale(0.95);
}
.menu-toggle.mobile.menu-active[data-v-18acf04e] {
  box-shadow: 0 4px 12px rgba(255, 153, 0, 0.3);
}
.menu-icon[data-v-18acf04e] {
  position: relative;
  z-index: 2;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center;
}
.menu-icon.menu-open[data-v-18acf04e] {
  transform: rotate(180deg) scale(1.15);
  filter: drop-shadow(0 0 10px rgba(255, 153, 0, 0.8));
}
.leftMenu[data-v-18acf04e] {
  width: 300px;
  height: auto;
  max-height: calc(100vh - 105px);
  background: linear-gradient(145deg, rgba(14, 14, 14, 0.95) 0%, rgba(22, 22, 22, 0.95) 100%);
  backdrop-filter: blur(25px);
  border: 1px solid rgba(255, 153, 0, 0.15);
  border-radius: 16px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
.leftMenu[data-v-18acf04e] {
    max-height: calc(100vh - 80px);
    width: 280px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.leftMenu[data-v-18acf04e] {
    max-height: calc(100vh - 95px);
}
}
.menu-fade-enter-active[data-v-18acf04e],
.menu-fade-leave-active[data-v-18acf04e] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.menu-fade-enter[data-v-18acf04e],
.menu-fade-leave-to[data-v-18acf04e] {
  opacity: 0;
  backdrop-filter: blur(0px);
}
.menu-slide-enter-active[data-v-18acf04e],
.menu-slide-leave-active[data-v-18acf04e] {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.menu-slide-enter[data-v-18acf04e],
.menu-slide-leave-to[data-v-18acf04e] {
  opacity: 0;
  transform: translateX(-100%) scale(0.95);
}
.menu-slide-enter-to[data-v-18acf04e],
.menu-slide-leave[data-v-18acf04e] {
  opacity: 1;
  transform: translateX(0) scale(1);
}
.menuWrapper[data-v-18acf04e] {
  position: relative;
  max-height: 400px;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: 20px;
  /* 自定义滚动条样式 */
  /* Firefox 滚动条样式 */
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 153, 0, 0.3) rgba(255, 255, 255, 0.05);
}
.menuWrapper[data-v-18acf04e]::-webkit-scrollbar {
  width: 4px;
}
.menuWrapper[data-v-18acf04e]::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 2px;
}
.menuWrapper[data-v-18acf04e]::-webkit-scrollbar-thumb {
  background: rgba(255, 153, 0, 0.3);
  border-radius: 2px;
}
.menuWrapper[data-v-18acf04e]::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 153, 0, 0.5);
}
.menuLink[data-v-18acf04e] {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 52px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 8px;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.85) !important;
  display: flex;
  align-items: center;
  padding: 14px 18px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
.menuLink[data-v-18acf04e]:hover {
  background: rgba(255, 153, 0, 0.08);
  border-color: rgba(255, 153, 0, 0.25);
  color: #f90 !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 153, 0, 0.15);
}
.menuLink:hover svg[data-v-18acf04e] {
  transform: scale(1.05);
  filter: drop-shadow(0 2px 8px rgba(255, 153, 0, 0.4));
}
.menuLink:hover span[data-v-18acf04e] {
  color: #f90 !important;
}
.menuLink[data-v-18acf04e]:active {
  transform: translateY(0px);
}
.menuLink svg[data-v-18acf04e] {
  width: 20px;
  height: 20px;
  margin-right: 14px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
  flex-shrink: 0;
}
.menuLink span[data-v-18acf04e] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 500;
  flex: 1;
}
.withCustomPromoBtn[data-v-18acf04e] {
  z-index: 210;
  position: relative;
  max-width: 1323px;
  padding: 20px 24px 16px;
  width: 96%;
  backdrop-filter: blur(10px);
  border-radius: 0 0 20px 20px;
  display: grid;
  justify-content: center;
  align-content: center;
  grid-template-columns: minmax(auto, 300px) minmax(200px, 1fr) auto;
  grid-row-gap: 0;
  grid-column-gap: 12px;
  align-items: center;
  margin: 0 auto;
  transition: all 0.3s ease;
}
.withCustomPromoBtn .headerContainerColumn[data-v-18acf04e] {
  display: flex;
  align-items: center;
}
.withCustomPromoBtn .titleBtn[data-v-18acf04e] {
  font-size: 14px;
  position: relative;
  padding: 12px 18px;
  white-space: nowrap;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.9) !important;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  margin: 0 6px;
  transition: all 0.3s ease;
  font-weight: 500;
}
.withCustomPromoBtn .titleBtn[data-v-18acf04e]:hover {
  background: rgba(255, 153, 0, 0.1);
  border-color: rgba(255, 153, 0, 0.3);
  color: #f90 !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 153, 0, 0.1);
}
.withCustomPromoBtn .titleBtn[data-v-18acf04e]:active {
  transform: translateY(0px);
}
.headerMainMenuWrapper[data-v-18acf04e] {
  max-width: 1323px;
  width: 96%;
  margin: auto;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.headerMainMenuWrapper .tagFilterBtn[data-v-18acf04e] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  background: linear-gradient(135deg, #ff8525, #ff6b00);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  border-radius: 16px;
  -webkit-text-decoration: none;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: 8px;
  box-shadow: 0 2px 8px rgba(255, 133, 37, 0.3);
  transition: all 0.3s ease;
  position: relative;
  z-index: 10;
}
.headerMainMenuWrapper .tagFilterBtn[data-v-18acf04e]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 133, 37, 0.4);
}
.headerMainMenuWrapper .tagFilterBtn[data-v-18acf04e]:active {
  transform: translateY(0);
}
.headerMainMenuWrapper .tagFilterBtn .van-icon[data-v-18acf04e] {
  font-size: 14px;
}
@media (max-width: 768px) {
.headerMainMenuWrapper[data-v-18acf04e] {
    width: 100%;
    padding: 0 8px;
}
.headerMainMenuWrapper .tagFilterBtn[data-v-18acf04e] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0;
    padding: 5px 10px;
    font-size: 11px;
    z-index: 20;
}
.headerMainMenuWrapper .tagFilterBtn[data-v-18acf04e]::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 30px;
    background: linear-gradient(90deg, transparent 0%, rgba(14, 14, 14, 0.95) 100%);
    pointer-events: none;
}
.headerMainMenuWrapper .tagFilterBtn[data-v-18acf04e]:hover {
    transform: translateY(-50%) translateY(-1px);
}
.headerMainMenuWrapper .tagFilterBtn[data-v-18acf04e]:active {
    transform: translateY(-50%);
}
.headerMainMenu[data-v-18acf04e] {
    padding-right: 75px !important;
}
}
.headerMainMenu[data-v-18acf04e] {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  padding: 0 12px;
  gap: 4px;
  scroll-behavior: smooth;
}
.headerMainMenu[data-v-18acf04e]::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}
.headerMainMenu[data-v-18acf04e]::-webkit-scrollbar-track {
  background: transparent;
}
.headerMainMenu[data-v-18acf04e]::-webkit-scrollbar-thumb {
  background: transparent;
}
.headerMainMenu[data-v-18acf04e]:hover {
  cursor: grab;
}
.headerMainMenu[data-v-18acf04e]:hover::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  background: linear-gradient(90deg, transparent 0%, rgba(14, 14, 14, 0.8) 100%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.headerMainMenu[data-v-18acf04e]:hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  background: linear-gradient(90deg, rgba(14, 14, 14, 0.8) 0%, transparent 100%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.headerMainMenu[data-v-18acf04e]:active {
  cursor: grabbing;
}
.headerMainMenu[data-v-18acf04e]:hover::after,
.headerMainMenu[data-v-18acf04e]:hover::before {
  opacity: 1;
}
.headerMainMenu .menuItem[data-v-18acf04e] {
  display: block;
  cursor: pointer;
  padding: 0 16px;
  white-space: nowrap;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: rgba(255, 255, 255, 0.8) !important;
  font-weight: 600;
  font-size: 13px;
  border-radius: 20px 20px 0 0;
  position: relative;
  transition: all 0.3s ease;
  min-width: -moz-fit-content;
  min-width: fit-content;
  flex-shrink: 0;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.headerMainMenu .menuItem[data-v-18acf04e]:hover {
  color: #f90 !important;
  background: rgba(255, 153, 0, 0.1);
  -webkit-text-decoration: none;
  text-decoration: none;
}
.headerMainMenu .activetedTab[data-v-18acf04e] {
  color: #f90 !important;
  background: linear-gradient(180deg, rgba(255, 153, 0, 0.1) 0%, rgba(255, 153, 0, 0.05) 100%);
  border-bottom: 3px solid #f90;
  box-shadow: 0 -2px 8px rgba(255, 153, 0, 0.2);
}
.headerMainMenu .activetedTab[data-v-18acf04e]::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 3px;
  background: linear-gradient(90deg, transparent 0%, #f90 50%, transparent 100%);
  border-radius: 2px 2px 0 0;
}
.telegram-popup[data-v-18acf04e] .van-popup {
  background: transparent;
}
.telegram-dialog-content[data-v-18acf04e] {
  padding: 20px;
  background: linear-gradient(135deg, #1a1a1a 0%, #0e0e0e 100%);
  color: #ffffff;
  border-radius: 16px;
}
.telegram-footer[data-v-18acf04e] {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.telegram-close-btn[data-v-18acf04e] {
  background: linear-gradient(135deg, #0088cc, #0066aa);
  border: none;
  height: 44px;
  font-size: 16px;
  font-weight: 600;
}
.telegram-close-btn[data-v-18acf04e]:active {
  opacity: 0.8;
}
.telegram-header[data-v-18acf04e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.telegram-logo[data-v-18acf04e] {
  width: 32px;
  height: 32px;
  color: #0088cc;
  flex-shrink: 0;
}
.telegram-title[data-v-18acf04e] {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
}
.telegram-tips[data-v-18acf04e] {
  text-align: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 20px;
  line-height: 1.5;
}
.telegram-list[data-v-18acf04e] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.telegram-item[data-v-18acf04e] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.telegram-item[data-v-18acf04e]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transition: left 0.5s ease;
}
.telegram-item[data-v-18acf04e]:hover {
  transform: translateX(4px);
  border-color: #0088cc;
  background: linear-gradient(135deg, rgba(0, 136, 204, 0.15) 0%, rgba(0, 136, 204, 0.05) 100%);
  box-shadow: 0 4px 12px rgba(0, 136, 204, 0.2);
}
.telegram-item[data-v-18acf04e]:hover::before {
  left: 100%;
}
.telegram-item:hover .telegram-icon[data-v-18acf04e] {
  transform: scale(1.1);
  color: #0088cc;
}
.telegram-item:hover .telegram-username[data-v-18acf04e] {
  color: #0088cc;
}
.telegram-item:hover .arrow-icon[data-v-18acf04e] {
  opacity: 1;
  transform: translateX(4px);
}
.telegram-item[data-v-18acf04e]:active {
  transform: translateX(2px) scale(0.98);
}
.telegram-icon[data-v-18acf04e] {
  width: 24px;
  height: 24px;
  color: #0088cc;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.telegram-username[data-v-18acf04e] {
  flex: 1;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  transition: color 0.3s ease;
}
.arrow-icon[data-v-18acf04e] {
  width: 20px;
  height: 20px;
  color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  transform: translateX(-4px);
  transition: all 0.3s ease;
  flex-shrink: 0;
}
@media (max-width: 768px) {
.telegram-dialog-content[data-v-18acf04e] {
    padding: 16px;
}
.telegram-header[data-v-18acf04e] {
    margin-bottom: 12px;
    padding-bottom: 12px;
}
.telegram-title[data-v-18acf04e] {
    font-size: 18px;
}
.telegram-tips[data-v-18acf04e] {
    font-size: 13px;
    margin-bottom: 16px;
}
.telegram-item[data-v-18acf04e] {
    padding: 14px 16px;
    gap: 10px;
}
.telegram-username[data-v-18acf04e] {
    font-size: 15px;
}
}

.comics-container[data-v-5ba08835] {
  color: #fff;
  font-size: 15px;
  width: 100%;
  margin: 0 auto;
}
.comics-container .titleAll[data-v-5ba08835] {
  display: flex;
  align-items: center;
  font-size: 20px;
  margin: 17px 3px 10px;
}
.comics-container .titleAll img[data-v-5ba08835] {
  margin-right: 8px;
}
.comics-container .item[data-v-5ba08835] {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 6px;
  border: 1.5px solid rgba(255, 255, 255, 0);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
}
.comics-container .swiper-slide[data-v-5ba08835] {
  width: 86px !important;
}
.comics-container .historyRecord[data-v-5ba08835] {
  margin: 20px 0;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 17px;
}
.comics-container .historyRecord .tip[data-v-5ba08835] {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.nudeChat-container[data-v-bde2171c] {
  color: #fff;
  font-size: 15px;
  min-height: 50px;
}
.nudeChat-container .books-cells[data-v-bde2171c] {
  position: relative;
  margin-bottom: 7px;
}
.nudeChat-container .books-cells .thumbnail[data-v-bde2171c] {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.nudeChat-container .books-cells .item[data-v-bde2171c] {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  margin-bottom: 0;
}
.nudeChat-container .books-cells .body[data-v-bde2171c] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px;
  height: 100%;
}
.nudeChat-container .books-cells .body .name[data-v-bde2171c] {
  font-size: 15px;
}
.nudeChat-container .books-cells .body .sex > span[data-v-bde2171c] {
  font-size: 10px;
  border-radius: 8px;
  background-color: #ffd8ea;
  padding: 2px 5px;
  color: #fb488a;
}
.nudeChat-container .books-cells .body .sex > span img[data-v-bde2171c] {
  height: 8px;
}
.nudeChat-container .books-cells .body .fire[data-v-bde2171c] {
  position: absolute;
  bottom: 20px;
  padding: 5px 8px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  display: flex;
}
.nudeChat-container .books-cells .body .fire img[data-v-bde2171c] {
  width: 14px;
  vertical-align: middle;
  padding-bottom: 2px;
  margin-right: 4px;
}
.nudeChat-container .books-cells .bixin[data-v-bde2171c] {
  position: absolute;
  bottom: 0;
  right: 0;
}
.nudeChat-container .books-cells .bixin img[data-v-bde2171c] {
  height: 58px;
}
.nudeChat-container[data-v-bde2171c].van-grid-item .van-grid-item__content {
  padding: 5px 5px;
}

.flex-safe-top[data-v-6b6c2119] {
  height: var(--safe-top);
  width: 100%;
  top: 0;
}
.nudeChat-container[data-v-6b6c2119] {
  color: #fff;
  font-size: 15px;
}
.books-cells[data-v-6b6c2119] {
  position: relative;
}
.books-cells .body[data-v-6b6c2119] {
  position: absolute;
  bottom: 5px;
  left: 0;
  margin: 0 5px;
  width: calc(100% - 10px);
  height: 61px;
  border-radius: 12px;
  font-size: 12px;
  padding: 5px 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 25px;
  background-image: url(data:image/webp;base64,UklGRtQMAABXRUJQVlA4WAoAAAAQAAAAAwIAtgAAQUxQSGgCAAABkHTbtqlHp2zbtm3b1bLdsm3b+AG2bdu2K04+K+/tWL2zC19ETEB6YcA8FFCKAqpTQFMK6EQBwyhgBQUcpYA3FOBJwwCoQAFDKGAnBfykAFSmgPEUcJICvPkYAFMo4AUFoB4F7KAAez4GwHoKcBRgAGygAGdBBsAeCkBXCviWlQGwlQKM5gyAX4UYALfTMgB2UABGUoCnBwPA3ZkB4GzLALC3YAA4+zIAjPkMAOxNzwC4W4wBEDGcAYDjeRkAgb0YALhRlwFg7CtGAIBzU1ECALyHmxAAgAdDMhIAYD/WP5P+AXCcGF1G/2IHnJrdOL36xTZ+39u3fHi35rXK5E+vd3pqeBxhb08t75FZ9eI3A472T6t+sSMf9iUAAM6jhQkAMC6XJgDAvJ6PAADfMgYAAhoxAIwlDAA8yMoAsJRnALgbMQAiezIAjJ4MgMhGDAB3eQaANSsD4CEFYCkFmI0YAEEUgOUU4MvPALhJAWYZBsBVCjCLMACOU4CbAjCAAh5TgJGWATCQAk5QQDAFIDMF9KSAVRRwjgI+UICFAlwU4KMAkwL8/vf73+9/v//9/vf7/5+0JgVEMoDpYQCfhQFsbxngwykGODuNAWbkZYC8Eq5/ESKH9O+wSGX9qywiAdoXICIyRvvGxBKL7lkkzgm6Nz4u+aJ5XyTemqbemTXjkzl6N0cSekzrjknCP+jcB0lkdqvGWbMnRipa9c1aURKf/YO2fcguSXpM145JUs8x9cycI0lf84uWfakpyTreomGW8ZLsYwO0K2CspMiqhyP0KuJwZUm5eWec/WDzmZpk+mwfzs7IK0kMVlA4IEYKAABwSACdASoEArcAPm02l0ikIyyiJLP5YZANiWdu34s97QqfwD11OrliS4pbeI+Vsr0ybhfzF+dp6WN529ADpdshN15dncxMHHyO1ZU8j/reTB9iODDspYIgvuDIQEsEQX3BkHj7VdqYdlLBEF9wZCAlgiC+3TzaaleHAbbEEurqQgJYIgvuDIQEsEQX3BiMTXwmiXol8HijaUuqzDjlYCx02N0havf6WYAig7e4//9mL6y2sY1tQvYFNqQ0WxHtIaLYj2kNFqu1D30Fzsh+WbSfOyoGbHnBmlH+OwuSrBVw33fyBjAnG31aZJD25m1qAJ8Y/j2huRb8k+UF07TBhUJ51+3ZZRQ4J0w8JMPW09vDY3/wGXkQQpGXeOlieA4c1dUVGSBXGphLkRCRJxoKYdsxjtbvJCh3xMd6tEprnbcFMUFBBIuX9f0vExss9tIGsle7XXtid0M/P1DftqnHD9iY7/ainIAuWij5qqJ6lL4xFKk3OQhwNkczkTZjK/xBqzSTFrNuLgnoATe9P1AlT+D/3bnxRCFOe5kZBBP9PIbtwsQak1tfOQiKl5gOtzzqczDqH7q8oZN8FhXdOSzt3uzFYMN/Vvbj5NYGmP1nuxtChB0SKS3aFGGUq0t4wH7GFvvQZvXqkMRNfycF8qjb8MbU3SPob9sp6+/OWivZ7zMxNg/0rSkJR3KpgtQOmD9UqK8MY85kQRKKTv+YqWHUa/zJEhUQdrwpCdjgfvLzq+H90JJPcNd7Mtfw13F0wsJ/vjg2ll1o25mfO7W6eQAA/vxWnoo6zDhH2KIAAAAAAAAEdnY39Rv/rAHa5rwXyINhMrnxYQAAAAAAADHOGBEbvkD1WKeubHwiP1/oI9SWvRZ2aqQAAAAAAA9/6e3NbokrSh7jlL1CeK0kiazXWGjWuqtvpqqQa7PH6Y7qYyDHYwGCSoxteZuLpbU0seQRpnnx5+bZg/+hvgnyqxcewu3Zfgr2jf496rdaX0t1h/JrafbaRgeJGC3BnHAoy40UU5heXEJYYABW4WI7zqysS1LLnBpiKblIwgbinPMXpD7g5+RPrh3OP2tIP9S9wafP9OMN2jdHiuEgWwMHcPV1S3cJxyJrQoXFVnZjLAAClHEdQ7zfrv/Xhqyzq0sNVKG6w4Ikuu+GfgVBic/zVoFVKxgwCOsCLIpoWCXi5oC/PmAGCdlyz2I1YxfYKXwtS0FaOL9cz46tvkFnMagnBfGGZlcyUDQBal15tRUoNV3Vg0unjfG4vn1JC8/WBhtD+1JnMCXOVmxqjhAj4dQJrfjJg95nKzK7vov0i9Rkj8BxY7tro+7+bjN+iXnYNP4foVfF2Ize4isjzL95T3O37sAWMBXCrYotzJ+63Ij6j/A3G5rYW2DjLeXio/2AoUfnf2uR4qCEwbgJCGr3y95/+JoMKbGj8HPljJgwERLTwVfv9TYwnf5CUoQUEU0sHwy3IHGslIUUX8hNswWmIA+iv9AlERgiYaL6oA/liFgDPaDIhfN04vPRVS0WcosUM9RzonyZRiO+v7kqP2T+oe26HCbVCCZBLOmeU+ev9sg2Ux3aA+16r96Peb/XBMVQKZXcSUHAwY7WaZQa+HVxYLv4T4fgGTRI9HJt+1VXLXvvScgaLkg8o2hr1s678c3yx0y6QhoEsMOJhDtH+SStvErpr0CMxpY2yY/X9u2ao2e2iT3mMIkXLWgUdQy/5qD89rT0RyOL4Bs/GHe/CW3ATz8yGTEoFucQELD92/BAUbl91hL1z/JguPkVQ1rPRFW/RgGVwL2qNWrVw/+Iv1xAwQ8ZNADXsKFRlV62b0jF+NR/ozPt9heBy3CobJFLFmJGlfSe9TEwbzPSuvhnD6prxpdr6m98zsBciFS8KZzXbt39/VwEPrU9xMOEA58wbDZQc1xRmoOtOAFDxr8Qs74TszmTrt2p6cDmxGPBU/V/lH5qXrMdn62Q62OMQr6Zf5YX0E32bEF+UkEEodk99W9jhEr240VuU5tMkwto002cR2POPYXv01Kwe5IFm0/RS+qzeLlWVFsnJqiEx+R/ciPNuozvTXh6sZ2SgCAnx7SN8G8g3Zg1MazhRH3kWdTq7l+bk9y2aR/TYUkBDqHvtO8BdnG/fH3GJvAm5r2fnVCokEY/z5L1FL1a+Pu+dNzRO/wRZKRgsXgGbaEPvHZupnUS0fizobKKIJ/shfJ+U400nN+Cq64UW3ei2mZbuL58pvrlNbVdsy9qG0+ieMn/oXvD938QNZPfdXsxKJ5aaTPCpTXcG4XAvx3OxKMSDdi+b9ynFgCDBNTTIxVXYvbfUmkmzhFXCTnT5Ju2IFqzflwV7IKxSV7O5aa1p56PXhdjXnzVBInnjXlaNRFXO3EWmsoGnWHmumbNiOY1e3yvx4g8aOeKks2QBAykc5NcTP+VoZGQh1K9M7Xa1MvDDordJGNIQZhudZPwaphPYQAY48+X8s/t9Ep9kdmUdzWQZU05p6fE/W+jyw6ea1gCt7PRvnhBtMqXNK8zuZ9HaB07RoEhttdo/pncx0MRWm/OeyxjqH2Idz2V03mkf2mXIDVWK98yoiXi1LC97OOyDh0yeUk39M3Od/FkEkudIwSnyzqChZmF9rp8cwh5VNU/azWjNxtrqz3roecV/Jtl0r+fr7y1/dB69GKMos09SfpyfFrtBbJWTa49/wlaFbV1gMv7SLLTzYgP1D5yxClbruiohnWN9ofxnq4rTaYeDOMjNz2HLzFl/tIVlpPN3burRAPYW7cnIO4yN6VqmXK+JZlyO99lmBZ8CBkEoJGACWHLTptqJa/M+D4nUF6YkyOth5vlmyNwej3CenG716+13ouJYZ4JYvypof8O4aPTBalfB7aA722HEWd/HWPqKdHOqfd0rPSqPhSIc6D2d65HCFYEHnOvnA2s2mhHY4ohh2zaXNVpcSVaHKIJ0LAXeSatSFY5p0ikBJPs7Y0gI1kmFvJik4Dk3ta51pT6CEluzQUngZDiS74J7KjBD6R2liuYcRLtz5UBt27xHw7BKtQ+jz4uZMvzutPobijRAUkqWEniQPlfsJFiFb6+fNWJ3TbGVRod0hg3Qrb84+HzD3pL4OukvxRNNwtDWGLwnJoJnTdaHZu3eMLWeYF7Eg3poGi+Q/LXce9EwhIjgTMCnFRlbCM8+OdBnOirWoOY/RDJnxJ51HemvWk/8GP//cBQeUGCevLmcdd/CRA+DrYCCWtrZOPCh3HbBkeWO+aZjaB3kTW5PTzWpfNbjiyRuhDULuLUbdsDdgMFQhbrC1G5kOP3/SjiNiOgF9azqEBwcXXOYwrUHHdecu6h23UXu83IMBaYKFYMjRWIfzBsMCzIHb4L656lZP+y2zY4k9fNMzjzVlS/KGbhc6fPykOaZgUPj8r+e3XVACQb4XiS0fPVMQ6NC9idbf9gFY4N5IKh/mKYgoU+6rrtq1PO12MmBqYqghtJ5XgnDY8F9VccT07OSc5Olw/3PyKrF6stv4p7nwDZCrXVBmFaAAAAAA==);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.books-cells .body > div[data-v-6b6c2119]:first-child {
  font-size: 10px;
  color: #aaa;
}
.books-cells .item[data-v-6b6c2119] {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  margin-bottom: 0;
}
.books-cells .thumbnail[data-v-6b6c2119] {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.books-cells .title[data-v-6b6c2119] {
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-weight: inherit;
  font-size: 13px;
}
[data-v-6b6c2119].van-grid-item .van-grid-item__content {
  padding: 5px 5px;
}

.skits-container[data-v-4969d694] {
  color: #fff;
  font-size: 15px;
}
.skits-container .tags-wrapper[data-v-4969d694] {
  width: 100%;
  overflow: hidden;
}
.skits-container .tags[data-v-4969d694] {
  display: flex;
  overflow-x: auto;
}
.skits-container .tag[data-v-4969d694] {
  border-radius: 5px;
  border: 1px solid #252525;
  padding: 5px 10px;
  margin: 5px;
  cursor: pointer;
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
  transition: background 0.3s ease;
  background-color: #151515;
}
.skits-container .tag.active[data-v-4969d694] {
  color: #fde086;
  border: 1px solid #fde086;
}
.skits-container .tag[data-v-4969d694]:nth-child(3n) {
  line-break: after;
}
.skits-container .books-cells[data-v-4969d694] {
  position: relative;
}
.skits-container .books-cells .item[data-v-4969d694] {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  margin-bottom: 0;
}
.skits-container .books-cells .thumbnail[data-v-4969d694] {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.skits-container .books-cells .body[data-v-4969d694] {
  margin: 0 5px;
  border-radius: 12px;
  font-size: 14px;
  margin-top: 5px;
}
.skits-container .books-cells .title[data-v-4969d694] {
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-weight: inherit;
  font-size: 13px;
}
.skits-container .books-cells .badge[data-v-4969d694] {
  position: absolute;
  top: 12px;
  right: 12px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  padding: 2px 6px;
}
.skits-container .titleAll[data-v-4969d694] {
  display: flex;
  align-items: center;
  font-size: 20px;
  margin: 17px 3px 10px;
}
.skits-container .titleAll img[data-v-4969d694] {
  margin-right: 8px;
}
.skits-container[data-v-4969d694].van-grid-item .van-grid-item__content {
  padding: 5px 5px;
}

.snapshot-container[data-v-760df9b4] {
  color: #fff;
  font-size: 15px;
  padding: 0 2.5%;
}
.snapshot-container .books-cells[data-v-760df9b4] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
}
.snapshot-container .books-cells .item[data-v-760df9b4] {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  margin-bottom: 0;
}
.snapshot-container .books-cells .thumbnail[data-v-760df9b4] {
  width: 100%;
  border-radius: 12px;
  aspect-ratio: 0.66666667;
  overflow: hidden;
}
.snapshot-container .books-cells .body[data-v-760df9b4] {
  margin: 0 5px;
  border-radius: 12px;
  font-size: 14px;
  margin-top: 5px;
}
.snapshot-container .books-cells .title[data-v-760df9b4] {
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-weight: inherit;
  font-size: 13px;
}
.snapshot-container .books-cells .badge[data-v-760df9b4] {
  position: absolute;
  top: 12px;
  right: 12px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  padding: 2px 6px;
}
@media (max-width: 920px) {
.snapshot-container[data-v-760df9b4] {
    /* 460px以下 */
}
.snapshot-container .books-cells[data-v-760df9b4] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 640px) {
.snapshot-container[data-v-760df9b4] {
    /* 460px以下 */
}
.snapshot-container .books-cells[data-v-760df9b4] {
    grid-template-columns: repeat(2, 1fr);
}
}
.snapshot-container .titleAll[data-v-760df9b4] {
  display: flex;
  align-items: center;
  font-size: 20px;
  margin: 17px 3px 10px;
}
.snapshot-container .titleAll img[data-v-760df9b4] {
  margin-right: 8px;
}
.snapshot-container[data-v-760df9b4].van-grid-item .van-grid-item__content {
  padding: 5px 5px;
}

.flex-safe-top[data-v-4a8e3ed6] {
  height: var(--safe-top);
  width: 100%;
  top: 0;
}
.nudeChat-container[data-v-4a8e3ed6] {
  color: #fff;
  font-size: 15px;
  margin-top: 30px;
}
.nudeChat-container .books-cells[data-v-4a8e3ed6] {
  position: relative;
}
.nudeChat-container .books-cells .item[data-v-4a8e3ed6] {
  background-color: #252334;
  border-radius: 15px;
  height: 164px;
  margin-bottom: 30px;
  padding: 0 10px;
  display: flex;
  width: 100%;
}
.nudeChat-container .books-cells .item .thumbnail[data-v-4a8e3ed6] {
  margin-top: -20px;
}
.nudeChat-container .books-cells .item .body[data-v-4a8e3ed6] {
  padding: 10px;
  width: calc(100% - 136px);
}
.nudeChat-container .books-cells .item .body > div:first-child span[data-v-4a8e3ed6] {
  height: 18px;
  font-size: 18px;
  font-weight: 600;
  background-image: linear-gradient(to left, #f7d791, #d695c7 52%, #8b7bca 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nudeChat-container .books-cells .item .body > div[data-v-4a8e3ed6]:nth-child(2) {
  overflow: hidden;
}
.nudeChat-container .books-cells .item .body > div:nth-child(2) span[data-v-4a8e3ed6] {
  padding: 4px 10px;
  border-radius: 9px;
  display: inline-block;
  margin: 5px;
  color: #aaa;
  font-size: 10px;
  background-color: #322f44;
}
.nudeChat-container .books-cells .item .body > div[data-v-4a8e3ed6]:nth-child(3) {
  margin: 10px auto;
  text-align: center;
  font-size: 12px;
  color: #888888;
}
.nudeChat-container .books-cells .item .body > div[data-v-4a8e3ed6]:nth-child(4) {
  float: right;
  width: 74px;
  height: 38px;
  border-radius: 16px;
  font-size: 12px;
  line-height: 38px;
  text-align: center;
  background-image: linear-gradient(to left, #837bc3 0%, #cea7c5 52%, #ffe19c 100%);
}
.nudeChat-container[data-v-4a8e3ed6].van-grid-item .van-grid-item__content {
  padding: 5px 5px;
}

.video-collection-item .item[data-v-0d47b2e9] {
  width: 100%;
  height: 138px;
  background: #101010;
  margin-bottom: 20px;
}
.video-collection-item .item .money[data-v-0d47b2e9] {
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  background: #ff8525;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  border-radius: 0px 0px 4px 0px;
  float: left;
}
.video-collection-item .item .box[data-v-0d47b2e9] {
  clear: both;
  height: 110px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.video-collection-item .item .box .part-1[data-v-0d47b2e9] {
  width: 74px;
  height: 74px;
  border-radius: 6px;
  border: solid 1px #fff;
  margin-left: 16px;
  margin-bottom: 8px;
}
.video-collection-item .item .box .part-1 .cover[data-v-0d47b2e9] {
  border-radius: 12px;
}
.video-collection-item .item .box .part-2[data-v-0d47b2e9] {
  width: 225px;
  height: 100%;
  margin-right: 20px;
}
.video-collection-item .item .box .part-2 .info-1[data-v-0d47b2e9] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-left: 5px;
}
.video-collection-item .item .box .part-2 .info-1 .title[data-v-0d47b2e9] {
  height: 35px;
}
.video-collection-item .item .box .part-2 .info-1 .title .name[data-v-0d47b2e9] {
  height: 20px;
  font-size: 14px;
  color: #ffffff;
  overflow: hidden;
}
.video-collection-item .item .box .part-2 .info-1 .title .num[data-v-0d47b2e9] {
  font-size: 12px;
  color: #aeacac;
}
.video-collection-item .item .box .part-2 .info-1 .btn[data-v-0d47b2e9] {
  width: 68px;
  height: 28px;
  line-height: 28px;
  border-radius: 20px;
  background: #ff8525;
  text-align: center;
  font-size: 12px;
  color: #000;
}
.video-collection-item .item .box .part-2 .info-2[data-v-0d47b2e9] {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  margin-left: 5px;
  margin-bottom: 15px;
}
.video-collection-item .item .box .part-2 .info-2 .text[data-v-0d47b2e9] {
  width: 34px;
  height: 16px;
  line-height: 16px;
  border-radius: 8px;
  background-color: rgba(23, 23, 27, 0.6);
  text-align: center;
  font-size: 10px;
  color: #999999;
  margin-right: 5px;
}
.video-collection-item .item .box .part-2 .info-3[data-v-0d47b2e9] {
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 24px;
}
.video-collection-item .item .box .part-2 .info-3 .pic-box[data-v-0d47b2e9] {
  height: 48px;
  margin-right: 5px;
}
.video-collection-item .item .box .part-2 .info-3 .pic-box .pic[data-v-0d47b2e9] {
  margin-top: 10px;
  margin-left: -7px;
  border-radius: 50%;
  border: 1px solid #ffffff;
}
.video-collection-item .item .box .part-2 .info-3 .text[data-v-0d47b2e9] {
  font-size: 13px;
  color: #999999;
}
.blance-tip .tip-content[data-v-0d47b2e9] {
  width: 80vw;
  height: 200px;
  margin: 0 auto;
  background: url(/app/img/tip-bg.dd8c932.png) no-repeat;
  background-size: 100% 100%;
}
.blance-tip .tip-content .title[data-v-0d47b2e9] {
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #fff;
  text-align: center;
  padding-top: 25px;
  margin-bottom: 30px;
}
.blance-tip .tip-content .text[data-v-0d47b2e9] {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
}
.blance-tip .tip-content .btn-box[data-v-0d47b2e9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.blance-tip .tip-content .btn-box .btn[data-v-0d47b2e9] {
  width: 40%;
  height: 36px;
  line-height: 36px;
  border-radius: 18px;
  background-image: linear-gradient(280deg, #e1ac5c, #9a7ba0, #7f68be);
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.popup[data-v-ca5bc75a] {
  height: 80%;
  padding-bottom: var(--safe-bottom);
  background: #171512;
  color: #ffffff;
  overflow: hidden;
}
.opactiyMask[data-v-ca5bc75a] {
  background: transparent;
}
.main[data-v-ca5bc75a] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.chatsArea[data-v-ca5bc75a] {
  flex-direction: column;
  flex-grow: 1;
  outline: none;
  overflow: scroll;
  overflow-x: hidden;
  padding: 0 16px;
  position: relative;
}
.popup .topTitle[data-v-ca5bc75a] {
  align-items: center;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 500;
  height: 54px;
  justify-content: space-between;
  line-height: 24px;
  padding: 0 16px;
  position: relative;
  top: 0;
  z-index: 1;
}
.popup .inputArea[data-v-ca5bc75a] {
  flex-grow: 0;
  flex-shrink: 0;
  margin-bottom: 10px;
  max-height: calc(100% - 74px);
  padding: 0 16px;
  position: relative;
  width: 100%;
}
.popup .van-cell[data-v-ca5bc75a] {
  background: rgba(255, 255, 255, 0.04);
}
.popup .comment-input-linear-bg[data-v-ca5bc75a] {
  height: 126px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: -16px;
  top: -126px;
}
.popup .loginTip[data-v-ca5bc75a] {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.04);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 44px;
  justify-content: center;
  width: 100%;
}
.popup .loginTip .tips[data-v-ca5bc75a] {
  color: #888888;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
[data-v-ca5bc75a] .van-field__control::-webkit-input-placeholder {
  color: #888888;
}
.fixed[data-v-ca5bc75a] {
  color: #ffffff;
}
.fixed .inputArea[data-v-ca5bc75a] {
  flex-grow: 0;
  flex-shrink: 0;
  max-height: calc(100% - 74px);
  margin-bottom: 10px;
  position: relative;
  width: 100%;
  padding: 0 16px;
}
.fixed .van-cell[data-v-ca5bc75a] {
  background: #171512;
}
.fixed .loginTip[data-v-ca5bc75a] {
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 44px;
  justify-content: center;
  width: 100%;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.04);
}
.fixed .loginTip .tips[data-v-ca5bc75a] {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.comment-item[data-v-2de7d95a] {
  display: flex;
  margin-top: 16px;
  position: relative;
  font-size: 14px;
}
.left[data-v-2de7d95a] {
  cursor: pointer;
  margin-right: 12px;
  z-index: 1;
}
.avatar[data-v-2de7d95a] {
  height: 40px;
  width: 40px;
}
.comment-info[data-v-2de7d95a] {
  flex-grow: 1;
  width: 0;
}
.comment-info .comment-title[data-v-2de7d95a] {
  align-items: center;
  display: flex;
  margin-bottom: 4px;
}
.comment-info .comment-title .create-info[data-v-2de7d95a] {
  align-items: center;
  display: flex;
  flex: 1 1;
  overflow: hidden;
  position: relative;
}
.comment-info .comment-title .create-info .createUsername[data-v-2de7d95a] {
  line-height: 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-info .comment-title .create-info .createTime[data-v-2de7d95a] {
  color: hsla(0, 0%, 100%, 0.5);
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  line-height: 21px;
  margin-left: 8px;
}
.comment-info .comment-content[data-v-2de7d95a] {
  position: relative;
}
.comment-info .comment-option[data-v-2de7d95a] {
  align-items: center;
  color: rgba(47, 48, 53, 0.7);
  color: hsla(0, 0%, 100%, 0.7);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
  margin-top: 11px;
}
.comment-info .comment-option .options[data-v-2de7d95a] {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
  margin-top: 11px;
}
.comment-info .comment-option .likeBtn[data-v-2de7d95a] {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-right: 10px;
}
.comment-info .comment-option .likeBtn .van-icon[data-v-2de7d95a] {
  color: #f90;
}
.comment-info .comment-option .likeBtn .num[data-v-2de7d95a] {
  color: #959393;
}
.comment-info .comment-option .heartBox[data-v-2de7d95a] {
  width: 30px;
  height: 30px;
  position: relative;
  margin: 0 auto;
}
.sanjiao[data-v-2de7d95a] {
  border: 8px solid transparent;
  border-left: 10px solid #000;
  border-right: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 5px;
  border-left-color: #6c6f8d;
}
.detailBtn[data-v-2de7d95a] {
  align-items: center;
  background-color: transparent;
  border: none;
  color: hsla(0, 0%, 100%, 0.5);
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  height: 20px;
  letter-spacing: 0.6px;
  line-height: 20px;
  margin-top: 8px;
  outline: none;
}

.vipBox[data-v-0267586e] {
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}
.vipBox .btns[data-v-0267586e] {
  position: relative;
  margin: 15px;
  margin-top: -60px;
  width: 272px;
  display: flex;
  justify-content: center;
}
.vipBox .btns .btn-cancel[data-v-0267586e] {
  width: 120px;
  line-height: 35px;
  color: #aaa;
  background: linear-gradient(180deg, rgba(145, 145, 145, 0.8) 0%, rgba(68, 68, 68, 0.8) 100%);
  font-weight: 500;
  border-radius: 12px;
  text-align: center;
}
.vipBox .btns .btn-go[data-v-0267586e] {
  width: 180px;
  height: 48px;
  border-radius: 27px;
  background: #ff8525;
  border-radius: 30px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vipBox .timer[data-v-0267586e] {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  top: -25px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 13px;
  background: #f00;
  color: #fff;
  width: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vipBox .timer[data-v-0267586e]::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 10px solid #f00;
  /* 控制三角形颜色 */
}
.vipBox .timer .countdownDiv[data-v-0267586e] {
  margin-left: 5px;
}


.emptybox {
    width: 100%;
    padding-top: 70px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.emptybox .pic {
    width: 100%;
    text-align: center;
}
.emptybox .pic img {
    width: 30%;
    border: none;
    vertical-align: top;
}
.emptybox .text {
    text-align: center;
    font-size: 14px;
    color: #aeaeae;
    margin-top: 20px;
}


.cover video {
    -o-object-fit: cover !important;
       object-fit: cover !important;
}
.cover .xgplayer-poster {
    background-size: cover !important;
}


.van-icon-volume-off[data-v-1d64e262]::before {
    content: "\F204";
}

.mse[data-v-1d64e262] {
  widows: 100%;
  height: 100%;
  z-index: -1;
}
.vipMask[data-v-1d64e262] {
  position: absolute;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vipTip[data-v-1d64e262] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.vipTip .vipTitle[data-v-1d64e262] {
  margin-bottom: 50px;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 29px;
}
.vipTip .vipDec[data-v-1d64e262] {
  margin-bottom: 50px;
  font-size: 14px;
  color: #fff;
  margin-bottom: 30px;
}
.vipTip .vipBtn[data-v-1d64e262] {
  margin-bottom: 50px;
  width: 160px;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  background: #ff8525;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
  color: #000000;
  font-size: 18px;
}
.video-player-container[data-v-1d64e262] {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center 40vh;
}
.video-player-container .short-video-player[data-v-1d64e262] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.video-player-container .short-video-player .video-js[data-v-1d64e262] {
  height: 100%;
}
.video-player-container .short-video-player .video-js .vjs-error-display[data-v-1d64e262] {
  display: none;
}
.video-player-container .bottomBar[data-v-1d64e262] {
  position: absolute;
  bottom: 0px;
  background: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
}
.video-player-container .bottomBar .bgBar[data-v-1d64e262] {
  height: 12px;
  width: 100%;
}
.video-player-container .maininfo[data-v-1d64e262] {
  transition: all 0.2s ease-in-out;
  display: flex;
  font-size: 14px;
  color: #fff;
  padding: 0 10px;
  line-height: 20px;
  align-items: flex-end;
  margin-bottom: 5px;
}
.video-player-container .left[data-v-1d64e262] {
  flex: 1;
}
.video-player-container .svUser[data-v-1d64e262] {
  font-size: 16px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  text-align: left;
  font-weight: 600;
}
.video-player-container .titleText[data-v-1d64e262] {
  margin-bottom: 10px;
}
.video-player-container .tag[data-v-1d64e262] {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  padding: 4px;
  margin-right: 8px;
  color: #ddd;
}
.video-player-container .right[data-v-1d64e262] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.video-player-container .right .cell[data-v-1d64e262] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px 0;
}
.video-player-container .right .itemRectangle[data-v-1d64e262] {
  margin-bottom: 20px;
}
.video-player-container .right .follow-btn[data-v-1d64e262] {
  margin-top: -8px;
  z-index: 2;
}
.video-player-container .right .avater[data-v-1d64e262] {
  width: 40px;
  height: 40px;
}
.video-player-container .right .volumeIcon[data-v-1d64e262] {
  fill: #fff;
  width: 28px;
  height: 28px;
}
.video-player-container .progressBar[data-v-1d64e262] {
  padding-top: 5px;
}
.video-player-container .searchAd[data-v-1d64e262] {
  width: 100%;
  height: 35px;
  padding: 0 10px;
  background: rgba(0,0,0,0.66667);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #fff;
}
.video-player-container .duration[data-v-1d64e262] {
  position: relative;
  height: 2px;
  background: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: all 0.2s ease-in-out;
}
.video-player-container .duration .duration-bar[data-v-1d64e262] {
  height: 100%;
  border-radius: 0 1px 1px 0;
  background-color: rgba(255, 255, 255, 0.65);
  will-change: width;
}
.video-player-container .duration .buffer[data-v-1d64e262] {
  height: 100%;
  position: absolute;
  bottom: 0;
  background-color: rgba(66,66,66,0.2);
}
.video-player-container .duration .progressTime[data-v-1d64e262] {
  z-index: 0;
  visibility: hidden;
  position: absolute;
  font-size: 20px;
  color: #fff;
  bottom: 15px;
  width: 100%;
  text-align: center;
}
.video-player-container .progressSelect .duration[data-v-1d64e262] {
  height: 12px;
  background: #424242;
}
.video-player-container .progressSelect .duration-bar[data-v-1d64e262] {
  background-color: #ffffff;
  z-index: 2;
}
.video-player-container .progressSelect .buffer[data-v-1d64e262] {
  z-index: 1;
  background-color: #9d9d9d;
}
.video-player-container .progressSelect .progressTime[data-v-1d64e262] {
  visibility: visible;
}
.video-player-container .video-icon-pause[data-v-1d64e262] {
  width: 48px;
  height: 48px;
  color: rgba(255, 255, 255, 0.25);
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.1s ease-out;
  pointer-events: none;
}
.video-player-container .video-icon-pause.scale-enter[data-v-1d64e262],
.video-player-container .video-icon-pause.scale-leave-to[data-v-1d64e262] {
  opacity: 0;
  transform: translate(-50%, -50%) scale(1.5);
}
.video-player-container .video-icon-fail[data-v-1d64e262] {
  width: 128px;
  height: 128px;
  color: rgba(255, 255, 255, 0.15);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.video-player-container .coverImg[data-v-1d64e262] {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.progress-control[data-v-1d64e262] {
  height: 30px;
  display: flex;
  position: absolute;
  bottom: 0;
  align-items: center;
  width: 100%;
}
.videoLoading[data-v-1d64e262] {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -5rem;
  right: 0;
  opacity: 0.9;
  display: flex;
  justify-content: center;
  width: 10rem;
  height: 2px;
}
.videoLoading div[data-v-1d64e262] {
  position: absolute;
  background: #fff;
  z-index: 10;
  height: 2px;
  animation: loading-1d64e262 1.2s infinite;
  animation-timing-function: ease;
  animation-direction: normal;
  -webkit-animation: loading-1d64e262 1.2s infinite;
  -webkit-animation-timing-function: ease;
  -webkit-animation-direction: normal;
}
@keyframes loading-1d64e262 {
0% {
    width: 4rem;
    opacity: 1;
}
100% {
    width: 10rem;
    opacity: 0;
}
}
.adContainer[data-v-1d64e262] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  z-index: 2;
}
.adContainer img[data-v-1d64e262] {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  background: #000 !important;
}
.adContainer .countdown[data-v-1d64e262] {
  position: absolute;
  bottom: 30px;
}


.cover video {
    -o-object-fit: cover !important;
       object-fit: cover !important;
}
.cover .xgplayer-poster {
    background-size: cover !important;
}


.van-icon-volume-off[data-v-65fbd254]::before {
    content: "\F204";
}

.default[data-v-e540de12] {
  -o-object-fit: contain !important;
     object-fit: contain !important;
  background-color: #1a1a1a;
}

.adSwipe[data-v-e8ec0ce0] {
  margin: 10px 0;
}
.adSwipe .my-swipe[data-v-e8ec0ce0] {
  width: 100%;
  height: 100%;
}
.adSwipe .my-swipe[data-v-e8ec0ce0] .swiper-slide {
  height: auto;
}
.adSwipe .my-swipe[data-v-e8ec0ce0] .swiper-pagination-bullet {
  background-color: #242535;
}
.adSwipe .my-swipe[data-v-e8ec0ce0] .swiper-pagination-bullet-active {
  background-color: #aaa;
}

.flex-safe-top[data-v-c734b8f0] {
  height: var(--safe-top);
  width: 100%;
  top: 0;
}
.comics-container[data-v-c734b8f0] {
  color: #fff;
  font-size: 15px;
}
.adSwipebox[data-v-c734b8f0] {
  margin: 10px 5px 0;
  padding-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.tag-cloud[data-v-c734b8f0] {
  padding: 20px 0;
  color: white;
  margin-top: 31px;
}
.header[data-v-c734b8f0] {
  margin-top: -29px;
  display: flex;
  padding: 0 20px;
  align-items: center;
  margin-bottom: 10px;
}
.header .tagstitle[data-v-c734b8f0] {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: normal;
  text-align: justify;
}
.circle-container[data-v-c734b8f0] {
  color: #fff;
  font-size: 18px;
}
.tags-wrapper[data-v-c734b8f0] {
  width: 100%;
  overflow: hidden;
}
.tags[data-v-c734b8f0] {
  display: flex;
  overflow-x: auto;
}
.tag[data-v-c734b8f0] {
  border-radius: 5px;
  border: 1px solid #252525;
  padding: 5px 10px;
  margin: 5px;
  cursor: pointer;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  transition: background 0.3s ease;
  background-color: #151515;
}
.tag[data-v-c734b8f0]:nth-child(3n) {
  line-break: after;
}
.megaphone[data-v-c734b8f0] {
  height: 20px;
  width: 20px;
  margin-right: 5px;
}
/* Hide scrollbar for Webkit browsers */
/* Hide scrollbar for other browsers */

.novel-container .history-swiper .history-slide {
  width: 86px !important;
}

.novel-container[data-v-0b62f0d5] {
  min-height: 100vh;
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0e0e0e 100%);
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.novel-container .novel-content[data-v-0b62f0d5] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px;
}
.novel-container .section-header[data-v-0b62f0d5] {
  margin-bottom: 20px;
}
.novel-container .section-header .section-title[data-v-0b62f0d5] {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.novel-container .section-header .section-title .title-icon[data-v-0b62f0d5] {
  font-size: 20px;
  filter: drop-shadow(0 2px 4px rgba(255, 153, 0, 0.3));
}
.novel-container .history-section[data-v-0b62f0d5] {
  margin-bottom: 40px;
}
.novel-container .history-section .history-swiper[data-v-0b62f0d5] {
  padding: 10px 0;
}
.novel-container .history-section .history-card[data-v-0b62f0d5] {
  cursor: pointer;
  transition: transform 0.3s ease;
}
.novel-container .history-section .history-card[data-v-0b62f0d5]:hover {
  transform: translateY(-4px);
}
.novel-container .history-section .history-card[data-v-0b62f0d5]:active {
  transform: translateY(-2px);
}
.novel-container .hot-section[data-v-0b62f0d5] {
  margin-bottom: 40px;
}
.novel-container .hot-section .hot-list[data-v-0b62f0d5] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 16px;
  gap: 16px;
  padding: 10px 0;
}
.novel-container .hot-section .hot-item[data-v-0b62f0d5] {
  width: 100%;
  cursor: pointer;
  transition: all 0.3s ease;
}
.novel-container .hot-section .hot-item .hot-item-content[data-v-0b62f0d5] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}
.novel-container .hot-section .hot-item:hover .hot-item-content[data-v-0b62f0d5] {
  transform: translateY(-4px);
  border-color: rgba(255, 153, 0, 0.3);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%);
  box-shadow: 0 8px 20px rgba(255, 153, 0, 0.2);
}
.novel-container .hot-section .hot-item:active .hot-item-content[data-v-0b62f0d5] {
  transform: translateY(-2px);
}
.novel-container .hot-section .hot-item .hot-item-info[data-v-0b62f0d5] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 6px;
}
.novel-container .hot-section .hot-item .hot-item-title[data-v-0b62f0d5] {
  font-size: 15px;
  color: #ffffff;
  font-weight: 500;
  line-height: 1.4;
}
.novel-container .hot-section .hot-item .hot-item-tag[data-v-0b62f0d5] {
  font-size: 12px;
  color: rgba(255, 153, 0, 0.8);
  font-weight: 400;
}
.novel-container .all-novels-section[data-v-0b62f0d5] {
  margin-bottom: 40px;
}
.novel-container .all-novels-section .van-list[data-v-0b62f0d5] {
  background: transparent;
  border-radius: 0;
  padding: 0;
}
.novel-container .all-novels-section .novels-grid[data-v-0b62f0d5] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 16px;
  gap: 16px;
  padding: 10px 0;
}
.novel-container .all-novels-section .novel-card[data-v-0b62f0d5] {
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.novel-container .all-novels-section .novel-card[data-v-0b62f0d5]:hover {
  transform: translateY(-6px);
}
.novel-container .all-novels-section .novel-card:hover .novel-cover-wrapper[data-v-0b62f0d5] {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4), 0 4px 16px rgba(255, 153, 0, 0.15);
}
.novel-container .all-novels-section .novel-card:hover .novel-name[data-v-0b62f0d5] {
  color: #ffffff;
}
.novel-container .all-novels-section .novel-card[data-v-0b62f0d5]:active {
  transform: translateY(-3px);
}
.novel-container .all-novels-section .novel-cover-wrapper[data-v-0b62f0d5] {
  position: relative;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}
.novel-container .all-novels-section .novel-badge[data-v-0b62f0d5] {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(255, 153, 0, 0.95), rgba(255, 102, 0, 0.95));
  color: #ffffff;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
  white-space: nowrap;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.novel-container .all-novels-section .novel-cover[data-v-0b62f0d5] {
  width: 100%;
  display: block;
}
.novel-container .all-novels-section .novel-cover[data-v-0b62f0d5] img {
  width: 100%;
  display: block;
  transition: transform 0.3s ease;
}
.novel-container .all-novels-section .novel-card:hover .novel-cover[data-v-0b62f0d5] img {
  transform: scale(1.05);
}
.novel-container .all-novels-section .novel-info[data-v-0b62f0d5] {
  margin-top: 12px;
}
.novel-container .all-novels-section .novel-name[data-v-0b62f0d5] {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  font-weight: 500;
  transition: color 0.3s ease;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1200px) {
.novel-container .novel-content[data-v-0b62f0d5] {
    padding: 16px;
}
.novel-container .all-novels-section .novels-grid[data-v-0b62f0d5] {
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}
}
@media (max-width: 920px) {
.novel-container .section-header .section-title[data-v-0b62f0d5] {
    font-size: 20px;
}
.novel-container .hot-section .hot-list[data-v-0b62f0d5] {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 14px;
}
.novel-container .all-novels-section .novels-grid[data-v-0b62f0d5] {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
}
@media (max-width: 640px) {
.novel-container .novel-content[data-v-0b62f0d5] {
    padding: 12px;
}
.novel-container .section-header[data-v-0b62f0d5] {
    margin-bottom: 16px;
}
.novel-container .section-header .section-title[data-v-0b62f0d5] {
    font-size: 18px;
}
.novel-container .section-header .section-title .title-icon[data-v-0b62f0d5] {
    font-size: 18px;
}
.novel-container .history-section[data-v-0b62f0d5],
  .novel-container .hot-section[data-v-0b62f0d5],
  .novel-container .all-novels-section[data-v-0b62f0d5] {
    margin-bottom: 30px;
}
.novel-container .hot-section .hot-list[data-v-0b62f0d5] {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
}
.novel-container .hot-section .hot-list .hot-item .hot-item-content[data-v-0b62f0d5] {
    padding: 10px;
    border-radius: 10px;
}
.novel-container .hot-section .hot-list .hot-item .hot-item-title[data-v-0b62f0d5] {
    font-size: 14px;
}
.novel-container .hot-section .hot-list .hot-item .hot-item-tag[data-v-0b62f0d5] {
    font-size: 11px;
}
.novel-container .all-novels-section .novels-grid[data-v-0b62f0d5] {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.novel-container .all-novels-section .novel-badge[data-v-0b62f0d5] {
    font-size: 10px;
    padding: 3px 6px;
    top: 8px;
    right: 8px;
    max-width: 70px;
}
.novel-container .all-novels-section .novel-name[data-v-0b62f0d5] {
    font-size: 13px;
    margin-top: 10px;
}
}
@media (max-width: 480px) {
.novel-container .novel-content[data-v-0b62f0d5] {
    padding: 10px;
}
.novel-container .section-header .section-title[data-v-0b62f0d5] {
    font-size: 16px;
}
.novel-container .hot-section .hot-list[data-v-0b62f0d5] {
    grid-template-columns: 1fr;
    gap: 10px;
}
.novel-container .hot-section .hot-list .hot-item .hot-item-content[data-v-0b62f0d5] {
    padding: 8px;
}
.novel-container .hot-section .hot-list .hot-item .hot-item-title[data-v-0b62f0d5] {
    font-size: 13px;
}
}

.newsItem[data-v-21a005f1] {
  border-radius: 6px;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
  padding: 8px;
  font-size: 17px;
  color: #fff;
  display: flex;
}
.newsItem > img[data-v-21a005f1] {
  border-radius: 13px;
}
.mainInfo[data-v-21a005f1] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.item-title[data-v-21a005f1] {
  font-size: 17px;
  font-family: emoji;
  background: linear-gradient(180deg, #fff 50%, #6d6d6d 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.newsInfo[data-v-21a005f1] {
  margin-top: 5px;
  font-size: 18px;
  color: #969696;
}
.newsInfo span[data-v-21a005f1] {
  margin-right: 5px;
}
.newsInfo[data-v-21a005f1] {
  color: #999;
  display: flex;
  font-size: 12px;
  line-height: 0.32rem;
  margin-top: 0.16rem;
}
.author[data-v-21a005f1] {
  color: #ffd19c;
}
.gridImgShow[data-v-21a005f1] {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 3px;
}
.rightImg[data-v-21a005f1] {
  width: 115px;
  height: 115px;
  margin-left: 10px;
}
.videoCover[data-v-21a005f1] {
  width: 100%;
  height: 200px;
  margin-top: 10px;
  position: relative;
}
.videoCover .over[data-v-21a005f1] {
  position: absolute;
  background: rgba(0,0,0,0.66667);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
}

#list-[data-id][data-v-0581f284] {
  height: 100%;
  width: 100%;
}
.gridContent[data-v-0581f284] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 100%;
  padding: 0 5px;
}
.van-row[data-v-0581f284] {
  width: 100%;
  margin: 0;
}
.column-box[data-v-0581f284] {
  width: 100%;
}
@media (max-width: 640px) {
.gridContent[data-v-0581f284] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 5px;
}
}
@media (min-width: 641px) and (max-width: 1024px) {
.gridContent[data-v-0581f284] {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
}
@media (min-width: 1025px) {
.gridContent[data-v-0581f284] {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
}
/* 自定义 Loading 样式 */
.custom-loading[data-v-0581f284] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 20px;
  color: #666;
}
.loading-spinner[data-v-0581f284] {
  position: relative;
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
}
.spinner-ring[data-v-0581f284] {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-radius: 50%;
  animation: spin-0581f284 1.5s linear infinite;
}
.spinner-ring[data-v-0581f284]:nth-child(1) {
  border-top-color: #ff6b6b;
  animation-delay: 0s;
}
.spinner-ring[data-v-0581f284]:nth-child(2) {
  border-right-color: #4ecdc4;
  animation-delay: -0.5s;
  width: 80%;
  height: 80%;
  top: 10%;
  left: 10%;
}
.spinner-ring[data-v-0581f284]:nth-child(3) {
  border-bottom-color: #45b7d1;
  animation-delay: -1s;
  width: 60%;
  height: 60%;
  top: 20%;
  left: 20%;
}
.loading-text[data-v-0581f284] {
  font-size: 14px;
  color: #999;
  font-weight: 500;
}
/* 下拉刷新样式 */
.custom-pull-loading[data-v-0581f284] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px;
  color: #666;
}
.pull-icon[data-v-0581f284] {
  font-size: 20px;
  margin-bottom: 5px;
  transition: transform 0.3s ease;
  color: #4ecdc4;
  font-weight: bold;
}
.pull-icon.rotating[data-v-0581f284] {
  animation: rotate-0581f284 1s linear infinite;
}
.pull-text[data-v-0581f284] {
  font-size: 12px;
  color: #999;
}
.pull-spinner[data-v-0581f284] {
  display: flex;
  gap: 4px;
  margin-bottom: 8px;
}
.spinner-dot[data-v-0581f284] {
  width: 8px;
  height: 8px;
  background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
  border-radius: 50%;
  animation: bounce-0581f284 1.4s ease-in-out infinite both;
}
.spinner-dot[data-v-0581f284]:nth-child(1) {
  animation-delay: -0.32s;
}
.spinner-dot[data-v-0581f284]:nth-child(2) {
  animation-delay: -0.16s;
}
.spinner-dot[data-v-0581f284]:nth-child(3) {
  animation-delay: 0s;
}
/* 动画定义 */
@keyframes spin-0581f284 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes rotate-0581f284 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes bounce-0581f284 {
0%,
  80%,
  100% {
    transform: scale(0.8);
    opacity: 0.5;
}
40% {
    transform: scale(1);
    opacity: 1;
}
}

.mse[data-v-65fbd254] {
  widows: 100%;
  height: 100%;
  z-index: -1;
}
.vipMask[data-v-65fbd254] {
  position: absolute;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vipTip[data-v-65fbd254] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  padding: 20px 0;
  border-radius: 30px;
}
.vipTip .vipTitle[data-v-65fbd254] {
  margin-bottom: 50px;
  font-size: 17px;
  font-weight: 500;
  color: #000;
  margin-bottom: 29px;
}
.vipTip .vipDec[data-v-65fbd254] {
  margin-bottom: 50px;
  font-size: 14px;
  color: #999;
  margin-bottom: 30px;
}
.vipTip .vipBtn[data-v-65fbd254] {
  margin-bottom: 50px;
  width: 115px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  margin: 0 auto;
  background-image: linear-gradient(to right, #ff6fcd 0%, #fc8198 98%);
  text-align: center;
  font-weight: 500;
  color: #fff;
  font-size: 16px;
}
.video-player-container[data-v-65fbd254] {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center 40vh;
}
.video-player-container .short-video-player[data-v-65fbd254] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.video-player-container .short-video-player .video-js[data-v-65fbd254] {
  height: 100%;
}
.video-player-container .short-video-player .video-js .vjs-error-display[data-v-65fbd254] {
  display: none;
}
.video-player-container .bottomBar[data-v-65fbd254] {
  position: absolute;
  bottom: 80px;
  background: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
}
.video-player-container .bottomBar .bgBar[data-v-65fbd254] {
  height: 12px;
  width: 100%;
}
.video-player-container .maininfo[data-v-65fbd254] {
  transition: all 0.2s ease-in-out;
  display: flex;
  font-size: 14px;
  color: #fff;
  padding: 0 10px;
  line-height: 20px;
  align-items: flex-end;
  margin-bottom: 5px;
}
.video-player-container .left[data-v-65fbd254] {
  flex: 1;
}
.video-player-container .svUser[data-v-65fbd254] {
  font-size: 16px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  text-align: left;
  font-weight: 600;
}
.video-player-container .titleText[data-v-65fbd254] {
  margin-bottom: 10px;
}
.video-player-container .tag[data-v-65fbd254] {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  padding: 4px;
  margin-right: 8px;
  color: #ddd;
}
.video-player-container .right[data-v-65fbd254] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.video-player-container .right .cell[data-v-65fbd254] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px 0;
}
.video-player-container .right .itemRectangle[data-v-65fbd254] {
  margin-bottom: 20px;
}
.video-player-container .right .follow-btn[data-v-65fbd254] {
  margin-top: -8px;
  z-index: 2;
}
.video-player-container .right .avater[data-v-65fbd254] {
  width: 40px;
  height: 40px;
}
.video-player-container .right .volumeIcon[data-v-65fbd254] {
  fill: #fff;
  width: 28px;
  height: 28px;
}
.video-player-container .progressBar[data-v-65fbd254] {
  padding-top: 5px;
}
.video-player-container .searchAd[data-v-65fbd254] {
  width: 100%;
  height: 35px;
  padding: 0 10px;
  background: rgba(0,0,0,0.66667);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #fff;
}
.video-player-container .duration[data-v-65fbd254] {
  position: relative;
  height: 2px;
  background: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: all 0.2s ease-in-out;
}
.video-player-container .duration .duration-bar[data-v-65fbd254] {
  height: 100%;
  border-radius: 0 1px 1px 0;
  background-color: rgba(255, 255, 255, 0.65);
  will-change: width;
}
.video-player-container .duration .buffer[data-v-65fbd254] {
  height: 100%;
  position: absolute;
  bottom: 0;
  background-color: rgba(66,66,66,0.2);
}
.video-player-container .duration .progressTime[data-v-65fbd254] {
  z-index: 0;
  visibility: hidden;
  position: absolute;
  font-size: 20px;
  color: #fff;
  bottom: 15px;
  width: 100%;
  text-align: center;
}
.video-player-container .progressSelect .duration[data-v-65fbd254] {
  height: 12px;
  background: #424242;
}
.video-player-container .progressSelect .duration-bar[data-v-65fbd254] {
  background-color: #ffffff;
  z-index: 2;
}
.video-player-container .progressSelect .buffer[data-v-65fbd254] {
  z-index: 1;
  background-color: #9d9d9d;
}
.video-player-container .progressSelect .progressTime[data-v-65fbd254] {
  visibility: visible;
}
.video-player-container .video-icon-pause[data-v-65fbd254] {
  width: 48px;
  height: 48px;
  color: rgba(255, 255, 255, 0.25);
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.1s ease-out;
  pointer-events: none;
}
.video-player-container .video-icon-pause.scale-enter[data-v-65fbd254],
.video-player-container .video-icon-pause.scale-leave-to[data-v-65fbd254] {
  opacity: 0;
  transform: translate(-50%, -50%) scale(1.5);
}
.video-player-container .video-icon-fail[data-v-65fbd254] {
  width: 128px;
  height: 128px;
  color: rgba(255, 255, 255, 0.15);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.video-player-container .coverImg[data-v-65fbd254] {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.progress-control[data-v-65fbd254] {
  height: 30px;
  display: flex;
  position: absolute;
  bottom: 0;
  align-items: center;
  width: 100%;
}
.videoLoading[data-v-65fbd254] {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -5rem;
  right: 0;
  opacity: 0.9;
  display: flex;
  justify-content: center;
  width: 10rem;
  height: 2px;
}
.videoLoading div[data-v-65fbd254] {
  position: absolute;
  background: #fff;
  z-index: 10;
  height: 2px;
  animation: loading-65fbd254 1.2s infinite;
  animation-timing-function: ease;
  animation-direction: normal;
  -webkit-animation: loading-65fbd254 1.2s infinite;
  -webkit-animation-timing-function: ease;
  -webkit-animation-direction: normal;
}
@keyframes loading-65fbd254 {
0% {
    width: 4rem;
    opacity: 1;
}
100% {
    width: 10rem;
    opacity: 0;
}
}

.videoShareBox[data-v-ee9356ba] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.boxIn[data-v-ee9356ba] {
  width: 340px;
  position: relative;
}
.preview-img[data-v-ee9356ba] {
  position: absolute;
  bottom: 45%;
  left: 11%;
}
.tips[data-v-ee9356ba] {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.url[data-v-ee9356ba] {
  width: 167px;
  color: #ff4c79;
  font-size: 12px;
}
.share-bg[data-v-ee9356ba] {
  width: 170px;
  height: 120px;
  position: absolute;
  top: -75px;
  left: 89px;
  z-index: 3;
}
.share-bg .avatar[data-v-ee9356ba] {
  border-radius: 44px;
  border: 2px solid #fff;
  position: absolute;
  top: 34px;
  left: 44px;
  z-index: -1;
  width: 88px;
  height: 88px;
  border-radius: 50%;
}
.share-content[data-v-ee9356ba] {
  width: 100%;
  position: absolute;
  top: 60px;
  left: 0;
  text-align: center;
}
.share-content .user-name[data-v-ee9356ba] {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}
.share-content .user-id[data-v-ee9356ba] {
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  margin-top: 10px;
}
.share-content .qrcode-bg[data-v-ee9356ba] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 184px;
  height: 184px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.05);
}
.share-content .qrcode-bg .qrcode-bg-2[data-v-ee9356ba] {
  background: #fff;
  width: 164px;
  height: 164px;
  border-radius: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.share-content .btns[data-v-ee9356ba] {
  width: 80%;
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.share-content .btns .btn[data-v-ee9356ba] {
  width: 120px;
  height: 44px;
  border-radius: 25px;
  background: #ff8525;
  color: #000;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.books-cells[data-v-7b6be4a6] {
  margin-bottom: 5px;
  width: 100%;
  color: #fff;
}
.thumbnail[data-v-7b6be4a6] {
  width: 100%;
}
.title[data-v-7b6be4a6] {
  font-size: 15px;
  color: #fff;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-weight: inherit;
}
.item[data-v-7b6be4a6] {
  position: relative;
  width: 100%;
}
.info[data-v-7b6be4a6] {
  position: absolute;
  border-radius: 0 0 8px 8px;
  bottom: 0;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  align-items: center;
  padding: 0 5px;
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
  width: 100%;
  display: flex;
  color: #fff;
}
.totalCnt[data-v-7b6be4a6] {
  font-size: 15px;
  white-space: nowrap;
}
.mark[data-v-7b6be4a6] {
  position: absolute;
  top: 5px;
  left: 5px;
  background: #f90;
  width: 60px;
  height: 20px;
  line-height: 20px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-size: 14px;
}
[data-v-7b6be4a6].van-grid-item .van-grid-item__content {
  padding: 6px 8px;
}

.followbox[data-v-0c526e0d] {
  width: 100%;
  height: 100%;
}
.list[data-v-0c526e0d] {
  display: flex;
  align-items: center;
  padding: 0.16rem 0 0.16rem 0.2rem;
}
.list .item[data-v-0c526e0d] {
  display: flex;
  width: 70px;
  cursor: pointer;
  flex-direction: column;
  margin: 0 1px;
}
.list .item .pic[data-v-0c526e0d] {
  align-self: center;
  width: 1.2rem;
  height: 1.2rem;
  line-height: 1.1rem;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  color: #fff;
  font-size: 1rem;
  position: relative;
}
.list .item .name[data-v-0c526e0d] {
  font-size: 0.35rem;
  color: #aaa;
  margin-top: 0.15rem;
  text-align: center;
  width: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* .bgbox {
  background-color: black;
  width: 100%;
  height: 100vh;
  position: absolute;
} */
.avater[data-v-0c526e0d] {
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
}

.videoShareBox[data-v-d6b3df98] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.boxIn[data-v-d6b3df98] {
  width: 340px;
  position: relative;
}
.preview-img[data-v-d6b3df98] {
  position: absolute;
  bottom: 45%;
  left: 11%;
}
.tips[data-v-d6b3df98] {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.url[data-v-d6b3df98] {
  width: 167px;
  color: #ff4c79;
  font-size: 12px;
}
.share-bg[data-v-d6b3df98] {
  width: 170px;
  height: 120px;
  position: absolute;
  top: -75px;
  left: 89px;
  z-index: 3;
}
.share-bg .avatar[data-v-d6b3df98] {
  border-radius: 44px;
  border: 2px solid #fff;
  position: absolute;
  top: 34px;
  left: 44px;
  z-index: -1;
  width: 88px;
  height: 88px;
}
.share-content[data-v-d6b3df98] {
  width: 100%;
  position: absolute;
  top: 60px;
  left: 0;
  text-align: center;
}
.share-content .user-name[data-v-d6b3df98] {
  font-size: 24px;
  font-weight: 500;
  color: #834B1A;
}
.share-content .user-id[data-v-d6b3df98] {
  font-size: 12px;
  font-weight: normal;
  color: #834B1A;
  margin-top: 10px;
}
.share-content .flex-wrapper[data-v-d6b3df98] {
  width: 90%;
  height: 150px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 20px;
}
.share-content .flex-wrapper .item[data-v-d6b3df98] {
  width: 30%;
  height: 60px;
  font-size: 18px;
  font-weight: 500;
  color: #FF8127;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 2px solid #FF8525;
  background: #FFF;
}
.share-content .flex-wrapper .item img[data-v-d6b3df98] {
  margin-left: 5px;
}
.share-content .flex-wrapper .active[data-v-d6b3df98] {
  border: 2px solid #FFEDBA;
  background: #FFEDBA;
}
.share-content .bottom-box[data-v-d6b3df98] {
  width: 70%;
  margin: 0 auto;
}
.share-content .bottom-box .btn[data-v-d6b3df98] {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  background: #FF8525;
  background-size: 100% 100%;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  text-align: center;
  margin-top: 20px;
}
.share-content .bottom-box .info[data-v-d6b3df98] {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #020202;
  text-align: center;
  margin-top: 15px;
}
.share-content .bottom-box .to-rechage[data-v-d6b3df98] {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #646464;
  text-align: center;
  margin-top: 20px;
}
.recharge-wrapper[data-v-d6b3df98] {
  width: 90vw;
  height: 230px;
  margin: 0 auto;
  background: url(/app/img/recharge-wrapper.ebf62f9.png) no-repeat;
  background-size: 100% 100%;
}
.recharge-wrapper .info[data-v-d6b3df98] {
  font-size: 16px;
  color: #e4e4e4;
  text-align: center;
  margin-bottom: 15px;
}
.recharge-wrapper .input-box[data-v-d6b3df98] {
  width: 90%;
  height: 50px;
  margin: 0 auto;
}
.recharge-wrapper .btn-wrapper[data-v-d6b3df98] {
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  margin: 0 auto;
  margin-top: 15px;
}
.recharge-wrapper .btn-wrapper .btn-1[data-v-d6b3df98] {
  width: 45%;
  height: 52px;
  line-height: 52px;
  border-radius: 26px;
  background-color: #ececec;
  text-align: center;
  color: #6e6e6e;
}
.recharge-wrapper .btn-wrapper .btn-2[data-v-d6b3df98] {
  width: 45%;
  height: 52px;
  line-height: 52px;
  border-radius: 26px;
  background-color: #8379c3;
  text-align: center;
  color: #fff;
}
.van-cell[data-v-d6b3df98] {
  border-radius: 10px;
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.1);
}

.rechargePopTips[data-v-cc96462c] {
  width: 315px;
  font-size: 16px;
  display: flex;
}
.notifyBg[data-v-cc96462c] {
  width: 320px;
}
.goldBuyVido[data-v-cc96462c] {
  width: 262px;
  position: absolute;
}
.content[data-v-cc96462c] {
  border-radius: 24px;
  position: absolute;
  width: 100%;
  padding: 10px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 25px;
}
.priceContent[data-v-cc96462c] {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 180px;
  margin-top: 60px;
}
.originPrice[data-v-cc96462c] {
  width: 106px;
  height: 126px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  color: #ff8127;
  margin-top: 40px;
  border-radius: 10px;
  border: 2px solid #ff8525;
  background: #fff;
  margin-right: 10px;
}
.originPrice .tags[data-v-cc96462c] {
  width: 56px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background: #dc2c2c;
  border-radius: 10px 0 10px 0;
  position: absolute;
  left: -1px;
  top: -1px;
  color: #fff;
  font-size: 14px;
}
.originPrice .price[data-v-cc96462c] {
  white-space: nowrap;
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-size: 36px;
  color: #ff8127;
  font-weight: 500;
  margin-top: -10px;
}
.originPrice .info-1[data-v-cc96462c] {
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #ff8127;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  border-radius: 0 0 10px 10px;
  position: absolute;
  left: 0px;
  bottom: -1px;
}
.VipPrice[data-v-cc96462c] {
  width: 90px;
  height: 110px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  color: #ff8127;
  margin-top: 21px;
  border-radius: 10px;
  border: 2px solid #6b685f;
  background: #fff;
}
.VipPrice .tags[data-v-cc96462c] {
  width: 40px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background: #6b685f;
  border-radius: 10px 0 10px 0;
  position: absolute;
  left: -1px;
  top: -1px;
  color: #fff;
  font-size: 14px;
}
.VipPrice .price[data-v-cc96462c] {
  white-space: nowrap;
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-size: 36px;
  color: #ff8127;
  font-weight: 500;
  margin-top: -10px;
}
.VipPrice .info-1[data-v-cc96462c] {
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #6b685f;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  border-radius: 0 0 10px 10px;
  position: absolute;
  left: 0px;
  bottom: -1px;
}
.VipPrice .jiang-t[data-v-cc96462c] {
  position: absolute;
  left: -31px;
  top: 45px;
}
.btns[data-v-cc96462c] {
  margin-top: 20px;
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.btns .btn-cancel[data-v-cc96462c] {
  color: #6e6e6e;
  background: #ececec;
  border-radius: 12px;
  text-align: center;
  width: 140px;
  padding: 18px 20px;
}
.btns .btn-go[data-v-cc96462c] {
  width: 180px;
  height: 48px;
  line-height: 48px;
  background: #ff8525;
  color: #fff;
  border-radius: 24px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
}
.goldTipContent[data-v-cc96462c] {
  position: relative;
  width: 316px;
  height: 320px;
  background: url(/app/img/bg_goldTip2.e66c068.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.goldTipContent .tips[data-v-cc96462c] {
  color: #000;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  margin-bottom: 30px;
}
.goldTipContent .btnClick[data-v-cc96462c] {
  width: 230px;
  height: 50px;
  border-radius: 30px;
  border-radius: 25px;
  background: #ff8525;
  margin-bottom: 20px;
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.van-popup[data-v-7e70da40] {
  background: rgba(0,0,0,0);
}
.video-list[data-v-7e70da40] {
  height: 100%;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center 40vh;
  overflow: hidden;
}
.video-list .video-swiper-container[data-v-7e70da40] {
  height: 100%;
  background-color: #000;
}
.video-list .video-swiper-container .video-swiper-slide[data-v-7e70da40] {
  box-sizing: border-box;
}
.video-list .video-swiper-container .video-swiper-slide.sliding .video-wrap[data-v-7e70da40] .video-player-container .duration {
  opacity: 0;
  opacity: 0.2;
  transition: none;
}
.video-list .video-swiper-container .video-swiper-slide.sliding .video-wrap[data-v-7e70da40] .video-player-container .bgBar {
  opacity: 0;
}
.video-list .video-swiper-container .video-swiper-slide .video-wrap[data-v-7e70da40] {
  height: 100%;
  transition: height 0.2s ease-in-out;
}
.video-list .video-swiper-container .video-swiper-slide .video-wrap.collapsed[data-v-7e70da40] .video-player-container .duration {
  opacity: 0;
}

.skits-video-list[data-v-69d03a7b] {
  height: 100%;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center 40vh;
  overflow: hidden;
}
.skits-video-list .tags-wrapper[data-v-69d03a7b] {
  width: 100%;
  overflow: hidden;
  position: fixed;
  bottom: 50px;
  left: 0;
}
.skits-video-list .tags[data-v-69d03a7b] {
  display: flex;
  overflow-x: auto;
}
.skits-video-list .tag[data-v-69d03a7b] {
  border-radius: 5px;
  padding: 5px 10px;
  margin: 5px;
  cursor: pointer;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
}
.skits-video-list .tag.active[data-v-69d03a7b] {
  color: red;
}
.skits-video-list .tag.active .playing-icon[data-v-69d03a7b] {
  animation-delay: 0s;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: keyframes-playing-data-v-12ea296c-69d03a7b;
  animation-timing-function: steps(1);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAYBAMAAAD3x+WnAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURf9FX0dwTP9EX/9DXv9GX/9EZv9EYP9IYv9EX49lrREAAAAIdFJOU4IA8NBQHnAxmcpOUgAAALdJREFUOMtjEAQBAeVCQSIBA5j06DAkTQNHRyN1NTCZ49EgmoKmOsxRpKMZj4agDkYU9aIaDQIdHUgaQNYha8joUETRINbRBNYADUkGsHXIGsDsMEcQggR5RwdYAzQkGcAcdA1AZwARqgaoGuwagM4AIkIaoM4AsWGKQCGGoiHMEaEB5gxkDaAQQ9YAVIDQAHMGsgZQiCFrACpAaECWwMMe1TBINICTNyjpAhnEsCEZCJw5gAwi2AAlp/l08VjNPgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 96px 24px;
  bottom: 0;
  height: 24px;
  position: absolute;
  right: 0;
  transform: scale(0.5);
  width: 24px;
}
.skits-video-list .episodesIndex_wrap[data-v-69d03a7b] {
  position: fixed;
  bottom: 50px;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 99;
  height: 40px;
}
.skits-video-list .episodesIndex_wrap .episodes_nowrap[data-v-69d03a7b] {
  display: flex;
  overflow: auto;
}
.skits-video-list .episodesIndex_wrap .episodesIndex_tag[data-v-69d03a7b] {
  width: 50px;
  height: 40px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  margin-left: 5px;
  position: relative;
}
.skits-video-list .episodesIndex_wrap .episodesIndex_tag.active[data-v-69d03a7b] {
  color: red;
}
.skits-video-list .episodesIndex_wrap .episodesIndex_tag.active .playing-icon[data-v-69d03a7b] {
  animation-delay: 0s;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: keyframes-playing-data-v-12ea296c-69d03a7b;
  animation-timing-function: steps(1);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAYBAMAAAD3x+WnAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURf9FX0dwTP9EX/9DXv9GX/9EZv9EYP9IYv9EX49lrREAAAAIdFJOU4IA8NBQHnAxmcpOUgAAALdJREFUOMtjEAQBAeVCQSIBA5j06DAkTQNHRyN1NTCZ49EgmoKmOsxRpKMZj4agDkYU9aIaDQIdHUgaQNYha8joUETRINbRBNYADUkGsHXIGsDsMEcQggR5RwdYAzQkGcAcdA1AZwARqgaoGuwagM4AIkIaoM4AsWGKQCGGoiHMEaEB5gxkDaAQQ9YAVIDQAHMGsgZQiCFrACpAaECWwMMe1TBINICTNyjpAhnEsCEZCJw5gAwi2AAlp/l08VjNPgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 96px 24px;
  bottom: 0;
  height: 24px;
  position: absolute;
  right: 0;
  transform: scale(0.5);
  width: 24px;
}
.skits-video-list .video-swiper-container[data-v-69d03a7b] {
  height: 100%;
  background-color: #000;
}
.skits-video-list .video-swiper-container .video-swiper-slide[data-v-69d03a7b] {
  box-sizing: border-box;
}
.skits-video-list .video-swiper-container .video-swiper-slide.sliding .video-wrap[data-v-69d03a7b] .video-player-container .duration {
  opacity: 0;
  opacity: 0.2;
  transition: none;
}
.skits-video-list .video-swiper-container .video-swiper-slide.sliding .video-wrap[data-v-69d03a7b] .video-player-container .bgBar {
  opacity: 0;
}
.skits-video-list .video-swiper-container .video-swiper-slide .video-wrap[data-v-69d03a7b] {
  height: 100%;
  transition: height 0.2s ease-in-out;
}
.skits-video-list .video-swiper-container .video-swiper-slide .video-wrap.collapsed[data-v-69d03a7b] .video-player-container .duration {
  opacity: 0;
}
@keyframes keyframes-playing-data-v-12ea296c-69d03a7b {
0% {
    background-size: 96px 24px;
    height: 24px;
    width: 24px;
}
25.00% {
    background-position: -24px 0;
}
50.00% {
    background-position: -48px 0;
}
75.00%,
  to {
    background-position: -72px 0;
}
}

.mse[data-v-68fd9299] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.video-player-container[data-v-68fd9299] {
  background: #000;
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center 40vh;
}
.video-player-container .coverImg[data-v-68fd9299] {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

[data-v-ad87fdd2] .release-dialog-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 1000 !important;
}
[data-v-ad87fdd2] .release-dialog-popup {
  background: transparent;
}
.release-dialog[data-v-ad87fdd2] {
  width: 900px;
  height: 653px;
  max-width: 100%;
  max-height: 90vh;
  background: #1a1a1a;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.dialog-header[data-v-ad87fdd2] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
}
.dialog-header .dialog-title[data-v-ad87fdd2] {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin: 0;
}
.dialog-header .close-btn[data-v-ad87fdd2] {
  position: absolute;
  right: 16px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #888;
  border-radius: 50%;
  transition: all 0.2s;
}
.dialog-header .close-btn[data-v-ad87fdd2]:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.dialog-content[data-v-ad87fdd2] {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.form-area[data-v-ad87fdd2] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.form-area .form-item[data-v-ad87fdd2] {
  margin-bottom: 16px;
}
.form-area .form-item .form-label[data-v-ad87fdd2] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #fff;
  margin-bottom: 8px;
}
.form-area .form-item .form-label .required[data-v-ad87fdd2] {
  color: #ff4d4f;
}
.form-area .form-item .form-label .random-btn[data-v-ad87fdd2] {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #ff8525;
  cursor: pointer;
}
.form-area .form-item .form-label .random-btn[data-v-ad87fdd2]:hover {
  opacity: 0.8;
}
.form-area .form-item .form-label .random-btn[data-v-ad87fdd2]:active {
  opacity: 0.6;
}
.form-area .form-item .form-tip[data-v-ad87fdd2] {
  margin-top: 6px;
  font-size: 12px;
  color: #666;
}
.form-area .form-item .form-tip.warning[data-v-ad87fdd2] {
  color: #ff8525;
}
.form-area .form-item .form-select[data-v-ad87fdd2] {
  width: 100%;
  padding: 12px 14px;
  background: #2a2a2a;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  color: #fff;
  outline: none;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px;
}
.form-area .form-item .form-select[data-v-ad87fdd2]:hover,
.form-area .form-item .form-select[data-v-ad87fdd2]:focus {
  background-color: #333;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
}
.form-area .form-item .form-select option[data-v-ad87fdd2] {
  background: #2a2a2a;
  color: #fff;
  padding: 10px;
}
.form-area .form-item .form-input[data-v-ad87fdd2] {
  width: 100%;
  padding: 12px 14px;
  background: #2a2a2a;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  color: #fff;
  outline: none;
  box-sizing: border-box;
}
.form-area .form-item .form-input[data-v-ad87fdd2]::-moz-placeholder {
  color: #666;
}
.form-area .form-item .form-input[data-v-ad87fdd2]::placeholder {
  color: #666;
}
.form-area .form-item .form-input[data-v-ad87fdd2]:focus {
  background: #333;
}
.form-area .form-item .form-textarea[data-v-ad87fdd2] {
  width: 100%;
  padding: 12px 14px;
  background: #2a2a2a;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  color: #fff;
  outline: none;
  resize: none;
  line-height: 1.6;
  box-sizing: border-box;
}
.form-area .form-item .form-textarea[data-v-ad87fdd2]::-moz-placeholder {
  color: #666;
}
.form-area .form-item .form-textarea[data-v-ad87fdd2]::placeholder {
  color: #666;
}
.form-area .form-item .form-textarea[data-v-ad87fdd2]:focus {
  background: #333;
}
.form-area .upload-area[data-v-ad87fdd2] .van-uploader__preview {
  margin: 0 8px 8px 0;
}
.form-area .upload-area[data-v-ad87fdd2] .van-uploader__preview-image {
  width: 80px;
  height: 80px;
  border-radius: 6px;
}
.form-area .upload-area .upload-btn[data-v-ad87fdd2] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: #2a2a2a;
  border: 1px dashed rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  cursor: pointer;
  color: #888;
  font-size: 13px;
  transition: all 0.2s;
}
.form-area .upload-area .upload-btn[data-v-ad87fdd2]:hover {
  background: #333;
  border-color: #ff8525;
  color: #ff8525;
}
.form-area .upload-tip[data-v-ad87fdd2] {
  margin-top: 8px;
  font-size: 12px;
  color: #666;
}
.preview-area[data-v-ad87fdd2] {
  width: 400px;
  padding: 20px;
  background: #121212;
  overflow-y: auto;
}
.preview-area .preview-card[data-v-ad87fdd2] {
  background: #1a1a1a;
  border-radius: 12px;
  padding: 16px;
}
.preview-area .preview-header[data-v-ad87fdd2] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.preview-area .preview-header .preview-avatar[data-v-ad87fdd2] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.preview-area .preview-header .preview-user-info[data-v-ad87fdd2] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.preview-area .preview-header .preview-user-info .preview-username[data-v-ad87fdd2] {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
.preview-area .preview-header .preview-user-info .preview-time[data-v-ad87fdd2] {
  font-size: 12px;
  color: #888;
}
.preview-area .preview-header .preview-tag[data-v-ad87fdd2] {
  padding: 2px 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  font-size: 12px;
  color: #aaa;
}
.preview-area .preview-header .preview-level[data-v-ad87fdd2] {
  padding: 2px 8px;
  background: linear-gradient(90deg, #ff8525, #ff6b00);
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
}
.preview-area .preview-title[data-v-ad87fdd2] {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  margin: 0 0 12px 0;
  line-height: 1.4;
  word-break: break-word;
}
.preview-area .preview-images[data-v-ad87fdd2] {
  margin-bottom: 12px;
  border-radius: 8px;
  overflow: hidden;
}
.preview-area .preview-images .preview-image[data-v-ad87fdd2] {
  width: 100%;
  max-height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.preview-area .preview-images .preview-video[data-v-ad87fdd2] {
  width: 100%;
  height: 300px;
  display: block;
  background: #000;
}
.preview-area .preview-images.placeholder[data-v-ad87fdd2] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  background: rgba(255, 255, 255, 0.05);
  color: #444;
}
.preview-area .preview-stats[data-v-ad87fdd2] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.preview-area .preview-stats .stat-item[data-v-ad87fdd2] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #888;
}
.preview-area .preview-stats .stat-item.dislike .van-icon[data-v-ad87fdd2] {
  transform: rotate(180deg);
}
.dialog-footer[data-v-ad87fdd2] {
  padding: 16px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.dialog-footer .publish-btn[data-v-ad87fdd2] {
  width: 100%;
  padding: 12px;
  background: linear-gradient(90deg, #ff8525, #ff6b00);
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s;
}
.dialog-footer .publish-btn[data-v-ad87fdd2]:hover:not(:disabled) {
  opacity: 0.9;
}
.dialog-footer .publish-btn[data-v-ad87fdd2]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@media (max-width: 768px) {
[data-v-ad87fdd2] .release-dialog-overlay {
    padding: 0;
    align-items: flex-end;
}
[data-v-ad87fdd2] .release-dialog-popup {
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}
.release-dialog[data-v-ad87fdd2] {
    width: 100%;
    height: 90vh;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.dialog-header[data-v-ad87fdd2] {
    flex-shrink: 0;
}
.dialog-header .close-btn[data-v-ad87fdd2] {
    width: 40px;
    height: 40px;
    font-size: 20px;
}
.dialog-content[data-v-ad87fdd2] {
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    overscroll-behavior: contain;
}
.form-area[data-v-ad87fdd2] {
    border-right: none;
    padding: 16px;
    overflow: visible;
}
.form-area .form-item .form-select[data-v-ad87fdd2] {
    font-size: 16px;
    padding: 14px;
    -moz-appearance: menulist;
         appearance: menulist;
    -webkit-appearance: menulist;
    background-image: none;
    padding-right: 14px;
}
.form-area .form-item .form-input[data-v-ad87fdd2],
  .form-area .form-item .form-textarea[data-v-ad87fdd2] {
    font-size: 16px;
}
.preview-area[data-v-ad87fdd2] {
    display: none;
}
.dialog-footer[data-v-ad87fdd2] {
    flex-shrink: 0;
    padding: 12px 16px 20px;
    padding-bottom: calc(20px + env(safe-area-inset-bottom));
}
}