.list{
		padding-top: 2px;
		padding-right: 0%;
		padding-bottom: 2px;
		padding-left: 10%;
		<!-- text-indent:32px; -->
		<!-- white-space:normal; -->
		}

				/* 弹窗 (background) */
		.modal {
			display: none; /* 默认隐藏 */
			position: fixed; 
			z-index: 1; 
			padding-top: 140px; 
			left: 0;
			top: 0;
			width: 100%; 
			height: 100%; 
			overflow: auto; 
			background-color: rgb(0,0,0); 
			background-color: rgba(0,0,0,0.4);
		}

		/* 弹窗内容 */
		.modal-content {
			position: relative;
			background-color: #fefefe;/* 底色 */
			margin: auto;
			padding: 0;
			margin-bottom: 190px;
			border: 1px solid #888;
			width: 80%;
			box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
			-webkit-animation-name: animatetop;
			-webkit-animation-duration: 0.4s;
			animation-name: animatetop;
			animation-duration: 0.4s
		}

		/* 添加动画 */
		@-webkit-keyframes animatetop {
			from {top:-300px; opacity:0} 
			to {top:0; opacity:1}
		}

		@keyframes animatetop {
			from {top:-300px; opacity:0}
			to {top:0; opacity:1}
		}

		/* 关闭按钮 */
		.close {
			color: black;
			float: right;
			font-size: 28px;
			font-weight: bold;
		}

		.close:hover,
		.close:focus {
			color: black;
			text-decoration: none;
			cursor: pointer;
		}

		.modal-header {
			padding: 2px 16px;
			background-color: #E4E4E4;
			color: black;
		}

		.modal-body {padding: 2px 16px;}

		.modal-footer {
			padding: 2px 16px;
			background-color: #E4E4E4;
			color: black;
		}
		@media (prefers-color-scheme: dark) {
/*  -----------------------------------------------------  */
					/* 弹窗 (background) */
			.modal {
				display: none; /* 默认隐藏 */
				position: fixed; 
				z-index: 1; 
				padding-top: 70px; 
				left: 0;
				top: 0;
				width: 100%; 
				height: 100%; 
				overflow: auto; 
				background-color: rgb(0,0,0); 
				background-color: rgba(0,0,0,0.4);
			}

			/* 弹窗内容 */
			.modal-content {
				position: relative;
				background-color: #262626;/* 底色 */
				margin: auto;
				padding: 0;
				border: 1px solid #000000;
				width: 80%;
				box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
				-webkit-animation-name: animatetop;
				-webkit-animation-duration: 0.4s;
				animation-name: animatetop;
				animation-duration: 0.4s
			}

			/* 添加动画 */
			@-webkit-keyframes animatetop {
				from {top:-300px; opacity:0} 
				to {top:0; opacity:1}
			}

			@keyframes animatetop {
				from {top:-300px; opacity:0}
				to {top:0; opacity:1}
			}

			/* 关闭按钮 */
			.close {
				color: white;
				float: right;
				font-size: 28px;
				font-weight: bold;
			}

			.close:hover,
			.close:focus {
				color: white;
				text-decoration: none;
				cursor: pointer;
			}

			.modal-header {
				padding: 2px 16px;
				background-color: #595959;
				color: white;
			}

			.modal-body {padding: 2px 16px;}

			.modal-footer {
				padding: 2px 16px;
				background-color: #595959;
				color: white;
			}

		}