:root{
    /*背景模糊度*/
    --BG_blur:1em;
	/*图标颜色，默认与字体颜色一致*/
	--Icon_color:var(--FT_color);
	/*背景色*/
	--BG_color_G:rgba(255,255,255,0.5);
	/*标题栏背景色，留空与背景色一致*/
	--BG_color_T:rgba(66, 170, 255, 0.5);

	/*圆角大小:header左上角右上角，footer左下角和右下角*/
	--BOR_Radius:8px;
	/*模糊背景的圆角大小*/
	--BG_radius:8px;
	/*item的圆角*/
	--Item_radius:8px;

	/*字体颜色*/
	--FT_color:black;
	/*上下边距*/
	--BG_margin_T_B:2em;
	/*内边距*/
	--BG_padding_G:0px;

	/*阴影设置,数值对应如下*/
	--BG_shadow:
		/*x偏移 y偏移 模糊度 颜色*/
		0em 0em 2em rgba(0, 0, 0, 0.5);

	/*main-box的hover样式*/
	/*颜色*/
	--BG_color_ListItem_HOVER:rgba(0 ,0 ,0, 0.3);
	/*阴影，默认无 修改参照 --BG_shadow 条目*/
	--BG_shadow_HOVER:none;
}


* {
	color: var(--FT_color);
}
.chakra-ui-light{
    background-image: url(https://www.dmoe.cc/random.php) !important;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.root-box {
	background: var(--BG_color_G);
    margin: 0 !important;
	padding: var(--BG_padding_G) !important;
    position: relative;
	margin-top: var(--BG_margin_T_B) !important;
	margin-bottom: var(--BG_margin_T_B) !important;
	border-radius: var(--BG_radius);
	box-shadow: var(--BG_shadow);
}
.root-box::before {
    content: '';
    display: block;position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;
    background-attachment: fixed;
    -webkit-backdrop-filter: blur(var(--BG_blur));
            backdrop-filter: blur(var(--BG_blur));
}
.header,.chakra-breadcrumb,.main-box,.readme-box,.footer{
	margin: 0 !important;
	border-radius: 0;
	box-shadow: none;
}
.header{
	border-radius: var(--BOR_Radius) var(--BOR_Radius) 0 0;
}
.footer{
	height: 1em;
	width: 100%;
	border-radius: 0 0 var(--BOR_Radius) var(--BOR_Radius) !important;
}
.header,.readme-box,.chakra-breadcrumb,.main-box,.footer{
	background: var(--BG_color_G);
}
.header,.chakra-breadcrumb,.footer{
	background: var(--BG_color_T);
}
.chakra-icon{
	fill: var(--Icon_color);
}
.list-item,.grid-item{
	border-radius: var(--Item_radius);
}
.list-item:hover,.grid-item:hover{
	background: var(--BG_color_ListItem_HOVER);
	box-shadow: var(--BG_shadow_HOVER);
}