/* DAWO 命理视频 - 暗黑国风主题覆盖 (video.dawo.asia) */
/* 覆盖PeerTube默认的浅色橙色主题 */

:root {
  /* Override PeerTube CSS variables */
  --mainColor: #c9a96e !important;
  --mainHoverColor: #f0c060 !important;
  --mainBackgroundColor: #0a0a0f !important;
  --mainForegroundColor: #e8e8f0 !important;
  --secondaryColor: #8b0000 !important;
  --greyForegroundColor: #8888a0 !important;
  --greyBackgroundColor: #1a1a25 !important;
  --menuBackgroundColor: #0d0d14 !important;
  --menuForegroundColor: #e8e8f0 !important;
  --submenuBackgroundColor: #111118 !important;
  --channelBackgroundColor: #1a1a25 !important;
  --inputForegroundColor: #e8e8f0 !important;
  --inputBackgroundColor: #111118 !important;
  --inputPlaceholderColor: #666680 !important;
  --inputBorderColor: #2a2a3a !important;
  --actionButtonColor: #c9a96e !important;
  --supportButtonBackgroundColor: #8b0000 !important;
  --supportButtonColor: #f0c060 !important;
  --activatedActionButtonColor: #f0c060 !important;
  --horizontalMarginContent: 30px !important;
  --videosHorizontalMarginContent: 30px !important;
  --mainColorLighter: rgba(201, 169, 110, 0.3) !important;
  --mainColorLightest: rgba(201, 169, 110, 0.1) !important;
}

/* 全局背景 */
html, body {
  background: #0a0a0f !important;
  color: #e8e8f0 !important;
}

/* 顶部导航栏 */
.header, my-header, [class*="header"],
.top-nav, .navbar {
  background: #0d0d14 !important;
  border-bottom: 1px solid #2a2a3a !important;
}

my-header .header {
  background: #0d0d14 !important;
}

/* PeerTube Logo */
.instance-name {
  color: #d4a574 !important;
  font-weight: 700 !important;
}

/* 搜索框 */
my-header input, .search-input, #search-video,
input[type="search"], input[type="text"] {
  background: #111118 !important;
  border: 1px solid #2a2a3a !important;
  color: #e8e8f0 !important;
  border-radius: 6px !important;
}

input:focus, input[type="search"]:focus {
  border-color: #c9a96e !important;
  box-shadow: 0 0 0 2px rgba(201, 169, 110, 0.2) !important;
}

::placeholder {
  color: #666680 !important;
}

/* 左侧菜单 */
my-menu, .menu-wrapper, .sub-menu,
[class*="menu"], [class*="sidebar"] {
  background: #0d0d14 !important;
  border-right: 1px solid #2a2a3a !important;
  color: #e8e8f0 !important;
}

.menu-wrapper .panel-block,
.menu-wrapper a,
my-menu a {
  color: #e8e8f0 !important;
}

.menu-wrapper a:hover,
my-menu a:hover {
  background: rgba(201, 169, 110, 0.1) !important;
  color: #f0c060 !important;
}

.menu-wrapper a.active,
my-menu a.active,
.menu-wrapper .active {
  background: rgba(201, 169, 110, 0.15) !important;
  color: #f0c060 !important;
  border-left: 3px solid #c9a96e !important;
}

/* 主内容区 */
.main-col, .videos-col, .margin-content,
[class*="content"], [class*="main"] {
  background: #0a0a0f !important;
  color: #e8e8f0 !important;
}

/* 视频缩略图卡片 */
my-video-miniature, .video-miniature,
[class*="video-miniature"], [class*="miniature"] {
  background: #1a1a25 !important;
  border: 1px solid #2a2a3a !important;
  border-radius: 8px !important;
  overflow: hidden;
}

my-video-miniature:hover, .video-miniature:hover {
  border-color: #c9a96e !important;
  box-shadow: 0 4px 15px rgba(201, 169, 110, 0.1) !important;
}

