/* LearnUp 学习页统一层（Kent 2026-10-15 定案）：放在每个学习页／练习页最后一个样式，盖过各年级旧 CSS。
   规则：正文全部靠左；标题 23px；标签药丸统一；底栏「‹」「›」；换例子小圆钮＋计数；封面屏干净。
   适用 SK P2–P5（SJKC 之后同一套）。 */
/* 1. 对齐：全部靠左（数学的大数字、数位格、算式除外）。P2 的屏没有 .v2-content 包层，所以选择器用 .screen */
.lu .v2-main,.lu .v2-main .screen{text-align:left!important}
.lu .v2-main .screen,.lu .v2-main .screen p,.lu .v2-main .screen .card,.lu .v2-main .screen .form,.lu .v2-main .screen .title,.lu .v2-main .screen .subtitle,.lu .v2-main .screen .lu-intro,.lu .v2-main .screen .lead,.lu .v2-main .screen .teach,.lu .v2-main .screen .txt,.lu .v2-main .screen li,.lu .v2-main .screen .bm-card-text,.lu .v2-main .screen .english-text,.lu .v2-main .screen .moral-text,.lu .v2-main .screen .passage{text-align:left!important}
.lu .v2-main .screen .card,.lu .v2-main .screen .form{align-items:stretch!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important}
.lu .v2-main .screen .number-example,.lu .v2-main .screen .number,.lu .v2-main .screen .place-grid,.lu .v2-main .screen .words,.lu .v2-main .screen .big,.lu .v2-main .screen .equation,.lu .v2-main .screen .highlight{text-align:center!important}
/* 2. 字号 5 档：标题 23 / 正文 16 / 小字 13 / 标签 12 / 大数字 40 */
.lu .v2-main .screen h1.title,.lu .v2-main .screen h2.title,.lu .v2-main .screen h2.h,.lu .v2-main .screen h1,.lu .v2-main .screen h2{font-size:23px!important;line-height:1.25!important;font-weight:800!important;margin:0 0 8px!important;color:var(--lu-ink,#1f2937)!important}
.lu .v2-main .screen p,.lu .v2-main .screen li,.lu .v2-main .screen .card,.lu .v2-main .screen .form,.lu .v2-main .screen .lu-intro,.lu .v2-main .screen .lead,.lu .v2-main .screen .body{font-size:16px!important;line-height:1.55!important}
.lu .v2-main .screen>.subtitle{font-size:13px!important;line-height:1.45!important}   /* 标题下那一行说明才是小字 */
.lu .v2-main .screen .card .subtitle,.lu .v2-main .screen .form .subtitle,.lu .v2-main .screen .card p,.lu .v2-main .screen .form p{font-size:16px!important;line-height:1.55!important;font-weight:400!important}   /* Kent 2026-10-15：卡片里的说明一律 16px、不加粗（P2 国语原本整段粗体） */
.lu .v2-main .screen .card p b,.lu .v2-main .screen .card p strong{font-weight:800!important}
.lu .v2-main .screen small,.lu .v2-main .screen .note,.lu .v2-main .screen .hint{font-size:13px!important;line-height:1.45!important}
.lu .v2-main .screen .number,.lu .v2-main .screen .big{font-size:40px!important;line-height:1.1!important;font-weight:900!important}
/* 3. 标签药丸（eyebrow／bm-label／english-label／moral-label／badge 全部一样）：浅色底＋代表色字，12px，靠左 */
.lu .v2-main .screen .eyebrow,.lu .v2-main .screen .bm-label,.lu .v2-main .screen .english-label,.lu .v2-main .screen .moral-label,.lu .v2-main .screen .badge,.lu .v2-main .screen .kicker{display:inline-block!important;align-self:flex-start!important;background:var(--lu-t)!important;color:var(--lu-a)!important;border:1px solid var(--lu-line,rgba(0,0,0,.08))!important;border-radius:999px!important;padding:3px 12px!important;margin:0 0 8px!important;font-size:12px!important;font-weight:800!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important;text-align:left!important;max-width:calc(100% - 96px)}
/* 4. 底栏：「‹」「›」大药丸 */
.lu .v2-nav{padding:10px 16px!important;gap:12px!important}
.lu .v2-nav .btn,.lu #prev,.lu #next{min-width:88px!important;min-height:48px!important;padding:0 22px!important;font-size:30px!important;line-height:1!important;font-weight:800!important}
.lu .v2-nav .grow{flex:1}
/* 5. 换例子（教学屏里的小钮）：小圆钮＋「Contoh 1 / 4」 */
.lu .lu-ex-nav{display:flex!important;align-items:center;justify-content:center;gap:10px;margin-top:14px!important}
.lu .lu-ex-nav .btn,.lu #example-prev,.lu #example-next{width:38px!important;height:38px!important;min-width:0!important;min-height:0!important;padding:0!important;border-radius:50%!important;font-size:22px!important;line-height:1!important;background:#fff!important;color:var(--lu-a)!important;border:1.5px solid var(--lu-soft,var(--lu-a))!important}
.lu .lu-ex-nav .lu-ex-count{font-size:13px;font-weight:800;color:var(--lu-a);min-width:84px;text-align:center}
/* 6. 封面屏：单元标签、标题、简介、封面图，没有别的 */
.lu .cover-screen .goals,.lu .cover-screen .nilai,.lu .cover-screen .lu-nilai{display:none!important}
.lu .cover-screen .lu-intro,.lu .cover-screen .lead{text-align:left!important}

/* 7. 卡片里的小框（重点框、例子框）全部一样：代表色浅底、16px、深色字；重点词粗体＋代表色（Kent 2026-10-15） */
.lu .v2-main .screen .visual,.lu .v2-main .screen .bm-visual,.lu .v2-main .screen .big-words,.lu .v2-main .screen .bm-example,.lu .v2-main .screen .english-example,.lu .v2-main .screen .moral-example,.lu .v2-main .screen .sej-ex,.lu .v2-main .screen .sej-tip,.lu .v2-main .screen .info,.lu .v2-main .screen .example,.lu .v2-main .screen .tip,.lu .v2-main .screen .note-box,.lu .v2-main .screen .ex,.lu .v2-main .screen .lz-tip,.lu .v2-main .screen .lz-note,.lu .v2-main .screen .highlight{display:block!important;background:var(--lu-t)!important;color:var(--lu-ink,#1f2937)!important;border:1px solid var(--lu-line,rgba(0,0,0,.08))!important;border-radius:12px!important;padding:10px 14px!important;margin:10px 0 0!important;font-size:16px!important;line-height:1.55!important;font-weight:400!important;text-align:left!important;box-shadow:none!important}
.lu .v2-main .screen .visual,.lu .v2-main .screen .bm-visual,.lu .v2-main .screen .big-words{font-weight:800!important;color:var(--lu-a)!important}
.lu .v2-main .screen .bm-example b,.lu .v2-main .screen .english-example b,.lu .v2-main .screen .moral-example b,.lu .v2-main .screen .sej-ex b,.lu .v2-main .screen .sej-tip b,.lu .v2-main .screen .info b,.lu .v2-main .screen .example b,.lu .v2-main .screen .tip b,.lu .v2-main .screen .ex b,.lu .v2-main .screen .lz-tip b{color:var(--lu-a)!important;font-weight:800!important;background:none!important;padding:0!important;margin-right:6px!important;border:0!important}

/* 8. 左上返回钮一律只放「←」（Kent 2026-10-15） */
.lu .v2-top .v2-back{min-width:48px!important;padding:0 14px!important;font-size:22px!important;line-height:1!important;justify-content:center!important}

/* 9. 练习页（Kent 2026-10-15 定）：选项全宽、16px 粗体、置中、白底细边、≥48px，自动加 A. B. C.；题目不包白卡；对错提示 14px 粗体 */
.lu .v2-main .screen .practice-card{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important}
.lu .v2-main .screen .practice-question,.lu .v2-main .screen .question,.lu .v2-main .screen .bm-question,.lu .v2-main .screen h2.question{font-size:18px!important;line-height:1.4!important;font-weight:800!important;margin:0 0 12px!important;text-align:left!important;color:var(--lu-ink,#1f2937)!important}
.lu .v2-main .screen .options{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important;max-width:100%!important;margin:0!important;counter-reset:lu-opt}
.lu .v2-main .screen .options .option{display:block!important;box-sizing:border-box!important;width:100%!important;min-height:48px!important;padding:12px 14px!important;background:#fff!important;color:var(--lu-ink,#1f2937)!important;border:1.5px solid var(--lu-soft,var(--lu-a))!important;border-radius:14px!important;font-size:16px!important;font-weight:800!important;line-height:1.35!important;text-align:center!important;box-shadow:none!important}
.lu .v2-main .screen .options .option::before{counter-increment:lu-opt;content:counter(lu-opt,upper-alpha) ". ";color:var(--lu-a);margin-right:4px;display:inline}   /* 字母跟文字连在一起，多行时不分家 */
.lu .v2-main .screen .options .option.correct,.lu .v2-main .screen .options .option.ok,.lu .v2-main .screen .options .option[data-state="ok"],.lu .v2-main .screen .options .option.is-correct{background:var(--lu-t)!important;border-color:var(--lu-a)!important;color:var(--lu-a)!important}
.lu .v2-main .screen .options .option.wrong,.lu .v2-main .screen .options .option.no,.lu .v2-main .screen .options .option[data-state="no"],.lu .v2-main .screen .options .option.is-wrong{border-color:#dc2626!important;color:#b91c1c!important;background:#fff5f5!important}
.lu .v2-main .screen .feedback{margin:10px 0 0!important;font-size:14px!important;font-weight:800!important;line-height:1.45!important;text-align:left!important;min-height:0!important}
.lu .v2-main .screen .feedback.ok,.lu .v2-main .screen .feedback.correct{color:#15803d!important}.lu .v2-main .screen .feedback.no,.lu .v2-main .screen .feedback.wrong,.lu .v2-main .screen .feedback.bad{color:#b91c1c!important}
.lu .v2-main .screen:has(.options) h2.title,.lu .v2-main .screen:has(.options) h1.title{font-size:18px!important;line-height:1.4!important;margin:0 0 12px!important}   /* P5 国语的题目用 h2.title，跟别科题目一样 18px */

/* 10. 填空／拖词／写句练习（lu-practice.css 的 .lp 题型）标准样式（Kent 2026-10-15 选 A）：跟选择题同一套尺寸和颜色 */
.lu .v2-main .screen .v2-content.card.lp,.lu .v2-main .screen .lp{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;max-width:100%!important}
.lu .lp .lp-q{font-size:18px!important;line-height:1.4!important;font-weight:800!important;color:var(--lu-ink,#1f2937)!important;margin:0 0 8px!important;text-align:left!important;padding-right:96px!important}   /* 右边留位给「▶ Listen」 */
.lu .lp .lp-mk{display:block!important;margin-top:2px}
.lu .lp .lp-g{display:inline-flex!important;align-items:center;justify-content:center;width:28px!important;height:28px!important;border-radius:50%!important;background:var(--lu-a)!important;color:#fff!important;font-size:14px!important;font-weight:800!important;margin-right:8px!important;vertical-align:middle}
.lu .lp .lp-mk{font-size:13px!important;font-weight:800!important;color:var(--lu-a)!important}
.lu .lp .lp-hint{font-size:13px!important;line-height:1.45!important;color:#4b5563!important;margin:0 0 10px!important}
.lu .lp .lp-it,.lu .lp .lp-row,.lu .lp .lp-prow{font-size:16px!important;line-height:1.55!important;padding:8px 0!important;border-bottom:1px solid rgba(0,0,0,.06)!important}
.lu .lp .lp-n{color:var(--lu-a)!important;font-weight:800!important;min-width:28px!important}
.lu .lp .lp-in,.lu .lp textarea,.lu .lp .lp-sx{min-height:44px!important;padding:8px 12px!important;border:1.5px solid var(--lu-soft,var(--lu-a))!important;border-radius:12px!important;font-size:16px!important;font-weight:700!important;color:var(--lu-ink,#1f2937)!important;background:#fff!important;box-shadow:none!important}
.lu .lp .lp-in:focus,.lu .lp textarea:focus{border-color:var(--lu-a)!important;outline:none!important}
.lu .lp .lp-in.right,.lu .lp .lp-blank.right,.lu .lp .lp-row.right,.lu .lp .lp-it.right{border-color:#15803d!important;background:#ecfdf3!important}
.lu .lp .lp-in.wrong,.lu .lp .lp-it.wrong .lp-in,.lu .lp .lp-row.wrong,.lu .lp .lp-it.wrong{border-color:#dc2626!important;background:#fff5f5!important}   /* .w 是「宽输入框」不是错 */
.lu .lp .lp-bank{background:var(--lu-t)!important;border:1px solid var(--lu-line,rgba(0,0,0,.08))!important;border-radius:12px!important;padding:8px 10px!important;margin:0 0 10px!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.lu .lp .lp-word,.lu .lp .lp-chip,.lu .lp .lp-pk,.lu .lp .lp-c{display:inline-flex!important;align-items:center;min-height:36px!important;padding:4px 14px!important;background:#fff!important;color:var(--lu-a)!important;border:1.5px solid var(--lu-soft,var(--lu-a))!important;border-radius:999px!important;font-size:15px!important;font-weight:800!important;box-shadow:none!important}
.lu .lp .lp-word.used{opacity:.4!important}
.lu .lp .lp-chip.on,.lu .lp .lp-pk.on,.lu .lp .lp-c.on,.lu .lp .lp-word.on{background:var(--lu-t)!important;border-color:var(--lu-a)!important}
.lu .lp .lp-blank{display:inline-block!important;min-width:72px!important;border-bottom:2px solid var(--lu-a)!important;color:var(--lu-a)!important;font-weight:800!important;text-align:center!important;padding:0 6px!important}
.lu .lp .lp-blank.act{background:var(--lu-t)!important;border-radius:6px 6px 0 0!important}
.lu .lp .lp-act{display:flex!important;gap:10px!important;margin-top:14px!important}
.lu .lp .lp-check,.lu .lp .lp-again,.lu .lp .lp-see{min-height:48px!important;padding:0 24px!important;border-radius:999px!important;font-size:16px!important;font-weight:800!important;box-shadow:none!important}
.lu .lp .lp-check{background:var(--lu-a)!important;color:#fff!important;border:0!important}
.lu .lp .lp-again,.lu .lp .lp-see{background:#fff!important;color:var(--lu-a)!important;border:1.5px solid var(--lu-soft,var(--lu-a))!important}
.lu .lp .lp-fb,.lu .lp .lp-tfb,.lu .lp .lp-pfb{font-size:14px!important;font-weight:800!important;line-height:1.45!important;margin-top:10px!important;text-align:left!important}
.lu .lp .lp-fb.ok{color:#15803d!important}
.lu .lp .lp-model,.lu .lp .lp-model2,.lu .lp .lp-box{background:var(--lu-t)!important;border:1px solid var(--lu-line,rgba(0,0,0,.08))!important;border-radius:12px!important;padding:10px 14px!important;font-size:16px!important;line-height:1.55!important}

/* 11. 抽屉面板（Kent 2026-10-15）：标题 16px 粗体代表色；正文 16px；第一行「词 = 意思」粗体；没有听按钮；关闭「✕」空心药丸 */
.lu .v2-sheet .v2-panel{background:#fff!important;border-radius:22px 22px 0 0!important;padding:18px 20px!important;max-height:72vh!important;overflow:auto!important;box-shadow:0 -8px 30px rgba(0,0,0,.12)!important}
.lu .v2-sheet .v2-panel h3{font-size:16px!important;font-weight:800!important;color:var(--lu-a)!important;margin:0 0 8px!important;text-align:left!important}
.lu .v2-sheet .v2-panel .body{font-size:16px!important;line-height:1.6!important;color:var(--lu-ink,#1f2937)!important;text-align:left!important;background:none!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important}
.lu .v2-sheet .v2-panel .body>*{margin:0 0 8px!important;font-size:16px!important;line-height:1.6!important}
.lu .v2-sheet .v2-panel .body>:first-child,.lu .v2-sheet .v2-panel .body .lead,.lu .v2-sheet .v2-panel .body b:first-child{font-weight:800!important}
.lu .v2-sheet .v2-panel .body .box,.lu .v2-sheet .v2-panel .body .card,.lu .v2-sheet .v2-panel .body div{background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
.lu .v2-sheet .v2-panel .row{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:12px!important}
.lu .v2-sheet .v2-panel .btn.audio,.lu .v2-sheet .v2-panel [data-audio]{display:none!important}
.lu .v2-sheet .v2-panel .v2-close{min-width:56px!important;min-height:44px!important;padding:0 18px!important;border-radius:999px!important;background:#fff!important;color:var(--lu-a)!important;border:1.5px solid var(--lu-soft,var(--lu-a))!important;font-size:20px!important;font-weight:800!important;line-height:1!important}

/* 12. 扫描后补（2026-10-15）：完成屏标题也靠左；内容超出一屏时允许在屏内往下滑，不可被切掉 */
.lu .v2-main .screen h1,.lu .v2-main .screen h2,.lu .v2-main .screen h3,.lu .v2-main .screen .done,.lu .v2-main .screen .complete{text-align:left!important}
.lu .v2-main .screen .done{align-items:flex-start!important}
.lu .v2-main{overflow-y:auto!important;-webkit-overflow-scrolling:touch}

/* 13. 词卡网格（2026-10-15 Kent 定）：手机 2 列、平板 3 列；白底代表色细边、圆角 12；词 16px 粗体代表色；解释 14px 灰字；不多包外框 */
.lu .v2-main .screen .lz-words,.lu .v2-main .screen .en-cards,.lu .v2-main .screen .info-grid,.lu .v2-main .screen .term-grid,.lu .v2-main .screen .forms,.lu .v2-main .screen div[style*="auto-fit"],.lu .v2-main .screen div[style*="auto-fill"]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important;max-width:100%!important;margin:10px 0!important;align-items:stretch!important}
@media(min-width:640px){.lu .v2-main .screen .lz-words,.lu .v2-main .screen .en-cards,.lu .v2-main .screen .info-grid,.lu .v2-main .screen .term-grid,.lu .v2-main .screen .forms,.lu .v2-main .screen div[style*="auto-fit"],.lu .v2-main .screen div[style*="auto-fill"]{grid-template-columns:1fr 1fr 1fr!important}}
.lu .v2-main .screen .lz-w,.lu .v2-main .screen .en-card,.lu .v2-main .screen .info-grid .info,.lu .v2-main .screen .term-grid .term,.lu .v2-main .screen .forms .form,.lu .v2-main .screen .form:has(>h3){background:#fff!important;border:1px solid var(--lu-soft,var(--lu-line,#e5e7eb))!important;border-radius:12px!important;padding:12px!important;box-shadow:none!important;text-align:left!important;font-size:14px!important;font-weight:400!important;color:#4b5563!important;line-height:1.45!important;min-width:0!important;overflow:hidden}
.lu .v2-main .screen .lz-w b,.lu .v2-main .screen .en-card b,.lu .v2-main .screen .info-grid .info b,.lu .v2-main .screen .term-grid .term b,.lu .v2-main .screen .forms .form h3,.lu .v2-main .screen .form>h3{display:block!important;font-size:16px!important;font-weight:800!important;color:var(--lu-a)!important;margin:0 0 4px!important;line-height:1.3!important}
.lu .v2-main .screen .lz-w span,.lu .v2-main .screen .lz-w em,.lu .v2-main .screen .en-card span,.lu .v2-main .screen .form:has(>h3)>div{display:block!important;font-size:14px!important;font-weight:400!important;color:#4b5563!important;line-height:1.45!important;margin:0!important}
.lu .v2-main .screen .form:has(>h3)>div b{font-weight:800!important;color:#111827!important}
.lu .v2-main .screen .lz-w i{display:none!important}
.lu .v2-main .screen .forms .form:last-child{grid-column:1/-1}
.lu .v2-main .screen .forms .wordcard{font-size:18px!important;font-weight:800!important;color:var(--lu-a)!important}
.lu .v2-main .screen .card:has(>.info-grid),.lu .v2-main .screen .card:has(>.term-grid),.lu .v2-main .screen .card:has(>.lz-words),.lu .v2-main .screen .card:has(>.en-cards){background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.lu .v2-main .screen .forms .form .calc{display:block!important;width:100%!important;max-width:260px!important;text-align:right!important;color:#9ef0b8!important;font-size:28px!important;font-weight:900!important;line-height:1!important;padding:12px 14px!important}
.lu .v2-main .screen .forms .form:has(.lu-blocks),.lu .v2-main .screen .forms .form:has(.lu-abacus){grid-column:1/-1}