/* ZhiHuo Custom Styles - Steel Blue Theme */

/* Font stack - match Bootstrap 3 for better readability */
body {
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
	color: #333;
}

/* Logo and title sizing - match original zhihuo.net appearance */
.logo-header img {
	width: auto;
	height: 40px;
}

.logo-header h4 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 0.25rem !important;
}

.logo-header p {
	font-size: 13px;
	color: #666;
}

/* Steel blue color scheme - matching software UI */
:root {
	--zhihuo-steel-blue: #5a7a9a;
	--zhihuo-steel-blue-hover: #4a6a8a;
	--zhihuo-steel-blue-active: #3a5a7a;
}

/* Navigation tabs - steel blue instead of bright blue */
.nav-tabs .nav-link {
	color: #555;
}

.nav-tabs .nav-link:hover {
	color: var(--zhihuo-steel-blue);
	border-color: #dee2e6 #dee2e6 transparent;
}

.nav-tabs .nav-link.active {
	color: var(--zhihuo-steel-blue);
	border-color: #dee2e6 #dee2e6 #fff;
	border-bottom: 2px solid var(--zhihuo-steel-blue);
}

/* Buttons - steel blue theme with smaller sizing */
.btn-primary {
	background-color: var(--zhihuo-steel-blue);
	border-color: var(--zhihuo-steel-blue);
	padding: 6px 12px;
	font-size: 14px;
}

.btn-primary h5 {
	font-size: 14px;
	margin: 0;
	font-weight: normal;
}

.btn-primary:hover {
	background-color: var(--zhihuo-steel-blue-hover);
	border-color: var(--zhihuo-steel-blue-hover);
}

.btn-primary:active,
.btn-primary:focus {
	background-color: var(--zhihuo-steel-blue-active);
	border-color: var(--zhihuo-steel-blue-active);
}

/* Links - steel blue theme */
a {
	color: var(--zhihuo-steel-blue);
}

a:hover {
	color: var(--zhihuo-steel-blue-hover);
}