/* 学习报告看板 —— 与主程序风格统一（青蓝 aurora 背景 / 玻璃卡片）。
   仅"换皮"：保留全部选择器与布局，只调整配色 / 表面 / 阴影。 */
#view-detail:has(.report-board--balanced){ background: transparent; }   /* 露出全局 .aurora，与报告内容页一致 */
#view-detail:has(.report-board--balanced) .detail__body{ justify-content:flex-start; padding:0 28px 24px }
.report-board--balanced{ max-width:1060px; padding:12px 20px 20px; margin:0 auto }
.report-board--balanced .rb-head{ text-align:center; margin:0 0 24px }
.report-board--balanced .rb-head__eyebrow{ color:var(--c-cyan-deep); font-size:11px; font-weight:800; letter-spacing:2px }
.report-board--balanced .rb-head__title{ font-size:clamp(24px,2.5vw,32px); font-weight:900; letter-spacing:-.2px; line-height:1.4; color:var(--ink); margin:8px 0 }
.report-board--balanced .rb-head__lead{ color:var(--ink-soft); font-size:14px; line-height:1.7 }
.report-board--balanced .rb-steps{ justify-content:space-between; margin:0 0 14px; gap:16px }
.report-board--balanced .rb-steps__t{ font-size:13px; font-weight:800; color:var(--ink-soft); letter-spacing:0 }
.rb-update{ display:flex; align-items:center; gap:6px; font-size:11px; color:var(--ink-soft) }
.rb-update i{ height:5px; width:5px; background:var(--c-cyan); border-radius:50% }
.report-board--balanced .rb-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:stretch }
.report-board--balanced .report-entry{ --report-accent:#0C93A6; --report-tint:rgba(12,147,166,.10); appearance:none; display:flex; align-items:stretch; flex-direction:column; min-width:0; min-height:216px; margin:0; padding:22px 24px 0; border:1px solid var(--line); border-radius:20px; background:var(--glass); color:var(--ink); font:inherit; text-align:left; box-shadow:0 10px 26px rgba(20,40,70,.08); cursor:pointer; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease }
.report-board--balanced .report-entry--r2{ --report-accent:#8B5CF6; --report-tint:rgba(139,92,246,.10) }
.report-board--balanced .report-entry--r3{ --report-accent:#25B99A; --report-tint:rgba(37,185,154,.10) }
.report-board--balanced .report-entry--r4{ --report-accent:#B57400; --report-tint:rgba(255,200,61,.14) }
.report-board--balanced .report-entry--r5{ --report-accent:#B57400; --report-tint:rgba(255,200,61,.16) }
/* 第3讲：共五份报告（知识前测 / 精讲精练 / 课后习题 / AI 使用 / 综合）→ 上排 2 张、下排 3 张 */
.report-board--balanced .rb-grid--five{ grid-template-columns:repeat(6,minmax(0,1fr)) }
.report-board--balanced .rb-grid--five .rbc{ grid-column:span 3 }
.report-board--balanced .rb-grid--five .rbc:nth-child(n+3){ grid-column:span 2 }
.report-board--balanced .report-entry:hover{ transform:translateY(-2px); border-color:rgba(12,147,166,.35); box-shadow:0 14px 32px rgba(20,40,70,.14) }
.report-board--balanced .report-entry:focus-visible{ outline:3px solid #0C93A6; outline-offset:4px }
.report-entry__top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:15px }
.report-entry__icon{ display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:var(--report-tint); color:var(--report-accent) }
.report-entry__icon svg{ width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round }
.report-entry__state{ display:flex; align-items:center; gap:6px; font-size:11px; color:var(--ink-soft); background:rgba(12,147,166,.08); border-radius:20px; padding:5px 9px }
.report-entry__state i{ width:4px; height:4px; border-radius:50%; background:currentColor }
.report-entry__state.is-ready{ color:#0E7A66; background:rgba(37,185,154,.14) }
.report-entry__title{ display:block; font-size:19px; line-height:1.4; font-weight:800; letter-spacing:.1px }
.report-entry__description{ display:block; font-size:12px; color:var(--ink-soft); line-height:1.7; margin:7px 0 18px }
.report-entry__footer{ display:flex; justify-content:space-between; align-items:center; gap:10px; border-top:1px solid rgba(12,147,166,.12); padding:16px 0; margin-top:auto; min-height:52px }
.report-entry__summary{ font-size:11px; color:var(--ink-soft); line-height:1.6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.report-entry__action{ display:inline-flex; align-items:center; gap:8px; white-space:nowrap; font-size:12px; font-weight:800; color:var(--c-cyan-deep) }
.report-entry__action svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round }
@media(min-width:700px) and (max-height:750px){ .report-board--balanced .rb-head{margin-bottom:16px} .report-board--balanced .report-entry{min-height:190px;padding:16px 20px 0} .report-entry__top{margin-bottom:10px} .report-entry__description{margin-bottom:12px} .report-board--balanced .rb-grid{gap:16px} }
@media(max-width:600px){ #view-detail:has(.report-board--balanced) .detail__body{padding:0 14px 24px} .report-board--balanced{padding:8px 0 0} .report-board--balanced .rb-grid{grid-template-columns:1fr;gap:14px} .report-board--balanced .rb-head__title{font-size:24px} .report-board--balanced .report-entry{min-height:194px;padding:18px 20px 0} .report-entry__title{font-size:18px} .report-board--balanced .rb-head{margin-bottom:22px} .report-entry__summary{font-size:10px} }
@media(prefers-reduced-motion:reduce){ .report-board--balanced .report-entry{transition:none} }
/* 第3讲：五份报告在窄屏回落为单列，跨列设置必须一并复位 */
@media(max-width:600px){
  .report-board--balanced .rb-grid--five .rbc,
  .report-board--balanced .rb-grid--five .rbc:nth-child(n+3){ grid-column:auto }
}
/* 第3讲：精讲精练报告按层级分组（层级一 基础巩固 / 层级二 能力提升） */
.c3-layer{ margin-top:20px }
.c3-layer:first-child{ margin-top:0 }
.c3-layer__head{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:0 0 12px; padding-bottom:8px; border-bottom:1px dashed rgba(12,147,166,.26) }
.c3-layer__name{ font-size:14px; font-weight:800; color:var(--ink) }
.c3-layer__meta{ font-size:11px; color:var(--ink-soft) }