*{
			margin:0;
			padding:0;
			box-sizing:border-box;
		}

		body{
			background:#f7f7f7;
			font-family:PingFang SC;
		}

		.page{
			min-height:100vh;
		}

		.header{
			height:50px;
			background:#fff;

			display:flex;
			align-items:center;
			justify-content:space-between;

			position:sticky;
			top:0;
			z-index:99;
		}

		.back{
			width:60px;
			text-align:center;
		}

		.back img{
			width:22px;
		}

		.title{
			font-size:18px;
		}

		.save-btn{
			width:60px;
			text-align:center;
			color:#ff7f2a;
			font-size:16px;
		}

		.theme-list{
			display:flex;
			flex-wrap:wrap;
			justify-content:space-between;

			padding:15px;
		}

		.theme-item{
			width:48%;
			height:300px;
			background:#fff;
			border-radius:12px;
			overflow:hidden;
			margin-bottom:15px;
			position:relative;
			transition:.2s;
		}

		.theme-img{
			position:relative;
			height:220px;
		}

		.theme-img img{
			width:100%;
			height:100%;
			display:block;
			object-fit:cover;
		}

		.default-bg{
			background:#8fa8ff;
		}

		.theme-info{
			padding:12px;
		}

		.name{
			font-size:18px;
			color:#222;
			font-weight:500;
		}

		.desc{
			margin-top:6px;
			color:#999;
			font-size:13px;
		}

		.using{
			display:none;
			position:absolute;
			right:10px;
			top:10px;
			background:rgba(0,0,0,.45);
			color:#fff;
			padding:4px 10px;
			border-radius:20px;
			font-size:12px;
		}
		/* 选中状态 */
		.theme-item.active{
			border:2px solid #ff7f2a;
		}

		.theme-item.active::after{
			content:"✓";

			position:absolute;
			right:10px;
			bottom:70px;

			width:24px;
			height:24px;

			background:#ff7f2a;
			color:#fff;

			border-radius:50%;

			text-align:center;
			line-height:24px;
			font-size:14px;
		}