@import "@/uni.scss";

// 旧版
:root,
.default-theme {
    --main-color: #00C8D5;
    --bg-color: #00CCD8;
    --bg-color2: #0B7FB4;
    --bg-color3: #049EBB;
    --bg-popup: #049EBB;
    --left-linear: #00B0BC;
    --left-linear2: #00B0BC;
    --right-linear: #0A7EB7;
    --btn-color1: #0A85B7;
    --btn-color2: #47A4B6;
    --btn-color3: #0A84B8;
    --btn-color4: #049CBB;
    --btn-color5: #0790B9;
    --stress-color: #FFFFFF;
    --stress-color2: #049EBB;
    --active-color: #00A7BE;
    --text-color: #FFFFFF;
    --stress-text: #045459;
    --rgb-color: 0, 84, 118;
	--blackOrWhite:#000000; //默认是黑 金刚是白
	--whiteOrBlack:#FFFFFF; //默认是白 金刚是黑
}

// 英文语言类
// .en_lang {
//     @for $i from 10 through 36 {
//         --f#{$i}: #{$i}rpx;
//     }
// }
// // 中文比英文大两号
// // 中文语言类，使用前缀并调整值
// .zh_lang {
//     @for $i from 10 through 36 {
//         --f#{$i}: #{($i + 2)}rpx; // 添加了前缀并增加了2rpx
//     }
// }


.golden-theme {
    --main-color: #FEBD00;
    --bg-color: #0F2232;
    --bg-color2: #0F2232;
    --bg-color3: #0F2232;
    --bg-popup: #FFCC37;
    --left-linear: #FEBD00;
    --left-linear2: #FFA600;
    --right-linear: #FEBD00;
    --btn-color1: #FEBD00;
    --btn-color2: #DEB150;
    --btn-color3: #FEBD00;
    --btn-color4: #FFBE00;
    --btn-color5: #FFBE00;
    --stress-color: #FEBD00;
    --stress-color2: #FEB200;
    --active-color: #FEBD00;
    --text-color: #0F2232;
    --stress-text: #0F2232;
    --rgb-color: 246, 189, 66;
	--blackOrWhite:#FFFFFF;
	--whiteOrBlack:#000000;
}

* {	
	font-family:
	"PingFang SC",
	"Microsoft YaHei",
	-apple-system,
	BlinkMacSystemFont,
	"Segoe UI",
	Roboto,
	Helvetica,
	Arial,
	sans-serif;
	// line-height: 1;
}

.location-popup {
	display: flex;
    align-items: start;
    justify-content: center;
    height: 100%;

	& > .select-area-wrap {
		display: flex;
		position: fixed;
		width: 750rpx;
		margin-top: 128rpx;
		padding: 40rpx 0;
		background-color: var(--bg-popup);

		.inner-wrap {
			width: 50%;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			overflow: hidden;
			overflow-y: scroll;
			padding-left: 40px;
		}

		.top-wrap {
			display: flex;
			margin-bottom: 20rpx;

			.text {
				font-weight: bold;
				margin-left: 16rpx;
			}
		}

		.select-wrap {
			max-height: calc(100vh - 400rpx);
			overflow: auto;

			.select-item {
				display: flex;
				align-items: center;
				margin-bottom: 20rpx;

				.circle {
					min-width: 40rpx;
					min-height: 40rpx;
					width: 40rpx;
					height: 40rpx;
					margin-right: 30rpx;
					background: #FFFFFF;
					border-radius: 50%;
					border: 2px solid #000000;
				}

				.name {
					font-weight: bold;
				}

				&.select {
					.circle {
						background: var(--main-color);
					}
				}
			}
		}

		.border {
			position: absolute;
			top: 40rpx;
			left: 50%;
			width: 2px;
			height: calc(100% - 80rpx);
			background: #000000;
		}
	}
}