*::-webkit-scrollbar{width:2px;}
*::-webkit-scrollbar-track{background:rgba(255,255,255,0.1)}
*::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.35);border-radius:1px}
*::-webkit-scrollbar-button{display:none;height:0;width:0}
*::-webkit-scrollbar-corner{background:transparent}
.sidebar{width:200px;height:100%;background-color:#0f0f0f;transition:width 0.3s;padding:0 20px;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.sidebar-container{flex:1 1 auto;width:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:9px;background:#262626}
.sidebar-item{flex-shrink:0}
.sidebar-item.is-open{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.sidebar-item.is-open .sidebar-title{flex-shrink:0}
.sidebar-title{padding:10px 15px;color:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer; border-bottom:1px solid #2d2d2d;}
.sidebar-title .title{font-size:15px;}
.sidebar-title .icon{font-size:12px;transition:transform 0.3s;  font-size:8px;}
.sidebar-title .rotate{transform:rotate(90deg);}
.sidebar-item:last-child .sidebar-title{border:0}
.sidebar-content{display:none;background:#1a1a1a; overflow-x:hidden; overflow-y:auto; padding-top: 5px;}
.sidebar-content.show{display:block;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto}
.sidebar-content ul{list-style:none;padding:0;margin:0}
.sidebar-content li{display:flex;align-items:center;box-sizing:border-box;width:100%;margin:0;padding:9px 0;transition:all 0.3s ease; padding-left:25px;}
.sidebar-content li::before{content:"";flex-shrink:0;width:3px;height:3px;margin-right:10px;border-radius:50%;background-color:#ccc}
.sidebar-content li:hover:not(.active){transform:translateX(5px); color:#cc5200;}
.sidebar-content li.active{background:rgba(255,255,255,0.1);transform:none}
.sidebar-content li.active::before{background-color:#fff}
.sidebar-content li a{color:#ccc;text-decoration:none;font-size:13px;transition:color 0.3s; position: relative;}
.sidebar-content li.active a{color:#fff;font-weight:500}

.content{flex:1; padding-right:38px; padding-left: 20px; overflow-x:hidden; overflow-y:auto;}
.content .group-title{font-size:18px;color:#EFEFEF;margin:2px 0 15px 0;display:flex;align-items:center; line-height:30px; font-weight:500;}
.content .group-title::before{content:"| ☆";color:#EFEFEF;margin-right:8px;font-size:22px;  line-height:30px;}
.card-list{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:50px}
.card-list:last-child{margin:0}
.card-list a{text-decoration:none;}
.card-item{background-color:#1a1a1a;border-radius:4px;overflow:hidden}
.card-item .card-video,.card-img{width:100%;aspect-ratio: 16 / 9;overflow: hidden; background-color: #000; background-image: url("/resource/image/common/default_cover.png"); background-size: cover;}
.card-item .card-img img{width:100%; height: 100%; object-fit:cover;}
.card-item .card-video video{width:100%; height:100%;}
.card-item .card-desc{padding:15px; padding-bottom: 25px;}
.card-item .card-desc .title{font-size:17px;color:#efefef;margin-bottom:10px}
.card-item .card-desc .sub-title{font-size:13px;color:#999; line-height: 20px; height:20px; overflow: hidden;}