/* noise */
body:before {
	/* background-image: url(/assets/images/avatar.webp); */
	content: "";
	display: block;
	height: 100%;
	opacity: 0.025;
	pointer-events: none;
	position: fixed;
	touch-action: none;
	width: 100%;
}

:root {
	--width-main: 1000px;

	.navbar {
		background-color: #282b34;
	}
	navbar::after {
		width: 1000px;
	}
	.page-footer {
		/* position: absolute !important;
    bottom: 0; */
	}
	.social-wrap {
		grid-template-columns: repeat(auto-fill, 27px);
	}
}
.md-text {
	background-color: #282b34 !important;
}
.l_main {
	background: #1d2129;
}
.post-list .post-card:hover {
	box-shadow: 0 0 4px -2px #fbfbfb, 0 0 24px -8px #7e99e3;
}
/* .md-text {
  background-color: #282b34 !important;
}
.l_main {
  background: #20242E !important;
} */

.md-text.content a.headerlink {
	/* background: #2B68BA !important; */
	/* background: #61c777 !important; */
}
.md-text .link-card .img {
	border-radius: 12px;
}
p > code:not([class]),
li > code:not([class]) {
	background: #c74e45;
}
/* pt-sans-latin-400-normal */
/* @font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/pt-sans@latest/latin-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/pt-sans@latest/latin-400-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
} */
@font-face {
	font-family: "PT Sans";
	font-style: normal;
	font-display: swap;
	font-weight: 400;
	src: url(https://cdn.jsdelivr.net/fontsource/fonts/pt-sans@latest/latin-400-normal.woff2)
			format("woff2"),
		url(https://cdn.jsdelivr.net/fontsource/fonts/pt-sans@latest/latin-400-normal.woff)
			format("woff");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.md-text .highlight {
	max-height: 500px;
	border: 1px solid #3d4375;
}
/* .wiki {
  [href="/wiki/tags/Web/index.html"],
  [href="/wiki/tags/%E7%AC%94%E8%AE%B0/index.html"],
  [href="/wiki/tags/%E6%94%B6%E5%BD%95/index.html"],
  [href="/wiki/tags/%E6%9C%8D%E5%8A%A1%E5%99%A8/index.html"], 
  [href="/wiki/tags/%E7%B2%BE%E5%93%81%E8%BD%AF%E4%BB%B6/index.html"],
  [href="/wiki/tags/%E6%95%88%E7%8E%87%E5%B7%A5%E5%85%B7/index.html"] {
    display: none;
  }
} */

/* li:not([class]) a:not([class]),
p:not([class]) a:not([class]),
table a:not([class]) {
  background: none;
} */

.page-footer a {
	background: none !important;
}

.page-footer {
	margin: 4rem 1rem 3rem;
	color: #888;
}

body {
	background: rgb(18, 20, 44);
	background: radial-gradient(
		circle,
		rgba(18, 20, 44, 1) 0%,
		rgba(1, 3, 18, 1) 100%
	);
}
.widget-wrapper.toc {
	background: #12142c00;
}

.l_left .leftbar-container {
	/* --blur-bg: #20242e !important; */
	/* background: rgb(18, 20, 44); */
	background: #ffffff00 !important;
	/* background: radial-gradient(
    circle,
    rgba(18, 20, 44, 1) 0%,
    rgba(18, 20, 44, 1) 50%,
    rgba(1, 3, 18, 0.6) 100%
  ); */
}
.l_left {
	background: #63636359 !important;
}

/* layout */
@media screen and (max-width: 667px) {
	:root {
		--site-bg: #1c1e21;
	}
}

@media screen and (max-width: 768px) {
	:root {
		--width-left: 288px;
	}
}

@media screen and (min-width: 1400px) {
	.l_main {
		margin-right: calc(2 * var(--gap-l));
	}
	.tag-plugin {
		/* margin-top: 40px !important; */
		/* grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important; */
	}
}

@media screen and (min-width: 2048px) {
	:root {
		--gap-l: 16px;
		--width-left: 288px;
		--width-main: 720px;
	}
}

@media screen and (min-width: 2560px) {
	:root {
		--gap-l: 16px;
		--width-main: 720px;
	}
}

/* social */
.social-wrap {
	justify-content: space-between;
	align-items: center;
	filter: invert(85%) sepia(0%) saturate(1%) hue-rotate(87deg) brightness(95%)
		contrast(98%);
}

.social-wrap .social:hover {
	background: rgba(255, 255, 255, 0.8);
}

/* waline */
.cmt-body.waline {
	--waline-white: #000;
	--waline-light-grey: #666;
	--waline-dark-grey: #999;
	/* --waline-color: #fff; */
	--waline-bgcolor: var(--block);
	--waline-bgcolor-light: #272727;
	--waline-border-color: #333;
	--waline-disable-bgcolor: #444;
	--waline-disable-color: #272727;
	--waline-bq-color: #272727;
	--waline-info-bgcolor: #272727;
	--waline-info-color: #666;
	--waline-avatar-size: 48px;
	--waline-m-avatar-size: 44px;
	--waline-badge-font-size: 13px;
}

.wl-header label,
.wl-header input,
.wl-info button,
.wl-sort li,
.wl-text-number,
.wl-time {
	font-size: 13px !important;
}

.wl-nick {
	font-size: 15px !important;
}

.wl-editor {
	font-size: 16px !important;
}

.wl-input,
.wl-editor,
.wl-btn {
	font-family: system-ui, "Microsoft Yahei", "Segoe UI", -apple-system, Roboto,
		Ubuntu, "Helvetica Neue", Arial, "WenQuanYi Micro Hei", sans-serif;
}

a.wl-action {
	display: none !important;
}
:not([data-theme="light"]) {
	.wl-panel,
	.wl-editor:focus,
	.wl-input:focus {
		background: transparent;
	}
}
/* post cover */
.post-list .post-card:hover {
	box-shadow: 0 0 4px -2px #fbfbfb, 0 0 30px -6px #2d52b4;
}
/* wiki logo */
.post-list .post-card.wiki article .preview img {
	width: 82px;
	max-height: 82px;
}
.logo-wrap a.avatar img.avatar {
	border: 1px solid #666;
}

.widget-wrapper.toc .toc a.active:before {
	background: #df5549;
}

/* content */
li {
	font-size: var(--fsp);
}

.swiper {
	border-radius: 12px;
	--gap-p: 21px;
}

/* gallery */
.tag-plugin.gallery.grid-box[size="xl"] {
	grid-gap: 4px;
}

.tag-plugin.gallery.grid-box[size="xl"] .grid-cell,
.tag-plugin.gallery.grid-box[size="xl"] img {
	border-radius: 4px;
}

.tips {
	padding-left: 10px;
	background-color: rgba(52, 152, 219, 0.3);
	border-left: 4px solid rgb(52, 152, 219);
	/* color: darken(rgb(52,152,219),20%); */
}
.success {
	padding-left: 10px;
	background-color: rgba(46, 204, 113, 0.3);
	border-left: 4px solid rgb(46, 204, 113);
	color: darken(rgb(46, 204, 113), 20%);
}
.warning {
	padding-left: 10px;
	background-color: rgba(241, 196, 15, 0.3) !important;
	border-left: 4px solid rgb(241, 196, 15);
	color: darken(rgb(241, 196, 15), 20%);
}
.danger {
	padding-left: 10px;
	background-color: rgba(231, 76, 60, 0.3);
	border-left: 4px solid rgb(231, 76, 60);
	color: darken(rgb(231, 76, 60), 20%);
}

.md-text.content h1,
.md-text.content h2,
.md-text.content h3,
.md-text.content h4,
.md-text.content h5,
.md-text.content h6 {
	border-bottom: 0.1px solid #989a933d;
}

/* 左侧导航栏 */

/* 头像 */

.logo-wrap a.title {
	font-size: 1.1rem;
}
.logo-wrap a.avatar {
	width: 80px;
	height: 80px;
}

/* ---------------------------------------------------- */
/* 设置字体 */
.LXGWMode {
}

.custom-button {
	display: inline-block;
	padding: 2px 10px;
	/*margin: 10px;
    background-color: #f2f2f2; /* Light grey background, change as needed */
	font-family: inherit; /* Inherits the font-family from parent container */
	color: #835eec;
	background-color: #f2eefd;
	@media (prefers-color-scheme: dark) {
		color: #a28bf2;
		background-color: #282433;
	}
	text-align: center;
	cursor: pointer;
	/*border: 2px solid #ccc; /* Grey border */
	border-radius: 16px; /* Rounded corners */
	transition: all 0.3s ease;
}

.custom-button:hover {
	background-color: #e9e9e9; /* Slightly darker on hover */
	@media (prefers-color-scheme: dark) {
		background-color: #333; /* Darker background on hover */
	}
	border-color: #999; /* Darker border on hover */
}

/* toggle-font 提示框的样式 */

.tooltip {
	position: relative;
	cursor: pointer; /* 可选，让用户知道这是一个可以互动的元素 */
}

.tooltip:hover::before {
	white-space: nowrap;
	line-height: 18px;
	content: attr(data-msg);
	position: absolute;
	padding: 0 8px;
	display: block;
	color: #ffffff;
	background: #656565;
	border-radius: 6px;
	font-size: 12px;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1000; /* 确保提示框在其他元素之上 */
}

.tooltip:hover:: after {
	content: "";
	position: absolute;
	top: -8 px;
	left: 50%;
	transform: translateX (-50%);
	border: 6 px solid transparent;
	border-top-color: #656565; /* 简化写法 */
}

/* toggle-font 按钮的样式 */

.widget-wrapper. Toggle-font {
	background: none; // Example: making background transparent
	/* Add other styles specific to the toggle-font widget here */
}
/* ---------------------------------------------------- */

[title="关于"] {
}

.atk-main-editor > .atk-plug-panel-wrap {
	height: 300px !important;
}
.artalk pre code,
.atk-layer-wrap pre code {
	background: #090c1e25 !important;
}

.artalk pre,
.atk-layer-wrap pre {
	padding: 0px !important;
}
/* .artalk.atk-dark-mode, .atk-layer-wrap.atk-dark-mode {
    --at-color-font: #fff;
    --at-color-deep: #e7e7e7;
    --at-color-sub: #e7e7e7;
    --at-color-grey: #fff;
    --at-color-meta: #fff;
    --at-color-border: #2d3235;
    --at-color-light: #687a86;
    --at-color-bg: #1e2224;
    --at-color-bg-transl: rgba(30, 34, 36, 0.95);
    --at-color-bg-grey: #46494e;
    --at-color-bg-grey-transl: rgba(8, 8, 8, 0.95);
    --at-color-bg-light: rgba(29, 161, 242, 0.1);
    --at-color-main: #0083ff;
    --at-color-red: #ff5652;
    --at-color-pink: #fa5a57;
    --at-color-yellow: #ff7c37;
    --at-color-green: #4caf50;
    --at-color-gradient: linear-gradient(
    180deg,
    transparent,
    rgba(30, 34, 36, 1)
  );
} */

.linklist .link {
	background: #fff1 !important;
}

.l_body .l_right {
	margin-left: 0px !important;
}

.tag-plugin.timeline:before {
	--block-hover: #141722;
	width: 0.1px;
}
.widget-wrapper.timeline .tag-plugin.timeline .timenode .body {
	background: #141725 !important;
	margin-left: 12px;
}
.tag-plugin.timeline .body {
	background: #1f2224 !important;
}

/*  */
.widgets .widget-wrapper + .widget-wrapper {
  display: none !important;
}