/* pages/info/info.less */
page {
	display: flex;
	flex-direction: column;
}

.info {
	height: 100%;
	display: flex;
	padding: 100rpx 0;
	box-sizing: border-box;
	flex-direction: column;

	.cotainer {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		.header {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
	
			.logo {
				width: 128px;
				height: 128px;
				display: block;
				border-radius: 4px;
				box-shadow: 2px 2px 8px var(--theme-shadow-medium);
				margin-bottom: 1rem;
			}

			.name {
				margin: 0 .5rem;
				display: inline-block;

				&.gao {
					color: var(--theme-brand-gao);
				}

				&.yeyu {
					color: var(--theme-brand-yeyu);
				}
			}
		}

		.text {
			color: var(--theme-text-secondary);
			font-size: 12px;
			text-align: center;

			.love {
				color: transparent;
				font-size: 1.25rem;
				animation: loveGradient 1000ms linear infinite;
				text-align: center;
				background: linear-gradient(90deg, var(--theme-brand-gao-light), var(--theme-brand-gao), var(--theme-brand-gao-dark), var(--theme-brand-gao), var(--theme-brand-gao-light));
				font-weight: bold;
				font-family: "Arial", sans-serif;
				margin-bottom: 1rem;
				background-size: 200% 100%;
				background-clip: text;
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}

			@keyframes loveGradient {
				0% {
					background-position: 0% 50%;
				}
				100% {
					background-position: 200% 50%;
				}
			}
		}
	
		.footer {
			display: flex;
			align-items: center;
			flex-direction: column;

			.exit {
				color: var(--theme-error);
				width: 10rem;
				margin-bottom: 1rem;
			}

			.item {
				font-size: 14px;
				text-align: center;

				.label {
					color: var(--theme-text-secondary);
				}

				&.copyright {
					display: flex;
					font-size: 12px;
					flex-direction: column;
				}
			}
		}
	}
}