#hotWrap{display:none;margin:16px 0 8px;}/* 默认隐藏：数据加载成功后连同标题一起显示 */
/* 标题行：左边标题，右边翻页控件（1/N ‹ ›：页码在前，箭头在后） */
#hotWrap .hot-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
#hotWrap .hot-title{font-size:15px;color:#333;font-weight:bold;margin:0;}
#hotWrap .hot-nav{display:flex;align-items:center;gap:6px;}
#hotWrap .hot-nav-btn{width:24px;height:24px;border:none;border-radius:50%;background:#4f6ef7;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity .2s;}
#hotWrap .hot-nav-btn:hover{opacity:.85;}
#hotWrap .hot-nav-btn:disabled{opacity:.35;cursor:default;}
#hotWrap .hot-page{font-size:12px;color:#666;min-width:32px;text-align:center;}
#hotWrap .hot-box{position:relative;}
/* 横滑卡片列表 */
#hotWrap .hot-scroll{display:flex;gap:10px;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none;overscroll-behavior-x:contain;}
#hotWrap .hot-scroll::-webkit-scrollbar{display:none;}
#hotWrap .hot-card{flex:0 0 110px;width:110px;text-decoration:none;}
#hotWrap .hot-cover{position:relative;width:100%;aspect-ratio:2/3;border-radius:10px;overflow:hidden;background:#eceef1;}
#hotWrap .hot-cover img{width:100%;height:100%;object-fit:cover;display:block;}
/* 角标：最多两行完整显示，位于封面底部 */
#hotWrap .hot-remarks{position:absolute;right:4px;bottom:4px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;line-height:1.4;padding:2px 5px;border-radius:6px;max-width:92%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;}
#hotWrap .hot-name{font-size:12px;color:#333;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* 排名角标：前3名金银铜色，其余灰色 */
#hotWrap .hot-rank{position:absolute;left:4px;top:4px;min-width:18px;height:18px;padding:0 4px;border-radius:6px;background:rgba(60,60,60,.72);color:#fff;font-size:11px;font-weight:bold;line-height:18px;text-align:center;}
#hotWrap .hot-rank.top1{background:linear-gradient(135deg,#ffb347,#ff7b2d);}
#hotWrap .hot-rank.top2{background:linear-gradient(135deg,#c0c6cf,#9aa3af);}
#hotWrap .hot-rank.top3{background:linear-gradient(135deg,#e8b288,#c97f4a);}
/* 手机端：卡片加大（一屏约2个半），按钮缩小 */
@media (max-width:767px){
  #hotWrap .hot-card{flex:0 0 130px;width:130px;}
  #hotWrap .hot-nav-btn{width:20px;height:20px;font-size:12px;}
  #hotWrap .hot-page{font-size:11px;min-width:26px;}
}
