body {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
    background: linear-gradient(135deg, #FF7A28 0%, #FF9A44 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* 登录卡片 */
.login-card {
    background: #fff;
    width: 100%;
    max-width: 480px;
    border-radius: 16px;
    padding: 40px 30px;
    box-shadow: 0 8px 32px rgba(255, 122, 40, 0.3);
}

/* 输入框 */
.input-group {
    position: relative;
    margin-bottom: 20px;
}
.input-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    opacity: 0.6;
}
.input-icon svg {
    width: 100%;
    height: 100%;
    fill: #999;
}
.form-input {
    width: 100%;
    height: 56px;
    background: #F5F5F5;
    border: none;
    border-radius: 28px;
    padding: 0 50px 0 56px;
    font-size: 18px;
    color: #333;
    outline: none;
}
.form-input::placeholder {
    color: #999;
}
.clear-btn {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #DCDCDC;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0.7;
}
.clear-btn svg {
    width: 14px;
    height: 14px;
    fill: #fff;
}

/* 记住账号/密码 */
.remember-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 0 8px;
}
.checkbox-item {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
.custom-checkbox {
    width: 24px;
    height: 24px;
    border: 2px solid #999;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}
.custom-checkbox.checked {
    background: #FF6B2A;
    border-color: #FF6B2A;
}
.custom-checkbox svg {
    width: 16px;
    height: 16px;
    fill: #fff;
    display: none;
}
.custom-checkbox.checked svg {
    display: block;
}
.checkbox-label {
    font-size: 16px;
    color: #333;
}
.forgot-pwd {
    font-size: 16px;
    color: #FF6B2A;
    text-decoration: none;
}

/* 登录按钮 */
.login-btn {
    width: 100%;
    height: 56px;
    background: linear-gradient(135deg, #FF7A28 0%, #FF9A44 100%);
    color: #fff;
    border: none;
    border-radius: 28px;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(255, 122, 40, 0.2);
    margin-bottom: 20px;
}

/* 注册入口 */
.register-link {
    text-align: center;
    font-size: 16px;
    color: #FF6B2A;
    margin-bottom: 30px;
}
.register-link a {
    color: #FF6B2A;
    text-decoration: none;
    font-weight: 500;
}

/* 协议勾选 */
.agreement-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 8px;
}
.agreement-text {
    font-size: 14px;
    color: #333;
}
.agreement-text a {
    color: #FF6B2A;
    text-decoration: none;
}

.code-row {display: flex;align-items: center;background: #F5F5F5;border-radius: 28px;margin-bottom: 20px;height: 56px;position: relative;}
.code-input {flex: 1;height: 100%;padding: 0 120px 0 56px;font-size: 18px;}
.code-btn {position: absolute;right: 16px;top: 50%;transform: translateY(-50%);padding: 8px 16px;border: 1px solid #FF6B2A;background: #fff;color: #FF6B2A;border-radius: 16px;font-size: 16px;font-weight: 500;cursor: pointer;white-space: nowrap;min-width: 100px;text-align: center;}
.code-btn:disabled {opacity: 0.6;cursor: not-allowed;}