/* 家庭记录手册 · 学习规划师样式（沿用奶油低饱和设计语言） */

/* 首页 */
.stu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stu-entry{background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px 14px;text-align:left;box-shadow:var(--sh);display:flex;flex-direction:column;gap:9px;min-height:104px}
.stu-entry .ic{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center}
.stu-entry b{font-size:14.5px;font-weight:600;display:block}
.stu-entry span{font-size:11.5px;color:var(--ink3);line-height:1.5}
.stu-entry .num{margin-top:auto;font-size:11.5px;color:var(--ink2)}

/* 年级条 */
.stu-grade{display:flex;align-items:center;gap:12px;background:linear-gradient(158deg,#FFF4EF,#F7F3FA);border:1px solid #F3E7E0;border-radius:22px;padding:16px;margin-bottom:12px}
.stu-grade .g1{flex:1;min-width:0}
.stu-grade h3{font-size:16px;font-weight:600;display:flex;align-items:center;gap:7px}
.stu-grade .gs{font-size:11.5px;color:var(--ink2);margin-top:5px}
.stu-grade .chev{color:var(--ink3);display:flex;align-items:center}

/* 学科进度行 */
.sub-line{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line2)}
.sub-line:last-child{border-bottom:none}
.sub-line .sic{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}
.sub-line .sm{flex:1;min-width:0}
.sub-line .sn{font-size:14px;font-weight:600;display:flex;align-items:center;gap:7px}
.sub-line .sp{font-size:11px;color:var(--ink3);margin-top:5px}
.sub-line .sbar{height:5px;border-radius:99px;background:rgba(64,59,59,.07);margin-top:7px;overflow:hidden}
.sub-line .sbar i{display:block;height:100%;border-radius:99px;transition:.4s}
.sub-line .sgo{color:var(--ink3);flex:0 0 auto}

/* 单元列表 */
.u-row{display:flex;align-items:flex-start;gap:11px;padding:13px 0;border-bottom:1px solid var(--line2)}
.u-row:last-child{border-bottom:none}
.u-row .ut{flex:1;min-width:0}
.u-row .un{font-size:14px;font-weight:500;line-height:1.45}
.u-row .uk{font-size:11.5px;color:var(--ink3);margin-top:5px;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.u-row .dot{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line);flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin-top:2px;background:#fff}
.u-row .dot.on{background:var(--sage);border-color:var(--sage);color:#fff}

/* 复习卡 */
.rcard .sec{margin:0 0 14px}
.rcard .sec:last-child{margin-bottom:0}
.rcard .sh{font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:7px;margin-bottom:9px}
.rcard .sh .badge{margin-left:auto;font-size:10.5px;font-weight:400;color:var(--ink3)}
.rcard ul{list-style:none}
.rcard li{font-size:13.5px;line-height:1.75;padding-left:17px;position:relative;margin-bottom:6px;color:#4E4848}
.rcard li:before{content:'';position:absolute;left:4px;top:9px;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.rcard .ebox{background:#FFF9F6;border:1px solid #F7E9E4;border-radius:14px;padding:12px 13px}
.rcard .ebox li:before{background:#E4796F}
.rcard .qbox{background:#F7FAF7;border:1px solid #E7F0E8;border-radius:14px;padding:12px 13px}
.rcard .qitem{display:flex;gap:9px;align-items:flex-start;padding:7px 0;font-size:13.5px;line-height:1.6;color:#4E4848}
.rcard .qitem .qb{width:19px;height:19px;border-radius:6px;border:1.5px solid #CFE0D2;background:#fff;flex:0 0 auto;margin-top:1px;display:flex;align-items:center;justify-content:center;color:#fff}
.rcard .qitem .qb.on{background:var(--sage);border-color:var(--sage)}
.wchiprow{display:flex;flex-wrap:wrap;gap:6px}
.wchip{background:var(--blue-soft);color:#40628B;border-radius:9px;padding:6px 9px;font-size:12.5px;line-height:1.2}
.wchip i{font-style:normal;color:#7C96B4;margin-left:5px;font-size:11px}

/* 单词练习 */
.w-stage{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px 20px;text-align:center;box-shadow:var(--sh);min-height:206px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.w-stage .wen{font-size:30px;font-weight:700;letter-spacing:-.5px;line-height:1.25;word-break:break-word}
.w-stage .wcn{font-size:16px;color:var(--ink2);line-height:1.6}
.w-stage .wtip{font-size:11.5px;color:var(--ink3)}
.w-stage .wbig{font-size:34px;font-weight:700;line-height:1.2}
.wprog{height:4px;border-radius:99px;background:rgba(64,59,59,.07);margin:14px 0 8px;overflow:hidden}
.wprog i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#A8C6DE,#5A82B0);transition:.3s}
.wmeta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink3)}
.wgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.wcell{border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 11px;text-align:left}
.wcell .e{font-size:13.5px;font-weight:600;word-break:break-word}
.wcell .c{font-size:11.5px;color:var(--ink3);margin-top:3px;line-height:1.4}
.wcell .st{display:inline-block;margin-top:6px;font-size:10px;padding:2px 6px;border-radius:99px;background:var(--line2);color:var(--ink3)}
.wcell .st.g{background:var(--sage-soft);color:#4E8F5F}
.wcell .st.y{background:var(--gold-soft);color:#A87C2C}
.winp{width:100%;border:1px solid var(--line);background:#FCFAF9;border-radius:16px;padding:15px 16px;font-size:17px;text-align:center;outline:none;font-family:inherit;color:var(--ink)}
.winp:focus{border-color:var(--accent);background:#fff}
.wres{text-align:center;padding:22px 0}
.wres .big{font-size:40px;font-weight:700;letter-spacing:-1px}
.wres .lb{font-size:13px;color:var(--ink2);margin-top:8px}

/* 学习记录 */
.log-row{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--line2)}
.log-row:last-child{border-bottom:none}
.log-row .ld{width:7px;border-radius:99px;background:var(--line);flex:0 0 auto}
.log-row .lt{flex:1;min-width:0}
.log-row .l1{font-size:13.5px;font-weight:500}
.log-row .l2{font-size:11.5px;color:var(--ink3);margin-top:4px}

/* 打印 */
@media print{
  body{background:#fff}
  .tabbar,.fab,.top .iconbtn,.stu-noprint{display:none!important}
  .app{max-width:none;padding:0}
  .card{box-shadow:none;border-color:#E5E5E5;break-inside:avoid}
  .rcard li{color:#000}
}
