.video-list[data-v-19a05e15] {
  display:flex;
  flex-direction:column;
  gap:36px;
  width:100%;
  padding:24px clamp(16px,4vw,36px) 48px;
  box-sizing:border-box
}
.video-list__skeleton[data-v-19a05e15] {
  background:transparent;
  border-radius:18px;
  padding:18px
}
.video-list__error[data-v-19a05e15] {
  display:flex;
  align-items:center;
  gap:8px;
  padding:16px 18px;
  border-radius:14px;
  background:#fed7aa1f;
  color:#fb923c;
  font-size:14px
}
.video-section[data-v-19a05e15] {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:18px;
  border-radius:0;
  padding:0
}
.video-section__header[data-v-19a05e15] {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px
}
.video-section__title-group[data-v-19a05e15] {
  display:flex;
  flex-direction:column;
  gap:6px
}
.video-section__title[data-v-19a05e15] {
  font-size:clamp(18px,2.2vw,22px);
  font-weight:700;
  color:var(--text-color, #0f172a);
  letter-spacing:.01em
}
.video-section__subtitle[data-v-19a05e15] {
  font-size:13px;
  color:var(--text-light, rgba(15, 23, 42, .6))
}
.video-section__action[data-v-19a05e15] {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 14px;
  border-radius:999px;
  border:0px solid var(--border-color, rgba(148, 163, 184, .32));
  background:transparent;
  color:var(--text-color, #1f2937);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease
}
.video-section__action svg[data-v-19a05e15] {
  width:16px;
  height:16px;
  fill:currentColor
}
.video-section__action[data-v-19a05e15]:hover {
  background:var(--hover-bg, rgba(148, 163, 184, .12))
}
.video-section__items[data-v-19a05e15] {
  display:grid;
  gap:clamp(8px,2.4vw,20px)
}
.video-section__items--featured[data-v-19a05e15] {
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr))
}
.video-section__items--grid[data-v-19a05e15] {
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr))
}
.video-section__items--mobile-overlay[data-v-19a05e15] {
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.video-section__items--short-drama[data-v-19a05e15] {
  grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
  align-items:start
}
.video-section__items--list[data-v-19a05e15] {
  display:flex;
  flex-direction:column
}
.video-section__items--compact[data-v-19a05e15] {
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr))
}
.video-section__inline-ad[data-v-19a05e15] {
  --inline-ad-border: 0;
  --inline-ad-shadow: none
}
.video-section__ad[data-v-19a05e15] {
  width:100%
}
.video-section__ad--mobile-overlay[data-v-19a05e15] {
  grid-column:auto
}
.video-section__ad-stack[data-v-19a05e15] {
  width:100%;
  grid-column:auto;
  align-self:start
}
.video-section__ad-pair[data-v-19a05e15] {
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(8px,2.4vw,20px)
}
.video-section__banner[data-v-19a05e15] {
  margin-top:clamp(12px,3vw,20px)
}
@media(max-width:768px) {
  .video-list[data-v-19a05e15] {
    gap:24px;
    padding:3px 12px 32px
  }
  .video-section__action[data-v-19a05e15] {
    align-self:flex-end
  }
  .video-section__items--featured[data-v-19a05e15],
  .video-section__items--grid[data-v-19a05e15],
  .video-section__items--compact[data-v-19a05e15] {
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr))
  }
  .video-section__items--mobile-overlay[data-v-19a05e15] {
    grid-template-columns:1fr
  }
  .video-section__items--short-drama[data-v-19a05e15] {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .video-section__ad--mobile-overlay[data-v-19a05e15] {
    grid-column:1 / -1
  }
  .video-section__ad-pair[data-v-19a05e15] {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
.notice-banner[data-v-7e660a30] {
  font-size:14px;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  --notice-icon-outline: rgba(248, 191, 31, .35);
  --notice-shadow: 0 16px 40px rgba(15, 23, 42, .12);
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 20px 12px 14px;
  border-radius:999px;
  box-shadow:var(--notice-shadow);
  position:relative;
  width:100%;
  max-width:800px;
  margin:0 auto
}
.notice-banner__icon-wrap[data-v-7e660a30] {
  position:absolute;
  flex:0 0 auto;
  margin-left:-6px;
  bottom:0
}
.notice-banner__icon[data-v-7e660a30] {
  position:relative;
  border-radius:22px;
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate
}
.notice-banner__icon[data-v-7e660a30]:after {
  content:"";
  position:absolute;
  inset:18%;
  border-radius:18px;
  z-index:-1
}
.notice-banner__svg[data-v-7e660a30] {
  font-size:4.5em
}
.notice-banner__content[data-v-7e660a30] {
  margin-left:4.5em;
  flex:1 1 auto;
  font-size:14px;
  line-height:1.4;
  font-weight:500;
  color:inherit;
  letter-spacing:.01em;
  white-space:nowrap;
  overflow:hidden;
  position:relative
}
.notice-banner__content[data-v-7e660a30]:before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:40px;
  pointer-events:none;
  background:linear-gradient(to right,var(--banner-fade-left-color),transparent);
  z-index:9
}
.notice-banner__content[data-v-7e660a30]:after {
  content:"";
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:40px;
  pointer-events:none;
  background:linear-gradient(to left,var(--banner-fade-color, rgba(255, 255, 255, .95)),transparent)
}
.notice-banner__track[data-v-7e660a30] {
  display:inline-flex;
  align-items:center;
  gap:0;
  animation:notice-marquee-7e660a30 24s linear infinite;
  padding-right:0;
  transform:translateZ(0)
}
.notice-banner__track.is-still[data-v-7e660a30] {
  animation:none
}
.notice-banner__content:hover .notice-banner__track[data-v-7e660a30] {
  animation-play-state:paused
}
.notice-banner__item[data-v-7e660a30] {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  padding-right:48px
}
@keyframes notice-marquee-7e660a30 {
  0% {
    transform:translate(0)
  }
  to {
    transform:translate(-50%)
  }
}
.notice-banner__close[data-v-7e660a30] {
  background:#0f172a0f;
  border:none;
  border-radius:999px;
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:inherit;
  cursor:pointer;
  transition:background-color .2s ease,transform .2s ease
}
.notice-banner__close svg[data-v-7e660a30] {
  width:14px;
  height:14px;
  fill:currentColor
}
.notice-banner__close[data-v-7e660a30]:hover {
  background:#0f172a1f;
  transform:translateY(-1px)
}
.notice-banner__close[data-v-7e660a30]:active {
  transform:translateY(0)
}
.notice-banner--closable[data-v-7e660a30] {
  padding-right:12px
}
@media(max-width:640px) {
  .notice-banner[data-v-7e660a30] {
    width:calc(100% - 30px);
    margin:0 15px;
    padding:10px 16px 10px 12px;
    gap:12px
  }
  .notice-banner__svg[data-v-7e660a30] {
    font-size:3.5em
  }
  .notice-banner__content[data-v-7e660a30] {
    margin-left:3.8em;
    font-size:12px
  }
  .notice-banner__close[data-v-7e660a30] {
    width:26px;
    height:26px
  }
}
.tab-group-affix[data-v-fd836dcf] {
  position:relative;
  width:100%
}
.tab-group-affix__placeholder[data-v-fd836dcf] {
  width:100%
}
.tab-group-container[data-v-fd836dcf] {
  --tab-transition-duration: .24s;
  left:0;
  width:100%;
  background:var(--header-bg, #ffffff);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  transition:left .5s ease,width .5s ease,transform var(--tab-transition-duration) ease,opacity var(--tab-transition-duration) ease,box-shadow var(--tab-transition-duration) ease,border-bottom-color var(--tab-transition-duration) ease;
  opacity:1;
  transform:translateY(0)
}
@media(min-width:992px)and (max-width:1200px) {
  .tab-group-container[data-v-fd836dcf] {
    padding:5px 0;
    --tab-transition-duration: .32s
  }
}
@media(min-width:1201px) {
  .tab-group-container[data-v-fd836dcf] {
    padding:5px 0;
    --tab-transition-duration: .32s
  }
}
.tab-group-container--fixed[data-v-fd836dcf] {
  border-radius:0 0 8px 8px;
  box-shadow:0 8px 24px #0f172a1f;
  border-bottom-color:#94a3b82e;
  opacity:.98
}
.camouflage-entry[data-v-b8a622a1] {
  margin:14px 12px 0;
  padding:12px 14px;
  border-radius:12px;
  background:linear-gradient(135deg,#141824e6,#222838e6);
  color:#e8ecf5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 12px 28px #0000002e
}
.camouflage-text .title[data-v-b8a622a1] {
  margin:0;
  font-size:15px;
  font-weight:700
}
.camouflage-text .desc[data-v-b8a622a1] {
  margin:4px 0 0;
  font-size:12px;
  color:#b8c0d2
}
.camouflage-text .status[data-v-b8a622a1] {
  margin:6px 0 0;
  font-size:12px;
  color:#6fe0a5
}
.camouflage-btn[data-v-b8a622a1] {
  min-width:96px;
  height:38px;
  padding:0 16px;
  border-radius:10px;
  border:none;
  background:linear-gradient(135deg,#2ba0ff,#28d6a6);
  color:#0b0d12;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 10px 18px #2ba0ff4d
}
.camouflage-btn[data-v-b8a622a1]:active {
  transform:translateY(1px)
}
.camouflage-mask[data-v-b8a622a1] {
  position:fixed;
  inset:0;
  background:#0009;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:3200;
  padding:16px
}
.camouflage-modal[data-v-b8a622a1] {
  --cam-modal-bg: #0f172a;
  --cam-modal-text: #e8ecf5;
  --cam-modal-muted: #a0a8bb;
  --cam-modal-border: rgba(255, 255, 255, .08);
  --cam-input-bg: rgba(255, 255, 255, .04);
  --cam-input-border: rgba(255, 255, 255, .1);
  width:100%;
  max-width:360px;
  padding:18px;
  background:var(--cam-modal-bg);
  border-radius:14px;
  border:1px solid var(--cam-modal-border);
  box-shadow:0 14px 38px #0006;
  color:var(--cam-modal-text)
}
.camouflage-modal h3[data-v-b8a622a1] {
  margin:0 0 8px;
  font-size:16px
}
.modal-desc[data-v-b8a622a1] {
  margin:0 0 12px;
  color:var(--cam-modal-muted);
  font-size:13px
}
.camouflage-input[data-v-b8a622a1] {
  width:100%;
  height:42px;
  padding:0 12px;
  margin-top:8px;
  display:block;
  border-radius:10px;
  border:1px solid var(--cam-input-border);
  background:var(--cam-input-bg);
  color:var(--cam-modal-text);
  font-size:14px
}
.error[data-v-b8a622a1] {
  margin:6px 0 0;
  color:#ff6b6b;
  font-size:12px
}
.modal-actions[data-v-b8a622a1] {
  margin-top:14px;
  display:flex;
  justify-content:flex-end;
  gap:10px
}
.modal-actions button[data-v-b8a622a1] {
  height:38px;
  padding:0 14px;
  border-radius:10px;
  border:none;
  cursor:pointer;
  font-weight:600
}
.modal-actions .secondary[data-v-b8a622a1] {
  background:#ffffff0f;
  color:var(--cam-modal-text);
  border:1px solid var(--cam-input-border)
}
.modal-actions .primary[data-v-b8a622a1] {
  background:linear-gradient(135deg,#2ba0ff,#28d6a6);
  color:#0b0d12;
  box-shadow:0 10px 20px #2ba0ff40
}
.fade-enter-active[data-v-b8a622a1],
.fade-leave-active[data-v-b8a622a1] {
  transition:opacity .2s ease
}
.fade-enter-from[data-v-b8a622a1],
.fade-leave-to[data-v-b8a622a1] {
  opacity:0
}
[data-theme=light] {
  --cam-modal-bg: #ffffff;
  --cam-modal-text: #0f172a;
  --cam-modal-muted: #5b6270;
  --cam-modal-border: rgba(0, 0, 0, .06);
  --cam-input-bg: #f3f6fb;
  --cam-input-border: rgba(0, 0, 0, .08)
}
@media(max-width:640px) {
  .camouflage-entry[data-v-b8a622a1] {
    flex-direction:column;
    align-items:flex-start
  }
  .camouflage-btn[data-v-b8a622a1] {
    width:100%
  }
}