/* 浅色主题（后台管理 + pre_view 工具页专用，在 sdk.css/admin.css 之后加载覆盖）
   前台公开浏览页保持深色（index.html 不引用本文件）
   原则：页面背景浅色、文字深灰层级分明、强调色在白底加深保证可读；
   播放器视频区域与封面角标保持深色（视频画面本身为深色，属合理保留） */
body { background: #f2f4f7; color: #23272e; }
a { color: inherit; }

/* ---- 顶栏/导航 ---- */
.header, .pv-top { background: #ffffff; border-bottom: 1px solid #e3e6eb; }
.logo { color: #1565c0; }
.nav-link:hover { background: #eef2f7; color: #1565c0; }
.search-input, .pv-cat { background: #f5f7fa; border-color: #d5dae2; color: #23272e; }
.pv-cat:hover { border-color: #1565c0; color: #1565c0; }
.pv-cat.active { background: #1565c0; border-color: #1565c0; color: #fff; }

/* ---- 页面/卡片/统计 ---- */
.page { color: #23272e; }
.sec-title { color: #45505f; }
.card, .stat-box, .login-wrap { background: #ffffff; border: 1px solid #e3e6eb; }
.card h3 { color: #23272e; }
.stat-box .num { color: #1565c0; }
.stat-box .label { color: #6b7686; }
.list-info, .pv-meta { color: #6b7686; }
.err-box { color: #8a94a3; }
.empty { color: #6b7686; }

/* ---- 表格 ---- */
th { color: #6b7686; }
td { border-bottom-color: #e8ebf0; }
tr:hover td { background: #f7f9fb; }

/* ---- 按钮/表单 ---- */
.btn { background: #ffffff; border-color: #d5dae2; color: #3a4150; }
.btn:hover { border-color: #1565c0; color: #1565c0; }
.btn.primary { background: #1565c0; border-color: #1565c0; color: #fff; }
.btn.primary:hover { background: #0d5bb8; color: #fff; }
.btn.danger:hover { border-color: #c62828; color: #c62828; }
.btn:disabled { opacity: .5; }
input[type=text], input[type=number], input[type=password], input[type=search], select, textarea {
  background: #ffffff; border-color: #d5dae2; color: #23272e; }
input:focus, select:focus, textarea:focus { border-color: #1565c0; outline: none; }
/* 高特异性覆盖（特异性扫描 DEF：admin.css 的 .form-row/.login-wrap/.mapping-grid 选择器
   特异性 (0,2,0)/(0,1,1) 高于通用 input/select (0,1,0)/(0,0,1)，必须同特异性后加载才能胜出） */
.login-wrap input { background: #ffffff; border-color: #d5dae2; color: #23272e; }
.form-row input[type=text], .form-row input[type=number], .form-row input[type=password],
.form-row input[type=search], .form-row select, .mapping-grid select {
  background: #ffffff; border-color: #d5dae2; color: #23272e; }
.form-row textarea { background: #ffffff; border-color: #d5dae2; color: #23272e; }

/* ---- 状态标签（白底可读的浅底深字）---- */
.tag.ok { background: #e2f3e6; color: #1b7a3d; }
.tag.warn { background: #fdf3d7; color: #8a6d00; }
.tag.bad { background: #fde7e7; color: #b71c1c; }
.tag.info { background: #e3f0fb; color: #1565c0; }

/* ---- 视频卡片（后台工具浏览用）---- */
.card-img, .sk-block, .card-cover { background: #e8ebf0; }
.card { background: #ffffff; border: 1px solid #e3e6eb; }
.card-title { color: #23272e; }
.card-meta { color: #6b7686; }
.sk-line { background: #e8ebf0; }
.badge { background: rgba(20, 24, 32, .72); color: #ffd54f; } /* 封面角标：叠在封面上，保留深底 */

/* ---- 播放/反馈/预览 ---- */
.play-error, .pv-play-error { color: #c62828; }
.src-tab, .ep, .fb-btn, .tag-chip { background: #ffffff; border-color: #d5dae2; color: #3a4150; }
.src-tab.active { background: #1565c0; border-color: #1565c0; color: #fff; }
.src-tab:hover, .ep:hover, .tag-chip:hover { border-color: #1565c0; color: #1565c0; }
.player-area { background: #101418; } /* 视频画面深色，保留 */
.feedback { color: #3a4150; }
.fb-ok { color: #1b7a3d; }
.eps, .src-tabs { color: #3a4150; }

/* ---- 消息 ---- */
.msg.err { background: #fde7e7; color: #b71c1c; }
.msg.ok { background: #e2f3e6; color: #1b7a3d; }

/* ---- 管理后台侧边栏/骨架 ---- */
.admin-shell { background: #f2f4f7; }
.admin-side { background: #ffffff; border-right: 1px solid #e3e6eb; }
.admin-side .logo { color: #1565c0; }
.admin-side button { color: #45505f; }
.admin-side button:hover, .admin-side button.active { background: #eef2f7; color: #1565c0; }

/* ---- 抽查抽样卡片 ---- */
.sample { background: #ffffff; border: 1px solid #e3e6eb; }
.sample .t { color: #23272e; }
.sample .m { color: #6b7686; }
.sample img { background: #e8ebf0; }

/* ---- 预览工具页 ---- */
.pv-detail h1 { color: #23272e; }
.pv-detail .pv-meta-line { color: #6b7686; }
.pv-detail .pv-desc { color: #3a4150; }
.pv-detail img.pv-poster { background: #e8ebf0; }
.pv-pager { color: #6b7686; }

/* ---- 页脚 ---- */
.footer { color: #9aa3b0; }