/* =====================================================================
   同步学课堂 · 主题样式 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，太难点） */
.videotdbtn{display:flex!important;align-items:center!important;min-height:36px!important;
  padding:6px 12px!important;box-sizing:border-box!important;line-height:1.5!important;border-radius:8px}
.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}

/* 「0人在学」是噪音：没人数时不显示 */
.goods-list .goods h3>span span{font-size:0!important}
.goods-list .goods h3>span span font{display:none!important}
.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:40px;line-height:40px}
.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}