等级配置
偶遇|0|vip1|#c0c0c0
同程|1|vip2|#a0a0a0
涉溪|20|vip3|#9e7a5d
穿林|60|vip4|#b87333
览峰|150|vip5|#cb6d1e
渡川|300|vip6|#cc8400
聆泉|600|vip7|#d4af37
沐霞|1200|vip8|#ffb800
共云|2400|vip9|#ffa500
印雪|4800|vip10|#ff8c00
望星|9600|vip11|#da70d6
归真|19200|vip12|#a42be2

图标字体CSS

.vipicon {
    font-family: "FontAwesome", "iconfont";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
}
.vipicon:before {
    content: "\e66a";
    font-size: 14px;
}
.com-level { display: inline-block; margin-left: 3px; }
.com-level sub { 
    font-size: 11px; 
    vertical-align: baseline; 
    position: relative; 
    top: -0.5em; 
    font-weight: bold;
}
/* 等级颜色定义 - 同时应用到图标和数字 */
.com-level.vip1 .vipicon,
.com-level.vip1 sub { color: #999; }
.com-level.vip2 .vipicon,
.com-level.vip2 sub { color: #8c8c8c; }
.com-level.vip3 .vipicon,
.com-level.vip3 sub { color: #666; }
.com-level.vip4 .vipicon,
.com-level.vip4 sub { color: #52c41a; }
.com-level.vip5 .vipicon,
.com-level.vip5 sub { color: #1890ff; }
.com-level.vip6 .vipicon,
.com-level.vip6 sub { color: #722ed1; }
.com-level.vip7 .vipicon,
.com-level.vip7 sub { color: #faad14; }
.com-level.vip8 .vipicon,
.com-level.vip8 sub { color: #f5222d; }
.com-level.vip9 .vipicon,
.com-level.vip9 sub { color: #eb2f96; }
.com-level.vip10 .vipicon,
.com-level.vip10 sub { color: #fa541c; }
.com-level.vip11 .vipicon,
.com-level.vip11 sub { color: #13c2c2; }
.com-level.vip12 .vipicon,
.com-level.vip12 sub { color: #000; }
/* 动态CSS - 确保用户自定义的颜色通过内联样式生效 */
.com-level .vipicon,
.com-level sub { 
    color: inherit !important; 
}
/* 博主颜色 */
.com-level.blogger .vipicon,
.com-level.blogger sub { color: #f5222d !important; }