/* 视频标题 */
.video-miniature-name, [class*="video-name"],
[class*="video-title"] {
  color: #e8e8f0 !important;
}

.video-miniature-name:hover {
  color: #f0c060 !important;
}

/* 频道/作者名 */
.video-miniature-channel, .video-miniature-account,
[class*="channel"], [class*="account"],
[class*="owner"], [class*="author"] {
  color: #c9a96e !important;
}

/* 视频信息 (观看次数/时间) */
.video-miniature-information, [class*="views"],
[class*="date"], [class*="info"] {
  color: #8888a0 !important;
}

/* 按钮 */
button, .btn, [class*="btn"],
my-button, [class*="button"],
.peertube-button, .orange-button {
  background: linear-gradient(135deg, #8b0000, #a52a2a) !important;
  color: #f0c060 !important;
  border: 1px solid #c9a96e !important;
  border-radius: 6px !important;
}

button:hover, .btn:hover, my-button:hover,
.peertube-button:hover, .orange-button:hover {
  background: linear-gradient(135deg, #a52a2a, #c9a96e) !important;
  box-shadow: 0 0 10px rgba(201, 169, 110, 0.3) !important;
}

/* 登录按钮 */
.login-button, [class*="login"],
a[href*="login"] {
  background: linear-gradient(135deg, #8b0000, #b22222) !important;
  color: #f0c060 !important;
  border: 1px solid #c9a96e !important;
  border-radius: 6px !important;
  padding: 6px 16px !important;
}

/* 标签 */
.tag, [class*="tag"], [class*="label"],
[class*="badge"], [class*="chip"] {
  background: #1a1a25 !important;
  color: #c9a96e !important;
  border: 1px solid #2a2a3a !important;
}

/* 分类/过滤 */
[class*="filter"], [class*="Filter"],
[class*="sort"], [class*="Sort"] {
  color: #c9a96e !important;
}

/* 链接 */
a { color: #c9a96e !important; }
a:hover { color: #f0c060 !important; }

/* 底部 */
footer, .footer, [class*="footer"] {
  background: #0d0d14 !important;
  border-top: 1px solid #2a2a3a !important;
  color: #8888a0 !important;
}

/* 分割线 */
hr, [class*="separator"], [class*="divider"] {
  border-color: #2a2a3a !important;
}

/* 弹窗/模态框 */
.modal, [class*="modal"], [class*="dialog"],
ngb-modal-window, .modal-content {
  background: #1a1a25 !important;
  border: 1px solid #2a2a3a !important;
  color: #e8e8f0 !important;
}

.modal-backdrop, [class*="backdrop"] {
  background: rgba(0, 0, 0, 0.8) !important;
}

/* 表格 */
table, th, td {
  background: #1a1a25 !important;
  border-color: #2a2a3a !important;
  color: #e8e8f0 !important;
}

th {
  background: #0d0d14 !important;
  color: #c9a96e !important;
}

/* 滚动条 */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0a0a0f; }
::-webkit-scrollbar-thumb { background: #2a2a3a; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #c9a96e; }

/* 设置面板 */
[class*="settings"], [class*="Settings"],
[class*="preference"], [class*="Preference"] {
  background: #1a1a25 !important;
  color: #e8e8f0 !important;
}

/* 顶部DAWO品牌条 */
body::before {
  content: "DAWO 命理视频";
  display: block;
  width: 100%;
  padding: 8px 20px;
  background: linear-gradient(90deg, #0d0d14, #1a1020, #0d0d14);
  color: #d4a574;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  border-bottom: 1px solid #2a2a3a;
  position: relative;
  z-index: 9999;
}

/* 空状态 */
.no-results, [class*="empty"], [class*="no-data"] {
  color: #666680 !important;
}

/* PeerTube特有的描述区域 */
.instance-description, .short-description,
[class*="description"] {
  color: #8888a0 !important;
}

/* 图标 */
my-global-icon, [class*="icon"], .glyphicon {
  color: #c9a96e !important;
}