/** 文章归档样式 */

.update-page {
	--up-accent: #5b8def;
}

.update-page .left.update > ul li .up-flow,
.update-page .left.update > ul li .up-inner {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1 1 0;
	min-width: 0;
}

.update-page .left.update {
	width: 100%;
	background: #fff;
	border-radius: .75rem;
	box-sizing: border-box;
	padding: 10px 22px;
	box-shadow: 0 20px 50px -24px rgba(15, 30, 60, .35);
}
.update-page .left.update > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.update-page .left.update > ul li {
	display: flex;
	align-items: center;
	gap: 10px;
	height: auto;
	min-height: 0;
	padding: 8px 8px;
	/** 行只留底部一条分割线：母主题 .post-item 自带 1px 四边框 + 圆角 + 底色 */
	border: 0;
	border-bottom: 1px solid #f0f2f5;
	border-radius: 0;
	box-shadow: none;
	/* 母主题 .post-item:hover 会整行上移，行与行贴在一起，一动就散 */
	transform: none;
	line-height: 1.4;
	position: relative;
	transition: all .3s ease;
}
/* 划过时左缘亮起的竖条，靠 height 由 0 撑到 60% 出动画 */
.update-page .left.update > ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 0;
	background: var(--up-accent);
	border-radius: 0 3px 3px 0;
	transition: height .25s;
}
.update-page .left.update > ul li:hover:before {
	height: 60%;
}

.update-page .left.update > ul li .up-category {
	order: -1;
	float: none;
	margin: 0;
	flex-shrink: 0;
	border: 0;
	background: #eef3fd;
	color: var(--up-accent);
	border-radius: 8px;
	padding: 5px 11px;
	font-size: 12px;
	line-height: 1;
	font-weight: 500;
	min-width: 66px;
	text-align: center;
}

.update-page .left.update > ul li.post-item .corner-badge {
	position: static;
	width: 44px;
	height: 20px;
	flex: 0 0 auto;
	align-self: center;
	justify-content: center;
	gap: 3px;
	padding: 0;
	font-size: 11px;
	overflow: hidden;
}

.update-page .left.update > ul li .tit {
	float: none;
	flex: 0 1 auto;
	min-width: 0;
	font-size: 15px;
	overflow: hidden;
	/* 第一行放不下时自动换到第二行，最多两行 */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
	text-overflow: clip;
	transition: color .25s;
}
.update-page .left.update > ul li:hover .tit {
	color: var(--up-accent);
}
.update-page .left.update > ul li .up-flow {
	position: relative;
}
.update-page .left.update > ul li .tit::after {
	content: "";
	position: absolute;
	inset: 0;
}

.update-page .left.update > ul li .up-meta {
	order: 1;
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
}

.update-page .left.update > ul li time {
	float: none;
	margin: 0;
	flex-shrink: 0;
	color: #9aa3b0;
	font-size: 13px;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

/* 默认（桌面）显示“年-月-日”，隐藏“月-日” */
.update-page .left.update > ul li .up-date-md {
	display: none;
}

.update-page .left.update > ul li.van-empty {
	display: block;
	padding: 40px 0;
	text-align: center;
	color: #9aa3b0;
	border-bottom: 0;
}
.update-page .left.update > ul li.van-empty:before {
	display: none;
}

[data-bs-theme=dark] .update-page .left.update {
	background: #292a2d;
	box-shadow: none;
}
[data-bs-theme=dark] .update-page .left.update > ul li {
	border-bottom-color: #3a3d42;
}
[data-bs-theme=dark] .update-page .left.update > ul li .up-category {
	background: #2a3a4d;
	color: #8bb0f7;
}
[data-bs-theme=dark] .update-page .left.update > ul li .tit {
	color: #d4d8de;
}
[data-bs-theme=dark] .update-page .left.update > ul li time {
	color: #8b909a;
}
@media screen and (max-width: 800px) {
	.update-page .left.update {
		padding: 6px 14px;
		border-radius: 16px;
	}

	.update-page .left.update > ul li {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 10px 6px;
	}

	.update-page .left.update > ul li .up-flow {
		display: block;
		flex: 1 1 0;
		min-width: 0;
	}
	.update-page .left.update > ul li .up-inner {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		min-width: 0;
		gap: 6px;
	}
	.update-page .left.update > ul li.post-item .corner-badge {
		float: none;
		clear: none;
		display: inline-flex;
		vertical-align: middle;
		margin: 0 6px 0 0; /* 角标在标题前，间距给右侧 */
	}
	.update-page .left.update > ul li .up-category {
		float: none;
		flex: 0 0 auto;
		margin: 0;
		font-size: 11px;
		min-width: 0;
	}
	/* WAP 一行放不下分类 + 角标 + 标题：有角标就先收起分类，没有角标照常显示 */
	.update-page .left.update > ul li.has-badge .up-category {
		display: none;
	}
	.update-page .left.update > ul li .up-meta {
		display: block;
		float: none;
		clear: none;
		flex: 0 0 auto;
		margin: 0;
	}
	.update-page .left.update > ul li .up-meta time {
		float: none;
		clear: none;
		margin: 0;
		position: static;
	}
	/* WAP 切换为“月-日”格式 */
	.update-page .left.update > ul li .up-date-full {
		display: none;
	}
	.update-page .left.update > ul li .up-date-md {
		display: inline;
	}

	.update-page .left.update > ul li .tit {
		display: block;
		flex: 1 1 0;
		min-width: 0;
		float: none;
		font-size: 14px;
		line-height: 1.6;
		white-space: nowrap;
		word-break: normal;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}