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;}

/* 工具卡片样式 - 白帆工具箱风格 */
.tool-card-list {
    padding: 0.5rem 0;
}

.tool-card-link {
    display: block;
    text-decoration: none !important;
    color: inherit;
}

.tool-card-link:hover {
    text-decoration: none !important;
    color: inherit;
}

.tool-card {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 2px #ccc;
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
    margin-bottom: 1rem;
}

.tool-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

.tool-card-head {
    background: #fff;
    height: auto;
    line-height: 3.5em;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border-bottom: 1px solid #f0f0f0;
}

.tool-card-logo {
    font-size: 2rem;
    font-weight: bold;
    margin-right: 0.75rem;
    min-width: 2.5rem;
    text-align: center;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

/* Logo颜色样式 */
.color-red { color: #ff6b6b; }
.color-orange { color: #ff9f43; }
.color-yellow { color: #feca57; }
.color-green { color: #1dd1a1; }
.color-teal { color: #00d2d3; }
.color-blue { color: #54a0ff; }
.color-indigo { color: #5f27cd; }
.color-purple { color: #a55eea; }
.color-pink { color: #ff9ff3; }
.color-cyan { color: #48dbfb; }
.color-gray { color: #8395a7; }
.color-dark { color: #2c3e50; }

.tool-card-title {
    margin: 0;
    font-size: 0.9375rem;
    color: #3D464D;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.tool-card-body {
    background: #fff;
    height: auto;
    margin: 0;
    padding: 0.5rem 1rem;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tool-card-body:hover {
    background: #279de4;
    color: #fff;
    transition: background 0.5s ease-in-out;
}

.tool-card-body:hover .tool-card-author,
.tool-card-body:hover .tool-card-go {
    color: #fff;
}

.tool-card-author {
    margin: 0;
    font-size: 0.8125rem;
    color: #666;
    display: flex;
    align-items: center;
}

.tool-card-author i {
    margin-right: 0.3rem;
}

.tool-card-go {
    margin: 0;
    font-size: 0.8125rem;
    color: #666;
    display: flex;
    align-items: center;
}

.tool-card-go i {
    margin-right: 0.3rem;
}

/* 暗黑模式适配 */
.dark-mode .tool-card {
    background: #1a2332;
    border-color: #2d3748;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.dark-mode .tool-card-head {
    background: #1a2332;
    border-bottom-color: #2d3748;
}

.dark-mode .tool-card-title {
    color: #e2e8f0;
}

.dark-mode .tool-card-body {
    background: #1a2332;
}

.dark-mode .tool-card-author,
.dark-mode .tool-card-go {
    color: #a0aec0;
}

.dark-mode .tool-card-body:hover {
    background: #2d4a6f;
}

.dark-mode .tool-card-body:hover .tool-card-author,
.dark-mode .tool-card-body:hover .tool-card-go {
    color: #fff;
}