* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft Yahei", sans-serif;
        }
        body {
            background-color: #f5f5f5;
            font-size: 14px;
            padding:0;
        }
        .title-bar{
            text-align:center;
            font-size:20px;
            padding:15px;
            background:#fff;
            margin-bottom:10px;
        }
        .block-box{
            background:#fff;
            margin:0 10px 15px;
            border-radius:6px;
            overflow:hidden;
        }
        .block-title{
            display:flex;
            justify-content:space-between;
            align-items:center;
            padding:12px 15px;
            border-bottom:1px solid #eee;
        }
        .block-title h3{
            font-size:16px;
            color:#333;
        }
        .more-btn{
            display:inline-block;
            color:#ff626a;
            font-size:12px;
            line-height:1;
            text-decoration:none;
            background:#fff1f2;
            border:1px solid #ffd6d9;
            padding:5px 10px;
            border-radius:20px;
        }
        /* 表头容器 */
        .rank-head{
            display:flex;
            padding:10px 15px;
            background:#f7f8fa;
            border-bottom:1px solid #eceff2;
            color:#9aa0a6;
            font-weight:500;
            width: 100%;
        }
        /* 列表行容器 */
        .rank-row{
            display:flex;
            padding:11px 15px;
            border-bottom:1px solid #f2f4f6;
            align-items:center;
            width: 100%;
            font-variant-numeric:tabular-nums;
						overflow-x: auto;
        }
        /* 统一所有单元格基础样式：禁止压缩拉伸 */
        .rank-head > div,
        .rank-row > div {
            flex-shrink: 0;
            flex-grow: 0;
            text-align:center;
        }
        /* header font smaller / row font larger (2026-10-29) */
        .rank-head > div { font-size:.43rem; }
        .rank-row  > div { font-size:.38rem; }
        /* 第1列 排名 10% */
        .rank-head > div:nth-child(1),
        .rank-row > div:nth-child(1) {
            width:12%;
            text-align:left;
        }
        .rank-row > div:nth-child(1) {
            color:#9aa0a6;
					position: sticky;
  				left: 0;
					z-index: 3;
				background:#fff;
        }
        /* 名次配色：前三名 金/银/铜 */
        .rank-row .rank-num{font-weight:600;}
        .rank-row:nth-child(1) .rank-num{color:#f0a020;font-weight:700;}
        .rank-row:nth-child(2) .rank-num{color:#8a95a6;font-weight:700;}
        .rank-row:nth-child(3) .rank-num{color:#c07a4a;font-weight:700;}
        /* 第2列 作者 30% */
        .rank-head > div:nth-child(2),
        .rank-row > div:nth-child(2) {
            width:30%;
            text-align:left;
            word-break:break-all;
        }
 .rank-row > div:nth-child(2) {
            color:#333;
					font-weight:500;
					position: sticky;
  				left: 12%;
					z-index: 3;
	 background:#fff;
        }
        /* 中间数据列 3~6 */
        .rank-row > div:nth-child(n+3):nth-child(-n+6){color:#595f6b;}
        /* 第3列 看过 10% */
        .rank-head > div:nth-child(3) {
            width:10%;
        }
.rank-row > div:nth-child(3) {
	min-width: 60px;
}
        /* 第4列 赞 10% */
        .rank-head > div:nth-child(4) {
            width:10%;
        }
.rank-row > div:nth-child(4) {
	min-width: 60px;
}
        /* 第5列 评 10% */
        .rank-head > div:nth-child(5){
            width:10%;
        }

.rank-row > div:nth-child(5){
	min-width: 60px;
}
        /* 第6列 赏 10% */
        .rank-head > div:nth-child(6){
            width:10%;
        }
.rank-row > div:nth-child(6) {
	min-width: 60px;
}
        /* 第7列 总分 18% 蓝色高亮 锁定最后一列 */
        .rank-head > div:nth-child(7),
        .rank-row > div:nth-child(7) {
            width:18%;
            color:#ff626a;
            font-weight:bold;
        }

        .loading-tip{
            text-align:center;
            padding:40px 0;
            color:#999;
        }
        .empty-tip{
            text-align:center;
            padding:40px 0;
            color:#999;
        }

.rank-row::-webkit-scrollbar {
	display:none;
}
/* 新增tab栏样式*/
.tab-wrap{
    display:flex;
    background:#fff;
    border-bottom:1px solid #f2f2f2;
}
.tab-item{
    position:relative;
    flex:1;
    text-align:center;
    padding:0.7rem 0;
    font-size:0.492rem;
    color:#666;
}
.tab-item::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:0;
    height:0.09rem;
    border-radius:0.09rem;
    background:#ff626a;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:width .22s ease;
    transition:width .22s ease;
}
.tab-item.active{
    color:#ff626a;
    font-weight:600;
}
.tab-item.active::after{
    width:0.85rem;
}
.tab-content-item{
    display:none;
}
.tab-content-item.show{
    display:block;
}

/* ==== 移动端点击去掉焦点小框 ==== */
*{-webkit-tap-highlight-color:transparent !important;}
html *:focus,html *:focus-visible,html *:active{outline:0 none !important;outline-offset:0 !important;}
a,a:link,a:visited,a:hover,a:active,a:focus,a:focus-visible,button:focus,i:focus,div:focus,li:focus,img:focus{-webkit-tap-highlight-color:transparent !important;outline:none !important;}