/* meiju 子站亮色主题覆写 (9-24 Phase 1c)
   作用: SHARED_CSS (inline 在 meiju/index.html) 用 --bg/--bg2/--text/--muted/--border 等变量
   theme.css 用 --c-* 命名, 名字不通用
   这个 CSS 在 SHARED_CSS 后面 <link> 引入, CSS 变量级联覆盖
   结果: meiju 从暗紫主题切换到亮色清新 (data-theme="light" 风格)
*/
body.theme-meiju-light {
  --bg: #fafbfc !important;
  --bg2: #ffffff !important;
  --text: #1a1a2e !important;
  --muted: #6b7280 !important;
  --border: #e5e7eb !important;
  background: var(--bg) !important;
  color: var(--text) !important;
}
body.theme-meiju-light .z-header { background: rgba(255, 255, 255, 0.95) !important; border-bottom-color: var(--border) !important; }
body.theme-meiju-light .z-header_logo .logo-text { background: linear-gradient(135deg, #6366f1, #d946ef) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }
body.theme-meiju-light .z-header_search form { background: var(--bg2) !important; border-color: var(--border) !important; }
body.theme-meiju-light .z-header_search_input { color: var(--text) !important; }
body.theme-meiju-light .z-header_search_input::placeholder { color: var(--muted) !important; }
body.theme-meiju-light .z-nav { background: rgba(255, 255, 255, 0.85) !important; border-bottom-color: var(--border) !important; }
body.theme-meiju-light .z-nav-list a { color: var(--muted) !important; }
body.theme-meiju-light .z-nav-list a:hover { color: var(--text) !important; background: rgba(99, 102, 241, 0.1) !important; }
body.theme-meiju-light .z-nav-list li.active a { background: var(--primary) !important; color: #fff !important; box-shadow: 0 2px 8px rgba(99, 102, 241, 0.4) !important; }

body.theme-meiju-light .z-pannel { background: #ffffff !important; border-color: var(--border) !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important; }
body.theme-meiju-light .z-pannel:hover { border-color: rgba(99, 102, 241, 0.3) !important; }
body.theme-meiju-light .z-pannel_title { color: var(--text) !important; }
body.theme-meiju-light .z-pannel_more { color: var(--muted) !important; }
body.theme-meiju-light .z-pannel_more:hover { color: var(--primary) !important; background: rgba(99, 102, 241, 0.1) !important; }

body.theme-meiju-light .z-list li > a { background: var(--bg2) !important; border: 1px solid var(--border) !important; }
body.theme-meiju-light .z-list li > a.z-list_pic { background-color: var(--bg2) !important; }
body.theme-meiju-light .z-list_pic { background-color: var(--bg2) !important; }
body.theme-meiju-light .z-list li > a:hover { box-shadow: 0 8px 24px rgba(99, 102, 241, 0.35) !important; }
body.theme-meiju-light .z-list_title { color: var(--text) !important; }
body.theme-meiju-light .z-list_title a { color: var(--text) !important; }
body.theme-meiju-light .z-list_title a:hover { color: var(--primary) !important; }

body.theme-meiju-light .z-detail-poster a { background-color: var(--bg2) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important; }
body.theme-meiju-light .z-detail-meta h1 { color: var(--text) !important; }
body.theme-meiju-light .z-detail-meta .z-vod-info li span { color: var(--muted) !important; border-bottom-color: var(--border) !important; }
body.theme-meiju-light .z-detail-meta .z-vod-info li { color: var(--text) !important; border-bottom-color: var(--border) !important; }
body.theme-meiju-light .z-tab .nav-tabs { border-bottom-color: var(--border) !important; }
body.theme-meiju-light .z-tab .nav-tabs li a { color: var(--muted) !important; }
body.theme-meiju-light .z-tab .nav-tabs li a:hover { background: rgba(99, 102, 241, 0.1) !important; color: var(--text) !important; }
body.theme-meiju-light .z-tab .nav-tabs li.active a { background: var(--primary) !important; color: #fff !important; }
body.theme-meiju-light .z-down li { background: var(--bg2) !important; border-color: var(--border) !important; }
body.theme-meiju-light .z-down li:hover { background: rgba(99, 102, 241, 0.08) !important; border-color: rgba(99, 102, 241, 0.3) !important; }
body.theme-meiju-light .z-down .z-down1 { color: var(--text) !important; }
body.theme-meiju-light .z-down-list li { background: var(--bg2) !important; }
body.theme-meiju-light .z-down-list li:hover { background: rgba(99, 102, 241, 0.08) !important; }
body.theme-meiju-light .z-down-list li a { color: var(--primary) !important; }
body.theme-meiju-light .z-pagination ul.pagination a, body.theme-meiju-light .z-pagination ul.pagination span { background: var(--bg2) !important; border-color: var(--border) !important; color: var(--muted) !important; }
body.theme-meiju-light .z-pagination ul.pagination a:hover { background: var(--primary) !important; color: #fff !important; border-color: var(--primary) !important; }
body.theme-meiju-light .empty { background: rgba(0, 0, 0, 0.02) !important; color: var(--muted) !important; }
body.theme-meiju-light .breadcrumb { color: var(--muted) !important; }
body.theme-meiju-light .breadcrumb a { color: var(--muted) !important; }
body.theme-meiju-light .breadcrumb a:hover { color: var(--primary) !important; }
body.theme-meiju-light .breadcrumb .active { color: var(--text) !important; }
body.theme-meiju-light .weekday-tabs { border-bottom-color: var(--border) !important; }
body.theme-meiju-light .weekday-tabs a { color: var(--muted) !important; }
body.theme-meiju-light .weekday-tabs a.active { background: var(--primary) !important; color: #fff !important; box-shadow: 0 2px 8px rgba(99, 102, 241, 0.4) !important; }
body.theme-meiju-light .weekday-tabs a:hover { color: var(--text) !important; background: rgba(99, 102, 241, 0.1) !important; }
body.theme-meiju-light .z-footer { background: #ffffff !important; border-top-color: var(--border) !important; color: var(--muted) !important; }
body.theme-meiju-light .z-footer a { color: var(--muted) !important; }
body.theme-meiju-light .z-footer a:hover { color: var(--primary) !important; }
body.theme-meiju-light .text-gray { color: var(--muted) !important; }
body.theme-meiju-light .text-orange { color: #f59e0b !important; }
body.theme-meiju-light .text-muted { color: var(--muted) !important; }
body.theme-meiju-light .btn-default { background: var(--bg2) !important; color: var(--text) !important; border-color: var(--border) !important; }
body.theme-meiju-light .btn-default:hover { background: var(--primary) !important; color: #fff !important; border-color: var(--primary) !important; }

@media (max-width: 768px) {
  body.theme-meiju-light .z-list { grid-template-columns: repeat(auto-fill, minmax(105px, 1fr)) !important; }
}