/* 互动课组件：学习路线 / 翻面卡 / 做题反馈 / 任务清单 / 竖屏视频
   2026-09-25 加，老板要求「视频、点卡片、做题、做任务比例提上来，字数减下去」 */
.lx-path{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:1.8rem 0 0;padding:0}
.lx-path li a{display:block;padding:.55rem .95rem;border:1px solid var(--black);font-size:.85rem;font-weight:600;letter-spacing:.04em;color:var(--black)}
.lx-path li a:hover{background:var(--black);color:var(--paper)}
.lx-hint{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;font-size:1.05rem}
.lx-count{display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .6rem;background:var(--gray-50);border:1px solid var(--border);color:var(--black)}
.lx-count.full{background:#2f7d46;border-color:#2f7d46;color:#fff}

/* 竖屏视频 */
.lx-vvid{max-width:340px;margin:0 auto 1.6rem;border:1px solid var(--border);background:#0a0a0a}
.lx-vvid video{display:block;width:100%;aspect-ratio:9/16;background:#0a0a0a}

/* 翻面卡 */
.lx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem;margin:1.4rem 0 1rem}
.lx-cards-wide{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.lx-card{position:relative;min-height:190px;padding:0;border:none;background:none;cursor:pointer;font-family:inherit;text-align:left;perspective:1000px}
.lx-card .f,.lx-card .b{position:absolute;inset:0;padding:1.3rem 1.3rem;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .45s;font-size:1.05rem;line-height:1.7;overflow:auto}
.lx-card .f{background:var(--white);border:1px solid var(--black);color:var(--black);font-weight:600}
.lx-card .b{background:var(--black);color:var(--paper);transform:rotateY(180deg);font-weight:400}
.lx-card .f::after{content:"点我翻面 ↻";position:absolute;right:1rem;bottom:.8rem;font-size:.85rem;font-weight:400;color:var(--text-muted)}
.lx-card i{display:block;font-style:normal;font-family:'Space Grotesk',sans-serif;font-size:.85rem;letter-spacing:.08em;color:var(--accent);margin-bottom:.6rem;font-weight:600}
.lx-card small{font-size:.85rem;color:var(--text-muted);font-weight:400}
.lx-card.flipped .f{transform:rotateY(-180deg)}
.lx-card.flipped .b{transform:rotateY(0)}
.lx-cards-wide .lx-card{min-height:260px}

/* 做题反馈 */
.ls-opt.ok{background:#2f7d46!important;border-color:#2f7d46!important;color:#fff!important}
.ls-opt.bad{background:#fbeaea!important;border-color:#c0392b!important;color:#8a1f14!important}

/* 任务清单 */
.lx-tasks{border:2px solid var(--black);background:var(--white);padding:1.6rem 1.6rem 1.2rem;margin:1.6rem 0}
.lx-bar{position:relative;height:30px;background:var(--gray-50);border:1px solid var(--border);margin-bottom:1.3rem}
.lx-bar-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#2f7d46;transition:width .3s}
.lx-bar-t{position:absolute;right:.7rem;top:0;line-height:28px;font-size:.85rem;font-weight:600;color:var(--black)}
.lx-task{display:flex;gap:.9rem;align-items:flex-start;padding:1rem 0;border-bottom:1px solid var(--border);cursor:pointer;font-size:1.05rem;line-height:1.8;color:var(--text-secondary)}
.lx-task input{flex-shrink:0;width:22px;height:22px;margin-top:.3rem;accent-color:#2f7d46;cursor:pointer}
.lx-task b{color:var(--black);font-weight:600}
.lx-task a{color:var(--black);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.lx-task.checked span{opacity:.55}
.lx-kit{margin:.6rem 0 .4rem}
.lx-kit-foot{padding:.8rem 1rem;font-size:.85rem;color:var(--text-muted)}
.lx-kit-foot a{color:var(--black);text-decoration:underline;text-underline-offset:3px}
.lx-done{display:none;margin-top:1.2rem;padding:1.1rem 1.2rem;background:#2f7d46;color:#fff;font-weight:600;font-size:1.05rem;line-height:1.7}
.lx-tasks.all-done .lx-done{display:block}
@media(max-width:768px){
  .lx-cards,.lx-cards-wide{grid-template-columns:1fr}
  .lx-card{min-height:170px}
  .lx-tasks{padding:1.2rem 1rem .8rem;margin:1.4rem -.2rem}
}

/* 09-26 老板：卡片和解析别排成一整句，一行一个点、带 emoji */
.lx-card .b{font-size:1rem;line-height:1.65}
.lx-card .b .ln,.lx-card .b .li{display:block;margin:0 0 .6em}
.lx-card .b .ln.lead{font-weight:600}
.lx-card .b .li{padding-left:.1em}
.lx-card .b .src{display:block;margin-top:.9em;padding-top:.7em;border-top:1px solid rgba(255,255,255,.18);font-size:.85rem;color:var(--gray-300)}
.lx-card .b i{margin-bottom:.8rem}
.ls-ans .ln{display:block;margin-top:.45em}
.lx-card .f,.lx-card .b{overflow:visible}

/* 数据图：真实研究数字，每张卡带出处 */
.lx-data{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin:1.4rem 0}
.lx-dc{border:1px solid var(--border);background:var(--white);padding:1.3rem 1.3rem 1rem}
.lx-dc .h{font-size:1.05rem;font-weight:600;color:var(--black);margin-bottom:1rem;line-height:1.5}
.lx-row{display:grid;grid-template-columns:6em 1fr 4.4em;align-items:center;gap:.6rem;margin:.55rem 0;font-size:.95rem;color:var(--text-secondary)}
.lx-track{height:14px;background:var(--gray-50);border:1px solid var(--border)}
.lx-fill{height:100%;background:var(--black)}
.lx-fill.hi{background:#2f7d46}
.lx-row b{color:var(--black);text-align:right}
.lx-big{font-family:'Space Grotesk',sans-serif;font-size:2.4rem;font-weight:600;color:var(--black);line-height:1.1}
.lx-dc .so{margin-top:.9rem;padding-top:.7rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-muted);line-height:1.6}
.lx-dc .so a{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px}
.lx-dc .me{margin-top:.7rem;font-size:.95rem;color:var(--black);line-height:1.7}
.lx-img{margin:1.4rem 0;border:1px solid var(--border);background:var(--white)}
.lx-img img{display:block;width:100%;height:auto}
.lx-img .cap{padding:.6rem .9rem;font-size:.85rem;color:var(--text-muted);border-top:1px solid var(--border)}

/* 09-26 实验室改版：每课先读书、最后过关领元宝 */
.lx-read{background:#f3ecdf;padding:.7rem 1rem;color:var(--gray-700)!important}
.lx-pass{margin:1.6rem 0 .4rem;border:2px solid var(--black);background:var(--white);padding:1.2rem 1.3rem;display:flex;flex-direction:column;gap:.7rem}
.lx-pass p{margin:0;line-height:1.8}
.lx-pass a{text-decoration:underline;text-underline-offset:3px}
.lx-pass-next a{font-weight:600;color:var(--black)}