//全局样式

* {
    box-sizing: border-box;
}

html {
    height: 100%;
    cursor: default;
	line-height: 1.5;
}

body {
	font-family: Poppins, Poppins;
    height: 100%;
}

#__nuxt, #__layout{
    height: 100%;
}

.pointer {
    cursor: pointer;
}

a {
    text-decoration: none;
    -webkit-user-drag: none;

    &:hover {
        cursor: pointer;
        color: #fff; //鼠标悬浮
    }

    &:link {
        color: #fff; //未访问
    }

    &:active {
        color: #fff; //鼠标按下
    }

    &:visited {
        color: #fff; //已访问
    }
}
.flex{
	display: flex;
}
#sub-container {
		width: 100%;
		height: 100%;
}
.gradient-color {
			background: linear-gradient(0deg, #2563EB 22%, #7B61FF 73%);
			@include font-color-transprent;
		}

.input-container {
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			/* 浅灰色背景 */

			width: 600px;
			/* 添加轻微阴影效果 */
			.search-icon {
				position: absolute;
				right: 30px;
				font-size: $normal-font-size;
			}
		}

		/* 输入框 */
		.input-container input[type="text"] {
			flex: 1;
			height: 60px;
			padding: 15px 30px;
			font-size: 16px;
			border: none;
			border-radius: 12px;
			background-color: #ffffff;
			/* 白色背景 */
			color: #666666;
			/* 文字颜色 */
			outline: none;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			/* 添加轻微阴影效果 */
		}


		/* 例如，可以通过:focus伪类来处理聚焦状态 */
		.input-container input[type="text"]:focus {
			border-color: #ffffff;
			/* 设置聚焦时的边框颜色 */
		}

		.input-container input[type="text"]::placeholder {
			color: #DCE1E8;
			/* 设置占位符的颜色 */
		}

.line{
	width: 100%;
	height: 2px;
	background: #E2E8F0;
	margin:30px 0 ;
}
#normal-container {
		@include container-bg;
		flex: 1;
	}