:root{
	--background-image:url(../images/th.jpg);
	--border-color: #DFDFDF;
	--border-color-dark-1: #CCC;
	--border-color-dark-3: #AAA;

	/* 主色调 */
	--t-color-main: rgb(226, 34, 29);
	--t-color-main-light-1: #f33d38;
	--t-color-main-light-3: #fb615d;
	--t-color-main-light-5: #ff8a87;
	--t-color-main-light-7: #ffbcba;
	--t-color-main-light-9: #ffeae9;
	--t-color-main-dark-2:  #bd0500;

	/* 背景颜色 */
	--bg-color: #FFF;
	--bg-color-dark-2: #F8F8F8;
	--bg-color-dark-4: #EEE;
	--bg-color-dark-6: #DDD;
	--bg-color-main: rgb(226, 34, 29, 0.3);

	/* 文字颜色 */
	--text-color: #333333;
	--text-color-light-1: #555;
	--text-color-light-3: #777;
	--text-color-light-5: #999;
	--text-color-light-7: #CCC;
	--text-color-light-9: #FFF;
	--text-color-dark-2:  #000;

	/* 信息颜色 */
	--info-color: #909399;
	--info-color-light-3: rgb(177, 179, 183);
	--info-color-light-3: rgb(199, 201, 204);
	--info-color-light-5: rgb(221, 222, 224);
	--info-color-light-7: rgb(232, 233, 234);
	--info-color-light-9: rgb(243, 244, 244);
	--info-color-dark-2:  rgb(115, 117, 122);

	/* Danger颜色 */
	--danger-color: #ff3950;
	--danger-color-light-3: #ff7f8e;
	--danger-color-light-5: #ffb8c0;
	--danger-color-dark-2: rgb(211, 0, 25);
	--danger-color-dark-4: rgb(158, 0, 18);
	--danger-color-dark-6: rgb(82, 0, 10);

	/* Success颜色 */
	--success-color: #67C23A;
	--success-color-light-3: rgb(148, 212, 117);
	--success-color-dark-2: rgb(82, 155, 46);

	/* Warning颜色 */
	--warning-color: #E6A23C;
	--warning-color-light-3: rgb(237, 189, 118);
	--warning-color-dark-2: rgb(184, 129, 48);


	--t-radius:4px;



	--zi-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23fff' stroke='%23ddd'%3E%3Cpath d='M96 0L0 96zM0 0l96 96z' stroke-dasharray='1,2'/%3E%3Cpath d='M0 48h96zM48 0v96z' stroke-dasharray='1,3'/%3E%3C/svg%3E") center no-repeat;
}

.dark {
	--background-image:url(../images/th.jpg);
	--border-color: #424242;
	--border-color-dark-1: #222;
	--border-color-dark-3: #555;

	/* 主色调 */
	--t-color-main: rgb(226, 34, 29);
	--t-color-main-light-1: #f33d38;
	--t-color-main-light-3: #fb615d;
	--t-color-main-light-5: #ff8a87;
	--t-color-main-light-7: #ffbcba;
	--t-color-main-light-9: #ffeae9;
	--t-color-main-dark-2:  #bd0500;

	/* 背景颜色 */
	--bg-color: #222;
	--bg-color-dark-2: #333;
	--bg-color-dark-4: #444;
	--bg-color-dark-6: #555;

	/* 文字颜色 */
	--text-color: #ADB5BD;
	--text-color-light-1: #FFF;
	--text-color-light-3: #BBB;
	--text-color-light-5: #888;
	--text-color-light-7: #555;
	--text-color-light-9: #222;
	--text-color-dark-2:  #000;


	/* Danger颜色 */
	--danger-color: #ec001b;
	--danger-color-light-3: #ff2f47;
	--danger-color-light-5: #ff4b60;
	--danger-color-dark-2: #cd0018;
	--danger-color-dark-4: #a30013;
	--danger-color-dark-6: #5c000b;


	--zi-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23fff' stroke='%23555'%3E%3Cpath d='M96 0L0 96zM0 0l96 96z' stroke-dasharray='1,2'/%3E%3Cpath d='M0 48h96zM48 0v96z' stroke-dasharray='1,3'/%3E%3C/svg%3E") center no-repeat;
}