/* =============== 全局基础样式 =============== */
body,.btn,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;
}

/* =============== 顶部导航栏 =============== */
.nk-header {
	border-bottom:0px solid #e5e9f2;
	box-shadow:0 0 #0000,0 0 #0000,0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
}

.nk-ibx-action { position: relative; padding: 1rem 1.5rem; border-bottom: 1px solid #e5e9f2; }
.nk-ibx-action-list { display: flex; justify-content: space-between; align-items: center; }
.nk-ibx-action-item a { display: flex; align-items: center; }
.nk-ibx-action-item .icon { font-size: 1.5rem; }
.nk-ibx-action-item .icon + span { margin-left: 0.5rem; }

/* 暗黑模式切换按钮 */
.dark-switch.active .ni-moon {
	display:none;
}
.dark-switch.active .ni-sun {
	display:inline !important;
}
.dark-switch:after {
	height:0rem;
	width:0rem;
	right:0;
	background-color:#dbdfea00;
}
.dark-switch:before {
	right:0;
	width:0rem;
	height:0rem;
	background-color:rgba(255,255,255,0);
	border:#dbdfea solid 0px;
}

/* =============== 卡片样式 =============== */
.card-preview {
	box-shadow:6px 5px 40px rgba(30,48,75,.08);
}

/* =============== 搜索栏样式 =============== */
.form-control-lx {
	height:calc(3.625rem + 2px);
	padding:0.6875rem 2rem;
	font-size:0.9375rem;
	line-height:1.25rem;
	border-radius:5px;
}
.form-clip-lx,.form-text-hint-lx {
	position:absolute;
	right:22px;
	top:6px;
	height:calc(3.125rem - 2px);
	display:flex;
	align-items:center;
	color:#6576ff;
	padding-left:1rem;
	padding-right:.75rem;
	background:#fff;
	border-radius:4px;
}
.dark-mode .form-text-hint-lx {
	background:#141c26;
}
.dark-mode .bannerbg { opacity: 0.4; }
.form-text-hint-lx .overline-title {
	font-size:24px;
}
.form-control-lx.btn-round {
	border-radius:2.125rem;
}

/* =============== 分类面包屑高亮 =============== */
.breadcrumb-item.active:not(:only-child) {
	font-weight:700;
}
.breadcrumb-item a {
	transition: all 0.2s ease;
	padding: 4px 8px;
	border-radius: 4px;
}
.breadcrumb-item.active a {
	color: #fff !important;
	background-color: #6576ff;
	font-weight: 700;
}
.breadcrumb-item a:hover {
	background-color: rgba(101, 118, 255, 0.1);
}

/* =============== 分类标题栏 =============== */
.nya-title {
	position:absolute;
	top:-15px;
	background-color:#6576ff;
	color:#fff;
	padding:5px 18px;
	border-radius:8px;
	font-size:1.0rem;
	box-shadow: 0 0.5rem 0.625rem #6576ff57;
}
.dark-mode .nya-title{background-color: #313c93;}
.nya-title>svg,.nya-title>img {
    width: 30px;
    height: 30px;
}

/* =============== 搜索无结果提示 =============== */
.search-placeholder {
    position: relative;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    width: 100%;
	color: #aaa;
}

/* =============== 卡片间距 =============== */
.card + .card {
	margin-top:40px;
}

/* =============== 工具按钮高亮 =============== */
.btn-block {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	box-shadow:0 3px 12px 1px rgba(43,55,72,0.15) !important;
	transition: all 0.25s ease;
}
.tool-link:hover {
	background-color: #6576ff !important;
	border-color: #6576ff !important;
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(101, 118, 255, 0.25) !important;
}
.tool-link:active {
	transform: translateY(0);
}

/* =============== Logo样式 =============== */
.logo-link {
	font-weight:700;
	font-size:21px;
	position:inherit;
}
.logo-link img {
	height: 35px;
	margin: -3px 8px 0 5px;
}

/* =============== 布局样式 =============== */
.center-block {margin: 0 auto; float: none; padding: 0;}
.nk-footer-wrap {display: block;}
.nk-footer-copyright {text-align: center;}
#link_content {margin-top: 40px;}
.nk-ibx-action-item .fa { font-size: 1.2rem; }
.nk-ibx-action-item .fa + span { margin-left: 0.5rem; }

/* =============== 滚动条美化 =============== */
* ::-webkit-scrollbar {
    width: .375rem;
    height: .5rem
}
* ::-webkit-scrollbar-thumb {
    background-color: #6576ff;
    border-radius: 6249.9375rem
}

/* =============== 其他细节样式 =============== */
img.loginbtn{width: 66px;margin: 16px;}
.nk-reply-item{padding:0}
.nk-reply-item + .nk-reply-item{margin-top:10px;padding-top:12px;border-top:1px solid #e5e9f2;}
.custom-control-input{width: 2.4rem;}
.custom-control-sm>.custom-control-input{width: 1.6rem;}

.query-title {
    background-color:#f5fafe;
    word-break: keep-all;
}
.query-result{
    word-break: break-all;
}
.table-title {
    background-color:#f5fafe;
}
.dark-mode .query-title{background-color:#273b5f;}
.dark-mode .table-title{background-color:#273b5f;}

/* =============== PC端顶部导航高亮 =============== */
.nk-menu-item.active .nk-menu-link {
	background-color: #6576ff !important;
	color: #fff !important;
	border-radius: 6px;
	font-weight: 600;
}
.nk-menu-link:hover {
	background-color: rgba(101, 118, 255, 0.1) !important;
	border-radius: 6px;
}

/* =============== 移动端侧边栏（MT导航）高亮 =============== */
/* 侧边栏容器 */
.mobile-menu .nk-menu {
    padding: 0.5rem 1rem;
}
/* 菜单项基础样式 */
.mobile-menu .nk-menu-item {
    margin: 0.25rem 0;
}
.mobile-menu .nk-menu-link {
    border-radius: 12px;
    padding: 0.875rem 1rem;
    transition: all 0.25s ease;
    font-size: 1.05rem;
}
/* 菜单项hover效果 */
.mobile-menu .nk-menu-link:hover {
    background-color: rgba(101, 118, 255, 0.1) !important;
    color: #6576ff !important;
}
/* 菜单项active/选中高亮（和主题色统一） */
.mobile-menu .nk-menu-item.active .nk-menu-link {
    background-color: #6576ff !important;
    color: #fff !important;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(101, 118, 255, 0.25);
    border-radius: 12px;
}
/* 侧边栏分割线 */
.mobile-menu hr {
    border-color: #e5e9f2;
    margin: 0.75rem 0;
}

/* =============== 暗黑模式全适配 =============== */
.dark-mode .mobile-menu .nk-menu-link:hover {
    background-color: rgba(101, 118, 255, 0.2) !important;
    color: #8a96ff !important;
}
.dark-mode .mobile-menu .nk-menu-item.active .nk-menu-link {
    background-color: #313c93 !important;
    color: #fff !important;
}
.dark-mode .nk-menu-item.active .nk-menu-link {
    background-color: #313c93 !important;
}
.dark-mode .breadcrumb-item.active a {
    background-color: #313c93 !important;
}
.dark-mode .tool-link:hover {
    background-color: #313c93 !important;
    border-color: #313c93 !important;
}
/* =============== 顶部滚动渐变进度条 =============== */
/* 进度条容器 */
#scroll-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    z-index: 99999;
    background: linear-gradient(90deg, #6576ff, #8a96ff, #6576ff);
    background-size: 200% 100%;
    animation: gradient-flow 3s linear infinite;
    transition: width 0.1s ease;
    box-shadow: 0 0 8px rgba(101, 118, 255, 0.6);
}

/* 渐变流动动画 */
@keyframes gradient-flow {
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}

/* 暗黑模式适配 */
.dark-mode #scroll-progress-bar {
    background: linear-gradient(90deg, #313c93, #4a57b5, #313c93);
    background-size: 200% 100%;
    box-shadow: 0 0 8px rgba(49, 60, 147, 0.6);
}