/* 家长报告（js/parent-report.js）：一页看懂孩子这一周的学习 */
.rp{max-width:760px;margin:0 auto;display:grid;gap:14px}
.rp-head{padding:18px 20px;border-radius:var(--r-lg);background:linear-gradient(135deg,#FFF6DC,#FFFDF6);border:2px solid #F7E2A8;box-shadow:var(--shadow-sm)}
.rp-head h2{margin:0;font-size:22px;font-weight:900;color:var(--ink)}
.rp-date{margin:4px 0 0;font-size:14px;font-weight:700;color:var(--ink2)}
.rp-headline{margin:10px 0 0;font-size:17px;font-weight:800;line-height:1.6;color:#6B4A00}

.rp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.rp-kpi{display:grid;gap:2px;align-content:start;padding:12px 12px 10px;border-radius:var(--r-md);background:var(--card);box-shadow:var(--shadow-sm);text-align:center}
.rp-kpi b{font-size:26px;font-weight:900;line-height:1.15;color:var(--ink)}
.rp-kpi b i{font-style:normal;font-size:14px;font-weight:800;color:var(--ink2);margin-left:2px}
.rp-kpi span{font-size:14px;font-weight:900;color:var(--ink)}
.rp-kpi small{font-size:12px;font-weight:700;color:var(--ink2);line-height:1.4}
.rp-kpi .rp-up{color:#157A54}
.rp-kpi .rp-down{color:#C0392B}

.rp-card{padding:14px 16px;border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow-sm)}
.rp-h{margin:0 0 8px;font-size:17px;font-weight:900;color:var(--ink);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.rp-h small{font-size:13px;font-weight:700;color:var(--ink2)}
.rp-now{margin:4px 0;font-size:15px;font-weight:700;color:var(--ink);line-height:1.6}
.rp-sub{margin:6px 0 2px;font-size:14px;font-weight:800;color:var(--ink2)}
.rp-list{margin:4px 0;padding:0;list-style:none;display:grid;gap:4px;font-size:15px;font-weight:700;color:var(--ink);line-height:1.5}
.rp-link{margin:8px 0 0}
.rp-a{border:0;background:none;padding:6px 0;font:inherit;font-size:14px;font-weight:900;color:var(--sky-d);cursor:pointer}
.rp-a:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:6px}

/* 一周七天的柱子 */
.rp-week{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:end}
.rp-day{display:grid;justify-items:center;gap:3px}
.rp-day-n{min-height:16px;font-size:12px;font-weight:800;color:var(--ink2)}
.rp-bar{position:relative;width:100%;max-width:34px;height:96px;border-radius:10px;background:#F6F1EA;overflow:hidden}
.rp-bar i{position:absolute;left:0;right:0;bottom:0;border-radius:10px;background:linear-gradient(180deg,#FFD66B,#F5A524)}
.rp-day[data-state="done"] .rp-bar i{background:linear-gradient(180deg,#5FD8B8,#1FA58B)}
.rp-day[data-state="future"] .rp-bar{background:#FAF7F2;opacity:.6}
.rp-day[data-today="1"] .rp-bar{box-shadow:0 0 0 2px var(--sun-d)}
.rp-day-mark{min-height:18px;font-size:14px;font-weight:900;color:#1FA58B}
.rp-day-wd{font-size:13px;font-weight:900;color:var(--ink2)}
.rp-day[data-today="1"] .rp-day-wd{color:var(--ink)}
.rp-legend{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;font-weight:700;color:var(--ink2)}
.rp-lg{font-weight:900}
.rp-lg.done{color:#1FA58B}

.rp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.rp-more summary{cursor:pointer;font-size:14px;font-weight:800;color:var(--sky-d);padding:4px 0}
.rp-units{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.rp-units li{display:grid;grid-template-columns:minmax(0,1fr) 60px 34px;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink)}
.rp-u-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-u-n{text-align:right;color:var(--ink2)}
.rp-mini{display:block;height:8px;border-radius:6px;background:#F1ECE4;overflow:hidden}
.rp-mini i{display:block;height:100%;border-radius:6px;background:var(--mint)}
.rp-lvs{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.rp-lv{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:13px;font-weight:900;background:#F1ECE4;color:var(--ink2)}
.rp-lv[data-s="1"]{background:#E3F4EC;color:#2E7D5B}
.rp-lv[data-s="2"]{background:#FFE9A8;color:#8A5A00}
.rp-lv[data-s="3"]{background:#FFC9C0;color:#A33A2A}
.rp-medal{margin:4px 0;font-size:14px;font-weight:800;color:#8A5A00}

.rp-tips ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rp-tips li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:start;padding:10px 12px;border-radius:14px;background:#FFFBF2;font-size:15px;font-weight:700;line-height:1.6;color:var(--ink)}
.rp-tip-i{font-size:20px;line-height:1.3}
/* 今晚聊一聊（小卡） */
.rp-talk-q{margin:0 0 8px;font-size:16px;font-weight:800;line-height:1.6;color:var(--ink)}
.rp-talk-t{display:block;font-size:14px;font-weight:900;color:var(--ink2)}
.rp-talk-pick{margin:0 0 8px;padding:8px 12px;border-radius:14px;background:#FFFBF2;font-size:15px;font-weight:700;line-height:1.6;color:var(--ink);overflow-wrap:anywhere}
.rp-talk-pick[data-seen="0"]{color:var(--ink2)}
.rp-talk-home{margin:0;padding:10px 12px;border-radius:14px;background:#FFF6DC;font-size:15px;font-weight:700;line-height:1.6;color:#6B4A00;overflow-wrap:anywhere}
.rp-foot{margin:0;font-size:12px;font-weight:600;color:var(--ink2);line-height:1.6;text-align:center}
.rp-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}

/* 首页和家长说明里的入口 */
.storybook-foot{gap:10px;flex-wrap:wrap}
.pnote-report{display:grid;justify-items:center;gap:4px;margin:6px 0 10px}
.pnote-report small{font-size:13px;font-weight:700;color:var(--ink2)}

@media (max-width:640px){
  .rp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rp-grid{grid-template-columns:minmax(0,1fr)}
  .rp-head h2{font-size:20px}
  .rp-kpi b{font-size:23px}
  .rp-week{gap:4px}
}