html[data-template-theme="moban003"],
body[data-template-theme="moban003"] {
  --tpl3-main: #c9c6ff;
  --tpl3-main-2: #aaa5ff;
  --tpl3-main-3: #8e86f4;
  --tpl3-ink: #1f1d42;
  --tpl3-muted: #71708a;
  --tpl3-panel: #fbfbff;
  --tpl3-line: rgba(142, 134, 244, 0.22);
  --tpl3-shadow: rgba(142, 134, 244, 0.28);
  --tpl3-bg: #c9c6ff;
  --van-primary-color: var(--tpl3-main-3);
  --van-blue: var(--tpl3-main-3);
}

html[data-template-theme="moban003"] body,
body[data-template-theme="moban003"] {
  background: var(--tpl3-bg) !important;
}

html[data-template-theme="moban003"],
html[data-template-theme="moban003"] body,
html[data-template-theme="moban003"] #app,
html[data-template-theme="moban003"] .app-wrapper,
html[data-template-theme="moban003"] [class*="app-wrapper"],
html[data-template-theme="moban003"] [class*="page"],
html[data-template-theme="moban003"] [class*="container"],
html[data-template-theme="moban003"] .video-list[data-v-0952a43b],
html[data-template-theme="moban003"] .video-grid[data-v-6236fe6d] {
  background-color: var(--tpl3-bg) !important;
}

html[data-template-theme="moban003"] .category-container[data-v-0952a43b],
html[data-template-theme="moban003"] .category-container[data-v-1b68e54a],
html[data-template-theme="moban003"] .notice[data-v-0952a43b],
html[data-template-theme="moban003"] .notice[data-v-1b68e54a],
html[data-template-theme="moban003"] .inline-player[data-v-0952a43b],
html[data-template-theme="moban003"] .bottom-nav[data-v-0952a43b],
html[data-template-theme="moban003"] .bottom-nav.skin-blue[data-v-043f14f1],
html[data-template-theme="moban003"] .bottom-nav.skin-purple[data-v-043f14f1] {
  background-color: rgba(255, 255, 255, 0.76) !important;
}

