.app-wallpaper{
	position: relative;
	background:{
		size: 100% 100%;
		repeat: no-repeat;
	};
	.capsule-container{
		position: sticky;
		
		box-sizing: border-box;
		width:100%;
		padding:10rpx;
		border:2rpx solid #262626;
		border-radius: 45rpx;
		box-shadow: 1rpx 4rpx 12rpx 0rpx rgba(90,104,103,0.24);
		background-color: #F8FAFA;
		.capsule{
			box-sizing: border-box;
			padding:20rpx;
			text-align: center;
			font: {
				size:30rpx;
				weight:500;
			}
			line-height:30rpx;
			border:2rpx solid rgba(0,0,0,0);
			&.active{
				background:{
					color:#4DC3B8;
				}
				color:#FFFFFF;
				border:2rpx solid #262626;
				border-radius:35rpx;
			}
		}
	}
	.screen-container{
		.screen{
			padding:40rpx 0 20rpx 0;
			padding-right: 66rpx;
			font-size: 28rpx;
			line-height: 53rpx;
			color:#646464;
			font-weight: 400;
			&.active{
				color:#000000;
				font-size: 32rpx;
				font-weight: 500;
				.screen-active{
					display:flex;
				}
			}
			.screen-active{
				display: none;
				align-items: center;
				justify-content: center;
				.img{
					width:37rpx;
				}
			}
			
		}
		.screen-time-container{
			flex:1;
			margin-left:auto;
			justify-content: flex-end;
			.screen{
				// padding-right:0;
			}
		}
			.screen-time-title{
				color:#B5B5B5;
				font-size:26rpx;
				font-weight: 400;
				line-height:53rpx;
				padding-right: 16rpx;
			}
			.screen-time-buttton-container{
				padding-right: 0;
			}
			.screen-time-buttton{
				padding:8rpx 19rpx;
				color:#4EC2B7;
				font-size: 28rpx;
				font-weight: 400;
				background-color:#ffffff;
				border:1px solid #4EC2B7;
				border-radius: 10rpx;
				line-height: 28rpx;
				box-shadow: 0rpx 4rpx 5rpx 0rpx rgba(82,84,84,0.1), 2rpx -4rpx 0rpx 0rpx rgba(78,194,183,0.2);
			}
	}
	.list-container{
		width:100%;
		max-height: 1000rpx;
		height: 100%;
		overflow: auto;
		box-sizing: border-box;
		
		.list-item{
			margin-bottom:30rpx;
			width:100%;
			box-sizing: border-box;
			.card-container{
				width:100%;
				box-sizing: border-box;
				padding:10rpx 10rpx;
				position: relative;
				box-sizing: border-box;
				.card-container-background{
					
					width:100%;
					height:90%;
					position: absolute;
					left:0rpx;
					z-index: -1;
					bottom:0rpx;
					border: 3rpx solid #262626;
					box-shadow: 2rpx 6rpx 11rpx 0rpx rgba(159,167,185,0.3);
					border-radius: 26rpx;
					background: {
						color:#EED9AD;
					};
				}
				.card-container-background-main{
					
					width:100%;
					background:{
						color:#FFFFFF;
					}
					border-radius: 26rpx;
					border: 3rpx solid #262626;
					padding:7rpx;
					box-sizing:border-box;
					.card-col{
						width:100%;
						box-sizing: border-box;
						padding:30rpx;
						background:{
							size:100% 100%;
							position: center center;
							repeat:no-repeat;
						}
					}
				}
				

				.card-right{
					width:100%;
					.card-title{
						font-size: 40rpx;
						font-weight: bold;
						color: #18181B;
					}
					.card-desc-container{
						display: flex;
						padding:20rpx 0rpx;
						.card-desc{
							padding:10rpx 0;
							position: relative;
							.card-desc-text{
								position: relative;
								z-index: 2;
								font-size: 30rpx;
								font-weight: 500;
								color: #18181B;
							}
							.card-desc-background{
								position: absolute;
								bottom:0;
								left:0;
								z-index: 1;
								width:100%;
								height:50%;
								background:{
									color:#E3BF77;
								}
							}
						}

					}
					.card-content-container{

						justify-content: space-between;
						.card-avatar{
							width:70rpx;
							height:70rpx;
							.img{
								width:70rpx;
								height:70rpx;
							}
						}
						.card-content{
							font-size: 24rpx;
							font-weight: 400;
							color: #656565;
						}
					}
					.card-title{
						padding-top:5px;
						font-size:32rpx;
						font-weight: 500;
						line-height: 1;
						color:#131313;
					}

				}
			}
		}
	}
	.item-end{
		font-size: 28rpx;
		font-weight: 400;
		color: #ACB4B6;
		line-height: 30rpx;
		justify-content: center;
		margin-top:8rpx;
	}
}