<template>
  <view class="homework-page">
    <view class="hero">
      <view class="hero-title">作业</view>
      <view class="hero-desc">提交与查看口训作业，按时完成练习</view>
    </view>

    <view class="panel">
      <view class="panel-title">暂无作业</view>
      <view class="panel-desc">请等待老师发布作业或与老师联系。</view>
    </view>
  </view>
</template>

<script>
export default {
  onShow() {
    uni.setNavigationBarTitle({ title: '作业' });
  },
};
</script>

<style>
.homework-page {
  min-height: 100vh;
  padding: 16px 14px calc(64px + env(safe-area-inset-bottom));
  background: #f7f8fb;
  box-sizing: border-box;
}

.hero {
  background: linear-gradient(135deg, #7c8cff, #9fb1ff);
  color: #ffffff;
  border-radius: 14px;
  padding: 16px 14px;
  margin-bottom: 14px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
}

.hero-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 6px;
}

.hero-desc {
  font-size: 13px;
  opacity: 0.92;
}

.panel {
  background: #ffffff;
  border-radius: 12px;
  padding: 14px 12px 16px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

.panel-title {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 8px;
}

.panel-desc {
  font-size: 13px;
  color: #4b5563;
  line-height: 1.6;
}
</style>

