/* 六上、九上沿用八上课内篇目的纸本画卷布局，每篇使用独立题图。 */
.lesson-39 .hero { background-image: url("grade6-39-sujiande.jpg"); }
.lesson-40 .hero { background-image: url("grade6-40-wanghulou.jpg"); }
.lesson-41 .hero { background-image: url("grade6-41-xijiangyue.jpg"); }
.lesson-42 .hero { background-image: url("grade6-42-langtaosha.jpg"); }
.lesson-43 .hero { background-image: url("grade6-43-jiangnanchun.jpg"); }
.lesson-44 .hero { background-image: url("grade6-44-huyin.jpg"); }
.lesson-45 .hero { background-image: url("grade6-45-bianri.jpg"); }
.lesson-46 .hero { background-image: url("grade6-46-chongxiang.jpg"); }
.lesson-47 .hero { background-image: url("grade9-47-xinglunan.jpg"); }
.lesson-48 .hero { background-image: url("grade9-48-chouletian.jpg"); }
.lesson-49 .hero { background-image: url("grade9-49-shuidiao.jpg"); }
.lesson-50 .hero { background-image: url("grade9-50-yueyanglou.jpg"); }
.lesson-51 .hero { background-image: url("grade9-51-zuiwengting.jpg"); }
.lesson-52 .hero { background-image: url("grade9-52-huxinting.jpg"); }

/* 句子解释只保留可点击的直线标记，不再显示含义不明的空框。 */
.grade-eight-page .annot.sentence-note { border-bottom: 1px solid #a99b87; }
.grade-eight-page .annot.sentence-note:hover,
.grade-eight-page .annot.sentence-note:focus-visible,
.grade-eight-page .annot.sentence-note[aria-pressed="true"] { border-bottom-color: #a94737; }
.grade-eight-page .reading-sheet[data-focus-original="true"] .annot.sentence-note { border-bottom: 0; }

/* 字词标记采用八上页面的小钥匙，避免旧版的空心方框残留。 */
.grade-eight-page .marker.key { border: 0; background: transparent; }
.grade-eight-page .marker.key::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 6px;
  height: 6px;
  border: 1.5px solid #8e3e32;
  border-radius: 50%;
  background: #a94737;
}
.grade-eight-page .marker.key::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 7px;
  width: 11px;
  height: 4px;
  background: #292c2a;
  clip-path: polygon(0 0,100% 0,100% 50%,75% 50%,75% 100%,55% 100%,55% 50%,0 50%);
}

/* 长篇题目在题图留白区内换行，保持与短诗同样的阅读层级。 */
.lesson-40 .hero h1,
.lesson-41 .hero h1,
.lesson-48 .hero h1,
.lesson-49 .hero h1 { font-size: clamp(36px,4.1vw,59px); line-height: 1.32; }

@media (max-width: 700px) {
  .lesson-40 .hero,
  .lesson-48 .hero,
  .lesson-49 .hero { min-height: 535px; }
  .lesson-40 .hero h1,
  .lesson-41 .hero h1,
  .lesson-48 .hero h1,
  .lesson-49 .hero h1 { font-size: clamp(31px,7.3vw,42px); }
}