.default-theme {
	width: 100%;
	height: 100%;
	
	// 底部提示框
	.alert_box {
		.item {
			background: rgba(#000, 0.9);
			
			.btn {
				background: #C78021;
				color: #fff;
			}
		}
	}
	
	// 页面背景
	.page_bg {
		
		&::before {
			content: "";
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 0;
			background: $default-theme-bg;
			background-size: 200% auto;
			background-position: 0 0;
			pointer-events: none;
			filter: blur(50rpx)
		}
	}
	
	// 页面内容
	.home {
		&::before {
			background-size: 200% auto;
		}
		
		.grid_box {
			.grid_item {
				.img {
					width: 108rpx;
					height: 108rpx;
					border-radius: 50%;
					margin: 0 auto;
					display: flex;
					align-items: center;
					justify-content: center;
					overflow: hidden;
				}
			}
		}
	}
	
	.tool,
	.role {
		&::before {
			background-size: 150% auto;
		}
		
		.swiper_content {
			padding: 24rpx 40rpx 60rpx 40rpx;
			
			.item {
				background: #fff;
				border-radius: 20rpx;
				padding: 24rpx 30rpx;
				display: flex;
				align-items: center;
				margin-bottom: 40rpx;
				position: relative;
				
				&:last-child {
					margin-bottom: 0;
				}
				
				.img {
					width: 96rpx;
					height: 96rpx;
					border-radius: 50%;
					overflow: hidden;
					
					.icon {
						position: absolute;
						top: 15rpx;
						right: 15rpx;
						
						&::v-deep .u-icon__icon {
							background: $default-gradient-bg;
							-webkit-background-clip: text;
							color: transparent;
						}
					}
					
					.image {
						width: 100%;
						height: 100%;
					}
				}
				
				.info {
					flex: 1;
					margin-left: 32rpx;
					font-size: 28rpx;
					color: #000;
					
					.text1 {
						font-weight: bold;
					}
					
					.text2 {
						margin-top: 8rpx;
					}
				}
			}
		}
	}
	
	.helper,
	.helper-role,
	.helper-write {
		&::before {
			background-size: 250% auto;
		}
		
		.message_box {
			.message_item {
				&.right {
					.content {
						background: $default-gradient-bg;
					}
				}
			}
		}
		
		.tools_view {
			.item {
				&.active {
					background: $default-gradient-bg;
				}
			}
		}
		
		.record_popup_mask {
			background: $white;
			
			.p_main {
				.textarea {
					color: $black;
				}
			}
			
			.p_footer {
				.touchs {
					.action {
						.left {
							color: $black;
						}
						
						.center {
							.icon {
								background: $default-mask;
							}
						}
						
						.right {
							color: $blue;
						}
					}
					
					.mask {
						background: $default-mask;
					}
				}
			}
		}
	}
	
	.user {
		&::before {
			background-size: 100% auto;
		}
		
		.vip_card {
			.vip_box {
				background: $default-vip-bg;
			}
			
			.integral_box {
				background: $brown;
				
				.right {
					.text {
						color: $white;
					}
				}
			}
		}
	}
	
	.share-index {
		.top_card {
			&.level1 {
				background-image: $default-share-bg-1;
				
				.line1 {
					.right {
						color: #000;
					}
				}
			}
			
			&.level2 {
				background-image: $default-share-bg-2;
			
				.line1 {
					.right {
						color: rgba(142, 95, 6, 1);
					}
				}
			}
			
			&.level3 {
				background-image: $default-share-bg-3;
				
				.line1 {
					.right {
						color: rgba(142, 95, 6, 1);
					}
				}
			}
		}
		
		.menu_card .item.active {
			background: $default-gradient-bg !important;
		}
	}
	
	.share-team {
		.top_card {
			background: $default-gradient-bg;
		}
		
		.content_box {
			.title {
				color: $black;
			}
			
			.list_box .item .left .info .text1,
			.list_box .item .right {
				color: $default-text;
			}
		}
	}
	
	.share-brokerage {
		.top_card {
			background: $default-gradient-bg;
		}
		
		.content_box {
			.title {
				color: $black;
			}
			
			.list_box .item {
				color: $default-text;
			}
		}
	}
	
	.share-withdraw {
		.page_content {
			background: #F9F9F9;
			
			&::before {
				background: $default-gradient-bg;
			}
		}
		
		.top_card {
			.line3 {
				.right {
					color: $blue;
				}
			}
		}
		
		.content_box {
			.title {
				color: $black;
			}
			
			.list_box {
				.item {
					.left .info .text1 {
						color: $default-text;
					}
					
					.right {
						&.default {
							color: $black;
						}
						
						&.error {
							color: $error;
						}
						
						&.success {
							color: $success;
						}
					}
				}
			}
		}
	}
	
	.share-payee {
		.form_box {
			.form_input {
				.label,
				.input {
					color: $black;
				}
			}
		}
	}
	
	.dealer-index {
		.page_content {
			&::before {
				background-image: url('~@/static/images/v_bg_default.png');
			}
		}
		
		.info_box {
			.user {
				.content {
					.p1 {
						color: $black;
					}
				}
			}
		}
		
		.content_box {
			.level_box {
				.title {
					color: $black;
				}
				
				.list_box {
					.item {
						border: 4rpx solid transparent;
						
						&.active {
							background-image: linear-gradient(to right, #000, #000), $default-gradient-bg !important;
						}
						
						.tip {
							top: -4rpx;
							right: -4rpx;
							background: $default-gradient-bg;
						}
						
					}
				}
			}
		}
	}
	
	.drawing-task {
		.list_box {
			color: $black;
		}
	}
	
	.tool-info {
		.main_content {
			.title {
				color: $black;
			}
		}
		
		.tools_view {
			.item {
				&.active {
					background: $default-gradient-bg !important;
					color: $white;
				}
			}
		}
	}
	
	.integral-index {
		.top_card {
			background: $default-gradient-bg;
			
			.right {
				color: $purple;
			}
		}
		
		.content_box {
			.title {
				color: $black;
			}
			
			.list_box {
				.item {
					color: $default-text;
				}
			}
		}
	}
	
	.integral-recharge {
		.list_box {
			.item {
				&.active {
					background-image: linear-gradient(to right, #F1ECFC, #F1ECFC), $default-gradient-bg;

					.line2 {
						color: #7948ea;
						@supports (-webkit-background-clip: text) or (background-clip: text) {
							background: $default-gradient-bg;
							-webkit-background-clip: text;
							background-clip: text;
							color: transparent;
						}
					}
					
					.line3 {
						color: #7948ea;
					}
				}
				
				&.badge {
					&::before {
						background: $default-gradient-bg;
					}
				}
			}
		}
	}
}