<template>
    <div class="recommend-container">
      <div class="content">
        <button class="start-btn" @click="goToPreferenceForm">开始填写</button>
      </div>
    </div>
  </template>
  
  <script>
  export default {
    name: 'RecommendIndex',
    methods: {
      goToPreferenceForm() {
        this.$router.push('/main/recommend/preference')
      }
    }
  }
  </script>
  
  <style scoped>
  .recommend-container {
    width: 100%;
    min-height: calc(100vh - 60px);
    background-image: url('../../assets/pictures/recommendbg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .content {
    text-align: center;
    padding: 20px;
  }
  
  .start-btn {
    background-color: #E5579B;
    color: white;
    border: none;
    padding: 12px 40px;
    font-size: 18px;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .start-btn:hover {
    transform: scale(1.05);
    background-color: #d94b8b;
  }
  </style>