html.dark {
	/* VitePress dark theme colors */
	--primary-color: #a8b1ff;
	--primary-hover: #5c73e7;
	--primary-active: #3e63dd;
	--text-color: #dfdfd6;
	--text-secondary: #98989f;
	--text-tertiary: #6a6a71;
	--bg-color: #1b1b1f;
	--bg-alt: #161618;
	--bg-soft: #202127;
	--border-color: #3c3f44;
	--divider-color: #2e2e32;
	
	/* Shadows */
	--shadow-1: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
	--shadow-2: 0 3px 12px rgba(0, 0, 0, 0.07), 0 1px 4px rgba(0, 0, 0, 0.07);
	--shadow-3: 0 12px 32px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08);

	color: var(--text-color);
	background: var(--bg-alt);
}

html.dark body {
	background: var(--bg-color);
	border-left: 1px solid var(--divider-color);
	border-right: 1px solid var(--divider-color);
}

html.dark ::selection {
	background-color: var(--primary-color);
	color: #ffffff;
}

html.dark ::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 10px;
}

html.dark ::-webkit-scrollbar-thumb:hover {
	background-color: rgba(255, 255, 255, 0.3);
}

html.dark img {
	filter: brightness(0.85);
	border: 1px solid var(--border-color);
}

html.dark .header {
	border-color: var(--divider-color);
}

html.dark .footer {
	border-color: var(--divider-color);
	color: var(--text-tertiary);
}

html.dark .footer a {
	color: var(--text-tertiary);
}

html.dark .footer a:hover {
	color: var(--primary-color);
}

html.dark .list-category div a {
	border-bottom: 1px solid var(--text-tertiary);
	color: var(--text-secondary);
}

html.dark .list-post li .date {
	color: var(--text-tertiary);
}

html.dark .list-post li .categories a {
	color: var(--text-tertiary);
}

html.dark .hover-underline:after {
	background-color: var(--primary-color);
}

html.dark .hover-underline:hover {
	color: var(--primary-color);
}

html.dark .header .menu a:hover {
	color: var(--primary-color);
}

html.dark .page-post .title {
	color: var(--text-color);
}

html.dark .page-post .subtitle {
	color: var(--text-tertiary);
}

html.dark .page-post h2,
html.dark .page-post h3,
html.dark .page-post h4,
html.dark .page-post h5,
html.dark .page-post h6 {
	color: var(--text-color);
}

html.dark .page-post .post h1,
html.dark .page-post .post h2 {
	border-color: var(--divider-color);
}

html.dark .page-post img {
	box-shadow: var(--shadow-1);
}

html.dark .page-post img:hover {
	box-shadow: var(--shadow-2);
}

html.dark .page-post code {
	background-color: rgba(101, 117, 133, 0.16);
	color: #c9d1d9;
}

html.dark .page-post a {
	color: var(--primary-color);
}

html.dark .page-post a:hover {
	color: var(--primary-hover);
}

html.dark .page-post strong,
html.dark .page-post b {
	color: var(--text-color);
}

html.dark .page-post blockquote {
	border-left: 3px solid var(--primary-color);
	background-color: rgba(100, 108, 255, 0.16);
	color: var(--text-color);
}

html.dark .page-post pre {
	background-color: var(--bg-alt);
	border: 1px solid var(--divider-color);
}

html.dark .page-post .table-container {
	border: 1px solid var(--divider-color);
}

html.dark .page-post table {
	border: 1px solid var(--divider-color);
}

html.dark .page-post tr {
	border-bottom: 1px solid var(--divider-color);
}

html.dark .page-post th,
html.dark .page-post td {
	border-right: 1px solid var(--divider-color);
}

html.dark .page-post th {
	background-color: rgba(0, 0, 0, 0.2);
}

html.dark .page-post hr {
	background-color: var(--divider-color);
}

html.dark .page-post table tr:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.2);
}

html.dark .page-post iframe {
	opacity: 0.9;
	border: 1px solid var(--divider-color);
}

html.dark .page-search #search-input {
	color: var(--text-color);
	border: 1px solid var(--border-color);
	background-color: var(--bg-alt);
}

html.dark .page-search #search-input::-webkit-input-placeholder {
	color: var(--text-tertiary);
}

html.dark .page-search .list-search .content {
	color: var(--text-tertiary);
}

html.dark #to-top {
	opacity: 0.9;
	background-color: var(--primary-color);
}

html.dark #to-top:hover {
	opacity: 1;
}

html.dark #to-top > span:last-child {
	background-color: var(--primary-color);
}

html.dark #markdown-toc {
	background-color: var(--bg-color);
	border: 1px solid var(--divider-color);
}

html.dark #markdown-toc a {
	color: var(--text-tertiary);
}

html.dark #markdown-toc a:hover {
	color: var(--primary-color);
}

/* 列表样式 - 暗色主题适配 */
html.dark .page-post ul li::before {
	background-color: var(--primary-color);
}

html.dark .page-post ul ul li::before {
	background-color: transparent;
	border-color: var(--primary-color);
}

html.dark .page-post ul ul ul li::before {
	background-color: var(--primary-color);
}

html.dark .page-post ul ul ul ul li::before {
	background-color: var(--primary-color);
}

html.dark .page-post ul ul ul ul ul li::before {
	background-color: transparent;
	border-color: var(--primary-color);
}

html.dark .page-post ul ul ul ul ul ul li::before {
	background-color: var(--primary-color);
}

html.dark .page-post ol li::before {
	color: var(--primary-color);
}