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.active a {
	color:#086cf0 !important;
}
.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;}
.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;
}
.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;}
.nya-title>svg,.nya-title>img {
    width: 30px;
    height: 30px;
}

/* ==========================================================================
   毛玻璃(Glassmorphism)美化
   ========================================================================== */
:root {
	--glass-accent:#6576ff;
	--glass-ink:#2b3a55;
	--glass-muted:#6b7c99;
	--glass-line:rgba(112,130,170,0.16);
	--glass-blur:blur(18px) saturate(150%);
	--glass-header:rgba(255,255,255,0.72);
	--glass-card:rgba(255,255,255,0.75);
	--glass-shadow:0 10px 30px rgba(31,45,79,0.08);
}

/* 渐变底色：为毛玻璃提供可模糊的背景 */
body.bg-lighter {
	background-color:#eef1f9 !important;
	background-image:
		radial-gradient(circle at 12% -5%, rgba(101,118,255,0.18), rgba(101,118,255,0) 48%),
		radial-gradient(circle at 88% 0%, rgba(139,124,255,0.13), rgba(139,124,255,0) 46%),
		radial-gradient(circle at 60% 105%, rgba(96,164,255,0.10), rgba(96,164,255,0) 50%),
		linear-gradient(180deg,#f6f8fd 0%,#eef1f9 55%,#e9edf7 100%);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
}

body.dark-mode.bg-lighter {
	background-color:#0b1220 !important;
	background-image:
		radial-gradient(circle at 12% -5%, rgba(101,118,255,0.22), rgba(101,118,255,0) 48%),
		radial-gradient(circle at 88% 0%, rgba(139,124,255,0.14), rgba(139,124,255,0) 46%),
		linear-gradient(180deg,#0d1524 0%,#0b1220 60%,#0a1019 100%);
}

/* 顶部导航栏
   毛玻璃交给 ::before 承载：若直接写在 .nk-header 上，backdrop-filter 会让它成为
   固定定位包含块，导致 JS 插入的遮罩层 .nk-header-overlay 与侧栏定位错乱 */
.nk-header.is-light:not([class*=bg-]) {
	background:transparent;
	border-bottom:1px solid var(--glass-line);
	box-shadow:0 6px 24px rgba(31,45,79,0.08);
}

.nk-header.is-light:not([class*=bg-])::before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:-1;
	background:var(--glass-header);
	-webkit-backdrop-filter:var(--glass-blur);
	backdrop-filter:var(--glass-blur);
}

body.dark-mode .nk-header.is-light:not([class*=bg-]) {
	background:transparent;
	border-bottom-color:rgba(255,255,255,0.07);
	box-shadow:0 6px 24px rgba(0,0,0,0.35);
}

body.dark-mode .nk-header.is-light:not([class*=bg-])::before {
	background:rgba(11,18,29,0.55);
}

/* 移动端抽屉侧栏：提高不透明度，保证菜单文字在渐变背景上的可读性 */
@media (max-width:991.98px) {
	.nk-header-menu {
		background:rgba(255,255,255,0.86);
		-webkit-backdrop-filter:blur(28px) saturate(180%);
		backdrop-filter:blur(28px) saturate(180%);
		border-right:1px solid rgba(255,255,255,0.7);
		box-shadow:0 0 40px rgba(31,45,79,0.18);
	}

	body.dark-mode .nk-header-menu {
		background:rgba(17,25,38,0.88);
		border-right-color:rgba(255,255,255,0.08);
		box-shadow:0 0 40px rgba(0,0,0,0.45);
	}

	/* 抽屉顶部标题条 */
	.nk-header-mobile {
		background:rgba(255,255,255,0.55);
		border-bottom:1px solid rgba(101,118,255,0.18);
	}

	body.dark-mode .nk-header-mobile {
		background:rgba(255,255,255,0.03);
		border-bottom-color:rgba(255,255,255,0.08);
	}

	/* 抽屉菜单项：圆角胶囊 + 选中/悬停高亮 */
	.nk-header-menu .nk-menu-link {
		margin:0 12px;
		border-radius:10px;
	}

	.nk-header-menu .nk-menu-item.active > .nk-menu-link,
	.nk-header-menu .nk-menu-link:hover {
		background:rgba(101,118,255,0.12);
		color:#6576ff;
	}

	body.dark-mode .nk-header-menu .nk-menu-item.active > .nk-menu-link,
	body.dark-mode .nk-header-menu .nk-menu-link:hover {
		background:rgba(101,118,255,0.20);
		color:#9aa6ff;
	}

	/* 标签与分类之间的分隔线 */
	.nk-header-menu .nk-menu hr {
		margin:14px 24px;
		border:0;
		border-top:1px solid rgba(101,118,255,0.18);
	}

	body.dark-mode .nk-header-menu .nk-menu hr {
		border-top-color:rgba(255,255,255,0.10);
	}
}

/* 抽屉展开时的页面遮罩：轻微虚化背景，突出侧栏 */
.nk-header-overlay {
	background:rgba(16,25,36,0.42);
	-webkit-backdrop-filter:blur(3px);
	backdrop-filter:blur(3px);
}

/* 卡片 */
.card,
.card.card-preview {
	background:var(--glass-card);
	border:1px solid var(--glass-line);
	border-radius:16px;
	-webkit-backdrop-filter:blur(18px) saturate(150%);
	backdrop-filter:blur(18px) saturate(150%);
	box-shadow:var(--glass-shadow);
}

body.dark-mode .card,
body.dark-mode .card.card-preview {
	background:rgba(23,32,46,0.72);
	border-color:rgba(255,255,255,0.08);
	box-shadow:0 10px 30px rgba(0,0,0,0.35);
}

/* 工具按钮：白色磁贴，边界清晰，悬停填充品牌色 */
.tool-link.btn-outline-light {
	background-color:#fff;
	border:1px solid var(--glass-line);
	border-radius:12px;
	color:#3c4b64;
	font-weight:600;
	box-shadow:0 1px 2px rgba(31,45,79,0.06) !important;
	transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease;
}

.tool-link.btn-outline-light:not(:disabled):not(.disabled):hover,
.tool-link.btn-outline-light:not(:disabled):not(.disabled):focus {
	background-color:var(--glass-accent);
	border-color:var(--glass-accent);
	color:#fff;
	transform:translateY(-2px);
	box-shadow:0 8px 18px rgba(101,118,255,0.32) !important;
}

body.dark-mode .tool-link.btn-outline-light {
	background-color:rgba(255,255,255,0.05);
	border-color:rgba(255,255,255,0.10);
	color:#b7c2d0;
}

body.dark-mode .tool-link.btn-outline-light:not(:disabled):not(.disabled):hover,
body.dark-mode .tool-link.btn-outline-light:not(:disabled):not(.disabled):focus {
	background-color:#6d7dff;
	border-color:#6d7dff;
	color:#fff;
}

/* 页脚 */
.nk-footer.bg-lighter {
	background-color:rgba(255,255,255,0.55) !important;
	border-top:1px solid var(--glass-line);
	-webkit-backdrop-filter:blur(16px) saturate(150%);
	backdrop-filter:blur(16px) saturate(150%);
}

body.dark-mode .nk-footer.bg-lighter {
	background-color:rgba(15,23,36,0.72) !important;
	border-top-color:rgba(255,255,255,0.08);
}

/* 不支持 backdrop-filter 时的降级 */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
	.nk-header.is-light:not([class*=bg-])::before { background:rgba(255,255,255,0.94); }
	.card, .card.card-preview { background:rgba(255,255,255,0.94); }
	.tool-link.btn-outline-light { background-color:rgba(255,255,255,0.9); }
	.nk-footer.bg-lighter { background-color:rgba(255,255,255,0.94) !important; }
	.nk-header-menu { background:rgba(255,255,255,0.97); }
	.nk-header-overlay { background:rgba(16,25,36,0.55); }
	body.dark-mode .nk-header.is-light:not([class*=bg-])::before { background:rgba(11,18,29,0.94); }
	body.dark-mode .card, body.dark-mode .card.card-preview { background:rgba(20,28,38,0.94); }
	body.dark-mode .nk-footer.bg-lighter { background-color:rgba(13,20,32,0.94) !important; }
	body.dark-mode .nk-header-menu { background:rgba(17,25,38,0.97); }
}