html[data-template-theme="moban003"] .nav-search[data-v-0952a43b],
html[data-template-theme="moban003"] .nav-search[data-v-1b68e54a] {
  background: linear-gradient(135deg, #d8d6ff 0%, var(--tpl3-main) 100%) !important;
  box-shadow: 0 8px 22px var(--tpl3-shadow) !important;
}

html[data-template-theme="moban003"] .nav-search-input[data-v-0952a43b],
html[data-template-theme="moban003"] .nav-search-input[data-v-1b68e54a] {
  background: rgba(255, 255, 255, 0.74) !important;
  border-color: rgba(255, 255, 255, 0.88) !important;
  color: var(--tpl3-ink) !important;
}

html[data-template-theme="moban003"] .nav-search-input[data-v-0952a43b]::placeholder,
html[data-template-theme="moban003"] .nav-search-input[data-v-1b68e54a]::placeholder {
  color: rgba(31, 29, 66, 0.45) !important;
}

html[data-template-theme="moban003"] .fav-btn[data-v-0952a43b],
html[data-template-theme="moban003"] .search-btn[data-v-0952a43b],
html[data-template-theme="moban003"] .fav-btn[data-v-1b68e54a],
html[data-template-theme="moban003"] .search-btn[data-v-1b68e54a],
html[data-template-theme="moban003"] .auth-btn[data-v-0952a43b] {
  background: linear-gradient(135deg, var(--tpl3-main-2) 0%, var(--tpl3-main-3) 100%) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px var(--tpl3-shadow) !important;
}

html[data-template-theme="moban003"] .category-container[data-v-0952a43b],
html[data-template-theme="moban003"] .category-container[data-v-1b68e54a] {
  background: var(--tpl3-panel) !important;
  border-bottom: 1px solid var(--tpl3-line) !important;
}

html[data-template-theme="moban003"] .cate-item[data-v-0952a43b],
html[data-template-theme="moban003"] .cate-item[data-v-1b68e54a] {
  background: #ffffff !important;
  border-color: var(--tpl3-line) !important;
  color: var(--tpl3-muted) !important;
  box-shadow: 0 2px 8px rgba(142, 134, 244, 0.08) !important;
}

html[data-template-theme="moban003"] .cate-item[data-v-0952a43b]:hover,
html[data-template-theme="moban003"] .cate-item[data-v-1b68e54a]:hover {
  background: #f3f2ff !important;
  border-color: rgba(142, 134, 244, 0.45) !important;
  color: var(--tpl3-main-3) !important;
}

html[data-template-theme="moban003"] .cate-item.active[data-v-0952a43b],
html[data-template-theme="moban003"] .cate-item.active[data-v-1b68e54a] {
  background: linear-gradient(135deg, var(--tpl3-main-2) 0%, var(--tpl3-main-3) 100%) !important;
  border-color: var(--tpl3-main-3) !important;
  color: #fff !important;
  box-shadow: 0 6px 18px var(--tpl3-shadow), 0 0 0 3px rgba(201, 198, 255, 0.28) !important;
}

html[data-template-theme="moban003"] .notice[data-v-0952a43b],
html[data-template-theme="moban003"] .notice[data-v-1b68e54a] {
  background: #f0efff !important;
  color: var(--tpl3-muted) !important;
}

html[data-template-theme="moban003"] .back-top[data-v-0952a43b],
html[data-template-theme="moban003"] .back-top[data-v-1b68e54a] {
  color: var(--tpl3-main-3) !important;
  box-shadow: 0 6px 20px rgba(142, 134, 244, 0.2) !important;
}

html[data-template-theme="moban003"] .bottom-nav[data-v-0952a43b],
html[data-template-theme="moban003"] .bottom-nav.skin-blue[data-v-043f14f1],
html[data-template-theme="moban003"] .bottom-nav.skin-purple[data-v-043f14f1] {
  background: #ffffff !important;
  border-top: 1px solid var(--tpl3-line) !important;
  box-shadow: 0 -8px 20px rgba(142, 134, 244, 0.1) !important;
}

html[data-template-theme="moban003"] .nav-item.active .nav-icon-svg[data-v-0952a43b],
html[data-template-theme="moban003"] .nav-item.active .nav-text[data-v-0952a43b],
html[data-template-theme="moban003"] .skin-blue .nav-item.active .nav-icon-svg[data-v-043f14f1],
html[data-template-theme="moban003"] .skin-blue .nav-item.active .nav-text[data-v-043f14f1],
html[data-template-theme="moban003"] .skin-purple .nav-item.active .nav-icon-svg[data-v-043f14f1],
html[data-template-theme="moban003"] .skin-purple .nav-item.active .nav-text[data-v-043f14f1] {
  color: var(--tpl3-main-3) !important;
}

html[data-template-theme="moban003"] .loading-spinner[data-v-0952a43b] {
  border-top-color: var(--tpl3-main-3) !important;
}

html[data-template-theme="moban003"] .auth-form .form-item input[data-v-0952a43b]:focus {
  border-color: var(--tpl3-main-3) !important;
}

html[data-template-theme="moban003"] .auth-footer[data-v-0952a43b] {
  color: var(--tpl3-main-3) !important;
}

html[data-template-theme="moban003"] .popup-box[data-v-fafc9840],
html[data-template-theme="moban003"] .popup-box.light[data-v-fafc9840],
html[data-template-theme="moban003"] .dialog-box[data-v-19e7cae7],
html[data-template-theme="moban003"] .dialog-box.light[data-v-19e7cae7] {
  background: linear-gradient(180deg, #ffffff 0%, #f7f6ff 100%) !important;
  border: 1px solid var(--tpl3-line) !important;
  box-shadow: 0 20px 60px rgba(142, 134, 244, 0.22), 0 0 0 1px rgba(201, 198, 255, 0.2) !important;
}

html[data-template-theme="moban003"] .buy-btn-main[data-v-fafc9840],
html[data-template-theme="moban003"] .popup-box.light .buy-btn-main[data-v-fafc9840],
html[data-template-theme="moban003"] .copy-btn[data-v-19e7cae7],
html[data-template-theme="moban003"] .dialog-box.light .copy-btn[data-v-19e7cae7] {
  background: linear-gradient(135deg, var(--tpl3-main-2) 0%, var(--tpl3-main-3) 100%) !important;
  box-shadow: 0 8px 20px var(--tpl3-shadow) !important;
}

html[data-template-theme="moban003"] .tryit-badge[data-v-fafc9840],
html[data-template-theme="moban003"] .hot-tag[data-v-fafc9840],
html[data-template-theme="moban003"] .popup-box.light .hot-tag[data-v-fafc9840] {
  background: linear-gradient(135deg, var(--tpl3-main-2) 0%, var(--tpl3-main-3) 100%) !important;
}

html[data-template-theme="moban003"] .vip-btn.hot[data-v-fafc9840],
html[data-template-theme="moban003"] .popup-box.light .vip-btn.hot[data-v-fafc9840] {
  border-color: var(--tpl3-main-3) !important;
  background: rgba(201, 198, 255, 0.16) !important;
}

html[data-template-theme="moban003"] .vip-btn.hot .vip-price[data-v-fafc9840],
html[data-template-theme="moban003"] .popup-box.light .vip-btn.hot .vip-price[data-v-fafc9840] {
  color: var(--tpl3-main-3) !important;
}

html[data-template-theme="moban003"] [data-v-ab57b7e7] .art-control-progress-inner {
  background: var(--tpl3-main-3) !important;
}

html[data-template-theme="moban003"] .pay-box[data-v-ffba94dd],
html[data-template-theme="moban003"] .pay-box.light[data-v-ffba94dd] {
  background: linear-gradient(180deg, #ffffff 0%, #f4f3ff 100%) !important;
}

html[data-template-theme="moban003"] .pay-icon.alipay[data-v-ffba94dd] {
  color: var(--tpl3-main-3) !important;
  border-color: rgba(142, 134, 244, 0.24) !important;
  box-shadow: 0 4px 12px rgba(142, 134, 244, 0.22) !important;
}

/* moban003 reference style: lavender phone shell with a blue-purple frame. */
html[data-template-theme="moban003"] body {
  background: #ffffff !important;
}

html[data-template-theme="moban003"] #app,
html[data-template-theme="moban003"] .app-wrapper,
html[data-template-theme="moban003"] [class*="app-wrapper"] {
  width: min(100vw, 430px) !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  margin: 0 auto !important;
  background: var(--tpl3-bg) !important;
  border: 3px solid #5d55ff !important;
  border-radius: 24px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  box-shadow: 0 18px 44px rgba(93, 85, 255, 0.16) !important;
}

html[data-template-theme="moban003"] [class*="page"],
html[data-template-theme="moban003"] .video-list[data-v-0952a43b],
html[data-template-theme="moban003"] .video-grid[data-v-6236fe6d] {
  background: var(--tpl3-bg) !important;
}

html[data-template-theme="moban003"] [class*="container"] {
  background-color: transparent !important;
}

html[data-template-theme="moban003"] .nav-search[data-v-0952a43b],
html[data-template-theme="moban003"] .nav-search[data-v-1b68e54a],
html[data-template-theme="moban003"] .category-container[data-v-0952a43b],
html[data-template-theme="moban003"] .category-container[data-v-1b68e54a] {
  background: var(--tpl3-bg) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html[data-template-theme="moban003"] .nav-search[data-v-0952a43b],
html[data-template-theme="moban003"] .nav-search[data-v-1b68e54a] {
  padding: 8px 8px 4px !important;
}

html[data-template-theme="moban003"] .nav-search-input[data-v-0952a43b],
html[data-template-theme="moban003"] .nav-search-input[data-v-1b68e54a] {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(93, 85, 255, 0.26) !important;
}

html[data-template-theme="moban003"] .category-container[data-v-0952a43b],
html[data-template-theme="moban003"] .category-container[data-v-1b68e54a] {
  gap: 5px !important;
  padding: 6px 8px !important;
}

html[data-template-theme="moban003"] .cate-item[data-v-0952a43b],
html[data-template-theme="moban003"] .cate-item[data-v-1b68e54a] {
  min-height: 24px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(93, 85, 255, 0.18) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

html[data-template-theme="moban003"] .cate-item.active[data-v-0952a43b],
html[data-template-theme="moban003"] .cate-item.active[data-v-1b68e54a] {
  background: linear-gradient(135deg, #635bff 0%, #4f46e5 100%) !important;
  box-shadow: 0 5px 12px rgba(79, 70, 229, 0.28) !important;
}

html[data-template-theme="moban003"] .notice[data-v-0952a43b],
html[data-template-theme="moban003"] .notice[data-v-1b68e54a] {
  margin: 6px 8px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(255, 255, 255, 0.38) !important;
  color: #5b56a5 !important;
}

html[data-template-theme="moban003"] .inline-player[data-v-0952a43b] {
  margin: 8px !important;
  border-radius: 6px !important;
}

html[data-template-theme="moban003"] .grid-container[data-v-6236fe6d] {
  gap: 6px !important;
  padding: 4px 8px !important;
}

html[data-template-theme="moban003"] .video-item[data-v-6236fe6d],
html[data-template-theme="moban003"] .video-item.light[data-v-6236fe6d] {
  width: calc(50% - 3px) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html[data-template-theme="moban003"] .video-cover[data-v-6236fe6d] {
  border-radius: 8px 8px 0 0 !important;
}

html[data-template-theme="moban003"] .video-info[data-v-6236fe6d] {
  background: rgba(255, 255, 255, 0.8) !important;
}

html[data-template-theme="moban003"] .video-title[data-v-6236fe6d],
html[data-template-theme="moban003"] .video-item.light .video-title[data-v-6236fe6d] {
  color: #4b4787 !important;
}

html[data-template-theme="moban003"] .list-status[data-v-6236fe6d],
html[data-template-theme="moban003"] .video-grid:has(.video-item.light) .list-status[data-v-6236fe6d] {
  color: #6964a5 !important;
}

html[data-template-theme="moban003"] .bottom-nav[data-v-0952a43b],
html[data-template-theme="moban003"] .bottom-nav.skin-blue[data-v-043f14f1],
html[data-template-theme="moban003"] .bottom-nav.skin-purple[data-v-043f14f1] {
  left: 50% !important;
  right: auto !important;
  width: min(100vw - 28px, 560px) !important;
  transform: translateX(-50%) !important;
  bottom: calc(8px + env(safe-area-inset-bottom)) !important;
  height: 54px !important;
  background:
    linear-gradient(180deg, rgba(244, 243, 255, 0.96) 0%, rgba(218, 215, 255, 0.94) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 18px !important;
  box-shadow:
    0 -10px 24px rgba(93, 85, 255, 0.12),
    0 10px 26px rgba(93, 85, 255, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(12px) !important;
}

html[data-template-theme="moban003"] .nav-item[data-v-0952a43b],
html[data-template-theme="moban003"] .nav-item[data-v-043f14f1] {
  border-radius: 14px !important;
}

html[data-template-theme="moban003"] .nav-item.active[data-v-0952a43b],
html[data-template-theme="moban003"] .nav-item.active[data-v-043f14f1] {
  background: rgba(255, 255, 255, 0.38) !important;
}

html[data-template-theme="moban003"] .nav-icon-svg[data-v-0952a43b],
html[data-template-theme="moban003"] .skin-blue .nav-icon-svg[data-v-043f14f1],
html[data-template-theme="moban003"] .skin-purple .nav-icon-svg[data-v-043f14f1],
html[data-template-theme="moban003"] .nav-text[data-v-0952a43b],
html[data-template-theme="moban003"] .skin-blue .nav-text[data-v-043f14f1],
html[data-template-theme="moban003"] .skin-purple .nav-text[data-v-043f14f1] {
  color: #77759a !important;
}

html[data-template-theme="moban003"] .nav-search[data-v-0952a43b],
html[data-template-theme="moban003"] .nav-search[data-v-1b68e54a] {
  gap: 8px !important;
  background:
    linear-gradient(180deg, rgba(218, 215, 255, 0.92) 0%, rgba(201, 198, 255, 0.72) 100%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.34) !important;
  border-bottom: 1px solid rgba(93, 85, 255, 0.12) !important;
}

html[data-template-theme="moban003"] .nav-search-input[data-v-0952a43b],
html[data-template-theme="moban003"] .nav-search-input[data-v-1b68e54a] {
  height: 34px !important;
  background: rgba(244, 243, 255, 0.76) !important;
  border: 1px solid rgba(93, 85, 255, 0.22) !important;
  border-radius: 999px !important;
  box-shadow:
    inset 0 1px 3px rgba(93, 85, 255, 0.08),
    0 1px 0 rgba(255, 255, 255, 0.7) !important;
}

html[data-template-theme="moban003"] .fav-btn[data-v-0952a43b],
html[data-template-theme="moban003"] .search-btn[data-v-0952a43b],
html[data-template-theme="moban003"] .fav-btn[data-v-1b68e54a],
html[data-template-theme="moban003"] .search-btn[data-v-1b68e54a] {
  height: 34px !important;
  padding: 0 16px !important;
  background:
    linear-gradient(180deg, rgba(170, 165, 255, 0.92) 0%, rgba(142, 134, 244, 0.86) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.48) !important;
  border-radius: 999px !important;
  color: #fff !important;
  box-shadow:
    0 6px 14px rgba(93, 85, 255, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}

html[data-template-theme="moban003"] .fav-btn[data-v-0952a43b] {
  background:
    linear-gradient(180deg, rgba(159, 153, 255, 0.92) 0%, rgba(134, 126, 238, 0.86) 100%) !important;
}

/* Final alignment pass: search strip blends into the lavender page background. */
html[data-template-theme="moban003"] .nav-search[data-v-0952a43b],
html[data-template-theme="moban003"] .nav-search[data-v-1b68e54a] {
  background: var(--tpl3-bg) !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html[data-template-theme="moban003"] .cate-item[data-v-0952a43b],
html[data-template-theme="moban003"] .cate-item[data-v-1b68e54a],
html[data-template-theme="moban003"] .nav-search-input[data-v-0952a43b],
html[data-template-theme="moban003"] .nav-search-input[data-v-1b68e54a] {
  background: #ffffff !important;
}

html[data-template-theme="moban003"] .fav-btn[data-v-0952a43b],
html[data-template-theme="moban003"] .search-btn[data-v-0952a43b],
html[data-template-theme="moban003"] .fav-btn[data-v-1b68e54a],
html[data-template-theme="moban003"] .search-btn[data-v-1b68e54a] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  min-width: 58px !important;
  padding: 0 16px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  text-align: center !important;
}

html[data-template-theme="moban003"] .header[data-v-0952a43b],
html[data-template-theme="moban003"] .header[data-v-1b68e54a],
html[data-template-theme="moban003"] .nav-bar[data-v-0952a43b],
html[data-template-theme="moban003"] .nav-bar[data-v-1b68e54a],
html[data-template-theme="moban003"] .main[data-v-0952a43b] > .nav-bar,
html[data-template-theme="moban003"] .main[data-v-1b68e54a] > .nav-bar {
  background: var(--tpl3-bg) !important;
  background-color: var(--tpl3-bg) !important;
  box-shadow: none !important;
}

html[data-template-theme="moban003"] .header[data-v-0952a43b],
html[data-template-theme="moban003"] .header[data-v-1b68e54a] {
  border-radius: 0 !important;
}

html[data-template-theme="moban003"] .fav-btn[data-v-0952a43b],
html[data-template-theme="moban003"] .search-btn[data-v-0952a43b],
html[data-template-theme="moban003"] .fav-btn[data-v-1b68e54a],
html[data-template-theme="moban003"] .search-btn[data-v-1b68e54a] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid rgba(93, 85, 255, 0.18) !important;
  color: #5d55ff !important;
  box-shadow: none !important;
}

/* Add depth to the top category/search control area. */
html[data-template-theme="moban003"] .header[data-v-0952a43b],
html[data-template-theme="moban003"] .header[data-v-1b68e54a] {
  background:
    linear-gradient(180deg, rgba(231, 229, 255, 0.88) 0%, rgba(201, 198, 255, 0.68) 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.56) !important;
  box-shadow:
    0 12px 24px rgba(93, 85, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(10px) !important;
}

html[data-template-theme="moban003"] .category-container[data-v-0952a43b],
html[data-template-theme="moban003"] .category-container[data-v-1b68e54a],
html[data-template-theme="moban003"] .nav-bar[data-v-0952a43b],
html[data-template-theme="moban003"] .nav-bar[data-v-1b68e54a] {
  background: transparent !important;
}

html[data-template-theme="moban003"] .cate-item[data-v-0952a43b],
html[data-template-theme="moban003"] .cate-item[data-v-1b68e54a],
html[data-template-theme="moban003"] .nav-search-input[data-v-0952a43b],
html[data-template-theme="moban003"] .nav-search-input[data-v-1b68e54a],
html[data-template-theme="moban003"] .fav-btn[data-v-0952a43b],
html[data-template-theme="moban003"] .search-btn[data-v-0952a43b],
html[data-template-theme="moban003"] .fav-btn[data-v-1b68e54a],
html[data-template-theme="moban003"] .search-btn[data-v-1b68e54a] {
  box-shadow:
    0 5px 12px rgba(93, 85, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

html[data-template-theme="moban003"] .cate-item[data-v-0952a43b],
html[data-template-theme="moban003"] .cate-item[data-v-1b68e54a] {
  border-bottom-color: rgba(93, 85, 255, 0.28) !important;
}

html[data-template-theme="moban003"] .cate-item.active[data-v-0952a43b],
html[data-template-theme="moban003"] .cate-item.active[data-v-1b68e54a] {
  box-shadow:
    0 8px 16px rgba(79, 70, 229, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    inset 0 -2px 0 rgba(58, 48, 190, 0.2) !important;
  transform: translateY(-1px) !important;
}

html[data-template-theme="moban003"] .fav-btn[data-v-0952a43b],
html[data-template-theme="moban003"] .search-btn[data-v-0952a43b],
html[data-template-theme="moban003"] .fav-btn[data-v-1b68e54a],
html[data-template-theme="moban003"] .search-btn[data-v-1b68e54a] {
  border-bottom-color: rgba(93, 85, 255, 0.3) !important;
  font-weight: 700 !important;
}

@media (max-width: 430px) {
  html[data-template-theme="moban003"] #app,
  html[data-template-theme="moban003"] .app-wrapper,
  html[data-template-theme="moban003"] [class*="app-wrapper"] {
    width: calc(100vw - 10px) !important;
    min-height: calc(100vh - 10px) !important;
    min-height: calc(100dvh - 10px) !important;
    margin: 5px auto !important;
  }
}
