/* SJKC LearnUp 统一标准版面（P2 起用，P3 等年级共用）（Claude 2026-10-09）：只用在已转标准的科目（数学，之后科学）。
   配合 learnup-unified.css；规范见 _共用UI/LearnUp统一设计规范.md */
/* 1. 每屏内容从顶部开始，不垂直居中 */
.p2std .v2-main>.screen.active{justify-content:flex-start!important}
.p2std .stage.v2-main>.screen,.p2std .v2-main>.slide.screen{padding-top:12px!important}
/* 2. 标题、标签、说明靠左，和其他年级一样；图、互动工具照样置中 */
.p2std .v2-main>.screen>.badge,.p2std .v2-main>.screen>.big-title,.p2std .v2-main>.screen>.sub-title,.p2std .v2-main>.screen>.rule-box,.p2std .v2-main>.screen>.q,
.p2std .v2-main>.slide>.badge,.p2std .v2-main>.slide>h1,.p2std .v2-main>.slide>h2,.p2std .v2-main>.slide>.lead{align-self:flex-start!important;text-align:left!important;margin-left:0!important}
.p2std .v2-main>.screen>.rule-box{align-self:stretch!important;max-width:none!important}
.p2std .stage.v2-main .big-title,.p2std .v2-main .slide h1,.p2std .v2-main .slide h2{font-size:clamp(1.45rem,5.6vw,2.05rem)!important;line-height:1.25!important;color:var(--lu-ink)!important}
.p2std .stage.v2-main .sub-title,.p2std .v2-main .slide .lead{color:#374151!important}
/* 3. 听读按钮：放在每屏右上角的“▶ 听”小药丸（原本挤在顶部栏） */
.p2std .v2-main>.screen>.p2std-listen{position:absolute!important;top:10px;right:12px;z-index:3;width:auto!important;min-height:32px!important;padding:3px 12px!important;margin:0!important;
  border-radius:999px!important;border:1.5px solid var(--lu-soft)!important;background:#fff!important;color:var(--lu-a)!important;font-size:.85rem!important;font-weight:800!important;font-family:inherit!important}
.p2std .v2-main>.screen>.p2std-listen.p2a-playing{background:var(--lu-a)!important;color:#fff!important}
.p2std .v2-main>.screen.active>.p2std-listen:first-child+:is(.big-title,h1,h2,.sub-title,.lead){margin-right:76px}
/* 小屏手机：内容太长时可以往下滑，不会被切掉 */
.p2std .v2-main>.screen.active{overflow-y:auto!important;-webkit-overflow-scrolling:touch}
/* 4. 封面屏不再重复“开始学习”按钮（用底部“下一页”） */
.p2std #s-intro .btn-main{display:none!important}
/* 5. 需要先完成的屏：按“下一页”时显示提示 */
.p2std .p2std-toast{position:fixed;left:50%;bottom:calc(var(--v2-bottom,76px) + 10px);transform:translate(-50%,10px);opacity:0;pointer-events:none;z-index:70;
  max-width:calc(100% - 32px);background:#fff;color:#92400E;border:2px solid #F59E0B;border-radius:999px;padding:8px 16px;font-weight:800;font-size:.95rem;box-shadow:0 6px 18px rgba(0,0,0,.12);transition:opacity .2s,transform .2s;text-align:center}
.p2std .p2std-toast.show{opacity:1;transform:translate(-50%,0)}
/* 6. 选项、回馈用统一样式 */
.p2std .v2-main .opt,.p2std .v2-main .option{background:#fff;border:2px solid var(--lu-line)!important;border-radius:14px!important;color:var(--lu-ink);font-weight:800}
.p2std .v2-main .rule-box{background:#fff!important;border:1px solid var(--lu-line)!important;border-left:5px solid var(--lu-a)!important;border-radius:14px!important}
/* 7. 有些课题页用上下空白把内容推到中间 → 取消 */
.p2std .v2-main>.screen.active::before,.p2std .v2-main>.screen.active::after{flex:0 0 0!important;height:0!important;min-height:0!important;content:none!important}
/* 8. 练习页顶部旧的“返回主页面”连结与新顶部栏重叠 → 隐藏（顶部栏已有返回） */
.p2std .v2-top~.year-home-nav,.p2std .year-home-nav{display:none!important}
/* 9. 课题页底部按钮（tnav）用该科代表色 */
.p2std .v2-nav .tnav{border-radius:999px!important;font-weight:800!important;background:#fff!important;color:var(--lu-a)!important;border:2px solid var(--lu-soft)!important}
.p2std .v2-nav .tnav.primary{background:var(--lu-a)!important;color:#fff!important;border-color:var(--lu-a)!important}
.p2std .v2-nav .tnav:disabled{opacity:.4}
/* 10. 返回按钮文字太长时截短，顶部栏保持一行 */
.p2std .v2-top .v2-back{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p2std .v2-main>.slide .question{text-align:left!important}
/* 11. 华文、国语等自带顶部栏（header.top）的页面 → 跟统一顶部栏一样：
   第一行“← 返回”（实心）＋屏数＋两个解释语言按钮；第二行标题＋进度条 */
.p2std header.top{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px!important;grid-template-columns:none!important;background:rgba(255,255,255,.9)!important;border-bottom:1px solid rgba(0,0,0,.06)}
.p2std header.top>.back{order:1;display:inline-flex;align-items:center;min-height:40px;padding:6px 14px!important;border-radius:14px!important;background:var(--lu-a)!important;color:#fff!important;border:0!important;font-weight:800;text-decoration:none;max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p2std header.top>.count{order:2;margin-left:auto;color:var(--lu-a)!important;font-weight:800;grid-column:auto!important}
.p2std header.top>.help{order:3;min-height:40px!important;min-width:0!important;padding:6px 10px!important;font-size:.82rem!important;border-radius:14px!important;background:#fff!important;color:var(--lu-a)!important;border:1.5px solid var(--lu-soft)!important;font-weight:800}
.p2std header.top>.help::after{content:none!important}
.p2std header.top>.crumb{order:4;flex:1 0 100%;font-weight:800;color:var(--lu-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p2std header.top>.progress{order:5;flex:1 0 100%;height:6px;border-radius:9px;background:#e5e7eb!important;grid-column:auto!important;overflow:hidden}
.p2std header.top>.progress i{background:var(--lu-a)!important}
@media(max-width:380px){.p2std header.top>.help{padding:6px 8px!important;font-size:.75rem!important}}
/* 12. 底部翻页按钮（.nav）用该科代表色 */
.p2std .bottom .nav,.p2std .bottom-nav .nav{border-radius:999px!important;font-weight:800!important;background:#fff!important;color:var(--lu-a)!important;border:2px solid var(--lu-soft)!important}
.p2std .bottom .nav.primary,.p2std .bottom-nav .nav.primary{background:var(--lu-a)!important;color:#fff!important;border-color:var(--lu-a)!important}

.p2std .p2std-listen::after,.p2std .p2std-listen::before{content:none!important}
/* 封面图统一（P4 等用 .cover 的课）：手机上整张卡片宽，不再缩在 150px 小框里；不裁图，直式图最高 300px */
@media(max-width:900px){body.p2std .cover .cover-pic{display:block;width:100%;height:auto;max-height:min(300px,80vw);object-fit:contain;margin:4px auto 0}}