@charset "UTF-8";
/*
	==========================================
	NodeSeek 风格浅色主题  xy_theme_nodeseek
	==========================================
	设计基调（NodeSeek 浅色模式）：
	- 页面背景浅灰，内容卡片纯白、圆角、细边框弱阴影
	- 强调色为 NodeSeek 绿
	- 顶部导航 / 页脚保持深色，与浅色内容区形成上下包夹
	- 布局不动：只覆盖 bootstrap / bootstrap-bbs 的颜色类样式
	- 兼容原则：只覆盖全站通用语义类（.card、.btn、.badge、.form-control、
	  .input-group、.pagination、.breadcrumb、.dropdown、.alert 等），
	  各插件注入的组件自动继承新配色
*/

/* ============ 0. 变量与基础 ============ */
:root {
	--ns-bg: #f5f6f7;			/* 页面背景 浅灰 */
	--ns-card: #ffffff;			/* 卡片 */
	--ns-card-2: #fafbfc;		/* 卡片头部/浅底 */
	--ns-border: #e1e4e8;		/* 边框 */
	--ns-green: #2fbf71;		/* 主强调 NodeSeek 绿 */
	--ns-green-dark: #27a863;	/* hover 深绿 */
	--ns-green-deep: #1f9257;	/* active / 链接深绿 */
	--ns-green-light: #e8f7ef;	/* 绿浅底 */
	--ns-green-glow: rgba(47, 191, 113, 0.25);	/* focus 光晕 */
	--ns-text: #24292f;			/* 主文字 */
	--ns-text-2: #57606a;		/* 次文字 */
	--ns-text-3: #8b949e;		/* 弱文字 */
	--ns-header: #1f2328;		/* 导航/页脚深色 */
	--ns-radius: 8px;			/* 卡片圆角 */
}

html, table {
	font-size: 14px;
}

body {
	background: var(--ns-bg);
	color: var(--ns-text);
}

a {
	color: var(--ns-green-deep);
}

a:hover {
	color: var(--ns-green-dark);
}

::selection {
	background: var(--ns-green);
	color: #fff;
}

.text-grey, .text-gray {
	/* bootstrap.css 原值带 !important，同权重覆盖 */
	color: var(--ns-text-3) !important;
}

/* ============ 1. 顶部导航（深色 NodeSeek 头） ============ */
#header.navbar.bg-dark {
	background-color: var(--ns-header) !important;
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 0.72);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
	color: #fff;
}

/* 当前版块高亮：底部绿条（NodeSeek 风格） */
#header .nav-item.active > .nav-link {
	color: #fff;
	box-shadow: inset 0 -2px 0 var(--ns-green);
}

#header .navbar-brand {
	color: #fff;
}

/* 移动端展开菜单分割线（bootstrap-bbs.css 的灰线在深底上偏亮） */
@media (max-width: 992px) {
	#nav > ul > li > a.nav-link {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
}

/* ============ 2. 卡片体系 ============ */
.card {
	/* 覆盖 bootstrap-bbs.css 的 #f8f9fa 底 + 重阴影 */
	background: var(--ns-card);
	border: 1px solid var(--ns-border);
	border-radius: var(--ns-radius);
	box-shadow: 0 1px 2px rgba(30, 40, 50, 0.04);
}

.card > .card-header {
	/* 覆盖 bootstrap-bbs.css 的 linear-gradient 卡头 */
	color: var(--ns-text);
	font-size: 14px;
	border-bottom: 1px solid var(--ns-border);
	background-image: none;
	background-color: var(--ns-card-2);
	border-radius: calc(var(--ns-radius) - 1px) calc(var(--ns-radius) - 1px) 0 0;
}

.card > .card-footer {
	background-color: var(--ns-card-2);
	border-top: 1px solid var(--ns-border);
}

/* 卡片头 tabs：active 绿顶条 */
.card-header-tabs > .nav-item > .nav-link {
	color: var(--ns-text-2);
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
}

.card-header-tabs > .nav-item > .nav-link:hover:not(.active) {
	/* 覆盖 bootstrap-bbs.css 的灰边 hover */
	border: 1px solid transparent;
	color: var(--ns-green-deep);
}

