/*
Theme Name:   DaGuan Portal
Theme URI:    https://daguan.local
Template:     colormag
Author:       大观运维
Description:  大观门户子主题，继承 ColorMag，提供总站门户首页与子站首页布局
Version:      1.0.0
*/

/* ==========================================================================
   门户容器
   ========================================================================== */
.dg-portal {
	background: #f4f6fa;
	padding: 24px 0 40px;
}
.dg-portal-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 16px;
}
@media (max-width: 1240px) {
	.dg-portal-inner { padding: 0 20px; }
}

/* 双栏：主栏 + 侧栏 */
.dg-two-col {
	display: grid;
	grid-template-columns: 1fr 320px;
	gap: 24px;
	align-items: start;
}
@media (max-width: 980px) {
	.dg-two-col { grid-template-columns: 1fr; }
}

/* 频道板块内的小卡片更紧凑 */
.dg-portal .dg-layout-grid .dg-card-title {
	font-size: 14px;
}
.dg-portal .dg-section:last-child { margin-bottom: 0; }

/* 侧栏盒子 */
.dg-side-box {
	background: #fff;
	border-radius: 8px;
	padding: 6px 18px 18px;
	border: 1px solid #eef1f6;
	margin-bottom: 20px;
}
.dg-side-box .dg-sec-head {
	border-bottom: 1px solid #eef1f6;
	padding: 12px 0 10px;
	margin-bottom: 4px;
}
.dg-side-box .dg-sec-title { font-size: 16px; }

/* 页脚上方留白 */
.dg-portal + footer,
.dg-portal + #cm-footer { margin-top: 0; }

/* ==========================================================================
   导航下拉菜单
   ColorMag 默认下拉是半透明深色，下方 hero 图文会透出来，影响可读性。
   这里改成不透明面板，并用品牌蓝做悬停态。
   ========================================================================== */
.cm-primary-nav ul.sub-menu {
	background-color: #16233d !important;
	background-image: none !important;
	border-top: 2px solid #2196f3;
	border-radius: 0 0 6px 6px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .28);
	padding: 6px 0;
	min-width: 190px;
}

.cm-primary-nav ul.sub-menu li {
	border-bottom: 1px solid rgba(255, 255, 255, .07);
}
.cm-primary-nav ul.sub-menu li:last-child {
	border-bottom: 0;
}

.cm-primary-nav ul.sub-menu li a {
	color: #dfe6f2 !important;
	font-size: 13.5px;
	line-height: 1.45;
	padding: 9px 16px;
	transition: background-color .15s ease, color .15s ease;
}

.cm-primary-nav ul.sub-menu li a:hover,
.cm-primary-nav ul.sub-menu li a:focus {
	background-color: #1e56a0 !important;
	color: #fff !important;
}

/* 有下拉的一级项给个下三角提示 */
.cm-primary-nav li.menu-item-has-children > a::after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid currentColor;
	opacity: .75;
}

/* 移动端下拉：展开后给个浅底，避免与正文混在一起 */
.cm-mobile-nav ul.sub-menu {
	background-color: #16233d !important;
	padding-left: 12px;
}
.cm-mobile-nav ul.sub-menu li a {
	color: #dfe6f2 !important;
	font-size: 13.5px;
}
