/* =====================================================================
   同步学课堂 · 主题样式 theme.css
   橙红主色 #ff6a00，白底卡片风。加载顺序在 common.css 之后，用于覆盖观感。
   只做「外观与布局」，不改任何业务逻辑；删除本文件即可完全还原。
   ===================================================================== */

:root{
  --sk-main:#ff6a00;
  --sk-main-d:#e55a00;
  --sk-main-l:#fff3ea;
  --sk-ink:#1f2430;
  --sk-ink2:#48526b;
  --sk-ink3:#8a91a0;
  --sk-line:#eef0f4;
  --sk-line2:#f4f6fa;
  --sk-bg:#f6f7f9;
  --sk-r:12px;
  --sk-w:1200px;
}

/* ---------- 通用 ---------- */
body{background:var(--sk-bg);color:var(--sk-ink2)}
#header .header-top,#header .header-bottom,#nav .nav-content,.sk-wrap{width:var(--sk-w);margin:0 auto}
a:hover{text-decoration:none}

/* ---------- 页头 ---------- */
#header{background:#fff}
#header .header-topbg{background:#fff;border-bottom:1px solid var(--sk-line)}
#header .header-top{display:block;height:auto;line-height:1.6;padding:8px 0;border-bottom:1px solid var(--sk-line2)}
#header .hdiul li{float:left;font-size:12px;color:var(--sk-ink3);margin-right:16px;line-height:18px}
#header .hdiul li a{color:var(--sk-ink3);font-size:12px}
#header .hdiul li a:hover{color:var(--sk-main)}
#header .login{line-height:18px;font-size:12px}
#header .login li{float:left;margin-left:14px;color:var(--sk-ink3)}
#header .login li a{color:var(--sk-ink3);font-size:12px}
#header .login li a:hover{color:var(--sk-main)}
#header .header-bottom{display:flex;align-items:center;padding:16px 0}
#header .header-bottom .logo{float:none;width:auto;flex:none}
#header .header-bottom .search{float:none;margin:0 0 0 auto;flex:1 1 auto;max-width:560px;padding:0 24px}
#header .header-bottom .sjrz{float:none;flex:none}

/* 文字品牌标 */
.sk-brand{display:inline-block;white-space:nowrap}
.sk-brand b{display:block;font-size:29px;font-weight:800;letter-spacing:1px;line-height:1.1;
  color:var(--sk-main);font-style:normal}
.sk-brand i{display:block;font-size:12px;color:var(--sk-ink3);letter-spacing:.6px;margin-top:3px;font-style:normal}

/* 搜索框 */
#header .search-cen{display:flex;height:42px;border:2px solid var(--sk-main);border-radius:21px;overflow:hidden;background:#fff}
#header .search-cen input.sctext{flex:1;height:38px;line-height:38px;border:0!important;padding:0 16px;font-size:14px;background:#fff}
#header .search-cen input.scbut{width:96px;height:38px;line-height:38px;border:0;font-size:15px;color:#fff;
  background:var(--sk-main);cursor:pointer;border-radius:0 19px 19px 0}
#header .search-cen input.scbut:hover{background:var(--sk-main-d)}
#header .search-hot{margin-top:7px;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#header .search-hot a{color:var(--sk-ink3);margin-right:12px}
#header .search-hot a:hover{color:var(--sk-main)}
#header .sjrz input.scbut{height:42px;padding:0 22px;border:0;border-radius:21px;background:var(--sk-main);
  color:#fff;font-size:14px;cursor:pointer}
#header .sjrz input.scbut:hover{background:var(--sk-main-d)}

/* ---------- 主导航（单层） ---------- */
#nav{background:var(--sk-main);border:0;height:48px;box-shadow:0 2px 8px rgba(255,106,0,.18);position:relative;z-index:20}
#nav .nav-content{display:flex;align-items:center;height:48px}
#nav a{display:inline-block;height:48px;line-height:48px;padding:0 26px;color:#fff;font-size:15.5px;
  background:transparent;position:relative}
#nav a:hover,#nav a.current{background:rgba(0,0,0,.12);color:#fff}

/* ---------- 首页：左分类栏 + 右内容 ---------- */
.sk-wrap{display:flex;gap:20px;align-items:flex-start;padding:18px 0 46px}
.sk-side{width:214px;flex:none;background:#fff;border:1px solid var(--sk-line);border-radius:var(--sk-r);
  overflow:hidden;position:sticky;top:14px}
