/* ==========================================================================
   腾昕新能源官网 - 左侧分类侧栏（共用）
   用于：energy-storage.php（储能产品）、video.php（客户案例）
   版式参考 careers.php（工作机会）的左侧分类栏：左栏固定宽度 + 右侧内容区
   字体颜色：黑色
   ========================================================================== */

.sm-layout{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;}
.sm-side{width:260px;flex:none;border-right:1px solid #CFCFCF;padding-right:30px;
    position:sticky;top:106px;}          /* 头部固定 86px，留 20px 间距 */
.sm-side-title{border-bottom:1px solid #CFCFCF;padding-bottom:10px;margin-bottom:20px;}
.sm-side-title strong{display:block;font-size:18px;font-weight:700;color:#000;}
.sm-side-list{list-style:none;margin:0;padding:0;}
.sm-side-list li{margin:0 0 10px;}
.sm-side-list a{display:block;font-size:15px;line-height:1.5;color:#000;
    padding:2px 0;text-decoration:none;transition:color .2s;}
.sm-side-list a:hover{color:#F1B70A;}
.sm-side-list a.active{color:#F1B70A;font-weight:700;}
.sm-main{flex:1;min-width:0;}

/* 锚点跳转时避开固定头部（储能产品页分类区块） */
.es-cat{scroll-margin-top:100px;}

/* 储能产品页：左侧栏整体下移，使「产品分类」标题与右侧首个分类标题（便携电源）齐平
   （右侧 .es-cat 顶部有 34px 内边距，这里补同样的偏移量；.es-page 仅本页使用） */
.es-page .sm-side{margin-top:34px;}

/* ===== 页内搜索栏（与工作机会页 careers.php 同款）===== */
.sm-search{background:#F9F9F9;padding:18px 0;}
.sm-search .search-group{display:flex;justify-content:center;align-items:center;}
.sm-search .search-group input{height:38px;line-height:38px;padding:0 14px;width:50%;max-width:500px;margin-right:8px;
    border-radius:5px;border:1px solid #CFCFCF;background:#fff;font-size:14px;color:#000;}
.sm-search .search-group input:focus{outline:none;border-color:#F1B70A;}
.sm-search .search-group .search-btn{height:40px;padding:0 26px;cursor:pointer;background:#F1B70A;border:0;border-radius:5px;
    color:#fff;font-size:14px;}
.sm-search .search-group .search-btn:hover{opacity:.9;}
/* 搜索无结果提示 */
.sm-noresult{display:none;padding:40px 0;text-align:center;color:#6b7a90;font-size:15px;}

@media screen and (max-width:768px){
    .sm-search{padding:12px 0;}
    .sm-search .search-group input{width:66%;max-width:none;font-size:13px;}
    .sm-search .search-group .search-btn{padding:0 16px;}
}

@media screen and (max-width:768px){
    .sm-layout{display:block;}
    .sm-side{position:static;width:100%;border-right:0;padding-right:0;margin-bottom:20px;}
    .es-page .sm-side{margin-top:0;}   /* 移动端取消储能产品页的侧栏下移 */
    .sm-side-title{margin-bottom:14px;}
    .sm-side-list{display:flex;flex-wrap:wrap;gap:8px 20px;}
    .sm-side-list li{margin:0;}
    .sm-side-list a{font-size:14px;}
}