.card-header-tabs > .nav-item > .nav-link.active {
	/* 覆盖 bootstrap-bbs.css 的渐变 active */
	background-image: none;
	background-color: transparent;
	color: var(--ns-green-deep);
	font-weight: 600;
	border: 1px solid transparent;
	border-bottom-color: var(--ns-card-2);
	box-shadow: inset 0 2px 0 var(--ns-green);
}

/* ============ 3. 按钮 ============ */
.btn-primary {
	color: #fff;
	background-color: var(--ns-green);
	border-color: var(--ns-green);
}

.btn-primary:hover {
	color: #fff;
	background-color: var(--ns-green-dark);
	border-color: var(--ns-green-dark);
}

.btn-primary:focus, .btn-primary.focus {
	box-shadow: 0 0 0 0.2rem var(--ns-green-glow);
}

.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: var(--ns-green);
	border-color: var(--ns-green);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: var(--ns-green-deep);
	border-color: var(--ns-green-deep);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem var(--ns-green-glow);
}

.btn-secondary {
	color: var(--ns-text-2);
	background-color: #fff;
	border-color: var(--ns-border);
}

.btn-secondary:hover {
	color: var(--ns-green-deep);
	background-color: var(--ns-green-light);
	border-color: var(--ns-green);
}

.btn-secondary:focus, .btn-secondary.focus {
	box-shadow: 0 0 0 0.2rem var(--ns-green-glow);
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
	color: var(--ns-green-deep);
	background-color: var(--ns-green-light);
	border-color: var(--ns-green);
}

/* 点赞/收藏等 outline 按钮：绿描边（插件注入的按钮自动适配） */
.btn-outline-secondary {
	color: var(--ns-green-deep);
	background-color: transparent;
	background-image: none;
	border-color: var(--ns-green);
}

.btn-outline-secondary:hover {
	color: #fff;
	background-color: var(--ns-green);
	border-color: var(--ns-green);
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
	box-shadow: 0 0 0 0.2rem var(--ns-green-glow);
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
	color: #fff;
	background-color: var(--ns-green-deep);
	border-color: var(--ns-green-deep);
}

/* ============ 4. 表单 / 输入组 ============ */
.form-control {
	color: var(--ns-text);
	background-color: var(--ns-card);
	border-color: var(--ns-border);
}

.form-control:focus {
	color: var(--ns-text);
	background-color: var(--ns-card);
	border-color: var(--ns-green);
	box-shadow: 0 0 0 0.2rem var(--ns-green-glow);
}

.form-control::placeholder {
	color: var(--ns-text-3);
}

/* ax_custom 字段卡 / xn_vcode 验证码 / xn_search 搜索框共用的输入组 */
.input-group-text {
	color: var(--ns-text-2);
	background-color: var(--ns-card-2);
	border-color: var(--ns-border);
}

.custom-select {
	border-color: var(--ns-border);
}

/* ============ 5. 徽章（yp_model 勋章 / huux_notice 未读 / xn_tag 标签） ============ */
.badge-primary {
	background-color: var(--ns-green);
}

.badge-secondary {
	background-color: #6c757d;
}

.badge-success {
	background-color: #2da44e;
}

.badge-info {
	background-color: #2f9ee8;
}

.badge-warning {
	background-color: #e8a33d;
}

.badge-danger {
	background-color: #e5534b;
}

.badge-light {
	color: var(--ns-text-2);
	background-color: #e9ecef;
}

.badge-dark {
	background-color: var(--ns-header);
}

/* ============ 6. 列表（帖子列表 / 回复列表） ============ */
.thread, .post {
	border-bottom: 1px solid var(--ns-border);
	padding: 0.7rem 0;
}

.thread:hover, .post:hover {
	/* 覆盖 bootstrap-bbs.css 的 hover white → 极浅绿 */
	background-color: var(--ns-green-light);
}

.threadlist > .thread:last-child,
.postlist > .post:last-child {
	border-bottom: 0;
}

/* 标题链接 */
.thread .subject a {
	color: var(--ns-text);
}

.thread .subject a:hover {
	color: var(--ns-green-deep);
	text-decoration: none;
}

/* ============ 7. 正文 / 引用 / 图片 / 表格 ============ */
.message img {
	border: 1px solid var(--ns-border);
	border-radius: 4px;
}

.message p {
	line-height: 1.7;
}

