<template>
	<view class="splash-page" @tap="enter">
		<view class="orb"></view>
		<view class="brand">i/e Campus</view>
		<view class="slogan">把此刻的频率，轻轻调近一点。</view>
		<view class="hint">已登录 · 轻触进入</view>
	</view>
</template>

<script>
	export default {
		onLoad() {
			setTimeout(() => {
				this.enter()
			}, 1200)
		},
		methods: {
			enter() {
				uni.redirectTo({ url: '/package1/ieBrowser/mode' })
			}
		}
	}
</script>

<style lang="scss" scoped>
	page { background: #f7f9ff; }
	.splash-page {
		min-height: 100vh;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		color: #151a2d;
		background:
			radial-gradient(circle at 50% 38%, rgba(169, 255, 231, .65), rgba(169, 255, 231, 0) 220rpx),
			radial-gradient(circle at 18% 12%, rgba(139, 124, 255, .24), rgba(139, 124, 255, 0) 300rpx),
			linear-gradient(180deg, #fbfdff 0%, #eef4ff 100%);
	}
	.orb {
		width: 178rpx;
		height: 178rpx;
		border-radius: 50%;
		background: linear-gradient(145deg, #ffffff, #a9ffe7);
		box-shadow: 0 0 80rpx rgba(139, 124, 255, .22);
		animation: breath 2.8s ease-in-out infinite;
	}
	.brand { margin-top: 54rpx; font-size: 50rpx; font-weight: 800; letter-spacing: 2rpx; }
	.slogan { width: 520rpx; margin-top: 22rpx; text-align: center; color: rgba(21, 26, 45, .58); font-size: 27rpx; line-height: 44rpx; }
	.hint { position: fixed; bottom: 86rpx; color: rgba(21, 26, 45, .36); font-size: 23rpx; }
	@keyframes breath {
		0%, 100% { transform: scale(.96); opacity: .76; }
		50% { transform: scale(1.06); opacity: 1; }
	}
</style>
