<template>
  <div class="main">
    <!-- <div class="mianRouter"> -->
    <router-view></router-view>
    <!-- </div> -->
    <!-- 底部 -->
    <div class="grateful">
      <img src="../../assets/images/grateful/gratefulFooter20250613.png" alt="" />
    </div>
  </div>
</template>

<script>
export default {
  name: "Grateful",
  data() {
    return {
    };
  }
};
</script>

<style scoped lang="scss">
.main {
  background-color: #f2F5F7;
  // height: 100%;
  // display: flex;
  // flex-direction: column;

  // .mianRouter {
  //   flex: 1;
  // }
}

.grateful {
  width: 100%;
  display: flex;

  img {
    width: 100%;
    height: 100%;
  }
}

.header {
  height: 240px;
  background: url('../../../public/images/courseBg.png') no-repeat;
  background-size: 100% 100%;

  .portal-header {
    height: 72px;
    display: flex;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(61, 61, 61, 0.15);
    backdrop-filter: blur(10px);

    .portal-top {
      width: 100%;
      margin: 0px 40px;
      display: flex;
      justify-content: space-between;

      .portal-top-left {
        display: flex;
        justify-content: flex-start;
        align-items: center;
      }
    }
  }


}
</style>
