/**index.wxss**/
page {
	height: 100vh;
	display: flex;
	flex-direction: column;
}

.index {
	flex: 1;
	overflow-y: hidden;

	.container {
		height: 100%;
		display: flex;
		padding: 200rpx 0;
		box-sizing: border-box;
		align-items: center;
		flex-direction: column;
		justify-content: space-between;

		.header {
			display: flex;
			align-items: center;
			flex-direction: column;
			justify-content: center;

			.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);
				}
			}
		}

		.password {
			width: 20rem;
			border-top: 1px solid var(--theme-border-light);
			border-bottom: 1px solid var(--theme-border-light);
		}

		.enter {
			width: 10rem;
		}
	}
}