chen2226_obsidian-typecho/styles.css

.tree-container {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		sans-serif;
	color: #e0e0e0;
	padding: 8px;
}

.tree-node-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.tree-node-item {
	position: relative;
	margin-bottom: 4px;
}

.tree-children {
	margin-top: 4px;
	transition: all 0.2s ease-in-out;
}

.tree-node-wrapper {
	display: flex;
	align-items: center;
	cursor: pointer;
	user-select: none;
	padding: 6px 8px;
	border-radius: 6px;
	transition: background-color 0.2s ease-in-out;
}

.tree-node-wrapper:hover {
	background-color: #2a2a2a;
}

.tree-toggle-icon {
	margin-right: 8px;
	font-size: 12px;
	color: #888;
	transition: transform 0.2s ease-in-out;
	cursor: pointer;
}

.tree-toggle-icon.expanded {
	transform: rotate(90deg);
	color: #bbb;
}

.tree-article-icon {
	margin-right: 6px;
	color: #66afee;
	font-size: 14px;
	transition: color 0.2s ease-in-out;
}

.tree-node-wrapper:hover .tree-article-icon {
	color: #88caff;
}

.tree-link-icon {
	margin-right: 6px;
	color: #3c9cf0;
	font-size: 14px;
	transition: color 0.2s ease-in-out;
}

.tree-node-wrapper:hover .tree-link-icon {
	color: #008cff;
}

.tree-node-label {
	font-size: 14px;
	flex: 1;
	transition: color 0.2s ease-in-out;
}

.tree-indent {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
}

.tree-indent::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 8px;
	width: 1px;
	background: #444;
}

.tree-node-list ul {
	padding-left: 16px;
	position: relative;
}

.tree-node-list ul::before {
	content: "";
	position: absolute;
	top: 0;
	left: 8px;
	bottom: 0;
	width: 1px;
	background: #333;
	border-left: 1px dashed #444;
}