/*
 * GJNav 主题补充样式
 * 说明：主要视觉样式来自 main.css，此文件只补充细节与默认组件样式。
 */

/* 无 logo 时的文字品牌 */
.h2nav-brand-fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 10px;
	color: #fff;
	font-weight: 900;
	background: linear-gradient(135deg, var(--h2n-accent), var(--h2n-accent-alt));
	border-radius: 12px;
}

/* 登录提示条 */
.h2nav-login-alert {
	margin-bottom: 14px;
	padding: 10px 14px;
	font-size: 14px;
	color: #b3261e;
	background: rgba(179, 38, 30, 0.08);
	border: 1px solid rgba(179, 38, 30, 0.18);
	border-radius: 10px;
}
.h2nav-login-alert.is-success {
	color: #18794e;
	background: rgba(24, 121, 78, 0.08);
	border-color: rgba(24, 121, 78, 0.18);
}

/* 相关网址 / 相关文章区块 */
.h2nav-related h2,
.h2nav-post-sidebar h2 {
	margin: 0 0 16px;
	font-size: 22px;
}
.h2nav-post-sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.h2nav-post-sidebar li + li {
	margin-top: 10px;
}
.h2nav-post-sidebar a {
	color: #34445c;
	text-decoration: none;
}
.h2nav-post-sidebar a:hover {
	color: var(--h2n-accent);
}

/* 默认评论（未使用主题自定义评论组件时的兜底样式） */
.comment-list,
.comment-list .children {
	margin: 0;
	padding: 0;
	list-style: none;
}
.comment-list > .comment + .comment {
	margin-top: 18px;
}
.comment-list .comment-body {
	padding: 16px 18px;
	background: #fff;
	border: 1px solid rgba(52, 68, 92, 0.08);
	border-radius: 14px;
}
.comment-list .children {
	margin-left: 24px;
	margin-top: 14px;
}
.comment-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-bottom: 6px;
	font-size: 13px;
	color: #7b8aa3;
}
.comment-meta .fn {
	color: #172033;
	font-weight: 700;
	font-style: normal;
}
.comment-content p {
	margin: 0 0 8px;
}
.comment-form label {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 600;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid rgba(52, 68, 92, 0.16);
	border-radius: 10px;
	background: #fff;
}
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
	outline: none;
	border-color: var(--h2n-accent);
}
.comment-form .submit,
.comment-form input[type="submit"] {
	padding: 10px 22px;
	color: #fff;
	font-weight: 700;
	background: var(--h2n-accent);
	border: 0;
	border-radius: 999px;
	cursor: pointer;
}
.comment-form .submit:hover,
.comment-form input[type="submit"]:hover {
	filter: brightness(1.05);
}

/* 站点详情页媒体区：无图标时保持渐变占位 */
.h2nav-ws-hero-media {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 移动端细节 */
@media (max-width: 760px) {
	.h2nav-ws-detail-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}