/* 引用块：浅底 + 绿色左边条（覆盖 bootstrap-bbs.css 的灰底） */
li.quote {
	background-color: var(--ns-card-2);
	border-left: 3px solid var(--ns-green);
}

.blockquote {
	font-size: 0.8rem;
	background-color: var(--ns-card-2);
	border-left: 3px solid var(--ns-green);
}

.blockquote .user {
	color: var(--ns-green-deep);
}

/* 覆盖 bootstrap-bbs.css 引用动画的起始深绿 */
@keyframes quote_animation {
	from {
		background-color: #d5f2e2;
	}
	to {
		background-color: var(--ns-card-2);
	}
}

.table td, .table th {
	border-color: var(--ns-border);
}

.table > thead > tr > th {
	border-bottom-color: var(--ns-border);
}

/* ============ 8. 分页 ============ */
.page-link {
	color: var(--ns-green-deep);
	background-color: var(--ns-card);
	border-color: var(--ns-border);
}

.page-link:hover, .page-link:focus {
	color: var(--ns-green-dark);
	background-color: var(--ns-green-light);
	border-color: var(--ns-border);
}

.page-item.active .page-link {
	color: #fff;
	background-color: var(--ns-green);
	border-color: var(--ns-green);
}

.page-item.disabled .page-link {
	color: var(--ns-text-3);
	background-color: var(--ns-card);
	border-color: var(--ns-border);
}

/* ============ 9. 面包屑 / 下拉 / 弹窗 / 提示 ============ */
.breadcrumb {
	/* bootstrap-bbs.css 原值带 !important，同权重覆盖 */
	background-color: var(--ns-card) !important;
	border: 1px solid var(--ns-border);
	border-radius: var(--ns-radius);
	box-shadow: none;
}

.breadcrumb:hover {
	background-color: var(--ns-card) !important;
}

.breadcrumb .breadcrumb-item a {
	color: var(--ns-text-2);
}

.breadcrumb .breadcrumb-item.active a {
	color: var(--ns-text-3);
}

.dropdown-menu {
	border-color: var(--ns-border);
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(30, 40, 50, 0.08);
}

.dropdown-item {
	color: var(--ns-text-2);
}

.dropdown-item:hover, .dropdown-item:focus {
	color: var(--ns-green-deep);
	background-color: var(--ns-green-light);
}

.card-header-dropdown .dropdown .dropdown-toggle {
	color: var(--ns-text-2);
}

.modal-content {
	border-color: var(--ns-border);
	border-radius: var(--ns-radius);
}

.modal-header, .modal-footer {
	border-color: var(--ns-border);
}

.alert-success {
	color: #1e7a45;
	background-color: var(--ns-green-light);
	border-color: #bfe9d2;
	border-radius: 6px;
}

/* ============ 10. 页脚（深色与导航呼应） ============ */
#footer.bg-dark {
	background-color: var(--ns-header) !important;
}

#footer.bg-dark, #footer.bg-dark a.text-muted, #footer.bg-dark .text-muted {
	color: rgba(255, 255, 255, 0.55) !important;
}

#footer.bg-dark a.text-muted:hover, #footer.bg-dark b {
	color: rgba(255, 255, 255, 0.85) !important;
}

/* ============ 11. 侧栏 / 其他 ============ */
.line-height-3, .line-height-2 {
	color: var(--ns-text-2);
}

/* 用户名链接（帖子页/回复页） */
.username a {
	color: var(--ns-text-2);
	font-weight: 600;
}

.username a:hover {
	color: var(--ns-green-deep);
	text-decoration: none;
}

/* 附件列表（haya_post_attach_lite） */
.attachlist li {
	border-color: var(--ns-border);
}

/* 验证码图片 */
img.vcode {
	border-radius: 4px;
	border: 1px solid var(--ns-border);
}

/* xn_tag 标签胶囊：绿系激活态（原黑底白字） */
.tag_option {
	border-color: var(--ns-border);
	color: var(--ns-text-2);
	background: var(--ns-card);
}

.tag_option:active, .tag_option.active {
	border-color: var(--ns-green) !important;
	background: var(--ns-green) !important;
	color: #fff !important;
}

/* iqismart_com_sign 签到按钮（绝对定位在 tabs 内）层级保护 */
#sg_sign, #sg_signed {
	z-index: 5;
}