@keyframes fadeUp {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

.box {
	background: var(--white);
    width: 100%;
    max-width: 420px;
    padding: 40px 30px;
    border-radius: var(--radius);
    box-shadow: var(--shadow-lg);
    position: relative;
}

/* Logo 样式 */
.logo {
	text-align: center;
	margin-bottom: .5em;
}
.logo img {
	height: 4rem;
}

.tip{
	text-align: center;
    color: var(--primary);
	font-size: 14px;
	margin-bottom: 1em;
}

.danger{
	color:red;
}

@keyframes shake {
	0% { transform: translateX(0); }
	25% { transform: translateX(-10px); }
	50% { transform: translateX(10px); }
	75% { transform: translateX(-10px); }
	100% { transform: translateX(10px); }
}
.shake-animation {
	animation: shake .2s;
	animation-iteration-count: 1;
}

.input-item {
	margin-bottom: 1em;
	position: relative;
}
.input-item input {
	width: 100%;
	height: 48px;
	border: 1px solid #e5e6eb;
	border-radius: var(--radius);
	padding: 0 15px 0 45px;
	font-size: 14px;
	outline: none;
	transition: 0.2s;
}
.input-item input:focus {
	border-color: #1677ff;
}
.input-item i {
	position: absolute;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #999;
	font-size: 16px;
}
.btn-submit {
	width: 100%;
	height: 48px;
	background: var(--primary);
	color: #fff;
	border: none;
	border-radius: var(--radius);
	font-size: 16px;
	cursor: pointer;
	transition: 0.2s;
	margin-top: 10px;
}
.btn-submit:hover {
	background: var(--primary-dark);
}

.link {
	/* text-align: center; */
	margin-top: 20px;
	font-size: 14px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
}

.link a {
	text-decoration: none;
}

.link a:hover{
    text-decoration: underline;
}


.code-box {
    display: flex;
    gap: 10px;
}
.code-box input {
    flex: 1;
}
.code-btn {
    width: 120px;
    height: 46px;
    border: 1px solid #1677ff;
    background: #fff;
    color: #1677ff;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
}
.code-btn.disabled {
    background: #f5f7fa;
    color: #999;
    border-color: #e5e6eb;
    cursor: not-allowed;
}