/* ==========================================================================
   大观门户 · 深底双层 Header（Layer 3，可选启用） — 03-header-dark.css
   --------------------------------------------------------------------------
   对标 CNET 的 site-header：品牌深蓝顶层 + 更深二级导航条，白字，
   hover 亮蓝。ColorMag 默认头��是浅色 + 蓝色下拉，改动后全站头部观感
   会明显更"现代媒体"（也是当前"设计太怪"最显眼的一处）。
   --------------------------------------------------------------------------
   ⚠️ 可选文件：影响全部子站头部。启用前请在预发/备份后测试。
   ⚠️ .dg-channels（大观自有频道条）样式位于未公开的模板内联样式中，
      本文件默认不改其配色，仅提供注释块，取消注释前请先确认其自身底色。
   ========================================================================== */

/* ---------- 顶层：品牌深蓝 ---------- */
body .cm-header-builder {
	background: var(--dg-brand-800);
	border-bottom: none;
}

/* 顶栏内的文字与链接转白 */
body .cm-header-builder .cm-site-title a,
body .cm-header-builder .cm-site-title {
	color: #fff;
}

body .cm-header-builder .cm-header-left-col a,
body .cm-header-builder .cm-header-center-col a,
body .cm-header-builder .cm-header-right-col a {
	color: rgba(255, 255, 255, .88);
}

body .cm-header-builder .cm-site-description,
body .cm-header-builder .cm-tagline {
	color: rgba(255, 255, 255, .62);
}

/* 品牌名用衬线，强化门户识别 */
body .cm-header-builder .cm-site-title {
	font-family: var(--dg-font-serif);
	font-weight: 700;
	letter-spacing: .5px;
}

/* 搜索框 / 次级按钮适配深底 */
body .cm-header-builder .cm-searchform input[type="search"],
body .cm-header-builder input[type="search"] {
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .22);
	color: #fff;
}

body .cm-header-builder .cm-searchform input[type="search"]::placeholder {
	color: rgba(255, 255, 255, .6);
}

body .cm-header-builder .cm-searchform input[type="search"]:focus {
	background: rgba(255, 255, 255, .18);
	border-color: var(--dg-brand-300);
}

/* ---------- 二级导航条：更深一档，形成双层深底 ---------- */
body .cm-primary-nav {
	background: var(--dg-brand-900);
	box-shadow: none;
}

body .cm-primary-nav li a {
	color: rgba(255, 255, 255, .82);
	transition: color .2s ease, background-color .2s ease;
}

body .cm-primary-nav li a:hover,
body .cm-primary-nav li a:focus {
	color: #fff;
	background: rgba(33, 150, 243, .18);
}

/* 当前页：亮蓝下划线（替代 ColorMag 默认的浅色态） */
body .cm-primary-nav li.current-menu-item > a,
body .cm-primary-nav li.current_page_item > a,
body .cm-primary-nav li.current-menu-ancestor > a {
	color: #fff;
	box-shadow: inset 0 -3px 0 var(--dg-color-accent);
}

/* 下拉面板：与现有子主题改动保持一致，仅令牌化 */
body .cm-primary-nav ul.sub-menu {
	background-color: var(--dg-brand-900) !important;
	border-top: 2px solid var(--dg-color-accent);
	border-radius: 0 0 var(--dg-radius-sm) var(--dg-radius-sm);
	box-shadow: 0 8px 20px rgba(0, 0, 0, .28);
}

body .cm-primary-nav ul.sub-menu li a {
	color: #dfe6f2 !important;
}

body .cm-primary-nav ul.sub-menu li a:hover,
body .cm-primary-nav ul.sub-menu li a:focus {
	background-color: var(--dg-brand-600) !important;
	color: #fff !important;
}

/* 移动端抽屉菜单同步深底 */
body .cm-mobile-nav {
	background: var(--dg-brand-900);
}

body .cm-mobile-nav li a {
	color: rgba(255, 255, 255, .86);
}

body .cm-mobile-nav ul.sub-menu {
	background-color: var(--dg-brand-900) !important;
}

/* --------------------------------------------------------------------------
   可选：若 .dg-channels 为浅底卡片，取消下述注释以适配深底
   body .dg-channels { background: rgba(255, 255, 255, .10); border-radius: 8px; }
   body .dg-channels a { color: rgba(255, 255, 255, .9); }
   body .dg-channels a:hover { color: #fff; }
   -------------------------------------------------------------------------- */