/* 专题包 v3 样式：列表卡片 + 详情纵向学习流 */
/* 专题包列表卡片 */
.pkg-card { background:var(--card,#fff); border:1px solid var(--border,#e5e5e5);
  border-radius:12px; padding:14px 16px; margin:8px 16px; cursor:pointer; }
.pkg-card .pkg-date { font-size:11px; color:var(--gray,#888); }
.pkg-card .pkg-title { font-size:15.5px; font-weight:600; margin:4px 0 6px; color:var(--text,#222); }
.pkg-card .pkg-meta { display:flex; flex-wrap:wrap; gap:6px; font-size:11.5px; color:var(--gray,#888); }
.pkg-card .pkg-st { font-size:10.5px; padding:2px 8px; border-radius:10px; color:#fff; }
.pkg-st.published { background:#3c8c5a; }
.pkg-st.failed, .pkg-st.retrying { background:#c0392b; }
.pkg-st.partial { background:#c9a227; }
.pkg-card .progress { margin-top:8px; }

/* 详情：模块分组 */
.pkg-mod { margin:14px 16px 6px; font-size:13.5px; font-weight:600;
  color:var(--red,#9E0B22); display:flex; align-items:baseline; gap:8px; }
.pkg-mod .done { font-weight:400; font-size:11.5px; color:var(--gray,#888); }

/* 学习项目条目（可展开三级：内容 → 出处摘要 → 原文段落） */
.pkg-item { background:var(--card,#fff); border:1px solid var(--border,#eee);
  border-left:3px solid var(--red,#9E0B22); border-radius:0 10px 10px 0;
  padding:10px 12px; margin:6px 16px; }
.pkg-item.t-thesis { border-left-color:#9E0B22; }
.pkg-item.t-logic { border-left-color:#3a7bc8; }
.pkg-item.t-term { border-left-color:#8e5bc8; }
.pkg-item.t-quote { border-left-color:#c9a227; }
.pkg-item.t-case { border-left-color:#3c8c5a; }
.pkg-item.t-transfer { border-left-color:#e07b39; }
.pkg-item .pi-content { font-size:14px; line-height:1.6; color:var(--text,#222); }
.pkg-item.t-quote .pi-content { font-weight:500; }
.pkg-item .pi-src { display:none; font-size:12px; color:var(--gray,#777);
  background:rgba(0,0,0,.03); border-radius:8px; padding:8px 10px; margin-top:8px; }
.pkg-item.open .pi-src { display:block; }
.pkg-item .pi-para { display:none; font-size:12.5px; color:var(--gray,#555);
  border-left:2px solid var(--border,#ddd); padding:6px 10px; margin-top:6px; }
.pkg-item.expanded .pi-para { display:block; }
.pkg-item .pi-note { font-size:12px; color:var(--gray,#555); margin-top:6px; }
.pkg-item .pi-note b { color:var(--text,#222); }

/* 项目操作行：状态 + 笔记 + 勾选 */
.pi-actions { display:flex; flex-wrap:wrap; gap:5px; align-items:center; margin-top:8px; }
.pi-actions .mstatus { font-size:11px; padding:3px 8px; }
.pi-actions .pi-btn { font-size:11px; padding:3px 8px; border-radius:14px;
  border:1px solid var(--border,#ddd); background:var(--card,#fff);
  color:var(--gray,#666); cursor:pointer; }
.pi-actions .pi-btn.on { background:var(--red,#9E0B22); color:#fff; border-color:var(--red,#9E0B22); }

/* 详情顶部操作 */
.pkg-head { padding:10px 16px; }
.pkg-head h2 { font-size:17px; margin:0 0 6px; color:var(--text,#222); }
.pkg-head .meta { font-size:12px; color:var(--gray,#888); margin-bottom:8px; }
.pkg-head .ops { display:flex; flex-wrap:wrap; gap:8px; }

/* 今日卡片 */
.card-q { background:var(--card,#fff); border:1px solid var(--border,#eee);
  border-radius:12px; padding:14px; margin:8px 16px; }
.card-q .q { font-size:14px; font-weight:600; color:var(--text,#222); }
.card-q .a { display:none; margin-top:10px; font-size:13.5px; line-height:1.6;
  color:var(--text,#222); background:rgba(158,11,34,.05); border-radius:8px; padding:10px; }
.card-q.flip .a { display:block; }
.card-q .a .src { display:block; margin-top:6px; font-size:11.5px; color:var(--gray,#888); }
.card-q .ops { display:flex; gap:8px; margin-top:10px; }
.card-q .ops button { flex:1; font-size:12.5px; padding:8px 0; border:0; border-radius:8px; cursor:pointer; }
.card-q .ops .know { background:var(--red,#9E0B22); color:#fff; }
.card-q .ops .later { background:#eee; color:#555; }