/* ==========================================================================
   整体排版优化：分类标题 / 网格间距 / 分类筛选
   ========================================================================== */

/* 分类标题：由“骑在卡片边缘的实心紫块”改为卡内标题，左侧用强调色竖条 */
.nya-title {
	position:static;
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
	gap:.5rem;
	margin:0 0 1.125rem;
	padding:0 0 0 .75rem;
	background:transparent;
	border-left:3px solid var(--glass-accent);
	border-radius:0;
	box-shadow:none;
	color:var(--glass-ink);
	font-size:1.0625rem;
	line-height:1.5;
	letter-spacing:.01em;
}

.nya-title .icon {
	color:var(--glass-accent);
	font-size:1.125rem;
}

.nya-title .icon + span {
	margin-left:0;
}

body.dark-mode .nya-title {
	background-color:transparent;
	color:#e6edf8;
}

/* 标题回到文档流后，不再需要预留悬浮块的上边距 */
.card-inner.mt-3 {
	margin-top:0 !important;
}

/* 统一卡片与网格间距，避免疏密不均 */
.card + .card {
	margin-top:28px;
}

#toollist .g-2 {
	margin:-0.5rem !important;
}

#toollist .g-2 > div {
	padding:0.5rem !important;
}

/* 分类筛选条：紧贴在固定导航栏下方（结构与头部同样通宽），
   按“工具栏”处理，否则 16px 圆角通宽卡片会在屏幕两侧出现被切掉的圆角 */