.sk-side .sortnav-warp{display:none}          /* 原下拉容器在模板中已移入侧栏，这里兼容 */
.sk-side-hd{height:46px;line-height:46px;padding:0 15px;background:var(--sk-main);color:#fff;font-size:16px;font-weight:700}
.sk-side .sort{border:0;border-bottom:1px solid var(--sk-line2);padding:0;height:auto!important;min-height:0!important;overflow:visible!important;float:none!important;display:block!important}
.sk-side .sort:last-child{border-bottom:0}
.sk-side .sort-lottery{display:none}
.sk-side .sort-menu{display:flex!important;float:none!important;align-items:center;gap:6px;
  height:auto!important;padding:13px 14px 7px;margin:0;line-height:1.5!important}
.sk-side .sort-menu .title{flex:1;min-width:0;font-size:14.5px;font-weight:700;color:var(--sk-ink)}
.sk-side .sort-menu span{flex:none;font-size:11.5px!important;color:#a8aebb!important;line-height:1!important}
.sk-side .sort-menu .sort-icon{display:none}
.sk-side .sort-menu .title{font-size:14.5px;font-weight:700;color:var(--sk-ink)}
.sk-side .sort-menu .title:hover{color:var(--sk-main)}
.sk-side .sort-menu span{color:var(--sk-ink3);font-size:12px;line-height:1.6}
.sk-side .sort-con{display:block!important;position:static!important;left:auto!important;top:auto!important;
  width:auto!important;float:none!important;border:0!important;background:transparent;z-index:auto;
  padding:0 14px 11px}
.sk-side .sort-con-left{width:auto!important;padding:0!important;float:none!important;position:static!important}
.sk-side .sort-con-left h4{display:none!important}
.sk-side .sort-link02{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;width:auto!important}
.sk-side .sort li{list-style:none}

.sk-side .sort-menu em,.sk-side .sort-menu i{font-style:normal}
.sk-side .sort-menu .title:hover{color:var(--sk-main)}
.sk-side .sort-con{padding:0 14px 13px}
.sk-side .sort-link02 li{float:none;list-style:none}
.sk-side .sort-link02 li a{display:inline-block;font-size:12.5px;color:var(--sk-ink2);background:var(--sk-line2);
  border-radius:6px;padding:3px 9px;line-height:1.5}
.sk-side .sort-link02 li a:hover{background:var(--sk-main-l);color:var(--sk-main)}

.sk-main{flex:1;min-width:0}
.sk-hero{position:relative;height:290px;border-radius:var(--sk-r);overflow:hidden;background:#e9edf3}
.sk-hero .slide{position:absolute;inset:0;opacity:0;animation:skFade 15s infinite;
  background-size:cover;background-position:center}
.sk-hero .slide:nth-child(1){animation-delay:0s}
.sk-hero .slide:nth-child(2){animation-delay:5s}
.sk-hero .slide:nth-child(3){animation-delay:10s}
@keyframes skFade{0%{opacity:0}4%{opacity:1}29%{opacity:1}33%{opacity:0}100%{opacity:0}}
.sk-hero .slide em{position:absolute;left:0;right:0;bottom:0;padding:26px 22px 16px;font-style:normal;
  background:linear-gradient(transparent,rgba(0,0,0,.62));color:#fff;font-size:20px;font-weight:700}
.sk-stages{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:16px}
.sk-stages a{background:#fff;border:1px solid var(--sk-line);border-radius:var(--sk-r);padding:16px 8px;
  text-align:center;transition:.18s}
.sk-stages a:hover{border-color:#ffcfae;box-shadow:0 8px 20px rgba(255,106,0,.12);transform:translateY(-2px)}
.sk-stages a s{display:block;width:40px;height:40px;line-height:40px;margin:0 auto 8px;border-radius:12px;
  background:var(--sk-main-l);color:var(--sk-main);font-size:18px;font-weight:800;text-decoration:none}
.sk-stages a b{display:block;font-size:14px;color:var(--sk-ink);font-weight:600}
.sk-stages a i{display:block;font-size:11.5px;color:var(--sk-ink3);margin-top:2px;font-style:normal}

.sk-sec{margin-top:22px;background:#fff;border:1px solid var(--sk-line);border-radius:var(--sk-r);padding:16px 18px 20px}
.sk-sec-hd{display:flex;align-items:center;margin-bottom:14px}
.sk-sec-hd h2{margin:0;font-size:19px;font-weight:800;color:var(--sk-ink);position:relative;padding-left:13px}
.sk-sec-hd h2:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:18px;
  border-radius:3px;background:var(--sk-main)}
.sk-sec-hd a{margin-left:auto;font-size:13px;color:var(--sk-ink3)}
.sk-sec-hd a:hover{color:var(--sk-main)}

/* 首页里的「热门分类」筛选条 */
.index-filter{float:none;width:auto}
.filter-strip{background:#fff;border:1px solid var(--sk-line);border-radius:var(--sk-r);padding:10px 16px;
  display:flex;align-items:center;gap:10px;height:auto;min-height:44px}
.filter-strip h3{margin:0;flex:none;font-size:13.5px;color:var(--sk-ink);font-weight:700;display:flex;align-items:center;gap:6px}
.filter-strip .filter-link{flex:1;min-width:0;overflow:hidden}
.filter-strip .filter-link ul{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0}
.filter-strip .filter-link li{float:none;list-style:none}
.filter-strip .filter-link li a{font-size:13px;color:var(--sk-ink2)}
.filter-strip .filter-link li a:hover{color:var(--sk-main)}

/* ---------- 课程卡片（首页/列表页通用） ---------- */
.goods-list{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px}
.goods-list .goods{width:auto!important;float:none!important;margin:0!important;padding:0!important;height:auto!important;
  background:#fff;border:1px solid var(--sk-line);border-radius:var(--sk-r);overflow:hidden;transition:.18s}
.goods-list .goods:hover{border-color:#ffcfae;box-shadow:0 10px 26px rgba(20,30,60,.10);transform:translateY(-3px)}
.goods-list .goods .goods-img{display:block;position:relative;height:158px;overflow:hidden;background:var(--sk-line2)}
.goods-list .goods .goods-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}
.goods-list .goods:hover .goods-img img{transform:scale(1.04)}
.goods-list .goods .goods-place{display:none}
.goods-list .goods h3{padding:11px 12px 0;margin:0;height:auto!important;font-weight:400}
.goods-list .goods .goods-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:14.5px;line-height:1.45;height:42px;color:var(--sk-ink);font-weight:600}
.goods-list .goods:hover .goods-name{color:var(--sk-main)}
.goods-list .goods .goods-text{display:none}
.goods-list .goods h3>span{display:block!important;float:none!important;line-height:1.9!important;color:var(--sk-ink3)!important;
  font-size:12px!important;font-weight:400!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.goods-list .goods h3>span span{float:right!important}
.goods-list .goods .goods-info{padding:4px 12px 12px;margin:0;display:flex;align-items:baseline;height:auto!important}
.goods-list .goods .price{color:var(--sk-main)!important;font-size:19px;font-weight:800;padding:0!important;line-height:1.2}
.goods-list .goods .price em{font-size:12px;font-weight:400;margin-right:1px}
.goods-list .goods .salebtn,.goods-list .goods .divjfbl{font-size:12px}

/* ---------- 列表页 ---------- */
.main-content{width:auto;padding:0}
.main-content.cl{display:block}
.list-content{float:none;width:auto;margin:0}
/* 顶栏与左侧分类栏重复 → 隐藏，只留面包屑/二级/排序 */
.sort-filter .sf-hot,.sort-filter .sf-content{display:none}
.sort-filter .sf-breadcrumbs{padding:0 0 8px}
.sort-filter .sf-firstsub{border-top:0;padding-top:6px}
.sort-filter{background:#fff;border:1px solid var(--sk-line);border-radius:var(--sk-r);padding:14px 16px;margin-bottom:16px}
.sort-filter .sf-hot h3{font-size:13.5px;color:var(--sk-ink);float:left;margin-right:12px;line-height:26px}
.sort-filter .sf-hot ul{overflow:hidden}
.sort-filter .sf-hot ul li{float:left;margin-right:14px;line-height:26px}
.sort-filter .sf-hot ul li a{font-size:13px;color:var(--sk-ink2)}
.sort-filter .sf-hot ul li a:hover{color:var(--sk-main)}
.sort-filter .sf-content,.sort-filter .sf-firstsub{display:flex;gap:10px;padding:8px 0;border-top:1px dashed var(--sk-line)}
.sort-filter .sf-content h3,.sort-filter .sf-firstsub h3{flex:none;width:64px;margin:0;font-size:13px;color:var(--sk-ink3);line-height:26px;font-weight:400}
.sort-filter .sf-link{flex:1;min-width:0;overflow:hidden}
.sort-filter .sf-link ul{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0}
.sort-filter .sf-link ul li{float:none;line-height:26px}
.sort-filter .sf-link ul li a{font-size:13px;color:var(--sk-ink2)}
.sort-filter .sf-link ul li a:hover{color:var(--sk-main)}
.sort-filter .filter-more{display:none}
.sort-filter .sf-sequence{border-top:1px dashed var(--sk-line);padding-top:8px;margin-top:6px}
.sort-filter .sf-sequence .fl{display:flex;gap:6px}
.sort-filter .sf-sequence a{font-size:13px;color:var(--sk-ink2);padding:4px 12px;border-radius:15px;background:var(--sk-line2)}
.sort-filter .sf-sequence a:hover,.sort-filter .sf-sequence a.current{background:var(--sk-main);color:#fff}
.page{margin-top:22px;text-align:center}
.page a,.page span{display:inline-block;min-width:34px;height:34px;line-height:34px;margin:0 3px;padding:0 10px;
  border:1px solid var(--sk-line);border-radius:8px;font-size:13.5px;color:var(--sk-ink2);background:#fff}
.page a:hover{border-color:var(--sk-main);color:var(--sk-main)}
.page span.current,.page .current{background:var(--sk-main);border-color:var(--sk-main);color:#fff}
.list-sidebar{float:none;width:auto;margin-top:22px}
.list-sidebar h3{font-size:15px;color:var(--sk-ink);margin-bottom:10px}

/* 列表页：顶部原「全部分类」下拉面板隐藏（已由侧栏/导航承担） */
.sortnav-warp{display:none}

/* ---------- 播放页：左播放器 + 右章节列表 ---------- */
.PlayPage{width:var(--sk-w);margin:0 auto;padding:18px 0 46px}
.PlayPage .Top{display:flex;align-items:center;gap:16px;padding:0 0 14px;border-bottom:1px solid var(--sk-line);margin-bottom:16px}
.PlayPage .Top a.fl{float:none!important;flex:none;font-size:13px;color:var(--sk-ink3);
  border:1px solid var(--sk-line);border-radius:16px;padding:5px 14px;background:#fff}
.PlayPage .Top a.fl:hover{border-color:var(--sk-main);color:var(--sk-main)}
.PlayPage .Top h1{float:none!important;flex:1;min-width:0;margin:0!important;font-size:19px;font-weight:700;color:var(--sk-ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.PlayPage .Top .lookDescribe{float:none!important;flex:none;position:relative;font-size:13px;color:var(--sk-ink3);cursor:pointer}
.PlayPage .Content{display:flex!important;gap:18px;align-items:flex-start;width:auto}
.PlayPage .Main,.PlayPage #v_left{float:none!important;width:auto!important;flex:1;min-width:0}
.PlayPage .VideoPlay{position:relative;padding-top:56.25%;height:auto!important;border-radius:var(--sk-r);overflow:hidden;
  box-shadow:0 6px 20px rgba(20,30,60,.10)}
.PlayPage .VideoPlay>div{position:absolute!important;left:0;top:0;right:0;bottom:0}
.PlayPage .VideoPlay .prism-player{width:100%!important;height:100%!important}
.PlayPage .Tools,.PlayPage #v_right{float:none!important;width:342px!important;flex:none;background:#fff;
  border:1px solid var(--sk-line);border-radius:var(--sk-r);max-height:642px;overflow:auto}
.PlayPage .Tools dt{margin:0;padding:13px 14px;border-bottom:1px solid var(--sk-line)}
.PlayPage .Tools dt p{margin:0;font-size:15px;font-weight:700;color:var(--sk-ink)}
.lessonList{margin:0!important;padding:0!important}
.lessonList ul{margin:0;padding:0}
.lessonList li.lesson{float:none!important;list-style:none;border-bottom:1px solid var(--sk-line2);
  margin:0!important;padding:0!important;height:auto!important;background:#fff;transition:.15s}
.lessonList li.lesson:last-child{border-bottom:0}
.lessonList li.lesson a{display:flex!important;align-items:center;gap:10px;padding:11px 14px;font-size:13.5px;
  color:var(--sk-ink2);height:auto!important;line-height:1.5}
.lessonList li.lesson a:hover{background:var(--sk-main-l)}
.lessonList li.lesson a:hover p{color:var(--sk-main)}
.lessonList li.lesson a p.fl{float:none!important;flex:1;min-width:0;margin:0!important;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;line-height:1.5;font-size:13.5px}
.lessonList li.lesson a .time.fr{float:none!important;flex:none;color:#a2a9b8;font-size:12px;line-height:1.5}
.lessonList li.lesson.cur{background:var(--sk-main-l)}
.lessonList li.lesson.cur a p{color:var(--sk-main);font-weight:700}
.PlayPage .videoInfos{display:flex;align-items:center;gap:12px;padding:12px 2px;font-size:13px;color:var(--sk-ink3)}
.PlayPage .videoInfos .fr{float:none!important;margin-left:auto}

/* 会员引导条（非会员锁定时由模板输出，见 lesson.htm） */
.sk-vipbar{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:13px 16px;border-radius:var(--sk-r);
  background:linear-gradient(90deg,#fff3ea,#fff9f4);border:1px solid #ffd9be}
.sk-vipbar b{font-size:14.5px;color:var(--sk-ink)}
.sk-vipbar span{font-size:13px;color:var(--sk-ink3);flex:1;min-width:0}
.sk-vipbar a{flex:none;background:var(--sk-main);color:#fff;font-size:13.5px;padding:8px 18px;border-radius:18px}
.sk-vipbar a:hover{background:var(--sk-main-d);color:#fff}
.sk-badge{display:inline-block;font-size:11.5px;line-height:16px;padding:0 6px;border-radius:4px;margin-right:6px;vertical-align:1px}
.sk-badge.free{background:var(--sk-main-l);color:var(--sk-main);border:1px solid #ffd2b0}
.sk-badge.vip{background:#f2f4f8;color:#8a91a0;border:1px solid #e4e8f0}

/* ---------- 页脚 ---------- */
#footer,.footer{background:#fff;border-top:1px solid var(--sk-line);color:var(--sk-ink3)}
.footer-content{padding:26px 0;font-size:13px;line-height:2}

/* ---------- 响应式（窄屏电脑 / 平板） ---------- */
@media (max-width:1240px){
  #header .header-top,#header .header-bottom,#nav .nav-content,.sk-wrap,.PlayPage{width:auto;padding-left:14px;padding-right:14px}
  .goods-list{grid-template-columns:repeat(3,1fr)}
  .sk-hero{height:250px}
}
@media (max-width:980px){
  .sk-wrap{display:block}
  .sk-side{width:auto;position:static;margin-bottom:16px}
  .sk-side .sort-con{display:none}
  .sk-side .sort-menu{padding:10px 14px}
  .sk-stages{grid-template-columns:repeat(3,1fr)}
  .PlayPage .Content{display:block!important}
  .PlayPage .Tools,.PlayPage #v_right{width:auto!important;margin-top:16px;max-height:none}
  .goods-list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  #header .header-bottom{flex-wrap:wrap;padding:12px 0}
  #header .header-bottom .search{max-width:none;padding:10px 0 0;flex-basis:100%;margin:0}
  .sk-brand b{font-size:24px}
  .goods-list{grid-template-columns:repeat(2,1fr);gap:12px}
  .goods-list .goods .goods-img{height:112px}
  .sk-stages{grid-template-columns:repeat(2,1fr)}
  .sk-hero{height:180px}
}

/* ===================== 播放页覆盖（lesson.css 是深色底，这里改浅色） ===================== */
body{background:#fff}
.PlayPage{background:#fff!important;color:var(--sk-ink2)}
.PlayPage .Top{background:#fff!important;color:var(--sk-ink);padding:0 0 14px;border-bottom:1px solid var(--sk-line)}
.PlayPage .Top a.fl{color:var(--sk-ink3);border:1px solid var(--sk-line)}
.PlayPage .Top h1,.PlayPage .Top .lookDescribe{color:inherit}
.PlayPage .Top h1{color:var(--sk-ink)}
.PlayPage .Top .lookDescribe{color:var(--sk-ink3)}
.PlayPage .Content{background:transparent!important}
.PlayPage .describe{background:#fff;border:1px solid var(--sk-line);border-radius:10px;box-shadow:0 8px 24px rgba(20,30,60,.10)}
.sk-vipbar{position:relative!important;z-index:6!important;background:#fff7f0!important;
  border:1px solid #ffd9be!important;margin:0 0 16px!important;box-shadow:0 2px 10px rgba(255,106,0,.08)}
.sk-vipbar b{color:var(--sk-ink)!important}
.sk-vipbar span{color:var(--sk-ink3)!important}
/* 按钮统一橙红 */
.salebtn,.vipbtn,.loginbtn{background:var(--sk-main)!important;color:#fff!important;
  border:0!important;border-radius:20px!important;padding:0 22px!important;height:38px!important;line-height:38px!important}
.salebtn:hover,.vipbtn:hover,.loginbtn:hover{background:var(--sk-main-d)!important;color:#fff!important}
/* 免费角标 */
.lessonList .time span{border:0!important;background:var(--sk-main-l)!important;color:var(--sk-main)!important;
  border-radius:4px;padding:0 5px!important;height:auto!important;line-height:16px!important;font-size:11px!important}
/* 右侧工具区标签页 */
.PlayPage .Tools .tabs li,.PlayPage .Tools dt p{color:var(--sk-ink2)}
.PlayPage .Tools .cur,.PlayPage .Tools .tabs .cur{color:var(--sk-main)!important}

/* ---------- 兜底：禁止横向滚动 + 导航容器宽度锁死 ---------- */
html,body{overflow-x:hidden}
#nav{width:100%!important;overflow:hidden}
#nav .nav-content{width:1200px!important;max-width:100%!important;margin:0 auto!important;overflow:hidden}
#header .header-top,#header .header-bottom,.sk-wrap,.PlayPage{max-width:100%!important}
@media (max-width:1240px){
  #nav .nav-content{width:auto!important;padding-left:14px;padding-right:14px}
}

/* ===================== 第1轮体检修复 ===================== */
/* 1) 卡片栅格溢出容器 18~20px（插件原 .goods-list 自带宽度） */
.goods-list{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
.sk-sec .goods-list{width:100%!important}

/* 2) 顶栏/登录区/热词 点击区太小 */
#header .hdiul li a{display:inline-block;line-height:22px;min-height:22px;padding:2px 0}
#header .login li a{display:inline-block;line-height:24px;min-height:24px;padding:2px 0}
#header .search-hot a{display:inline-block;line-height:24px;padding:2px 0}
.sjrz input.scbut{min-height:42px}

/* 3) 播放页返回按钮做成胶囊，高度够点 */
.PlayPage .Top a.fl{display:inline-flex;align-items:center;height:34px;padding:0 18px;border-radius:17px}

/* 4) 卡片 hover 放大时不要溢出圆角 */
.goods-list .goods{overflow:hidden}
.goods-list .goods .goods-img img{transition:transform .3s}

/* ===================== 第2轮体检修复：点击区 ===================== */
#header .hdiul li a{display:inline-block;min-height:30px;line-height:30px;padding:2px 0}
#header .login li a{display:inline-block;min-height:30px;line-height:30px}
#header .search-hot a{display:inline-block;min-height:30px;line-height:30px;padding:2px 0}

/* 课程详情页：章节/课时按钮（原 h=21，太难点） */
/* SK: PC 课程页课时行的 .videotdbtn 必须是 inline\uff0c
   原 display:flex 会把 <a> 变成块级\uff0c导致标题独占一行、
   时长被挤到下一行，且 min-height 撑高行距。
   左 padding 保留 25px 给图标背景图。 */
.videotdbtn{display:inline!important;min-height:0!important;padding:0 0 0 25px!important;
  box-sizing:border-box!important;line-height:1.6!important;border-radius:0!important;background-position:0 4px!important}
.videotdbtn:hover{background:var(--sk-main-l);color:var(--sk-main)}

/* 列表页筛选/排序标签 */
.sort-filter .sf-link ul li a,.sort-filter .sf-hot ul li a{display:inline-flex;align-items:center;
  min-height:32px;padding:0 10px;border-radius:16px}
.sort-filter .sf-link ul li a:hover,.sort-filter .sf-hot ul li a:hover{background:var(--sk-main-l);color:var(--sk-main)}
.sort-filter .sf-sequence a{min-height:34px;display:inline-flex;align-items:center}

/* 播放页右侧教师/店铺卡 */
.PlayPage .Tools .i-avatar-box a,.PlayPage .Tools a.i-name,
.PlayPage .Tools .ashopsubscribe,.PlayPage .Tools .btnCtn,.PlayPage .Tools .btnOpen{
  display:inline-flex!important;align-items:center;min-height:32px!important;padding:0 6px!important}
.PlayPage .Tools .i-avatar-box img{width:44px;height:44px}

/* ===================== 第3轮体检修复 ===================== */
/* A. 播放页右侧店铺卡：白字白底看不见 + 深色分隔线 + 关注按钮是深色 */
#v_right table a{color:var(--sk-ink)!important}
#v_right table td{border-bottom-color:var(--sk-line)!important}
#v_right table a img{width:44px!important;height:44px!important}
#v_right table a{display:inline-block;min-height:44px;line-height:44px}
#v_right table div a{display:inline-flex;align-items:center;min-height:28px}
#v_right #ashopsubscribe{background:var(--sk-main)!important;border:0!important;color:#fff!important;
  min-width:64px!important;height:30px!important;line-height:30px!important;border-radius:15px!important;
  font-size:12.5px!important;margin:0!important;float:none!important;display:inline-block!important;text-align:center}
#v_right #ashopsubscribe font{color:#fff!important}

/* B. 左侧分类栏：学段标题与学科标签点击区 */
.sk-side .sort-menu{min-height:38px}
.sk-side .sort-menu .title{display:inline-flex;align-items:center;min-height:30px}
.sk-side .sort-link02 li a{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px}

/* C. 课程页「相关课程」小卡：整块可点，别只有文字 20px */
.small-goods{padding:10px 12px!important}
.small-goods .small-goods-img{display:block;height:96px;overflow:hidden;border-radius:8px;margin-bottom:8px}
.small-goods .small-goods-img img{width:100%;height:100%;object-fit:cover}
.small-goods .small-goods-name{display:block;min-height:22px;line-height:1.45;font-size:13.5px}
.small-goods .small-goods-text{display:block;min-height:20px;line-height:1.45;font-size:12px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
a.small-goods-img,a.small-goods-name,a.small-goods-text{display:block;min-height:22px}

/* ===================== 第4轮体检修复 ===================== */
/* 页脚：链接点击区与排版 */
#footer{padding:26px 0 18px}
#footer .site-info dd{display:flex;align-items:center;min-height:30px}
#footer .site-info dd a{display:inline-flex;align-items:center;min-height:30px;font-size:13.5px;color:var(--sk-ink2)}
#footer .site-info dd a:hover{color:var(--sk-main)}
#footer .site-info dt{font-size:15px;font-weight:700;color:var(--sk-ink);margin-bottom:6px}
#footer .site-icon{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ffcba8;margin-right:8px}
#footer .footer-note{margin-top:18px;padding-top:14px;border-top:1px solid var(--sk-line);
  text-align:center;font-size:13px;color:var(--sk-ink3)}

/* 面包屑上的清除 × 放大到好点 */
.item-close{display:inline-flex!important;align-items:center;justify-content:center;
  width:24px;height:24px;min-height:24px;border-radius:50%;background:var(--sk-line2);
  color:var(--sk-ink3)!important;font-size:15px;line-height:1;margin-left:6px}
.item-close:hover{background:var(--sk-main);color:#fff!important}

/* 课程页「相关课程」小卡：整块可点 */
.small-goods{position:relative}
.small-goods .small-goods-name::after{content:'';position:absolute;left:0;top:0;right:0;bottom:0}
.small-goods:hover{background:var(--sk-main-l)}

/* ===================== 第5轮体检修复：卡片内部宽度溢出 =====================
   症状：.goods 宽 228px，但内部 .goods-img / .goods-name 仍是插件原始固定宽度(~308px)，
   右侧 80px 被 overflow:hidden 裁掉 —— 封面比例失真、标题被切。
   根因：插件原始布局是 float，图片有固定宽度；换成 grid 后没被覆盖。 */
.goods-list .goods>*{width:auto!important;max-width:100%!important}
.goods-list .goods .goods-img{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.goods-list .goods h3{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.goods-list .goods .goods-name,.goods-list .goods .goods-text{width:auto!important;
  max-width:100%!important;display:-webkit-box!important;-webkit-box-orient:vertical;overflow:hidden}
.goods-list .goods .goods-info{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.goods-list .goods .goods-place{display:none!important}

/* ===================== 第6轮体检修复 ===================== */
/* 面包屑清除按钮：原来只有一个很淡的圆点，看不出是什么 → 加清晰的 × */
.item-close{position:relative;background:var(--sk-line2)!important}
.item-close::after{content:"\00d7";position:absolute;left:0;right:0;top:50%;transform:translateY(-52%);
  font-size:17px;line-height:1;color:var(--sk-ink3);text-align:center}
.item-close:hover::after{color:#fff}

/* （第28轮批3移除）原规则把「N人在学」整体字号设为 0，非 0 的数值也一起消失 → 见文件末修正 */
/* （第28轮批3移除）同上一处：连带把人数数字也隐藏了 */
.goods-list .goods h3>span:empty{display:none!important}

/* 面包屑与筛选区之间留白更清爽 */
.sort-filter .sf-breadcrumbs{padding-bottom:10px}
.sort-filter .sf-firstsub{padding-top:8px}

/* ===================== 第8轮体检修复：课程页价格与推荐位 ===================== */
/* 划线原价与现价相等会显得重复 → 用 it618_price(199) 展示折扣，saleprice 仍为 99 触发权限 */
.money spanmoney del{color:#a8aebb!important;font-size:13px;margin-left:8px}
.price{color:var(--sk-main)!important}
/* 会员引导按钮：改成规整的胶囊，不再贴着右边浮着 */
.product-info .div-price>div[style*="linear-gradient"],
div[style*="linear-gradient"]>a{display:inline-flex!important;align-items:center;min-height:34px!important;
  padding:0 16px!important;border-radius:17px!important;background:var(--sk-main-l)!important;
  border:1px solid #ffcba8!important;margin:0!important;float:none!important}
div[style*="linear-gradient"]>a{color:var(--sk-main)!important;font-size:13.5px!important}
/* 推荐课程小卡：标题下面那行描述与标题重复 → 隐藏，只留标题+课时+价格 */
.small-goods .small-goods-text{display:none!important}
.small-goods .small-goods-name{-webkit-line-clamp:2!important;min-height:40px!important}

/* ===================== 第9轮：播放页品牌露出 ===================== */
.sk-player-brand{display:inline-flex;align-items:center;height:34px;padding:0 16px;margin-right:14px;
  border-radius:17px;background:var(--sk-main);color:#fff!important;font-size:14px;font-weight:700;
  letter-spacing:.5px;white-space:nowrap}
.sk-player-brand:hover{background:var(--sk-main-d);color:#fff!important}
@media (max-width:760px){.sk-player-brand{display:none}}
/* =====================================================================
   第10~12轮优化：卡片信息层 / 自适应栅格 / Banner 交互 / 筛选 chip / 空态
   追加在 theme.css 末尾，全部为外观层，不改业务逻辑
   ===================================================================== */

/* ---------- 1. 卡片封面角标（免费试听 + 集数） ---------- */
.goods-list .goods .goods-img i{position:absolute;z-index:2;font-style:normal;
  font-size:11px;line-height:1;border-radius:9px;padding:4px 7px;color:#fff;pointer-events:none}
.goods-list .goods .goods-img .sk-free{left:8px;top:8px;background:rgba(255,106,0,.94);
  box-shadow:0 2px 8px rgba(255,106,0,.28);font-weight:600}
.goods-list .goods .goods-img .sk-count{right:8px;bottom:8px;background:rgba(0,0,0,.58);
  backdrop-filter:blur(2px);font-size:11px}
.goods-list .goods:hover .goods-img .sk-free{background:var(--sk-main-d)}

/* ---------- 2. 卡片信息行：集数/时长 左，在学人数 右 ---------- */
.goods-list .goods h3{overflow:hidden}
.goods-list .goods h3>span.sk-meta{display:block!important;float:left!important;width:auto!important;
  max-width:62%;padding:0!important;margin:0!important;font-size:12px!important;line-height:1.7!important;
  color:var(--sk-ink3)!important;font-weight:400!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.goods-list .goods h3>span.sk-meta em{font-style:normal;margin-right:8px}
.goods-list .goods h3>span.sk-learn{display:block!important;float:right!important;width:auto!important;
  padding:0!important;margin:0!important;font-size:12px!important;line-height:1.7!important;
  color:var(--sk-ink3)!important;font-weight:400!important;white-space:nowrap}
.goods-list .goods h3>span.sk-learn font{color:var(--sk-main)!important;font-weight:600}

/* ---------- 3. 自适应栅格（按容器宽度自动列数，比媒体查询更稳） ---------- */
.goods-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:18px!important}
@media (max-width:1180px){
  .goods-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:14px!important}
}
@media (max-width:900px){
  .goods-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:12px!important}
  .goods-list .goods .goods-img{height:142px}
}

/* ---------- 4. Banner：箭头 + 指示点 + hover 暂停 ---------- */
.sk-hero{position:relative}
.sk-hero .sk-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:40px;height:64px;line-height:64px;text-align:center;cursor:pointer;opacity:0;
  background:rgba(0,0,0,.32);color:#fff;font-size:22px;border-radius:6px;transition:.2s;user-select:none}
.sk-hero:hover .sk-hero-arrow{opacity:1}
.sk-hero .sk-hero-arrow.prev{left:10px}
.sk-hero .sk-hero-arrow.next{right:10px}
.sk-hero .sk-hero-arrow:hover{background:rgba(0,0,0,.5)}
.sk-hero:hover .slide{animation-play-state:paused!important}
.sk-hero .sk-hero-dots{position:absolute;right:16px;bottom:16px;z-index:5;display:flex;gap:7px}
.sk-hero .sk-hero-dots b{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55);
  cursor:pointer;transition:.2s;display:block}
.sk-hero .sk-hero-dots b.on{background:#fff;width:22px;border-radius:5px}

/* ---------- 5. 首页统计条 ---------- */
.sk-stat{display:flex;align-items:center;gap:14px;margin-top:16px;padding:13px 18px;
  background:linear-gradient(90deg,#fff6f0,#fff);border:1px solid #ffdcc4;border-radius:var(--sk-r);
  font-size:13.5px;color:var(--sk-ink2)}
.sk-stat b{color:var(--sk-main);font-size:17px;font-weight:800;margin:0 2px}
.sk-stat span.sk-stat-sp{margin-left:auto;color:var(--sk-ink3);font-size:12.5px}

/* ---------- 6. 学段分区「更多」按钮 ---------- */
.sk-sec-hd a{padding:4px 12px;border-radius:14px;background:var(--sk-line2);color:var(--sk-ink2);font-size:12.5px}
.sk-sec-hd a:hover{background:var(--sk-main-l);color:var(--sk-main)}

/* ---------- 7. 筛选区：共 N 门 + chip 当前态 ---------- */
.sk-countbar{display:flex;align-items:center;gap:10px;padding:2px 0 10px;font-size:13px;color:var(--sk-ink3)}
.sk-countbar b{color:var(--sk-main);font-size:15px}
.sort-filter .sf-link ul li a{padding:3px 11px;border-radius:13px;display:inline-block;transition:.15s}
.sort-filter .sf-link ul li a:hover{background:var(--sk-main-l);color:var(--sk-main)}
.sort-filter .sf-link ul li.current a,
.sort-filter .sf-link ul li a.on{background:var(--sk-main);color:#fff!important}
.sort-filter .sf-sequence a{min-width:60px;text-align:center;transition:.15s}
.sort-filter .sf-sequence a.current{background:var(--sk-main);color:#fff;box-shadow:0 3px 10px rgba(255,106,0,.22)}
.sf-sequence{position:sticky;top:0;z-index:6;background:#fff}
@media (max-width:900px){.sf-sequence{position:static}}

/* ---------- 8. 空态占位 ---------- */
.sk-empty{padding:64px 20px;text-align:center;background:#fff;border:1px solid var(--sk-line);
  border-radius:var(--sk-r);color:var(--sk-ink3);font-size:14px}
.sk-empty b{display:block;font-size:44px;color:var(--sk-line);margin-bottom:14px;font-weight:400}
.sk-empty a{display:inline-block;margin-top:16px;padding:9px 22px;border-radius:20px;
  background:var(--sk-main);color:#fff;font-size:13.5px}
.sk-empty a:hover{background:var(--sk-main-d);color:#fff}

/* ---------- 9. 列表页面包屑强化 ---------- */
.sf-breadcrumbs a{color:var(--sk-ink2)}
.sf-breadcrumbs a:hover{color:var(--sk-main)}
.sf-breadcrumbs h1,.sf-breadcrumbs .sk-crumb-cur{display:inline;font-size:14px;font-weight:700;
  color:var(--sk-ink);margin:0}

/* ---------- 10. 分页器 ---------- */
.page{margin-top:22px;text-align:center;padding-bottom:6px}
.page a,.page span,.page .pg a,.page .pg strong{display:inline-block;min-width:36px;height:36px;line-height:36px;
  margin:0 3px;padding:0 11px;border:1px solid var(--sk-line);border-radius:9px;font-size:13.5px;
  color:var(--sk-ink2);background:#fff;transition:.15s}
.page a:hover{border-color:var(--sk-main);color:var(--sk-main);background:var(--sk-main-l)}
.page .pg strong,.page span.current,.page .current{background:var(--sk-main);border-color:var(--sk-main);
  color:#fff!important;font-weight:700}
.page .pg em,.page .dots{border:0;background:none;color:var(--sk-ink3)}

/* ---------- 11. 详情页：目录分组与免费标记 ---------- */
.product-info .tablelist3 td{padding:9px 10px;font-size:13.5px}
.product-info .tablelist3 tr:hover td{background:var(--sk-main-l)}
.sk-sec-hd h2{font-size:18px}

/* ---------- 12. 播放页：章节列表滚动 + 当前集高亮 ---------- */
.sk-lesson-list{max-height:520px;overflow-y:auto}
.sk-lesson-list::-webkit-scrollbar{width:6px}
.sk-lesson-list::-webkit-scrollbar-thumb{background:#d8dde6;border-radius:3px}
.videotdbtn{min-height:0!important;line-height:1.6!important}
.sk-chapter-hd{background:var(--sk-main-l);color:var(--sk-main);font-weight:700;padding:8px 12px;
  border-radius:6px;margin:10px 0 6px;font-size:13.5px}

/* ---------- 13. 通用：焦点可见 / 字体 / 图片 ---------- */
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--sk-main);outline-offset:2px}
img{max-width:100%}
.goods-list .goods .goods-img img{background:var(--sk-line2)}

/* ===================== 第13轮：列表页原生卡片统一 ===================== */
/* 插件 common.css 里 .goods-text 是 -webkit-box，优先级压过本文件 → 必须 !important */
.goods-list .goods .goods-text,
.small-goods .small-goods-text,
.list-content .goods .goods-text{display:none!important}
/* 列表页卡片信息行：集数/时长 左，在学人数 右（覆盖内联 style） */
.goods-list .goods h3>span{display:block!important;float:none!important;width:auto!important;
  padding:0!important;margin:0!important;min-height:24px!important;line-height:24px!important;
  font-size:12px!important;color:var(--sk-ink3)!important;font-weight:400!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.goods-list .goods h3>span>span{float:right!important;display:inline!important;padding-left:10px}
.goods-list .goods h3>span>span font{color:var(--sk-main)!important;font-weight:600}
/* 封面角标（列表页同样适用） */
.goods-list .goods .goods-img .sk-free,
.goods-list .goods .goods-img .sk-count{position:absolute;z-index:2}
/* 列表页卡片 hover 抬升与标题 2 行 */
.goods-list .goods .goods-name{-webkit-line-clamp:2!important}
/* 关闭按钮（浮层）点击区 */
.item-close{min-width:28px;min-height:28px;line-height:28px;text-align:center}

/* ===================== 第14轮：按钮点击区 / 页脚链接 ===================== */
.sk-sec-hd a{min-height:32px;line-height:32px;padding:0 16px;display:inline-flex;align-items:center;
  box-sizing:border-box;border-radius:16px;font-size:13px}
.sk-stat,.sk-stat *{min-height:22px}
/* 页脚 / 面包屑里的文字链：补足 26px 高度 */
footer a,.foot a,#footer a,.sk-footer a,.breadcrumb a,.sf-breadcrumbs a,
.product-info .sk-crumb a{min-height:26px;line-height:26px;display:inline-block;padding:0 2px}
/* 播放页上下集 */
.sk-prevnext{display:flex;gap:12px;margin:14px 0}
.sk-prevnext a{flex:1;min-height:44px;line-height:44px;text-align:center;border-radius:22px;
  background:#fff;border:1px solid var(--sk-line);color:var(--sk-ink2);font-size:14px;transition:.15s}
.sk-prevnext a:hover{border-color:var(--sk-main);color:var(--sk-main);background:var(--sk-main-l)}
.sk-prevnext a.on{background:var(--sk-main);border-color:var(--sk-main);color:#fff}

/* ===================== 第15轮：播放页章节列表 ===================== */
.lessonList{max-height:520px;overflow-y:auto;padding-right:4px}
.lessonList::-webkit-scrollbar{width:6px}
.lessonList::-webkit-scrollbar-thumb{background:#d8dde6;border-radius:3px}
.lessonList li.cur>a{color:#ff6a00!important;font-weight:700}
.lessonList li.cur{background:#fff3ea;border-radius:8px}
.lessonList li>a{display:block;min-height:36px;line-height:36px;font-size:13.5px}
.lessonList li>a:hover{color:#ff6a00}
.sk-prevnext a.off{opacity:.45;cursor:default}

/* ===================== 第16轮：面包屑 / 店铺名 / 关闭按钮 点击区 ===================== */
.breadcrumbs a,.breadcrumbs span{min-height:30px;line-height:30px;display:inline-block;padding:0 3px}
.shop-name a,.shop-name{min-height:30px;line-height:30px;display:inline-block}
.scroll-content li a{min-height:30px;line-height:30px;display:block}
.item-close{min-height:30px!important;min-width:30px!important;line-height:30px!important;text-align:center}
/* 93. 字体栈统一 */
body,.goods-name,.tdname{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif}

/* ===================== 第17轮：PC 头部自适应 / 侧栏限高（P1/P3） ===================== */
/* P1 搜索框模板里硬编码 margin-left:258px（inline 样式优先级最高，必须 !important）
   → 改为弹性布局：左右 margin 全部走 flex，窄屏不再挤压 */
#header .header-bottom .search{margin:0 0 0 auto!important;padding:0 24px!important;
  flex:1 1 auto!important;min-width:0!important;max-width:560px!important}
#header .header-bottom{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;
  gap:0!important}
#header .header-bottom .logo{flex:none!important;margin-right:0!important}
#header .header-bottom .sjrz{flex:none!important}
/* 中等屏：搜索框收紧，避免与右侧区域挤压 */
@media (max-width:1240px){
  #header .header-bottom .search{padding:0 14px!important;max-width:460px!important}
}
@media (max-width:980px){
  #header .header-bottom{flex-wrap:wrap!important}
  #header .header-bottom .search{flex:1 1 100%!important;max-width:none!important;
    padding:10px 0 0!important;margin:8px 0 0!important;order:9}
}

/* P3 左侧分类栏 sticky 限高：原先天生长度 936px，比视口高 → 底部被裁且拖长页面
   → 限高 + 内部滚动，滚到底时分类栏钉住不动 */
.sk-side{max-height:calc(100vh - 28px)!important;overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior:contain;scrollbar-width:thin}
.sk-side::-webkit-scrollbar{width:5px}
.sk-side::-webkit-scrollbar-thumb{background:#dfe4ec;border-radius:3px}
.sk-side::-webkit-scrollbar-thumb:hover{background:#c8cfda}
.sk-side .sort{overflow:hidden}
@media (max-width:1100px){
  .sk-side{max-height:none!important;overflow:visible!important}
}

/* ===================== 第18轮：中等宽度放开 body min-width ===================== */
/* common.css 有 body{min-width:1200px}，导致 900~1200px 窗口必然横向滚动。
   桌面端 >1200px 保持原样；以下区间改为流式，配合上方 980/1100 断点 */
@media (max-width:1200px){
  html,body{min-width:0!important;overflow-x:hidden!important}
  #header .header-top,#header .header-bottom,#nav .nav-content,.sk-wrap,main#main>div{
    max-width:100%!important;box-sizing:border-box!important}
}
@media (max-width:1000px){
  .sk-wrap{flex-direction:column!important}
  .sk-side{width:100%!important;margin-bottom:14px;position:static!important;max-height:none!important}
  .sk-side .sortnav-warp{display:block}
  .goods-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}
}

/* ===================== 第19轮：PC 页脚合规区块（P4） ===================== */
#footer .footer-top{display:flex;flex-wrap:wrap;gap:26px;align-items:flex-start;padding:26px 0 18px}
#footer .footer-top .site-info{flex:0 0 auto}
#footer .footer-top .site-info dl dt{font-size:14px;font-weight:700;color:var(--sk-ink);margin-bottom:9px}
#footer .footer-top .site-info dl dd{display:flex;align-items:center;line-height:26px;min-height:26px}
#footer .footer-top .site-info dl dd a{font-size:13px;color:var(--sk-ink2)}
#footer .footer-top .site-info dl dd a:hover{color:var(--sk-main)}
#footer .footer-top .code{margin-left:auto;text-align:center}
#footer .footer-top .code img{width:96px;height:96px;object-fit:contain;border:1px solid var(--sk-line);
  border-radius:8px;padding:4px;background:#fff}
#footer .footer-note{text-align:center;font-size:12.5px;color:var(--sk-ink3);line-height:2;
  padding:12px 0;border-top:1px solid var(--sk-line)}
#footer .footer-note a{color:var(--sk-ink2);min-height:26px;line-height:26px;display:inline-block}
#footer .footer-note a:hover{color:var(--sk-main)}
#footer .footer-copy{font-size:12px;color:#a8aebb;border-top:0;padding-top:0}
@media (max-width:900px){
  #footer .footer-top{gap:16px}
  #footer .footer-top .code{margin-left:0}
}

/* ===================== 第20轮：单集均价（替代虚构划线价 G1） ===================== */
.sk-unit-price{display:inline-block;margin-left:10px;font-size:13px;color:#7a839a;
  background:#fff;border:1px solid var(--sk-line);border-radius:13px;padding:3px 12px;line-height:1.5;vertical-align:2px}

/* ===================== 第21轮：页脚与单页目录点击区 ===================== */
#footer .footer-note a,.footer-note a{min-height:30px!important;line-height:30px!important;
  display:inline-block;padding:0 2px}
/* 单页（协议/隐私）侧边目录：来自插件 page 模板的 ul>li>a */
.page-menu ul li a,.help-con ul li a,ul.help-con li a{min-height:30px!important;line-height:30px!important;
  display:inline-block}
/* 通用：短文本链接补足高度 */
#footer a,.footer a{min-height:30px}
.sk-wf-links a{min-height:32px}

/* 单页侧边目录（.htul / .longSideCon dd ul）点击区补足 */
ul.htul li a,.longSideCon ul li a,.longSideCon dd ul li a,
.page-side ul li a,.article-side ul li a{min-height:32px!important;line-height:32px!important;
  display:inline-block;padding:0 4px}
ul.htul li,.longSideCon dd ul li{min-height:32px;line-height:32px}

/* 单页目录链接（补强：属性选择器确保命中） */
a[href*="video_page-"]{min-height:32px!important;line-height:32px!important;
  display:inline-block!important;padding:0 4px!important;vertical-align:middle}
.longSideCon li,a[href*="video_page-"]{box-sizing:border-box}
#main .longSideCon ul li,#main dd ul li{min-height:32px;line-height:32px}

/* 页脚修正：插件 common.css 把 .site-info 固定成 1200px 宽 → 两块堆叠
   改为自适应宽度，两块并排 */
#footer .footer-top{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;
  gap:30px!important;padding:26px 0 18px!important}
#footer .footer-top .site-info{width:auto!important;min-width:0!important;flex:0 1 auto!important;
  float:none!important;padding:0!important;background:none!important}
#footer .footer-top .site-info dl{float:none!important;width:auto!important;min-width:140px}
#footer .footer-top .code{margin-left:auto!important;flex:none!important;float:none!important;
  width:auto!important;padding:0!important}
#footer .footer-top .clr{display:none}

/* 页脚 dl 高度被插件固定 120px（6 项 >120px 被裁）→ 放开 */
#footer .footer-top .site-info dl{height:auto!important;min-height:0!important;max-height:none!important;
  overflow:visible!important;margin:0!important;padding:0!important}
#footer .footer-top .site-info dl dt{height:auto!important;min-height:0!important}
#footer .footer-top .site-info dl dd{height:auto!important;overflow:visible!important}
#footer .site-info,#footer .site-info dt,#footer .site-info dd,#footer .site-info a{height:auto!important}

/* ===================== 第22轮：播放页下方信息区（填充空白 + 上下集归位） ===================== */
.sk-under{margin-top:12px;display:flex;flex-direction:column;gap:12px}
/* 上下集：紧贴播放器、等宽、显示相邻集名 */
.sk-prevnext{display:flex;gap:10px}
.sk-prevnext a{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;
  padding:11px 15px;border-radius:10px;background:#fff;border:1px solid var(--sk-line);
  transition:.15s;text-decoration:none}
.sk-prevnext a em{font-style:normal;font-size:12.5px;color:var(--sk-ink3);line-height:1.3}
.sk-prevnext a b{font-size:13.5px;color:var(--sk-ink);font-weight:600;line-height:1.4;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-prevnext a.on:hover{border-color:var(--sk-main);background:var(--sk-main-l)}
.sk-prevnext a.on:hover em,.sk-prevnext a.on:hover b{color:var(--sk-main)}
.sk-prevnext a.off{opacity:.5;cursor:default}
.sk-prevnext a.off b{color:var(--sk-ink4);font-weight:400}

/* 课程信息卡：把播放器下方的空白填起来 */
.sk-under-info{background:#fff;border:1px solid var(--sk-line);border-radius:10px;padding:16px 18px}
.sk-under-name{margin:0 0 9px;font-size:17px;font-weight:800;color:var(--sk-ink);letter-spacing:-.2px}
.sk-under-meta{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:13px;color:var(--sk-ink3)}
.sk-under-meta .sk-now b{color:var(--sk-ink);font-weight:600}
.sk-under-meta .sk-dot{color:var(--sk-line)}
.sk-under-meta .sk-cur-dur{display:inline-block;padding:2px 10px;border-radius:11px;
  background:var(--sk-main-l);color:var(--sk-main);font-weight:700;font-family:var(--ui-monospace,monospace);
  font-size:12.5px;min-width:52px;text-align:center}
.sk-under-meta .sk-pos{white-space:nowrap}
.sk-under-meta .sk-to-course{margin-left:auto;color:var(--sk-main);font-size:13px;font-weight:600;
  min-height:30px;line-height:30px;white-space:nowrap}
.sk-under-meta .sk-to-course:hover{color:var(--sk-main-d)}

/* 右侧目录：内部滚动 + 章节可折叠 */
.lessonList{max-height:520px!important;overflow-y:auto!important}
.lessonList li.sk-chapter{position:relative;padding-right:26px;user-select:none}
.lessonList li.sk-chapter:after{content:'\25BE';position:absolute;right:9px;top:50%;
  transform:translateY(-50%);font-size:11px;color:var(--sk-ink4);transition:.18s}
.lessonList li.sk-chapter.sk-collapsed:after{transform:translateY(-50%) rotate(-90deg)}
.lessonList li.sk-chapter:hover{color:var(--sk-main)}

/* 手机版扫码角标：原黑块压住内容 → 降透明度、缩小、移进安全位置 */
.sk-scan-mini{opacity:.5!important;transform:scale(.82);transform-origin:bottom right;transition:.2s}
.sk-scan-mini:hover{opacity:1!important;transform:scale(1)}

@media (max-width:900px){
  .sk-under-info{padding:13px 14px}
  .sk-under-name{font-size:15.5px}
  .sk-prevnext a{padding:9px 11px}
}

/* 修正：插件的 a.on 规则把「下一集」染成橙色 → 强制白底 */
.sk-under .sk-prevnext a,
.sk-under .sk-prevnext a.on,
.sk-under .sk-prevnext a.off{
  background:#fff!important;background-image:none!important;
  border:1px solid var(--sk-line)!important;color:var(--sk-ink)!important;
  font-weight:400!important;border-radius:10px!important;box-shadow:none!important}
.sk-under .sk-prevnext a em{color:var(--sk-ink3)!important;font-size:12.5px!important;font-weight:400!important}
.sk-under .sk-prevnext a b{color:var(--sk-ink)!important;font-weight:600!important;font-size:13.5px!important}
.sk-under .sk-prevnext a.on:hover{background:var(--sk-main-l)!important;border-color:var(--sk-main)!important}
.sk-under .sk-prevnext a.on:hover em,
.sk-under .sk-prevnext a.on:hover b{color:var(--sk-main)!important}
.sk-under .sk-prevnext a.off{opacity:.55}
.sk-under .sk-prevnext a.off b{font-weight:400!important;color:var(--sk-ink4)!important}

/* 章节折叠标记：换成清晰的三角，避免被插件 li:before 吃掉 */
.lessonList li.sk-chapter:after{content:'\25BC'!important;color:var(--sk-ink4)!important;
  font-size:10px!important;right:8px!important;line-height:1!important;background:none!important;
  width:auto!important;height:auto!important;border:0!important}
.lessonList li.sk-chapter.sk-collapsed:after{transform:translateY(-50%) rotate(-90deg)!important}
.lessonList li.sk-chapter:hover:after{color:var(--sk-main)!important}

/* ===================== 第23轮：PC「我的课程」导航入口 ===================== */
#header .hdiul li.sk-nav-mine a{color:var(--sk-main)!important;font-weight:700!important}
#header .hdiul li.sk-nav-mine a:hover{color:var(--sk-main-d)!important;text-decoration:none}
#header .hdiul li.sk-nav-mine:before{content:'';display:inline-block;width:1px;height:11px;
  background:var(--sk-line);vertical-align:middle;margin-right:9px}

/* ===================== 顺手做：卡片信息去重 / 筛选 chip / 底部按钮主次 ===================== */
/* 1) 封面角标只留集数（去掉与信息行重复的内容），信息行不再重复「N集」 */
.goods-list .goods .goods-img .sk-count{font-size:11px}
.goods-list .goods h3>span.sk-meta em:first-child{display:none}   /* 集数已在封面角标 */
/* 2) 列表页筛选栏字号提到 13px */
.sort-filter .sf-link ul li a{font-size:13px!important}
.sort-filter .sf-sequence a{font-size:13px!important}
/* 3) 底部操作条：主按钮加宽突出 */
.sk-under-meta .sk-to-course{font-size:13.5px}

/* =====================================================================
   pc_v2.css —— 2026-10-07 第八轮（电脑端）
   1) footer 只留备案信息（去掉快速入口 / 帮助与条款两列 + 二维码）
   2) 内容区加宽 1200 → 1320，课程卡片竖版 3:4，4 列铺满不错行
   3) 课程页：只保留「课程章节」页签
   4) 课程页：去掉作者信息块与右侧老师推荐
   5) 全站隐藏价格
   ===================================================================== */

/* ---------- 1. footer 精简 ---------- */
#footer .footer-top{display:none!important}
#footer .footer-note{margin-top:0!important;padding-top:16px!important;border-top:0!important}
#footer{background:#fff!important;border-top:1px solid #eef0f4!important}

/* ---------- 2. 内容区加宽 ---------- */
#header .header-top,#header .header-bottom,#nav .nav-content,
#main,.sk-wrap,.main-content,.PlayPage{width:1320px!important;max-width:1320px!important}

/* ---------- 3. 卡片：竖版 3:4、4 列满行 ---------- */
.goods-list{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;width:100%!important;max-width:100%!important;
  margin:0!important;float:none!important;overflow:visible!important;
}
.goods-list .goods{
  width:auto!important;float:none!important;margin:0!important;padding:0!important;
  height:auto!important;background:#fff;border:1px solid #eef0f4;border-radius:10px;
  overflow:hidden;transition:box-shadow .22s,transform .22s;
}
.goods-list .goods .goods-img{
  display:block!important;position:relative!important;
  height:auto!important;aspect-ratio:3/4!important;
  overflow:hidden!important;background:#f2f4f8;border-radius:0;
}
.goods-list .goods .goods-img img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center top!important;
  display:block!important;transition:transform .35s;
}
/* 角标（竖版下重新定位，字号统一） */
.goods-list .goods .goods-img i{font-style:normal}
.goods-list .goods .goods-img .sk-free{
  left:8px!important;top:8px!important;right:auto!important;bottom:auto!important;
  background:rgba(255,106,0,.95)!important;color:#fff!important;
  font-size:11px!important;line-height:18px!important;padding:0 7px!important;border-radius:4px!important;
}
.goods-list .goods .goods-img .sk-count{
  left:auto!important;right:8px!important;top:auto!important;bottom:8px!important;
  background:rgba(0,0,0,.55)!important;color:#fff!important;
  font-size:11px!important;line-height:18px!important;padding:0 7px!important;border-radius:4px!important;
}
/* 文案区 */
.goods-list .goods h3{padding:11px 12px 0!important;margin:0!important;height:auto!important;
  font-weight:400!important;overflow:visible!important}
.goods-list .goods .goods-name{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
  overflow:hidden!important;font-size:13.5px!important;line-height:1.45!important;
  color:#1f2430!important;font-weight:500!important;min-height:39px;
}
.goods-list .goods:hover .goods-name{color:#ff6a00!important}
.goods-list .goods .goods-text{display:none!important}
.goods-list .goods h3>span{
  display:block!important;float:none!important;width:auto!important;
  line-height:1.75!important;font-size:12px!important;color:#8a91a0!important;
}
.goods-list .goods h3>span.sk-meta em{font-style:normal;margin-right:9px}
.goods-list .goods h3>span.sk-learn{text-align:left!important;float:none!important}
.goods-list .goods h3>span.sk-learn font{color:#8a91a0!important;font-size:12px!important}

/* ---------- 4. 价格与购买入口全部隐藏 ---------- */
.goods-list .goods .goods-info,
.goods-list .goods .price,
.goods .price,
.price.spanprice,
.spanlessonprice,.spanvideoprice,.spanprice,
.J_pricetag,.J_price,.hprice{display:none!important}

/* 卡片只留「去学习」入口 */
.goods-list .goods .goods-info::after{display:none!important}

/* ---------- 5. 课程页：只留「课程章节」页签 ---------- */
.detail-navwarp .detail-nav li[name="detail-tag01"],
.detail-navwarp .detail-nav li[name="detail-tag02"],
.detail-navwarp .detail-nav li[name="detail-tag07"]{display:none!important}
.detail-nav > ul > li[name="detail-tag03"]{display:block!important}
/* 非章节内容区一并隐藏 */
#detail-tag01,#detail-tag02,#detail-tag07,
.detail-map#detail-tag01,.detail-map#detail-tag02{display:none!important}
#detail-tag03{display:block!important}

/* ---------- 6. 课程页：去掉作者信息块与右侧推荐 ---------- */
.shop-info,.shop-name,
div.detail-intro .shop-name,
.detail-intro li.an .shop-info,
#tmpsubscribebtn,
.subscribe,
.teacher-a,
.sk-shopbox{display:none!important}
/* 右侧「老师推荐课程」等侧栏 */
.detail-mapright,.detail-right .sk-teacher-rec,.detail-right .recommend,
.sk-rec-teacher,.detail-right .detail-teacher{display:none!important}

/* 作者/讲师行整块收掉（只留标题与面包屑） */
.detail-intro ul.shopbox,.detail-intro .shopbox{display:none!important}

/* ---------- 7. 面包屑与顶部导航：排版与字号统一 ---------- */
#nav{background:#fff!important;border-bottom:1px solid #eef0f4}
#nav .nav-content{display:flex;align-items:center;padding:0!important;height:auto!important}
#nav .nav-content a{
  display:inline-flex;align-items:center;height:44px;padding:0 22px!important;
  font-size:15px!important;color:#48526b!important;text-decoration:none;
  position:relative;transition:color .18s;float:none!important;
}
#nav .nav-content a:hover{color:#ff6a00!important;background:transparent!important}
#nav .nav-content a::after{
  content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%) scaleX(0);
  width:26px;height:3px;border-radius:2px;background:#ff6a00;transition:transform .2s;
}
#nav .nav-content a:hover::after{transform:translateX(-50%) scaleX(1)}
#nav .nav-content a.on{color:#ff6a00!important;font-weight:600}
#nav .nav-content a.on::after{transform:translateX(-50%) scaleX(1)}

/* 面包屑 */
.breadcrumbs{
  font-size:13.5px!important;color:#8a91a0!important;line-height:1.9!important;
  padding:14px 0!important;margin:0!important;background:transparent!important;
  border:0!important;display:flex;align-items:center;flex-wrap:wrap;gap:6px;
}
.breadcrumbs .left{color:#8a91a0!important;margin-right:2px}
.breadcrumbs a{color:#48526b!important;text-decoration:none}
.breadcrumbs a:hover{color:#ff6a00!important}
.breadcrumbs i{display:inline-block;width:5px;height:5px;border-top:1px solid #c3c9d4;
  border-right:1px solid #c3c9d4;transform:rotate(45deg);margin:0 2px;font-size:0;line-height:0}
/* 当前课程名（面包屑末尾）加粗 */
.breadcrumbs > b,.breadcrumbs > strong{color:#1f2430!important;font-weight:600}

/* ---------- 8. 响应式 ---------- */
@media (max-width:1400px){
  #header .header-top,#header .header-bottom,#nav .nav-content,
  #main,.sk-wrap,.main-content,.PlayPage{width:100%!important;max-width:100%!important;
    padding-left:16px!important;padding-right:16px!important;box-sizing:border-box}
}
@media (max-width:1200px){
  .goods-list{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
}
@media (max-width:980px){
  .goods-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  .goods-list .goods .goods-name{font-size:13px!important;min-height:0}
}
@media (max-width:640px){
  .goods-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}

/* =====================================================================
   补充：课程页残留项（2026-10-07）
   ===================================================================== */
/* 价格块：¥99 + 单集单价 */
.roduct-price,
.detail-intro .roduct-price,
.sk-unit-price,
.small-goods-info,
.small-goods .price,
span.price,span.spanprice,.price.spanprice{display:none!important}

/* 侧边栏「老师推荐课程」整块去掉 */
.detail-sidebar,
.detail-content .detail-sidebar,
.index-sidebar,
.other-gp,
.slider-warp-updown{display:none!important}

/* 详情页左右布局：去掉侧栏后主内容撑满 */
.detail-content{display:block!important;width:100%!important}
.detail-content > .detail-right,
.detail-content > .detail-left{width:100%!important;float:none!important;max-width:100%!important}

/* 购买/购课车按钮：价格已去，入口一并取消 */
.roduct-buy,.detail-intro .roduct-buy,
input.paybtn,input.gwcbtn,
a.paybtn.btnall{display:none!important}

/* 页签容器：只有一项时简化样式（去掉多余分割线） */
.detail-navwarp{border-bottom:1px solid #eef0f4!important}
.detail-nav ul{border-bottom:0!important}
.detail-nav li[name="detail-tag03"] span i{color:#1f2430!important;font-style:normal!important;font-weight:600!important}
.detail-nav li[name="detail-tag03"]{border-bottom:3px solid #ff6a00!important}
/* =====================================================================
   第27轮：PC 全部分类遮挡 / 头部用户行 / 播放页美化
   2026-10-07
   ===================================================================== */

/* ------------------------------------------------
   1) 「全部分类」侧栏：计数不再被滚动条遮挡
   原问题：.sk-side 被限高 + overflow-y:auto → 内部滚动条压在右侧计数上
   ------------------------------------------------ */
.sk-side{max-height:none!important;overflow:visible!important;align-self:flex-start;scrollbar-width:none}
.sk-side::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.sk-side-hd{border-radius:var(--sk-r) var(--sk-r) 0 0}
.sk-side .sort{width:100%!important;box-sizing:border-box!important;overflow:visible!important}
.sk-side .sort-menu{width:100%!important;box-sizing:border-box!important;padding:13px 14px 7px!important}
.sk-side .sort-menu .title{flex:1 1 auto!important;min-width:0!important;float:none!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sk-side .sort-menu>span{flex:0 0 auto!important;margin-left:12px!important;white-space:nowrap!important;
  font-variant-numeric:tabular-nums}
.sk-side .sort-con,.sk-side .sort-con-left,.sk-side .sort-link02{width:100%!important;box-sizing:border-box!important}
@media (max-width:1000px){
  .sk-side{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
}

/* ------------------------------------------------
   2) PC 头部用户区：统一垂直居中与间距（去掉负 margin / 内联顶距）
   ------------------------------------------------ */
#header .header-top{padding:9px 0}
#header .hdiul li{margin-right:20px}
#header .login{display:flex!important;align-items:center;gap:18px;float:right!important}
#header .login li{float:none!important;margin:0!important;display:flex;align-items:center;height:30px}
#header .login li a{display:inline-flex!important;align-items:center;gap:5px;line-height:30px!important;
  min-height:30px!important;padding:0!important;color:var(--sk-ink2)!important;font-size:12.5px!important}
#header .login li a:hover{color:var(--sk-main)!important;text-decoration:none}
#header .login li img{height:15px!important;width:auto;margin:0!important;vertical-align:middle}
#header .login .textwarp{display:inline-flex;align-items:center;gap:5px;line-height:30px;margin:0;cursor:pointer}
#header .login .account-num{display:none}
#header .login .htul{left:auto;right:0}
#header .login li.login-link{color:var(--sk-main)!important;font-weight:700!important}
#header .login .dropdown-account{margin-right:0!important}

/* ------------------------------------------------
   3) PC 播放页：课程信息卡 / tab / 章节列表
   ------------------------------------------------ */
/* 3.1 店铺信息卡：插件内联的是深色主题样式，这里压回浅色 */
.PlayPage .Tools table{width:100%;border-collapse:collapse}
.PlayPage .Tools table td{padding:14px 16px!important;border-bottom:1px solid var(--sk-line)!important;
  vertical-align:middle}
.PlayPage .Tools table td:first-child{width:56px!important;padding-right:0!important}
.PlayPage .Tools table img{width:40px!important;height:40px!important;border-radius:50%!important;display:block}
.PlayPage .Tools table a{color:var(--sk-ink)!important;font-weight:700;font-size:14.5px;text-decoration:none}
.PlayPage .Tools table a:hover{color:var(--sk-main)!important}
.PlayPage .Tools table div[style]{color:var(--sk-ink3)!important;font-size:12px!important;margin-top:4px!important}
.PlayPage .Tools table a#ashopsubscribe{float:right!important;width:auto!important;min-width:62px!important;
  height:28px!important;line-height:26px!important;margin:0 0 0 12px!important;padding:0 12px!important;
  background:#fff!important;border:1px solid var(--sk-main)!important;border-radius:14px!important;
  color:var(--sk-main)!important;font-weight:400!important;font-size:12.5px!important;text-align:center;
  box-sizing:border-box}
.PlayPage .Tools table a#ashopsubscribe:hover{background:var(--sk-main-l)!important}
.PlayPage .Tools table a#ashopsubscribe font{color:inherit!important}

/* 3.2 章节 / 问答 tab → 分段控件 */
.PlayPage .Tools dt.tabs{display:flex!important;gap:8px;padding:10px 12px!important;
  border-bottom:1px solid var(--sk-line)!important;text-align:left}
.PlayPage .Tools dt.tabs p{flex:1;float:none!important;width:auto!important;margin:0!important;padding:7px 0!important;
  text-align:center!important;font-size:13.5px!important;font-weight:600!important;color:var(--sk-ink3)!important;
  background:var(--sk-line2);border:0!important;border-radius:8px;cursor:pointer;transition:.15s}
.PlayPage .Tools dt.tabs p:hover{color:var(--sk-main)!important}
.PlayPage .Tools dt.tabs p.cur{background:var(--sk-main)!important;color:#fff!important}

/* 3.3 章节标题行：替换内联的淡灰 #ccc 与错位的小箭头图 */
.lessonList li.lesson[onclick]{position:relative;display:flex!important;align-items:center;
  padding:10px 32px 10px 14px!important;background:#f5f7fa!important;color:var(--sk-ink)!important;
  font-weight:700!important;font-size:13.5px!important;line-height:1.5!important;border-bottom:0!important;
  border-left:3px solid var(--sk-main);cursor:pointer;user-select:none}
.lessonList li.lesson[onclick]:hover{background:#eef1f6!important}
.lessonList li.lesson[onclick] img{display:none!important}
.lessonList li.lesson[onclick]:after{content:'';position:absolute;right:14px;top:50%;width:0;height:0;
  border-left:5px solid var(--sk-ink3);border-top:4px solid transparent;border-bottom:4px solid transparent;
  transform:translateY(-50%) rotate(90deg);transition:transform .18s;opacity:.85}

/* 3.4 课时行：当前项左侧橙色条、悬停、更紧凑的节奏 */
.lessonList li.lesson a{padding:10px 14px 10px 21px!important;border-left:3px solid transparent}
.lessonList li.lesson a:hover{border-left-color:var(--sk-main)}
.lessonList li.lesson.cur a{border-left-color:var(--sk-main)}
.lessonList li.lesson.cur{background:var(--sk-main-l)!important}
.lessonList li.lesson a p.fl{font-size:13.5px;color:var(--sk-ink2)}
.lessonList li.lesson.cur a p.fl{color:var(--sk-main)!important;font-weight:700}

/* 3.5 上下集按钮：略微收紧、加粗主文案 */
.sk-prevnext a{padding:11px 16px!important;box-shadow:0 1px 2px rgba(20,30,60,.04)}
.sk-prevnext a.on em{color:var(--sk-ink3)}
.sk-prevnext a.on b{color:var(--sk-ink)}
.sk-prevnext a.on:hover{box-shadow:0 4px 14px rgba(255,106,0,.14)}

/* 3.6 播放器下方信息条 */
.PlayPage .videoInfos{padding:14px 2px!important;border-bottom:1px solid var(--sk-line2);margin-bottom:4px}
.PlayPage .videoInfos .blue{color:var(--sk-main)!important;font-weight:700}
/* ============================================================
   第27轮补充：播放页收尾（章节折叠箭头确定化 / 扫码按钮浅色化）
   ============================================================ */

/* 章节折叠箭头：统一用 CSS 三角，展开▼ / 收起▶，与状态严格一致 */
.lessonList li.sk-chapter:after,
.lessonList li.lesson[onclick]:after{
  content:''!important;
  font-size:0!important;line-height:0!important;width:0!important;height:0!important;
  position:absolute!important;right:14px!important;top:50%!important;
  border-style:solid!important;
  border-width:4px 0 4px 5px!important;
  border-color:transparent transparent transparent var(--sk-ink3)!important;
  transform:translateY(-50%) rotate(90deg)!important;
  opacity:.9;
  background:none!important;
}
.lessonList li.sk-chapter:hover:after,
.lessonList li.lesson[onclick]:hover:after{
  border-color:transparent transparent transparent var(--sk-main)!important;
}
.lessonList li.sk-chapter.sk-collapsed:after{
  transform:translateY(-50%) rotate(0deg)!important;
}

/* 「手机版扫码」按钮：原来沿用了深色主题的黑底白字，改成浅色描边胶囊 */
.PlayPage .videoInfos .btns span{
  display:inline-block!important;padding:7px 15px!important;border:1px solid var(--sk-line)!important;
  border-radius:18px!important;background:#fff!important;color:var(--sk-ink2)!important;
  font-size:12.5px!important;line-height:1.2!important;cursor:pointer;
}
.PlayPage .videoInfos .btns span:hover{border-color:var(--sk-main)!important;color:var(--sk-main)!important}
.PlayPage .videoInfos p.fr{color:var(--sk-ink3)!important;font-size:13px}
.PlayPage .videoInfos p.fr .blue{font-size:14px}
/* =====================================================================
   第28轮 · 批1：设计基础层（全局）
   A2 字体栈 / A3 字号阶梯(只定义) / A4 圆角·阴影·间距 token
   A5 交互反馈基类 / A6 中性色阶
   —— 只做「定义 + 全局基类」，页面级重排放在各页批次，避免一次性改动面过大
   —— 2026-10-08
   ===================================================================== */
:root{
  --sk-font:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","Noto Sans SC",
            "Source Han Sans SC","Microsoft YaHei",system-ui,sans-serif;

  /* 字号阶梯（页面批次里按这个取用，不在本层动 body 字号） */
  --fs-12:12px; --fs-13:13px; --fs-15:15px; --fs-17:17px; --fs-20:20px; --fs-26:26px;
  --fw-n:400; --fw-m:600; --fw-b:700; --fw-x:800;

  /* 间距：8 的倍数 */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;

  /* 圆角：卡片 / 小件 / 胶囊 */
  --r-card:12px; --r-sm:8px; --r-pill:999px;

  /* 阴影：只留两级 */
  --sh-card:0 1px 2px rgba(20,30,60,.04),0 8px 24px rgba(20,30,60,.06);
  --sh-pop:0 12px 32px rgba(20,30,60,.14);

  /* 过渡：统一一条曲线 */
  --t-fast:150ms cubic-bezier(.22,.61,.36,1);

  /* 中性色阶（在既有 --sk-ink* 之上补齐，语义化命名） */
  --n1:#1f2430; --n2:#48526b; --n3:#8a91a0; --n4:#c9d0dc; --n5:#eef0f4;
}

/* A2 字体栈：只在「会向下继承」的元素上声明，不碰容器 ID，
   否则会盖掉插件自己的图标字体类（.iconfont / .text-icon 等） */
html,body,input,select,textarea,button{font-family:var(--sk-font)}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* 数字统一等宽：时长 / 人数 / 集数跳动时不再左右抖 */
.sk-card-meta,.lessonList .time,.sk-side .sort-menu>span,.sk-under-meta .sk-cur-dur,
.sk-prevnext a em,.goods-meta,.num,u,cite{font-variant-numeric:tabular-nums;font-style:normal}

/* A5 交互反馈基类：过渡 + 键盘焦点环 + 触摸/按压反馈 */
a,button,.sk-card,.goods-list li,.sk-side .sort-link02 li a,.sk-side .sort-menu,
.sk-prevnext a,li.lesson,.hdiul li a,.login li a,.sk-bn-t,.sk-bn-b{
  transition:color var(--t-fast),background-color var(--t-fast),border-color var(--t-fast),
             box-shadow var(--t-fast),transform var(--t-fast)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--sk-main);outline-offset:2px}
a:active,.sk-prevnext a:active,.sk-card:active{transform:translateY(1px)}
.sk-card:hover{box-shadow:var(--sh-card)}

/* 尊重系统「减少动态效果」 */
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;
    animation-iteration-count:1!important;scroll-behavior:auto!important}
}

/* A4 圆角归并：卡片一个值、小件一个值（不改尺寸，只统一圆角） */
.sk-card,.sk-side,.sk-prevnext a,.sk-under-info,.PlayPage .describe,.small-goods{border-radius:var(--r-card)}
.sk-card-img,.sk-side .sort-link02 li a{border-radius:var(--r-sm)}
.sk-prevnext a{border-radius:var(--r-card)}
/* =====================================================================
   第28轮 · 批2：PC 主页（B1-B6）   2026-10-08
   ===================================================================== */

/* ---------- B2 主导航：当前项 / hover（.on 由 PHP 输出） ---------- */
#nav .nav-content a{font-weight:500}
#nav .nav-content a.on{color:var(--sk-main)!important;font-weight:700!important}
#nav .nav-content a.on::after{width:30px!important;transform:translateX(-50%) scaleX(1)!important}

/* ---------- B3 页头：搜索框居中加宽 + 右侧价值说明（填空、非死链） ---------- */
#header .header-bottom{gap:18px}
#header .header-bottom .search{margin:0 auto!important;max-width:600px!important;padding:0 18px!important}
.sk-hdr-tip{flex:none;max-width:200px;font-size:12.5px;color:var(--sk-ink3);line-height:1.7;text-align:right}
.sk-hdr-tip b{color:var(--sk-main);font-weight:700}
@media (max-width:1240px){.sk-hdr-tip{display:none}}
@media (max-width:980px){
  #header .header-bottom .search{margin:8px 0 0!important;max-width:none!important;padding:0!important;flex:1 1 100%!important}
}

/* ---------- B4 学段入口：从「圆点 + 小字」改成有数字层级的实心卡 ---------- */
.sk-stages{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:16px 0 0}
.sk-stages a{position:relative;display:flex!important;flex-direction:column;gap:1px;
  padding:14px 14px 14px 17px!important;background:#fff!important;border:1px solid var(--sk-line)!important;
  border-radius:var(--r-card)!important;text-align:left!important;overflow:hidden;text-decoration:none}
.sk-stages a::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sk-main)}
.sk-stages a:hover{border-color:var(--sk-main)!important;box-shadow:var(--sh-card)!important;transform:translateY(-2px)}
.sk-stages a s{display:none!important}
.sk-stages a i{order:1;display:block!important;margin:0!important;font-style:normal!important;
  font-size:12.5px!important;font-weight:600;color:var(--sk-ink3)!important}
.sk-stages a i em{font-style:normal!important;font-size:23px;font-weight:800;color:var(--sk-ink);
  letter-spacing:-.6px;margin-right:4px;font-variant-numeric:tabular-nums}
.sk-stages a b{order:2;display:block!important;font-size:14px!important;font-weight:600!important;
  color:var(--sk-ink2)!important}
@media (max-width:1240px){.sk-stages{grid-template-columns:repeat(3,1fr)}}
@media (max-width:980px){.sk-stages{grid-template-columns:repeat(2,1fr)}}

/* ---------- B5 首屏主图：图文分层（标题 / 元信息 / 按钮），不再靠图上烤字 ---------- */
.sk-hero .slide>em{display:none!important}          /* 旧结构：贴在图上的那行字 */
.sk-hero .sk-hero-shade{position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(11,17,30,.80) 0%,rgba(11,17,30,.50) 44%,rgba(11,17,30,.03) 78%)}
.sk-hero .sk-hero-txt{position:absolute;left:36px;right:36px;bottom:34px;z-index:2;
  display:flex;flex-direction:column;gap:7px;color:#fff}
.sk-hero .sk-hero-txt b{font-size:26px;font-weight:800;line-height:1.28;letter-spacing:-.5px;
  max-width:540px;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.sk-hero .sk-hero-txt i{font-style:normal;font-size:14px;color:rgba(255,255,255,.9)}
.sk-hero .sk-hero-txt em{
  position:static!important;left:auto!important;right:auto!important;bottom:auto!important;
  align-self:flex-start;margin-top:10px;padding:11px 24px!important;border-radius:var(--r-pill);
  background:var(--sk-main)!important;color:#fff;font-size:14.5px;font-weight:700;font-style:normal;
  box-shadow:0 8px 22px rgba(255,106,0,.4);transition:background var(--t-fast),transform var(--t-fast)}
.sk-hero .sk-hero-txt em:hover{background:var(--sk-main-d)!important;transform:translateY(-1px)}
@media (max-width:1240px){
  .sk-hero .sk-hero-txt{left:24px;right:24px;bottom:24px}
  .sk-hero .sk-hero-txt b{font-size:21px}}
@media (max-width:760px){
  .sk-hero .sk-hero-txt b{font-size:18px}
  .sk-hero .sk-hero-txt em{padding:9px 18px!important;font-size:13.5px}}

/* ---------- B6 推荐 / 最新卡片：整列等高、信息贴底 ---------- */
.goods-list{align-items:stretch}
.goods-list .goods{display:flex!important;flex-direction:column;height:100%!important}
.goods-list .goods h3{flex:1 1 auto;display:flex;flex-direction:column;padding-bottom:6px}
.goods-list .goods .goods-name{min-height:42px}
.goods-list .goods .sk-meta,.goods-list .goods .sk-learn{margin-top:auto}
/* 价格块：课程不再标价，权限由会员组决定（此前漏删，这里收掉） */
.goods-list .goods .goods-info{display:none!important}
/* ---------- B1 左栏瘦身：二级科目收进 hover 浮层，侧栏高度≈首屏主图 ---------- */
.sk-side .sort{position:relative}
.sk-side .sort-con{
  position:absolute!important;left:100%!important;top:0!important;width:430px!important;
  margin:0 0 0 8px!important;padding:16px 18px!important;background:#fff!important;
  border:1px solid var(--sk-line)!important;border-radius:var(--r-card)!important;
  box-shadow:var(--sh-pop)!important;display:none!important;float:none!important;
  z-index:60;overflow:visible!important}
.sk-side .sort:hover .sort-con,
.sk-side .sort:focus-within .sort-con{display:block!important}
.sk-side .sort-menu{padding:11px 14px!important}
.sk-side .sort-link02{gap:9px!important}
.sk-side .sort-link02 li a{padding:5px 12px!important;font-size:13px!important}
@media (max-width:1000px){
  .sk-side .sort-con{position:static!important;display:block!important;width:auto!important;
    margin:0!important;padding:0 14px 12px!important;border:0!important;box-shadow:none!important;
    background:transparent!important}
}

/* B1 收尾：行高收到 ~40px，让侧栏总高（≈290px）与首屏主图齐平 */
.sk-side .sort-menu{padding:9px 14px!important}
.sk-side .sort-menu .title{font-size:13.5px!important}

/* B1 定稿：去掉遗留的 min-height，行高 38px → 侧栏总高≈280px，与首屏主图（290px）齐平 */
.sk-side .sort-menu{min-height:0!important}
.sk-side .sort-menu .title{min-height:0!important;line-height:1.5!important}
@media (max-width:1000px){
  .sk-side .sort-menu{min-height:44px!important;padding:11px 14px!important}
}

/* B1 修正：.sk-side 是 position:sticky → 自成层叠上下文，浮层的 z-index 只在内部生效，
   必须给侧栏本身一个 z-index，否则整块被右侧 .sk-main（Hero）盖住 */
.sk-side{position:sticky;z-index:30}
.sk-main{position:relative;z-index:1}

/* ============================================================================
   第28轮 · 批3 —— PC 课程列表页（C1 结果条 / C2 卡片栅格 / C3 排序 / C4 空态与分页）
   ============================================================================ */

/* ---------- C1-1 外层：拆成「结果条」+「筛选行」两张卡 ---------- */
.sort-filter{display:block!important;padding:0!important;border:0!important;
  background:transparent!important;margin-bottom:14px!important}

.sk-resbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  background:#fff;border:1px solid var(--sk-line);border-radius:var(--sk-r);
  padding:11px 16px;margin-bottom:10px}
.sk-resbar-l{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0;flex-wrap:wrap}
.sk-resbar-r{flex:0 0 auto;margin-left:auto}

.sk-frows{background:#fff;border:1px solid var(--sk-line);border-radius:var(--sk-r);
  padding:4px 16px 10px}

/* ---------- C1-2 已选条件：做成可移除的胶囊（原来像个输入框） ---------- */
.sk-resbar .sf-breadcrumbs{display:flex;align-items:center;gap:6px;padding:0!important;margin:0}
.sk-resbar .sfbc-item{display:inline-flex}
.sk-resbar .sfbc-item-title{display:inline-flex;align-items:center;gap:7px;font-style:normal;
  background:var(--sk-main-l);border:1px solid #ffdcc2;color:var(--sk-main);
  border-radius:999px;padding:3px 7px 3px 11px;font-size:12.5px;font-weight:600;line-height:20px}
.sk-resbar .sfbc-item-title font{color:inherit;font-size:inherit}
.sk-resbar .sf-breadcrumbs i.crumb-icon{display:none}
.sk-resbar .item-close{position:relative;display:inline-flex!important;align-items:center;
  justify-content:center;width:17px!important;height:17px!important;min-width:17px!important;
  min-height:17px!important;border-radius:50%;background:rgba(255,106,0,.15)!important;
  text-decoration:none;font-size:0!important;line-height:0!important}
.sk-resbar .item-close::before,.sk-resbar .item-close::after{content:"";position:absolute;
  left:5px;top:8px;width:7px;height:1.5px;border-radius:2px;background:var(--sk-main)}
.sk-resbar .item-close::before{transform:rotate(45deg)}
.sk-resbar .item-close::after{transform:rotate(-45deg)}
.sk-resbar .item-close:hover{background:var(--sk-main)!important}
.sk-resbar .item-close:hover::before,.sk-resbar .item-close:hover::after{background:#fff}

/* ---------- C1-3 结果数：让「结果」第一眼看见 ---------- */
.sk-resbar .sk-countbar{font-size:13px;color:var(--sk-ink3);background:none;border:0;
  padding:0;margin:0;white-space:nowrap}
.sk-resbar .sk-countbar b{font-size:17px;font-weight:800;color:var(--sk-main);
  margin:0 2px;font-variant-numeric:tabular-nums}

/* ---------- C3 排序：加「排序」前缀 + 当前项橙色实心 ---------- */
.sk-resbar .sf-sequence{position:static!important;z-index:auto!important;
  background:none!important;border:0!important;padding:0!important;margin:0!important}
.sk-resbar .sf-sequence .fl{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sk-resbar .sf-sequence .fl::before{content:"\6392 \5E8F";font-size:12.5px;color:var(--sk-ink3);
  margin-right:2px;white-space:nowrap}
.sk-resbar .sf-sequence a{display:inline-flex;align-items:center;gap:4px;min-width:0!important;
  min-height:0!important;font-size:12.5px;line-height:1;padding:6px 12px;border-radius:999px;
  background:var(--sk-line2);color:var(--sk-ink2);text-decoration:none;transition:.15s}
.sk-resbar .sf-sequence a:hover{background:var(--sk-main-l);color:var(--sk-main)}
.sk-resbar .sf-sequence a.current{background:var(--sk-main)!important;color:#fff!important;
  font-weight:600;box-shadow:0 3px 10px rgba(255,106,0,.22)}
/* 箭头：统一朝下的小三角；当前项不显示（避免「看不出哪个是当前」） */
.sk-resbar .sf-sequence a i,.sk-resbar .sf-sequence a i.up{width:0!important;height:0!important;
  background:none!important;border:0!important;
  border-left:3.5px solid transparent;border-right:3.5px solid transparent;
  border-top:4px solid currentColor;opacity:.45;margin-left:1px}
.sk-resbar .sf-sequence a.current i{display:none}
.sk-resbar .sf-sequence a:hover i{opacity:.9}

/* ---------- C1-4 筛选行：加标签、胶囊化、当前项统一橙色 ---------- */
.sk-frows .sf-firstsub{display:flex!important;gap:10px!important;padding:8px 0!important;
  border-top:1px dashed var(--sk-line)!important}
.sk-frows .sf-firstsub:first-child{border-top:0!important;padding-top:9px!important}
.sk-frows .sf-firstsub h3{flex:none!important;width:34px!important;margin:0!important;
  font-size:12.5px!important;font-weight:600!important;color:var(--sk-ink3)!important;
  line-height:28px!important;text-align:left}
.sk-frows .sf-link{flex:1;min-width:0;overflow:visible!important}
.sk-frows .sf-link ul{display:flex!important;flex-wrap:wrap;gap:7px 8px!important;
  margin:0;padding:0;list-style:none}
.sk-frows .sf-link ul li{float:none!important;line-height:1!important}
.sk-frows .sf-link ul li a{display:inline-flex!important;align-items:center!important;gap:5px;
  min-height:0!important;font-size:13px!important;line-height:1;color:var(--sk-ink2)!important;
  padding:7px 12px!important;border-radius:999px!important;background:var(--sk-line2)!important;
  text-decoration:none;transition:.15s}
.sk-frows .sf-link ul li a span{font-size:11.5px;color:var(--sk-ink3);font-variant-numeric:tabular-nums}
.sk-frows .sf-link ul li a:hover{background:var(--sk-main-l)!important;color:var(--sk-main)!important}
.sk-frows .sf-link ul li a:hover span{color:var(--sk-main)}
/* 当前项：统一成主色（此处原先是遗留的蓝色 #6486ca） */
.sk-frows .sf-link ul li a.current,
.sk-frows .sf-link ul li a.on{background:var(--sk-main)!important;color:#fff!important;
  font-weight:600!important}
.sk-frows .sf-link ul li a.current span{color:rgba(255,255,255,.82)!important}

/* ---------- C2 卡片：栅格等宽、卡片等高、底栏贴底对齐 ---------- */
.goods-list{grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;align-items:stretch!important}
.goods-list .goods{display:flex!important;flex-direction:column!important}
.goods-list .goods h3{display:flex!important;flex-direction:column!important;
  flex:1 1 auto!important;padding:11px 12px 11px!important}
.goods-list .goods .goods-name{flex:none!important;height:42px!important}
/* 底栏（VIP/课时 + 人在学）：贴到卡片底部，跨卡片严格对齐 */
.goods-list .goods h3 > span{display:flex!important;align-items:center!important;gap:6px!important;
  margin-top:auto!important;padding-top:9px!important;border-top:1px solid var(--sk-line2);
  line-height:18px!important;font-size:12px!important;color:var(--sk-ink3)!important;
  font-weight:400!important;overflow:hidden}
.goods-list .goods h3 > span img{height:14px!important;width:auto!important;
  margin:0!important;vertical-align:middle!important;flex:none}
.goods-list .goods h3 > span > span{float:none!important;margin-left:auto!important;
  color:var(--sk-ink3)!important;white-space:nowrap}
.goods-list .goods h3 > span font{color:var(--sk-main)!important;font-weight:700!important;
  font-variant-numeric:tabular-nums}

/* ---------- C4 空结果版式 ---------- */
.sk-empty{padding:76px 20px!important;border-style:dashed!important;border-color:#e2e7ef!important}
.sk-empty b{font-size:50px!important;color:#e6ebf3!important;margin-bottom:16px!important}
.sk-empty a{margin-top:18px!important;padding:11px 26px!important;border-radius:999px!important;
  font-weight:600!important;box-shadow:0 6px 16px rgba(255,106,0,.24)}

/* ---------- C4 分页器：居中成组，当前页主色，跳页输入框收窄 ---------- */
.list-content .page{margin-top:26px;padding-bottom:8px}
.list-content .page .pg{display:flex;align-items:center;justify-content:center;
  gap:6px;flex-wrap:wrap}
.list-content .page .pg a,.list-content .page .pg strong{display:inline-flex!important;
  align-items:center!important;justify-content:center!important;min-width:36px!important;
  height:36px!important;line-height:1!important;margin:0!important;padding:0 9px!important;
  border:1px solid var(--sk-line)!important;border-radius:10px!important;font-size:13.5px;
  color:var(--sk-ink2);background:#fff;font-weight:400}
.list-content .page .pg a:hover{border-color:var(--sk-main)!important;color:var(--sk-main)!important;
  background:var(--sk-main-l)!important}
.list-content .page .pg strong{background:var(--sk-main)!important;border-color:var(--sk-main)!important;
  color:#fff!important;font-weight:700!important;box-shadow:0 4px 12px rgba(255,106,0,.24)}
.list-content .page .pg label{display:inline-flex;align-items:center;gap:5px;
  font-size:13px;color:var(--sk-ink3);margin-left:6px!important}
.list-content .page .pg input.px{width:48px!important;height:34px!important;
  border:1px solid var(--sk-line)!important;border-radius:9px!important;text-align:center;
  font-size:13px;color:var(--sk-ink)}
.list-content .page .pg input.px:focus{border-color:var(--sk-main)!important;outline:0}
/* 「下一页 / 1/7 页」等零散文字：统一成同一行的次要信息 */
.list-content .page .pg br{display:none}

/* C4 修正：空态里「说明文字」与「按钮」原本并排一行 → 按钮独立成行居中 */
.sk-empty a{display:block!important;width:fit-content!important;margin:18px auto 0!important}
/* 防御：面包屑条件为空时不显示空胶囊（仅非法学段 id 才出现） */
.sk-resbar .sfbc-item-title:has(font:empty){display:none!important}

/* C2 修正：上一轮为隐藏「0人在学」把 h3>span>span 字号设为 0，导致所有「N人在学」都不可见。
   改为正常显示，并把顺序调回「左 = 课时 / 右 = 人在学」。 */
.goods-list .goods h3 > span > span{order:3!important;margin-left:auto!important;
  font-size:12px!important;line-height:18px!important;color:var(--sk-ink3)!important;
  white-space:nowrap!important}
.goods-list .goods h3 > span font{color:var(--sk-main)!important;font-weight:700!important}
/* C2 修正收尾：人数数字恢复显示（原被 display:none 隐藏） */
.goods-list .goods h3 > span font{display:inline!important;color:var(--sk-main)!important;
  font-weight:700!important;font-variant-numeric:tabular-nums}

/* ============================================================================
   第28轮 · 批4 —— PC 课程播放页
   D1 左右两栏高度不匹配（右下大片留白）
   D2 底部「N人在学」孤零零漂在中间
   D3「上一集 / 下一集」两个大盒子占高
   D4 章节行样式偏弱
   ⚠️ D1 只在 ≥981px 生效：≤980px 时既有规则把 .Content 改成 display:block 的单栏布局，
      在这里加 !important 会把手机/窄屏版面弄坏，必须用媒体查询圈起来。
   ============================================================================ */
@media (min-width:981px){
  /* ---- D1：右栏不再限高，撑满到与左栏底边齐平；章节列表改在内部滚动 ---- */
  .PlayPage .Content{align-items:stretch!important}
  .PlayPage .Tools,.PlayPage #v_right{
    max-height:none!important;height:auto!important;overflow:hidden!important;
    display:flex!important;flex-direction:column!important;
    width:342px!important;flex:none!important;margin-top:0!important}
  .PlayPage .Tools > table{flex:none!important;margin:0!important}
  .PlayPage .Tools > dl{flex:1 1 auto!important;min-height:0!important;margin:0!important;
    display:flex!important;flex-direction:column!important}
  .PlayPage .Tools > dl > dt.tabs{flex:none!important}
  .PlayPage .Tools > dl{position:relative!important}
  .PlayPage .Tools > dl > dd.tabsCon{flex:1 1 auto!important;min-height:0!important;
    overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;margin:0!important;
    /* 插件自带 lesson.css 把 .tabsCon 设成 position:absolute，直接压在「章节/问答/笔记」上，
       导致这个切换栏一直看不见。这里改回常规流，让它在列表上方正常占位。 */
    position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
    height:auto!important;width:auto!important}
  .PlayPage .lessonList{max-height:none!important;overflow:visible!important;padding-right:0!important}
  .PlayPage .Tools > dl > dd.tabsCon::-webkit-scrollbar{width:6px}
  .PlayPage .Tools > dl > dd.tabsCon::-webkit-scrollbar-track{background:transparent}
  .PlayPage .Tools > dl > dd.tabsCon::-webkit-scrollbar-thumb{background:#dee3ec;border-radius:3px}
  .PlayPage .Tools > dl > dd.tabsCon::-webkit-scrollbar-thumb:hover{background:#c9d1de}
}

/* ---- D2：收尾信息栏 —— 左「N人在学」/ 右「手机版扫码」，不再一个孤零零居中 ---- */
.PlayPage .videoInfos{display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:12px!important;
  padding:13px 2px 0!important;margin:0!important;
  border-top:1px solid var(--sk-line2)!important;border-bottom:0!important}
.PlayPage .videoInfos .fr{margin-left:0!important;float:none!important}
.PlayPage .videoInfos .btns{margin-left:auto!important}
.PlayPage .videoInfos p.fr{display:inline-flex!important;align-items:baseline!important;gap:5px;
  font-size:13px!important;color:var(--sk-ink3)!important}
.PlayPage .videoInfos p.fr .blue{font-size:16px!important;font-weight:800!important;
  font-variant-numeric:tabular-nums;line-height:1}

/* ---- D3：上一集 / 下一集 → 一条 44px 的紧凑条 ---- */
.PlayPage .sk-prevnext{display:flex!important;gap:10px!important;margin:12px 0 0!important}
.PlayPage .sk-prevnext a{flex:1 1 0!important;min-width:0!important;min-height:0!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;
  padding:0 14px!important;height:44px!important;border-radius:10px!important;
  background:#fff!important;border:1px solid var(--sk-line)!important;transition:.15s}
.PlayPage .sk-prevnext a em{flex:none!important;font-style:normal!important;font-size:12.5px!important;
  font-weight:600!important;color:var(--sk-ink2)!important;white-space:nowrap!important;
  display:inline-flex!important;align-items:center!important}
.PlayPage .sk-prevnext a b{flex:1 1 auto!important;min-width:0!important;font-weight:400!important;
  font-size:12.5px!important;color:var(--sk-ink3)!important;overflow:hidden!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;text-align:right!important}
.PlayPage .sk-prevnext a:hover{border-color:var(--sk-main)!important;background:var(--sk-main-l)!important}
.PlayPage .sk-prevnext a:hover em,.PlayPage .sk-prevnext a:hover b{color:var(--sk-main)!important}
.PlayPage .sk-prevnext a.on{border-color:var(--sk-main)!important;background:var(--sk-main)!important}
.PlayPage .sk-prevnext a.on em,.PlayPage .sk-prevnext a.on b{color:#fff!important}
.PlayPage .sk-prevnext a.off{background:#fafbfd!important;border-color:var(--sk-line2)!important;
  opacity:1!important;cursor:default}
.PlayPage .sk-prevnext a.off em{color:var(--sk-ink3)!important}
.PlayPage .sk-prevnext a.off b{color:#c3cad6!important}

/* ---- D4：章节标题 + 课时行 ----
   章节标题原来内联 color:#ccc（白底上几乎看不见），课时行标题被 lesson.css 的
   `p{max-width:250px}` 提前截断。这里一起收掉。 */
.PlayPage .lessonList li.lesson[onclick]{color:var(--sk-ink)!important;font-weight:700!important;
  font-size:13.5px!important;background:#f7f9fc!important;
  padding:11px 30px 11px 14px!important;border-bottom:1px solid var(--sk-line2)!important;
  box-shadow:inset 3px 0 0 var(--sk-main)}
.PlayPage .lessonList li.lesson[onclick]:hover{background:#eff3f9!important;color:var(--sk-ink)!important}
.PlayPage .lessonList li.lesson a{padding:10px 14px!important;font-size:13px!important;gap:8px!important;
  border-left:3px solid transparent}
.PlayPage .lessonList li.lesson a p{max-width:none!important;flex:1 1 auto;min-width:0;
  color:var(--sk-ink2);font-size:13px}
.PlayPage .lessonList li.lesson a .time{flex:none;display:inline-flex;align-items:center;gap:6px;
  color:var(--sk-ink3)!important;font-variant-numeric:tabular-nums;font-size:12px!important}
.PlayPage .lessonList li.lesson a .time span{border-color:#ffd9bd!important;color:var(--sk-main)!important;
  background:var(--sk-main-l)!important;font-weight:600}
.PlayPage .lessonList li.lesson a:hover{background:var(--sk-main-l)!important}
.PlayPage .lessonList li.lesson a:hover p{color:var(--sk-main)!important}
/* 当前课时：左主色条 + 浅主色底 + 主色加粗标题 */
.PlayPage .lessonList li.cur a{background:var(--sk-main-l)!important;
  border-left-color:var(--sk-main)!important}
.PlayPage .lessonList li.cur a p{color:var(--sk-main)!important;font-weight:700}
.PlayPage .lessonList li.cur a .time{color:var(--sk-ink2)!important}

/* D3 收尾：上一集做成次要按钮（白底描边），只保留「下一集」为主色块，
   避免两集都可用时出现两条大红条；不可用时（.off）仍是浅灰。 */
.PlayPage .sk-prevnext a:first-child.on{background:#fff!important;border-color:var(--sk-line)!important}
.PlayPage .sk-prevnext a:first-child.on em{color:var(--sk-ink2)!important}
.PlayPage .sk-prevnext a:first-child.on b{color:var(--sk-ink3)!important}
.PlayPage .sk-prevnext a:first-child.on:hover{background:var(--sk-main-l)!important;
  border-color:var(--sk-main)!important}

/* ============================================================================
   第29轮 —— PC 播放页窄屏收口（横向滚动条 + 窄屏单栏塌高）
   根因1（横向滚动条）：插件 lesson.css 第 97 行 `.PlayPage{min-width:1000px}`。
        body 层的 min-width 已在第 18 轮放开，唯独 .PlayPage 这条一直漏着，
        ≤999px 时它把整页顶到 1000px 宽 → 必然横向滚动条（实测 scrollWidth 恒为 1000）。
   根因2（窄屏内容塌高 / 互相重叠）：.PlayPage 与 .Content 的子元素
        （.Main / .Main .videoInfos / .Tools / .Tools dd）在原插件里全是
        position:absolute。把 .PlayPage 放回文档流后，这些子元素的包含块就从
        .PlayPage 变成视口 → .Content 高度算成 0，视频区与目录栏双双贴到视口边上
        互相重叠。所以定位必须整套一起复位，不能只放开 min-width。
   ≤999px：放开 min-width（981~999 仍是两栏，只是不再被顶宽）。
   ≤980px：整套回到文档流，真正单栏（视频在上、目录在下，整页纵向滚动）。
   ============================================================================ */
@media (max-width:999px){
  .PlayPage{min-width:0!important;max-width:100%!important}
  .PlayPage .Top,.PlayPage .Content{min-width:0!important}
}
@media (max-width:980px){
  .PlayPage{position:static!important;overflow:visible!important;min-height:0!important;
    padding:16px 14px 40px!important}
  .PlayPage>.Content{position:static!important;top:auto!important;bottom:auto!important;
    margin-top:14px!important;display:block!important}
  .PlayPage .Main,.PlayPage #v_left{position:static!important;width:auto!important;
    right:auto!important;bottom:auto!important;padding-bottom:0!important}
  .PlayPage .Main .videoInfos,.PlayPage .videoInfos{position:static!important;
    left:auto!important;right:auto!important;bottom:auto!important;height:auto!important}
  .PlayPage .tool_middle_bar{display:none!important}
  .PlayPage .Tools,.PlayPage #v_right{position:static!important;width:auto!important;
    top:auto!important;right:auto!important;bottom:auto!important;
    margin-top:14px!important;max-height:none!important;overflow:visible!important}
  .PlayPage .Tools>dl,.PlayPage .Tools>dl>dt,.PlayPage .Tools>dl>dd{position:static!important;
    top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
    height:auto!important;max-height:none!important}
  .PlayPage .Tools>dl>dd{overflow:visible!important}
  .PlayPage .lessonList{height:auto!important}
}

/* ============================================================================
   第29轮 · 附带 —— #main 的 min-width:965px 收口
   common.css 末尾 `@media screen and (max-width:1200px){#main,.sortnav-warp{min-width:965px}}`：
   第 18 轮只放开了 html/body 的 min-width，漏了 #main 这一条。≤1200px 时它把
   课程详情页 / 列表页整体顶到 965px 宽，窄屏下右侧内容被 body 的 overflow-x:hidden
   直接裁掉（不是出滚动条，而是「看不到」）。这里一并放开。
   ============================================================================ */
@media (max-width:1200px){
  #main,.sortnav-warp{min-width:0!important}
}

/* ============================================================================
   第29轮 · 附带2 —— 详情页 tab 导航在 ≤760px 被裁
   product.css 给 .detail-nav 写死 width:963px，窄屏下比视口还宽，
   右侧的导航项直接被裁掉（不出滚动条，是「看不到」）。
   最小改法：只让外层 .detail-navwarp 变成可横向滑动的容器，
   内部 float 布局一律不动，避免引入回归。
   ============================================================================ */
@media (max-width:760px){
  .detail-navwarp{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}
  .detail-nav{width:auto!important;min-width:0!important;max-width:none!important;float:left!important}
}

/* ============================================================================
   第30轮 —— ① 分类侧栏二级浮层被裁（"分类显示不全"）
   common.css 有一条 `.sort-link01 .sort-link02 .sort-link03{overflow:hidden}`，
   浮层里的 ul 被它裁掉：实测 ul 高 30px 而要 50px、9 项时 69px 而要 89px，
   所以第二行按钮只露出上半截。theme.css 早已把 ul 改成 flex 换行，放开即可。
   ============================================================================ */
.sk-side .sort-link02{overflow:visible!important;height:auto!important;max-height:none!important}
.sk-side .sort-con-left{overflow:visible!important;height:auto!important;max-height:none!important}
.sk-side .sort-con{max-height:none!important;overflow:visible!important}

/* ============================================================================
   第30轮 —— ② 播放页两条竖黑线
   .tool_middle_bar（#v_middle）是插件给的「收起右栏」把手：6px 宽、background:#0f0f0f，
   实测 x=894-899 从 y=65 一直到 y=799 贯穿整屏 —— 在新版纯白播放页里就是一条黑竖线；
   它的 span 图标（bars.png, 18x50）在黑条左侧又形成第二道竖条。
   新版右栏是固定卡片，本就不需要收起把手 → 整块隐藏。
   隐藏后 .Main 的 right:386px 与 .Tools(344px) 之间空出 42px 白缝，一并收到 18px
   （正好等于 .Content 的 gap），不再是"两栏之间夹一条白沟"。
   ============================================================================ */
.PlayPage .tool_middle_bar{display:none!important}
@media (min-width:981px){
  .PlayPage .Main,.PlayPage #v_left{right:362px!important}
}

/* ============================================================================
   第30轮 —— ③ 播放页右栏精简：只保留章节列表
   去掉顶部讲师卡（.Tools > table：头像/同步学课堂/人气/粉丝/关注）
   与「章节 / 问答 / 笔记」切换条（.Tools > dl > dt.tabs）。
   隐藏后 dl 里只剩 dd，第28轮那套 flex 列布局会把课时列表自动撑满、内部滚动。
   ============================================================================ */
.PlayPage .Tools > table{display:none!important}
.PlayPage .Tools > dl > dt.tabs{display:none!important}


/* ============================================================================
   第38轮 —— ① 分类侧栏 · 二级科目 hover 浮层
   现状四个问题（都是实测）：
     1) 【可用性】浮层 left:100% + margin-left:8px，与侧栏之间留了 8px 空隙。
        鼠标从侧栏移向浮层时穿过空隙 → .sort:hover 失效 → 浮层消失。
        实测：慢速移到 x=279（侧栏右缘 275 + 4px）时浮层即 display:none，
        停 700ms 后仍是 none —— 也就是说浮层里的科目链接【鼠标根本点不到】。
     2) 宽 430px 写死。9 项时排 2 行、右侧大片留白；1 项的学段也占 430px，
        平白压掉课程卡片的可视面积。
     3) 浮层里的学段标题 <h4> 在第 89 行被 display:none 藏掉了 → 弹出后
        只有一堆科目名，看不出这是哪个学段的科目。
     4) 科目项 12.5px / padding 5px 12px，比同一页右侧「科目」行的胶囊
        （13px / 7px 12px）小一号，同页两套尺度。
   做法：加透明桥接填空隙 → 恢复标题 → 科目改 3 列网格 + 白底描边胶囊 →
        宽度随内容收缩 → 左侧加指向侧栏的小箭头。
   ============================================================================ */
@media (min-width:1001px){
  .sk-side .sort-con{
    width:auto!important;min-width:266px!important;max-width:none!important;
    padding:0!important;overflow:visible!important}

  /* 1) 透明桥接：把这 8px 补成浮层的一部分，鼠标可以直接划过去 */
  .sk-side .sort-con::after{
    content:"";position:absolute;left:-9px;top:0;width:9px;height:100%}

  /* 2) 指向侧栏的小箭头，强化"从这一行展开"的从属关系 */
  .sk-side .sort-con::before{
    content:"";position:absolute;left:-6px;top:20px;width:10px;height:10px;
    background:#fff;border-left:1px solid #e6eaf1;border-bottom:1px solid #e6eaf1;
    transform:rotate(45deg);border-radius:0 0 0 2px}

  /* 3) 标题条：学段名（可点回该学段全部）+ 右侧操作提示 */
  .sk-side .sort-con-left h4{
    display:flex!important;align-items:center;justify-content:space-between;
    margin:0!important;padding:11px 16px 10px!important;line-height:1.35!important;
    border-bottom:1px solid var(--sk-line)!important;
    font-size:13px!important;font-weight:700!important;color:var(--sk-ink)!important}
  .sk-side .sort-con-left h4 a{color:inherit!important;text-decoration:none;transition:color .15s}
  .sk-side .sort-con-left h4 a:hover{color:var(--sk-main)!important}
  .sk-side .sort-con-left h4::after{
    content:"\9009 \62E9 \79D1 \76EE";font-size:11.5px;font-weight:400;color:var(--sk-ink3);letter-spacing:.3px}

  /* 4) 科目：3 列网格（9 项正好 3×3），与右侧「科目」行同一套白底描边胶囊 */
  .sk-side .sort-con .sort-link02{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;padding:13px 16px 15px!important;margin:0!important;width:auto!important}
  .sk-side .sort-con .sort-link02 li{
    display:block!important;width:auto!important;float:none!important;
    margin:0!important;padding:0!important;list-style:none!important}
  .sk-side .sort-con .sort-link02 li a{
    display:flex!important;align-items:center!important;justify-content:center!important;
    height:34px!important;padding:0 8px!important;box-sizing:border-box!important;
    border-radius:9px!important;font-size:13px!important;line-height:1!important;
    color:var(--sk-ink2)!important;white-space:nowrap;text-decoration:none;
    background:#fff!important;border:1px solid #e6eaf1!important}
  .sk-side .sort-con .sort-link02 li a:hover{
    color:var(--sk-main)!important;border-color:var(--sk-main)!important;
    background:var(--sk-main-l)!important}
  .sk-side .sort-con .sort-link02 li a:active{
    color:#fff!important;background:var(--sk-main)!important;border-color:var(--sk-main)!important}
}

/* ============================================================================
   第38轮 —— ② 列表页筛选行「科目 / 年级」横排胶囊按钮
   现状：浅灰底(#f4f6fa)无描边药丸，在白卡片上边界感很弱；计数只是紧贴文字的
   11.5px 灰字，10 个按钮里 9 个都是灰的，整行偏"寡淡"；当前项仅靠橙底区分，
   强调不够。做法：改白底描边 → 计数做成独立小胶囊 → hover 橙描边 →
   当前项加投影。字号与浮层科目统一为 13px / 34px。
   ============================================================================ */
.sk-frows .sf-firstsub h3{line-height:34px!important}
.sk-frows .sf-link ul{gap:8px!important}
.sk-frows .sf-link ul li a{
  height:34px!important;padding:0 12px!important;box-sizing:border-box!important;
  background:#fff!important;border:1px solid #e6eaf1!important;
  color:var(--sk-ink2)!important;font-weight:500!important}
.sk-frows .sf-link ul li a span{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:19px;height:18px;padding:0 5px;margin-left:1px;box-sizing:border-box;
  font-size:11px!important;font-weight:600!important;line-height:1!important;
  color:var(--sk-ink3)!important;background:var(--sk-line2)!important;border-radius:999px!important}
.sk-frows .sf-link ul li a:hover{
  color:var(--sk-main)!important;border-color:var(--sk-main)!important;background:var(--sk-main-l)!important}
.sk-frows .sf-link ul li a:hover span{background:#fff!important;color:var(--sk-main)!important}
/* 当前项：主色实心 + 投影，与 hover 态拉开层级 */
.sk-frows .sf-link ul li a.current,
.sk-frows .sf-link ul li a.on{
  background:var(--sk-main)!important;border-color:var(--sk-main)!important;color:#fff!important;
  font-weight:600!important;box-shadow:0 4px 12px rgba(255,106,0,.26)!important}
.sk-frows .sf-link ul li a.current span,
.sk-frows .sf-link ul li a.on span{background:rgba(255,255,255,.26)!important;color:#fff!important}

/* ============================================================================
   第38轮 · 补充 —— 筛选行「政治」被挤到第二行
   实测：li 的宽度比里面的 a 多 13px（li 从 common.css 继承了 padding/margin），
   10 个科目时 li 合计 886px + 间隙 72px = 958px > 容器 908px → 换行。
   清零 li 的盒模型后 769 + 72 = 841px < 908px，恢复一行。
   （顺带让按钮间距变成真实的 8px，不再被 li 的隐形内边距撑成 21px）
   ============================================================================ */
.sk-frows .sf-link ul li{
  margin:0!important;padding:0!important;border:0!important;
  width:auto!important;min-width:0!important;max-width:none!important}

/* ============================================================================
   第38轮 · 补充2 —— 结果条与筛选行合并成一张卡片
   现状：.sk-resbar（初中 × ｜ 共 128 门课程 ｜ 排序）与 .sk-frows（科目 全部 语文 10…）
   是两张各自带 1px 边框和圆角的白卡，中间还隔着 10px 的页面灰底（.sk-resbar 的
   margin-bottom:10px），看起来像两个互不相干的控件 —— 其实它们是同一个筛选面板的两行。
   做法：把上方那张的下部圆角与下边框去掉、间隙清零，把下方那张的上部圆角去掉，
   拼成一张卡片，中间只留一条 1px 内部分割线。
   用 :has() 限定「结果条后面确实跟着筛选行」时才拼接 —— 首页/详情/播放页没有这两块，
   不受影响；万一某天结果条单独出现，也会自动退回完整卡片外观。
   ============================================================================ */
.sk-resbar:has(+ .sk-frows){
  margin-bottom:0!important;
  border-radius:var(--r-card) var(--r-card) 0 0!important;
  border-bottom:0!important}
.sk-resbar:has(+ .sk-frows) + .sk-frows{
  border-top:1px solid var(--sk-line)!important;
  border-radius:0 0 var(--r-card) var(--r-card)!important}

/* ============================================================================
   第38轮 · 补充3 —— 去掉分割线，两块融为一块
   ① 浮层：标题栏（学段名 + 「选择科目」）与下方科目网格之间原有一条 1px 下边框，
      把浮层切成了上下两块。去掉线，改由留白区分 —— 标题「初中」本就与科目
      同处一个浮动面板，不需要额外的界线。
   ② 结果条与筛选行：合并成一张卡片后，中间保留了 1px 分割线。按要求也去掉，
      两行直接上下相接。
   ============================================================================ */
/* ① 浮层标题栏去线 */
.sk-side .sort-con-left h4{
  border-bottom:0!important;
  padding:12px 16px 0!important}

/* ② 结果条与筛选行之间去线 */
.sk-resbar:has(+ .sk-frows) + .sk-frows{
  border-top:0!important}
/* 去掉线后两行纯白相接，给结果条一个极淡底以区分层级（非线，是面） */
.sk-resbar:has(+ .sk-frows){
  background:#fcfdfe!important}

/* ============================================================================
   第38轮 · 补充4 —— 清掉乱码标签 + 隐藏「全部分类」标题条
   ① 排序条左侧的「排序」标签是伪元素 content:"排序" 写死在 theme.css 里。
      本 CSS 文件是 UTF-8，但响应头 content-type: text/css 不带 charset，
      而页面是 GBK —— 浏览器按文档编码解析外链样式表，中文就成了「鎺掑簭」。
      改法：这个标签本就是冗余的（按钮里已经写着「默认排序」），直接去掉，
      既消灭乱码又给排序区腾出一行空间。
      ⚠️ 教训：本文件里任何 content 中文都必须写成 Unicode 转义（\9009 形式），
      否则必然乱码。本次同时全量排查过，除这处外再无其它中文 content。
   ② 侧栏顶部 46px 的橙色「全部分类」标题条：下面是自解释的学段清单
      （学前启蒙/小学/初中…带课程数），标题条只占高度不提供信息，按要求隐藏。
      隐藏后 .sk-side 自身的 12px 白色圆角卡片就是外观，无需额外补圆角。
   ============================================================================ */
.sk-resbar .sf-sequence .fl::before{content:none!important}

.sk-side-hd{display:none!important}
/* 去掉标题条后给首项一点顶部呼吸（原为 13px，避开卡片上边缘） */
.sk-side-hd + .sort .sort-menu{padding-top:15px!important}

/* PC-REVIEW-ROUND1-END */
/* =====================================================================
   PC 首页视觉精修 · 第 1 轮（课程卡片 / 学段数据卡 / stat 条）
   追加在文件末尾，与既有覆盖块同权重、后者胜。
   约束：字号只用 12/13/14/15/16/17/18/20/23/26 全整数阶梯；
        封面缩略图仅 178x240，故卡片列宽收到 210px 以内避免放大发虚。
   ===================================================================== */

/* ---------- 1. 课程卡片：等高网格 + 阴影 + hover 抬升 ---------- */
.goods-list.newga.ga.cl{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  grid-auto-rows:1fr;
  margin:0!important;
  padding:0!important;
}
.goods-list.newga.ga.cl > .goods{
  float:none!important;
  width:auto!important;
  margin:0!important;
  min-width:0;
  display:flex!important;
  flex-direction:column;
  background:#fff!important;
  border:1px solid #eef0f3!important;
  border-radius:12px!important;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 4px 12px rgba(16,24,40,.06)!important;
  transition:transform .24s cubic-bezier(.4,0,.2,1),box-shadow .24s,border-color .24s;
}
@media (hover:hover) and (pointer:fine){
  .goods-list.newga.ga.cl > .goods:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 24px rgba(16,24,40,.12)!important;
    border-color:#ffd9b3!important;
  }
  .goods-list.newga.ga.cl > .goods:hover .goods-name{color:#c2410c!important}
  .goods-list.newga.ga.cl > .goods:hover .goods-img img{transform:scale(1.04)}
}

/* ---------- 2. 封面：3:4 定比 + 不放大 + hover 微缩放 ---------- */
.goods-list .goods-img{
  position:relative!important;
  display:block!important;
  aspect-ratio:3/4;
  overflow:hidden;
  background:#f1f3f6;
  line-height:0;
}
@supports not (aspect-ratio:1/1){
  .goods-list .goods-img{height:0;padding-top:133.333%}
  .goods-list .goods-img > *{position:absolute;left:0;top:0;width:100%;height:100%}
}
.goods-list .goods-img img,
.goods-list .goods-img .sk-lazyimg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center top;
  transition:transform .3s cubic-bezier(.4,0,.2,1);
  transform:translateZ(0);
}

/* ---------- 3. 封面角标：浅底深字 / 深底白字，取代原橙底白字 ---------- */
.goods-list .goods-img .sk-free{
  position:absolute!important;
  left:8px!important;
  top:8px!important;
  padding:4px 8px!important;
  border-radius:6px!important;
  background:rgba(255,241,230,.94)!important;
  color:#9a3412!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:16px!important;
  font-style:normal!important;
  letter-spacing:.02em;
}
.goods-list .goods-img .sk-count{
  position:absolute!important;
  right:8px!important;
  bottom:8px!important;
  padding:3px 7px!important;
  border-radius:5px!important;
  background:rgba(15,18,23,.72)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:16px!important;
  font-style:normal!important;
  font-variant-numeric:tabular-nums;
}

/* ---------- 4. 卡片正文区 ---------- */
.goods-list .goods h3{
  flex:1 1 auto;
  display:flex!important;
  flex-direction:column;
  padding:14px 16px 0!important;
  margin:0!important;
  min-width:0;
}
.goods-list .goods .goods-name{
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
  min-height:44px;
  font-size:15px!important;
  font-weight:400!important;
  line-height:22px!important;
  color:#1f2937!important;
  transition:color .2s;
}
/* 副标题：桌面端只留 1 行淡色，作为补充信息而非视觉主体 */
.goods-list .goods .goods-text{
  display:-webkit-box!important;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin-top:4px!important;
  font-size:12px!important;
  line-height:18px!important;
  color:#9aa3af!important;
}
.goods-list .goods .sk-meta{
  display:flex!important;
  align-items:center;
  gap:12px;
  margin-top:8px!important;
  height:18px;
  white-space:nowrap;
  overflow:hidden;
  font-size:13px!important;
  line-height:18px!important;
  color:#4b5563!important;
}
.goods-list .goods .sk-meta em{
  font-style:normal!important;
  color:#4b5563!important;
}
.goods-list .goods .sk-meta em + em{
  position:relative;
  padding-left:12px;
}
.goods-list .goods .sk-meta em + em::before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:11px;
  margin-top:-5px;
  background:#eef0f3;
}
.goods-list .goods .sk-learn{
  display:block!important;
  margin-top:6px!important;
  font-size:13px!important;
  line-height:18px!important;
  color:#6b7280!important;
}
.goods-list .goods .sk-learn font{
  font-size:13px!important;
  line-height:18px!important;
  color:#6b7280!important;
}
.goods-list .goods .goods-info{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  padding:10px 16px 14px!important;
  margin:0!important;
}
.goods-list .goods .goods-info .price{
  font-size:16px!important;
  font-weight:700!important;
  line-height:20px!important;
  color:#b42318!important;
  font-variant-numeric:tabular-nums;
}
.goods-list .goods .goods-info .price em{
  font-size:13px!important;
  font-style:normal;
  margin-right:1px;
}

/* ---------- 5. 学段数据卡 ---------- */
.sk-stages{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:16px!important;
  margin:24px 0 0!important;
}
.sk-stages > a{
  position:relative;
  overflow:hidden;
  min-height:112px;
  padding:20px 18px;
  background:#fff;
  border:1px solid #eef0f3;
  border-radius:12px;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;
}
/* 首字水印：右上角大号浅色字，弱装饰 */
.sk-stages > a > s{
  position:absolute;
  right:12px;
  top:4px;
  font-size:26px!important;
  line-height:1;
  font-weight:700;
  color:#f2f4f7;
  text-decoration:none;
  transition:color .2s;
}
.sk-stages > a > b{
  position:relative;
  font-size:15px!important;
  font-weight:700!important;
  line-height:20px!important;
  color:#374151!important;
}
.sk-stages > a > i{
  position:relative;
  margin-top:6px;
  font-style:normal;
  font-size:13px!important;
  line-height:20px!important;
  color:#6b7280!important;
}
.sk-stages > a > i em{
  font-style:normal!important;
  font-size:26px!important;
  font-weight:700!important;
  line-height:30px!important;
  color:#111827!important;
  letter-spacing:-.5px;
  font-variant-numeric:tabular-nums;
  transition:color .2s;
}
@media (hover:hover){
  .sk-stages > a:hover{
    transform:translateY(-2px);
    border-color:#ffd9b3;
    box-shadow:0 6px 16px rgba(255,114,0,.10);
    background:linear-gradient(180deg,#fffbf5,#fff);
  }
  .sk-stages > a:hover > s{color:#fdecdc}
  .sk-stages > a:hover > i em{color:#c2410c!important}
}

/* ---------- 6. stat 条 ---------- */
.sk-stat{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  min-height:72px;
  padding:16px 32px!important;
  margin-top:16px!important;
  border-radius:12px!important;
  border:1px solid #ffe4c7;
  background:linear-gradient(90deg,#fff7ed,#fffbf5 60%,#fffdfa);
  font-size:17px!important;
  line-height:26px!important;
  color:#374151!important;
}
.sk-stat > b{
  font-size:23px!important;
  font-weight:700!important;
  color:#c2410c!important;
  margin:0 4px;
  letter-spacing:-.5px;
  font-variant-numeric:tabular-nums;
}
.sk-stat > .sk-stat-sp{
  font-size:13px!important;
  line-height:20px!important;
  color:#6b7280!important;
  padding-left:16px;
  position:relative;
}
.sk-stat > .sk-stat-sp::before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:12px;
  margin-top:-6px;
  background:#ffe4c7;
}

/* PC-REVIEW-ROUND2-END */
/* =====================================================================
   PC 首页视觉精修 · 第 2 轮（修正卡片过高/标题冗余 + 侧栏 + 头部 + 分区标题）
   前置：第 1 轮把封面定为 3/4，251px 列宽下封面高 335px 导致整页长 +53%，
        且 goods-name 与 goods-text 前缀重复。本轮收窄列数并做视觉取舍。
   ===================================================================== */

/* ---------- 1. 卡片改 5 列，封面回归接近 1:1（178 源图 / 200 显示） ---------- */
.goods-list.newga.ga.cl{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px!important;
}
/* 副标题与主标题同前缀，纯冗余：折叠为 0 高度（节点保留，不影响 SEO 抓取） */
.goods-list .goods .goods-text{
  display:none!important;
}
.goods-list .goods h3{
  padding:12px 14px 0!important;
}
.goods-list .goods .goods-name{
  min-height:40px;
  font-size:14px!important;
  line-height:20px!important;
}
.goods-list .goods .sk-meta{
  margin-top:8px!important;
  font-size:13px!important;
}
.goods-list .goods .sk-learn{
  margin-top:4px!important;
  font-size:12px!important;
  line-height:18px!important;
}
.goods-list .goods .sk-learn font{
  font-size:12px!important;
}
.goods-list .goods .goods-info{
  padding:8px 14px 12px!important;
}

/* ---------- 2. 分区标题：加副标题位 + 更好的「更多」 ---------- */
.sk-sec{
  margin-top:40px!important;
}
.sk-sec-hd{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px!important;
  min-height:28px;
}
.sk-sec-hd h2{
  position:relative;
  margin:0!important;
  padding-left:10px!important;
  font-size:20px!important;
  font-weight:700!important;
  line-height:28px!important;
  color:#111827!important;
  letter-spacing:.2px;
}
.sk-sec-hd h2::before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  width:4px;
  height:18px;
  margin-top:-9px;
  border-radius:2px;
  background:#ff6a00;
}
.sk-sec-hd .more,
.sk-sec-hd > a{
  display:inline-flex!important;
  align-items:center;
  gap:4px;
  font-size:13px!important;
  line-height:20px!important;
  color:#6b7280!important;
  transition:color .16s;
}
.sk-sec-hd .more::after,
.sk-sec-hd > a::after{
  content:'>';
  font-size:13px;
  line-height:1;
  color:#9aa3af;
  transition:transform .18s;
}
@media (hover:hover){
  .sk-sec-hd .more:hover,
  .sk-sec-hd > a:hover{color:#c2410c!important}
  .sk-sec-hd .more:hover::after,
  .sk-sec-hd > a:hover::after{color:#c2410c!important;transform:translateX(3px)}
}

/* ---------- 3. 左侧分类：层级更清晰 ---------- */
.sk-side .sort-menu{
  position:relative;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  min-height:38px;
  padding:0 10px!important;
  border-radius:6px;
  transition:background .16s;
}
@media (hover:hover){
  .sk-side .sort-menu:hover{background:#fff9f2}
}
.sk-side .sort-menu > a.title{
  font-size:14px!important;
  line-height:20px!important;
  color:#374151!important;
  font-weight:400;
  transition:color .16s;
}
.sk-side .sort-menu:hover > a.title{color:#c2410c!important}
.sk-side .sort-menu > span{
  color:#6b7280!important;
  font-size:12px!important;
  line-height:18px!important;
  font-variant-numeric:tabular-nums;
  background:#f1f3f6;
  border-radius:9px;
  padding:1px 7px;
}
/* 子分类面板：默认隐藏、hover/focus 才展开，保持侧栏视觉整洁 */
.sk-side .sort-con{
  background:#fafbfc;
  border-top:1px solid #f5f6f8;
}
.sk-side .sort-con .sort-link02 a{
  font-size:13px!important;
  line-height:20px!important;
}
.sk-side .sort-con .sort-link02 font{
  color:#c2410c!important;
}

/* ---------- 4. 顶栏：提升层级与对比度 ---------- */
.header-topbg{
  background:#f7f8fa!important;
  border-bottom:1px solid #eef0f3;
}
.hdiul li,
.hdiul a,
.login li,
.login a,
.login-link{
  font-size:13px!important;
  line-height:18px!important;
}
.hdiul a{color:#6b7280!important}
.hdiul a:hover{color:#c2410c!important}
.login-link{color:#4b5563!important;transition:color .16s}
.login-link:hover{color:#c2410c!important}
.login #it618_credits{color:#4b5563!important}
.login #it618_credits:hover{color:#c2410c!important}

/* ---------- 5. nav：激活态更明确 ---------- */
.nav-content a{
  font-size:16px!important;
  line-height:44px!important;
  color:#374151!important;
  transition:color .16s,background .16s;
  position:relative;
}
.nav-content a:hover{
  color:#c2410c!important;
  background:#fff9f2;
}
.nav-content a.on,
.nav-content a.current,
.nav-content a.active{
  color:#c2410c!important;
  font-weight:700;
}

/* ---------- 6. 搜索按钮：白字对比度合规（#ff6a00 上白字仅 2.74:1） ---------- */
.search input{
  border-color:#ff6a00!important;
  color:#1f2937!important;
}
.search input::placeholder{color:#9aa3af!important}
.search button{
  background:#ce4704!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:700;
  transition:background .16s;
}
.search button:hover{background:#c2410c!important}
.search button i,.search button em,.search button span{color:#fff!important}

/* ---------- 7. logo 区副标题与右侧提示 ---------- */
.sk-brand span,
.logo .sk-brand div{
  font-size:13px!important;
  line-height:18px!important;
  color:#6b7280!important;
}
.sk-hdr-tip{
  font-size:13px!important;
  line-height:22px!important;
  color:#6b7280!important;
}
.sk-hdr-tip b{color:#c2410c!important}

/* PC-REVIEW-ROUND3-END */
/* =====================================================================
   PC 首页视觉精修 · 第 3 轮（hero / footer / 顶栏登录态 / 侧栏字号收敛）
   纪律：所有覆盖均复制原选择器或加 #header/#footer/#main 限定，
        绝不改动 .PlayPage / .lessonList 等其它页面共用规则的取值。
   ===================================================================== */

/* ---------- 1. hero：按真实结构 .sk-hero-txt > b / i / 按钮 ---------- */
.sk-hero .sk-hero-txt b{
  font-size:26px!important;
  font-weight:700!important;
  line-height:34px!important;
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.5);
}
.sk-hero .sk-hero-txt i{
  font-size:15px!important;
  line-height:24px!important;
  color:rgba(255,255,255,.86)!important;
  text-shadow:0 1px 6px rgba(0,0,0,.4);
}
.sk-hero .sk-hero-txt em{
  font-size:15px!important;
  line-height:24px!important;
}
.sk-hero .sk-hero-txt a{
  font-size:15px!important;
  font-weight:700;
  line-height:24px!important;
  border-radius:20px;
  background:#ce4704!important;
  color:#fff!important;
  padding:11px 28px;
  transition:background .16s,transform .16s;
}
@media (hover:hover){
  .sk-hero .sk-hero-txt a:hover{background:#c2410c!important;transform:translateY(-1px)}
}
/* 箭头：原为 40x64 竖条，改成 40px 圆形按钮 */
.sk-hero .sk-hero-arrow{
  width:40px!important;
  height:40px!important;
  line-height:38px!important;
  border-radius:50%;
  background:rgba(0,0,0,.30);
  color:#fff;
  font-size:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .2s;
}
@media (hover:hover){ .sk-hero .sk-hero-arrow:hover{background:rgba(0,0,0,.52)} }

/* ---------- 2. 顶栏：登录/未登录布局稳定 ---------- */
#header .header-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:36px;
}
#header ul.hdiul,
#header ul.login{
  display:flex;
  align-items:center;
  gap:16px;
  height:36px;
  margin:0!important;
  padding:0!important;
}
#header ul.hdiul li,
#header ul.login li{
  height:36px;
  line-height:36px;
  white-space:nowrap;
}
/* 登录态用户名胶囊（首个 login-link 即用户名） */
#header ul.login .login-link:first-child{
  display:inline-flex!important;
  align-items:center;
  height:24px;
  padding:0 10px;
  border-radius:12px;
  background:#fff1e6;
  color:#c2410c!important;
  font-weight:700;
  line-height:24px!important;
}
#header ul.login li + li{
  position:relative;
  padding-left:16px;
}
#header ul.login li + li::before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:11px;
  margin-top:-5px;
  background:#dde1e6;
}
#header ul.login .dropdown .textwarp{
  font-size:13px!important;
  line-height:18px!important;
  color:#4b5563!important;
}
#header ul.login .dropdown .textwarp .text{
  font-size:13px!important;
  color:#4b5563!important;
}
#header ul.login li a{
  font-size:13px!important;
  line-height:18px!important;
}
#header ul.login li a#it618_credits{
  font-size:13px!important;
  color:#4b5563!important;
}
#header ul.login li a#it618_credits img{
  height:15px;
  vertical-align:middle;
  margin-right:4px;
  margin-top:-3px;
}
#header ul.login .dropdown .triangle{border-top-color:#9aa3af!important}
/* 未登录态：登录/注册做主色强调 */
#header ul.login li a[href*="it618_members:login"],
#header ul.login li a[href*="login"]{color:#c2410c!important;font-weight:700}

/* ---------- 3. 侧栏：字号收敛到整数阶梯 + 数量徽标 ---------- */
.sk-side .sort-menu .title{
  font-size:14px!important;
  line-height:20px!important;
  font-weight:400!important;
  color:#374151!important;
}
.sk-side .sort-menu span{
  font-size:12px!important;
  line-height:18px!important;
  color:#6b7280!important;
  background:#f1f3f6;
  border-radius:9px;
  padding:1px 7px;
}
.sk-side .sort-con-left h4{font-size:14px!important;line-height:20px!important}
.sk-side .sort-con-left h4 a{font-size:14px!important;color:#374151!important}
.sk-side .sort-link02 li a{
  font-size:13px!important;
  line-height:20px!important;
}

/* ---------- 4. footer：深底 + 链接层级 ---------- */
#footer{
  background:#1f2937!important;
}
#footer .footer-top{
  border-bottom:1px solid #374151;
}
#footer .site-info dl dt{
  font-size:14px!important;
  color:#9aa3af;
}
#footer .site-info dd a{
  font-size:14px!important;
  color:#d1d5db!important;
  transition:color .16s;
}
@media (hover:hover){
  #footer .site-info dd a:hover{color:#fff!important}
}
#footer [href*="beian"]{
  font-size:12px!important;
  color:#9aa3af!important;
}
#footer [href*="beian"] img{
  height:14px;
  vertical-align:-2px;
  margin-right:4px;
}

/* ---------- 5. 返回顶部按钮 ---------- */
#go-top a.gotop{
  width:44px!important;
  height:44px!important;
  border-radius:8px;
  background:rgba(17,24,39,.82);
  color:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  transition:background .2s,transform .2s;
}
@media (hover:hover){
  #go-top a.gotop:hover{background:#111827;transform:translateY(-2px)}
}

/* PC-REVIEW-ROUND4-END */
/* =====================================================================
   PC 首页视觉精修 · 第 4 轮（修正项：返回顶部按钮变形 / 侧栏飞出面板细节 / 收尾）
   上一轮把 #go-top a.gotop 改成 44x44 方块，但 Discuz 原规则是
   「height:32px; padding-top:17px」的窄条，width 未设 -> 渲染成 44x63 竖块并压住卡片。
   本轮显式清掉 padding 并补 width。
   ===================================================================== */

#go-top{
  right:32px!important;
  bottom:32px!important;
  z-index:900;
}
#go-top a.gotop{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:44px!important;
  height:44px!important;
  min-width:44px;
  padding:0!important;
  border:none!important;
  border-radius:8px;
  background:rgba(17,24,39,.82);
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  transition:background .2s,transform .2s,opacity .2s;
  overflow:hidden;
}
@media (hover:hover){
  #go-top a.gotop:hover{background:#111827;transform:translateY(-2px)}
}
#go-top a.gotop .scroll-icon{
  position:static!important;
  width:0!important;
  height:0!important;
  margin-top:-4px!important;
  border-left:8px solid transparent!important;
  border-right:8px solid transparent!important;
  border-bottom:12px solid #fff!important;
  border-top:none!important;
  background:none!important;
}

/* ---------- 侧栏飞出子分类面板：小圆角与阴影收敛，边缘不糊 ---------- */
.sk-side .sort-con{
  border-radius:0 10px 10px 0!important;
  box-shadow:0 8px 24px rgba(16,24,40,.10);
  margin-bottom:4px!important;
}
.sk-side .sort-con .sort-link02 li a{
  border-radius:6px!important;
  font-size:13px!important;
  line-height:20px!important;
}

/* ---------- 页面底部留白收敛（footer 之前 64px 偏大） ---------- */
#footer,#footer.footer{
  margin-top:56px;
}

/* ---------- 键盘可达性：焦点环（不动视觉，只给键盘用户） ---------- */
:focus-visible{
  outline:2px solid #1d4ed8;
  outline-offset:2px;
  border-radius:4px;
}
:focus:not(:focus-visible){outline:none}

/* ---------- 尊重系统的「减少动态效果」偏好 ---------- */
@media (prefers-reduced-motion:reduce){
  #main *,
  #header *,
  #footer *{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* PC-REVIEW-ROUND5-END */
/* =====================================================================
   PC 首页视觉精修 · 第 5 轮（收口：隔离首页作用域 + 清零残留字号）
   重要回归修复：
     .goods-list.newga.ga.cl 被首页与 video_list.htm 共用。前 4 轮直接改它，
     导致课程列表页也被改成 5 列（原为 4 列，宽度 252 -> 207）。
     本轮把首页专属值全部收敛到 `#main .sk-sec` 作用域，列表页恢复原状。
   ===================================================================== */

/* ---------- 1. 首页列表栅格：限定作用域，列表页保持原 4 列 ---------- */
#main .sk-sec .goods-list.newga.ga.cl{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px!important;
}
/* 列表页回归确认值（来自 theme.css.bak-20261011-pcui 基线）：4 列 gap14 */
#main .list-content .goods-list.newga.ga.cl{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}

/* ---------- 2. 首页卡片：字号全部收敛到整数阶梯（作用域内） ---------- */
#main .sk-sec .goods-list .goods-name{
  font-size:14px!important;
  line-height:20px!important;
}
#main .sk-sec .goods-list .goods .sk-meta,
#main .sk-sec .goods-list .goods .sk-meta em{
  font-size:13px!important;
  line-height:18px!important;
}
#main .sk-sec .goods-list .goods .sk-learn,
#main .sk-sec .goods-list .goods .sk-learn font{
  font-size:12px!important;
  line-height:18px!important;
}
#main .sk-sec .goods-list .goods .goods-info .price{
  font-size:16px!important;
  line-height:20px!important;
}
#main .sk-sec .goods-list .goods .goods-img .sk-free,
#main .sk-sec .goods-list .goods .goods-img .sk-count{
  font-size:12px!important;
}

/* ---------- 3. 首页里仍残留 11px 的位置：升到 12px（仅首页作用域） ---------- */
#main ul.hdiul,
#main ul.login{
  font-size:12px!important;
}
#main .sk-side .sort-menu .title{font-size:14px!important}
#main .sk-side .sort-menu span{font-size:12px!important}
#main .sk-side .sort-con-left h4{font-size:14px!important}
#main .sk-side .sort-con-left h4::after{
  /* 原为 11.5px（"选择科目"），归入 12px */
  font-size:12px!important;
}
#main .sk-side .sort-con .sort-link02 li a{font-size:13px!important}

/* ---------- 4. hero 内文字：归零到阶梯 ---------- */
#main .sk-hero .sk-hero-txt b{font-size:26px!important;line-height:34px!important}
#main .sk-hero .sk-hero-txt i{font-size:15px!important;line-height:24px!important}
#main .sk-hero .sk-hero-txt em{font-size:15px!important;line-height:24px!important}
#main .sk-hero .sk-hero-txt a{font-size:15px!important;line-height:24px!important}

/* ---------- 5. 学段卡：水位线（份额可视化，纯 CSS，无新增查询） ---------- */
#main .sk-stages > a{
  padding-bottom:26px;
}
#main .sk-stages > a::after{
  content:'';
  position:absolute;
  left:18px;
  right:18px;
  bottom:14px;
  height:4px;
  border-radius:2px;
  background:#f1f3f6;
  overflow:hidden;
}
#main .sk-stages > a::before{
  content:'';
  position:absolute;
  left:18px;
  bottom:14px;
  height:4px;
  width:var(--skp,0%);
  border-radius:2px;
  background:linear-gradient(90deg,#ff9a3d,#ff6a00);
  transition:width .5s cubic-bezier(.4,0,.2,1);
}
@media (hover:hover){
  #main .sk-stages > a:hover::before{background:linear-gradient(90deg,#ffb570,#ff8c33)}
}
/* 占比固定值：802 门 = 29+268+139+271+87+8 */
#main .sk-stages > a:nth-child(1){--skp:3.6%}
#main .sk-stages > a:nth-child(2){--skp:33.4%}
#main .sk-stages > a:nth-child(3){--skp:17.3%}
#main .sk-stages > a:nth-child(4){--skp:33.8%}
#main .sk-stages > a:nth-child(5){--skp:10.8%}
#main .sk-stages > a:nth-child(6){--skp:1%}

/* PC-REVIEW-ROUND6-END */
/* =====================================================================
   PC 首页视觉精修 · 第 6 轮（学段卡占比条贴底校正）
   上一轮把 padding-bottom 提到 26px 但绝对定位的条仍在 bottom:14px，
   与「门课/学段名」之间出现悬空感。本轮把条真正压到卡片内底，
   并让不同长度的条都有同一条基线（避免视觉上像错位）。
   ===================================================================== */

#main .sk-stages{
  margin:24px 0 0!important;
  gap:16px!important;
}
#main .sk-stages > a{
  min-height:124px;
  padding:18px 18px 22px;
  justify-content:flex-start;
}
/* 水印大字下移一点，避免与占比条同高对峙 */
#main .sk-stages > a > s{
  right:10px;
  top:2px;
}
/* 轨道 + 填充：共用 bottom:16px，宽度不同但基线一致 */
#main .sk-stages > a::after{
  left:18px;
  right:18px;
  bottom:16px;
  height:4px;
  border-radius:2px;
  background:#f1f3f6;
}
#main .sk-stages > a::before{
  left:18px;
  bottom:16px;
  height:4px;
  border-radius:2px;
  background:linear-gradient(90deg,#ffb570,#ff6a00);
}
/* 占比极小（精品课 1%）时给个最小可见宽度 */
#main .sk-stages > a:nth-child(6)::before{
  min-width:8px;
}