/* =====================================================================
   stu.css · /stu/home.html 专属（视觉规范 最终版（对应 v2 效果图））
   链接位置：</body> 前，排在 aiton-overrides.css、home.css 之后。
   ===================================================================== */
/* hero 左对齐 */
.hero{text-align:left}
.hero p{margin:0 0 28px;max-width:640px}
/* 2026-09-27：与 bra.css 同步收窄作用范围。
   /stu 的页尾 CTA 目前只有一颗裸按钮（没有 .hero-btns 外层），
   所以现在没出问题；但类名一样，以后一加外层就会被拉到左边。
   这里先把范围划清 + 补一条居中，免得将来重犯。 */
.hero .hero-btns{justify-content:flex-start}
.cta .hero-btns{justify-content:center}
/* 信任条：左对齐、加大、竖线分隔 */
.trust{text-align:left}
.trust b{font-size:17px}
.trust span{font-size:12px}
.trust>div+div{border-left:1px solid var(--border);padding-left:18px}
/* 知识点标签提对比 */
.kl li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:var(--t1)}
/* 等级徽章统一用本页主色 */
.lv,.lv1,.lv2,.lv3{background:var(--c1a);color:var(--c1);font-size:12px}
/* 课程 6 列栅格：第一排 3 张（各占 2），第二排 2 张（各占 3） */
.cgrid[data-sky-doc="courses"]{grid-template-columns:repeat(6,1fr)}
.cgrid[data-sky-doc="courses"]>.ccard{grid-column:span 2}
.cgrid[data-sky-doc="courses"]>.ccard:nth-child(n+4){grid-column:span 3}
/* 提示改成左侧竖线注释 */
.notice{background:none;border:0;border-left:2px solid var(--c1);border-radius:0;padding:4px 0 4px 14px;margin-top:20px}
.qa b{font-weight:600}
@media(max-width:900px){
  .cgrid[data-sky-doc="courses"]{grid-template-columns:1fr 1fr}
  .cgrid[data-sky-doc="courses"]>.ccard,.cgrid[data-sky-doc="courses"]>.ccard:nth-child(n+4){grid-column:auto}
}
@media(max-width:600px){
  .cgrid[data-sky-doc="courses"]{grid-template-columns:1fr}
  .trust{grid-template-columns:repeat(3,1fr);gap:12px;padding:8px 0 32px}
  .trust b{font-size:15px}
  .trust>div+div{padding-left:12px}
}
/* 例外：32px 在 390 宽会把最后一个字单独挤到第三行，≤420 退到 30px */
@media(max-width:420px){.hero h1{font-size:30px}}