.nk-content.p-0 > .nk-block > .card {
	border-radius:0;
	border-left:0;
	border-right:0;
	box-shadow:0 8px 20px -12px rgba(31,45,79,0.35);
}

/* 让筛选条内边距与头部对齐，胶囊标签与上方 logo 竖直对齐 */
.nk-content.p-0 .card-inner.p-2 {
	padding-left:24px !important;
	padding-right:24px !important;
}

/* 分类筛选：面包屑改为胶囊标签，去掉竖线分隔符 */
.breadcrumb-pipe .breadcrumb-item + .breadcrumb-item {
	padding-left:0.375rem;
}

.breadcrumb-pipe .breadcrumb-item + .breadcrumb-item::before {
	content:none;
	padding-right:0;
}

.breadcrumb-pipe .breadcrumb-item a {
	display:inline-block;
	padding:.25rem .75rem;
	border-radius:999px;
	color:var(--glass-muted);
	transition:background-color .16s ease,color .16s ease;
}

.breadcrumb-pipe .breadcrumb-item a:hover {
	background-color:rgba(101,118,255,0.10);
	color:var(--glass-accent);
}

.breadcrumb-pipe .breadcrumb-item.active a {
	background-color:var(--glass-accent);
	color:#fff !important;
	box-shadow:0 4px 12px rgba(101,118,255,0.30);
}

body.dark-mode .breadcrumb-pipe .breadcrumb-item a {
	color:#93a3bd;
}

body.dark-mode .breadcrumb-pipe .breadcrumb-item a:hover {
	background-color:rgba(101,118,255,0.20);
	color:#9aa6ff;
}

body.dark-mode .breadcrumb-pipe .breadcrumb-item.active a {
	background-color:var(--glass-accent);
	color:#fff !important;
}