@charset "utf-8";
/* ==========================================================================
   2026-10-20 页面优化批次（P1） · 作用域严格限定在对应页面容器，不影响其它页
   1) 新闻中心 / 帮助中心：列表降噪
   2) 登录 / 注册：对齐客户区语言
   3) 资源下载：分类改分段控件
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) 新闻中心 / 帮助中心
   去掉「白卡套淡紫面板再套白色行卡」的三层嵌套：
   卡片回归白底细边，列表改为 1px 细线分隔 + 48px 行高，计数从彩色胶囊改灰字。
   -------------------------------------------------------------------------- */
.news-page .card,
.kb-page .card {
	background: #fff;
	border: 1px solid #ECE8F2;
	border-radius: 14px;
	box-shadow: 0 1px 3px rgba(23, 19, 31, .05);
}

.news-page .news-section-head,
.kb-page .kb-section-head {
	margin: 0 0 6px;
	padding-bottom: 10px;
	border-bottom: 1px solid #F1EEF6;
}

.news-page .news-section-head__title,
.kb-page .kb-section-head__title {
	color: #1F1B26;
	font-size: 16px;
	font-weight: 700;
}

.news-page .news-section-head__meta,
.kb-page .kb-section-head__meta {
	color: #A69FB2;
	font-size: 12px;
}

.news-page .news-list,
.kb-page .kb-list {
	display: block;
}

.news-page .news-item,
.kb-page .kb-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	height: 48px;
	padding: 0 6px;
	border: 0;
	border-bottom: 1px solid #F6F3F9;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	transition: background-color .15s ease;
}

.news-page .news-item:last-child,
.kb-page .kb-item:last-child {
	border-bottom: 0;
}

.news-page .news-item:hover,
.kb-page .kb-item:hover {
	background: #FAFAFB;
	box-shadow: none;
	text-decoration: none;
}

.news-page .news-item__title,
.kb-page .kb-item__title {
	color: #2A2433;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.5;
}

.news-page .news-item__date,
.kb-page .kb-item__date {
	color: #A69FB2;
	font-size: 12px;
}

/* 分类：不再逐行加底色，只有 hover / 当前项留淡紫 */
.news-page .news-cate-link,
.kb-page .kb-cate-link {
	padding: 8px 10px;
	border-radius: 8px;
	color: #5B5468;
	font-size: 13px;
}

.news-page .news-cate-link:hover,
.news-page .news-cate-link.is-active,
.kb-page .kb-cate-link:hover,
.kb-page .kb-cate-link.is-active {
	background: #F8F3FC;
	color: #5F2C7F;
	text-decoration: none;
	transform: none;
}

/* 计数：从 5 个彩色胶囊收成灰字 */
.news-page .news-cate-link .badge,
.kb-page .kb-cate-link .badge {
	min-width: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #A69FB2;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.6;
}

.news-page .news-cate-link.is-active .badge,
.kb-page .kb-cate-link.is-active .badge {
	color: #B074D1;
}

.news-page .news-panel + .news-panel,
.kb-page .kb-panel + .kb-panel {
	border-top: 1px solid #F1EEF6;
}

.news-page .news-panel__title,
.kb-page .kb-panel__title {
	margin-bottom: 10px;
	color: #4A4358;
	font-size: 13px;
	font-weight: 600;
}

.news-page .news-search .form-control,
.kb-page .kb-search .form-control {
	height: 40px;
	border: 1px solid #ECE8F2;
	border-radius: 10px;
	background: #fff;
	font-size: 13px;
}

.news-page .news-search .form-control:focus,
.kb-page .kb-search .form-control:focus {
	border-color: #B074D1;
	box-shadow: 0 0 0 3px #F0E6F9;
}

.news-page .news-search-btn,
.kb-page .kb-search-btn {
	width: 28px;
	height: 28px;
	border-radius: 8px;
	background: #F6F3F9;
	color: #7A7288;
}

.news-page .news-tip-item,
.kb-page .kb-tip-item {
	color: #8E879C;
	font-size: 12.5px;
}

/* 手机端：标题与日期改为上下两行，行高不再写死 */
@media (max-width: 991.98px) {
	.news-page .news-item,
	.kb-page .kb-item {
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 4px;
		height: auto;
		min-height: 56px;
		padding: 10px 6px;
	}
}

/* --------------------------------------------------------------------------
   2) 登录 / 注册
   去掉紫橙径向渐变底、三团光斑、渐变标题、卡片上下紫条；
   输入框默认中性色，聚焦才出现紫描边 + 3px 淡紫光圈。
   -------------------------------------------------------------------------- */
section.login-hero {
	background: #F8F3FC;
}

section.login-hero .login-decor {
	display: none;
}

section.login-hero .login-title {
	color: #1F1B26;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0;
}

section.login-hero .login-title .accent {
	color: inherit;
}

section.login-hero .login-card {
	background: #fff;
	border: 1px solid #ECE8F2;
	border-radius: 14px;
	box-shadow: 0 1px 3px rgba(23, 19, 31, .06);
}

/* 卡片上下两条紫色横条 */
section.login-hero .login-card > .bg-info {
	display: none;
}

section.login-hero .form-control-label {
	margin-bottom: 6px;
	color: #7A7288;
	font-size: 12.5px;
	font-weight: 500;
}

section.login-hero .input-group-text {
	width: 42px;
	justify-content: center;
	border: 1px solid #ECE8F2;
	border-right: 0;
	border-radius: 8px 0 0 8px;
	background: #FAFAFB;
	color: #8E879C;
}

section.login-hero .form-control {
	height: 42px;
	border: 1px solid #ECE8F2;
	border-radius: 0 8px 8px 0;
	background: #fff;
	box-shadow: none;
	font-size: 13.5px;
	color: #1F1B26;
}

section.login-hero .form-control::placeholder {
	color: #B8B1C4;
}

section.login-hero .form-control:focus {
	border-color: #B074D1;
	background: #fff;
	box-shadow: 0 0 0 3px #F0E6F9;
}

/* 密码可见性切换按钮：与输入框拼成一体 */
section.login-hero .input-group-append {
	margin-left: -1px;
}

/* 验证码按钮 / 图形验证码：与输入框同高、拼接成一体 */
section.login-hero .input-group .btn {
	height: 42px;
	padding: 0 14px;
	border-radius: 0 8px 8px 0;
	font-size: 13px;
	white-space: nowrap;
}

section.login-hero .input-group-append img {
	width: auto;
	height: 42px;
	border: 1px solid #ECE8F2;
	border-left: 0;
	border-radius: 0 8px 8px 0;
	cursor: pointer;
}

section.login-hero .input-group-append .input-group-text,
section.login-hero .input-group-append .password-toggle {
	width: 42px;
	height: 42px;
	justify-content: center;
	border: 1px solid #ECE8F2;
	border-left: 0;
	border-radius: 0 8px 8px 0;
	background: #FAFAFB;
	color: #8E879C;
	cursor: pointer;
}

section.login-hero .input-group:has(.input-group-append) .form-control {
	border-right: 0;
	border-radius: 0;
}

section.login-hero .input-group:focus-within .input-group-text {
	border-color: #B074D1;
	background: #F8F3FC;
	color: #8E50B0;
}

section.login-hero .btn-primary {
	height: 44px;
	border: 1px solid #B074D1;
	border-radius: 8px;
	background: #B074D1;
	background-image: none;
	box-shadow: none;
	font-size: 14px;
	font-weight: 600;
}

section.login-hero .btn-primary:hover,
section.login-hero .btn-primary:focus {
	border-color: #9E5FC4;
	background: #9E5FC4;
	box-shadow: none;
}

/* 密码强度条：细化成 3px 轨道，不再是一条粗灰线 */
section.login-hero .password-strength {
	height: 3px;
	margin-top: 8px;
	border-radius: 2px;
	background: #F1EEF6;
	overflow: hidden;
}

section.login-hero a {
	color: #8E50B0;
}

section.login-hero a:hover {
	color: #5F2C7F;
}

/* --------------------------------------------------------------------------
   3) 资源下载
   分类少于 4 个时不再画左侧卡片，改为顶部一行 32px 分段控件（class 由模板输出）
   -------------------------------------------------------------------------- */
.dl-page {
	align-items: flex-start;
	gap: 16px;
}

.dl-page .card {
	background: #fff;
	border: 1px solid #ECE8F2;
	border-radius: 14px;
	box-shadow: 0 1px 3px rgba(23, 19, 31, .05) !important;
}

.dl-page .filemanager-sidebar {
	width: 240px;
	flex: 0 0 240px;
	margin-right: 0 !important;
}

.dl-page .categories-list li + li {
	margin-top: 2px;
}

.dl-page .categories-list a {
	padding: 9px 10px;
	border-radius: 8px;
	color: #4A4358;
	font-size: 13px;
}

.dl-page .categories-list a:hover {
	background: #FAFAFB;
	text-decoration: none;
}

.dl-page .categories-list a .mdi-folder {
	color: #B074D1 !important;
}

.dl-page .categories-list .badge {
	padding: 1px 7px;
	border-radius: 5px;
	background: #F0E6F9;
	color: #7B3FA2;
	font-size: 10.5px;
	font-weight: 600;
}

/* 表格与列表页同一套细线 */
.dl-page .table thead th {
	padding: 8px;
	border-bottom: 1px solid #F1EEF6;
	background: transparent;
	color: #A69FB2;
	font-size: 12px;
	font-weight: 600;
}

.dl-page .table tbody td {
	padding: 12px 8px;
	border-top: 1px solid #F6F3F9;
	font-size: 13.5px;
}

.dl-page .table-hover tbody tr:hover {
	background: #FAFAFB;
}

.dl-page h5 {
	color: #1F1B26;
	font-weight: 600;
}

.dl-page hr {
	margin-top: 10px;
	border-color: #F1EEF6;
}

/* 分类少于 4 个：侧栏变顶部 chip 行 */
.dl-page.is-few {
	display: block !important;
}

.dl-page.is-few .filemanager-sidebar {
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	flex: none !important;
	margin: 0 0 14px !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.dl-page.is-few .filemanager-sidebar .card-body {
	padding: 0;
}

.dl-page.is-few .filemanager-sidebar .mb-4 {
	margin-bottom: 0 !important;
}

.dl-page.is-few .filemanager-sidebar .d-flex.flex-column {
	height: auto !important;
}

.dl-page.is-few .categories-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.dl-page.is-few .categories-list li + li {
	margin-top: 0;
}

.dl-page.is-few .categories-list a {
	display: inline-flex;
	align-items: center;
	height: 32px;
	padding: 0 12px;
	border: 1px solid #ECE8F2;
	border-radius: 8px;
	background: #fff;
	color: #4A4358;
	font-size: 12.5px;
}

.dl-page.is-few .categories-list a:hover {
	border-color: #D9C9EA;
	background: #F8F3FC;
	color: #5F2C7F;
}

.dl-page.is-few .categories-list .badge {
	margin-left: 6px !important;
}