.ranking-section{background:#fff;margin-bottom:10px;padding-bottom:0}
.ranking-header-bg{background:linear-gradient(180deg,#e0fcff 0,#fff);padding:20px 15px 15px;text-align:center}
.rank-tabs{display:flex;gap:30px;justify-content:center;margin-bottom:15px}
.rank-tab-item{color:#999;cursor:pointer;font-size:15px;padding-bottom:5px;position:relative}
.rank-tab-item.active{color:#333;font-size:18px;font-weight:700}
.rank-tab-item.active:after{background:#00e0ff;border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:20px}
.rank-main-title{align-items:center;color:#00bcd4;display:flex;font-size:26px;font-weight:700;justify-content:center;margin-bottom:0;padding:12px 0}
.rank-main-title #rankTitleText{background:linear-gradient(-90deg,#7ce1ff,#6097ff);-webkit-background-clip:text;padding:0 30px;position:relative;-webkit-text-fill-color:transparent}
.rank-main-title #rankTitleText:before{background:url(../images/icon.png) no-repeat 0 0;background-size:600px;content:"";height:46px;left:0;position:absolute;top:-3px;width:26px;z-index:5}
.rank-main-title #rankTitleText:after{background:url(../images/icon.png) no-repeat -38px 0;background-size:600px;content:"";height:46px;position:absolute;right:0;top:-3px;width:26px;z-index:5}
.laurel-icon{fill:#80deea;height:24px;margin:0 10px;width:24px}
.laurel-left{transform:scaleX(-1)}
.rank-list{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 15px}
.rank-tab-content{display:none}
.rank-tab-content.active{display:block}
.rank-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;order:10;padding:15px 0;width:100%}
.rank-num{color:#999;font-family:Times New Roman,serif;font-size:16px;font-style:italic;margin-right:10px;text-align:center;width:30px}
.rank-icon{background:#eee;border-radius:12px;height:66px;margin-right:15px;overflow:hidden;width:66px}
.rank-icon img{height:100%;object-fit:cover;width:100%}
.rank-info{flex:1;overflow:hidden;width:100%}
.rank-name{color:#333;font-size:15px;font-weight:400;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank-tags{align-items:center;color:#888;display:flex;flex-shrink:0;font-size:13px}
.rank-tags span{background:#f9fbff;border-radius:4px;margin-right:5px;padding:3px 5px 3px 7px}
.rank-desc,.rank-tags span{font-size:12px;white-space:nowrap}
.rank-desc{color:#999;display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis}
.rank-btn{background:var(--primary-light);border-radius:15px;color:var(--primary);font-size:13px;font-weight:400;padding:4px 12px}
.rank-item:nth-child(-n+3){border-bottom:none;border-radius:12px;flex-direction:column;margin-bottom:10px;overflow:visible;padding:57px 5px 15px;position:relative;text-align:center;width:32%}
.rank-item:first-child{background:linear-gradient(180deg,#fffad5,#fffef9);margin-top:0;order:2;padding-top:66px}
.rank-item:nth-child(2){background:linear-gradient(180deg,#eef3fc,#fefeff);margin-top:25px;order:1}
.rank-item:nth-child(3){background:linear-gradient(180deg,#fdeae3,#fefdfc);margin-top:25px;order:3}
.rank-item:nth-child(-n+3) .rank-desc,.rank-item:nth-child(-n+3) .rank-num{display:none}
.rank-item:nth-child(-n+3) .rank-icon{background:#fff;border-radius:16px;height:64px;margin-bottom:8px;margin-right:0;position:relative;width:64px;z-index:2}
.rank-item:first-child .rank-icon{border:none;box-shadow:0 4px 12px rgba(255,193,7,.2);height:72px;width:72px}
.rank-item:nth-child(-n+3) .rank-name{font-size:16px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.rank-item:nth-child(-n+3) .rank-tags{justify-content:center;margin-left:0;width:100%}
.rank-item:nth-child(-n+3) .rank-tags span{background:0 0;border-radius:0;border-right:1px solid #ccc;margin-right:0;padding:1px 5px}
.rank-item:nth-child(-n+3) .rank-tags span.rank-tag-size{border:0;margin:0}
.rank-item:nth-child(-n+3) .rank-btn{background:#fff;border:none;margin-top:10px;padding:4px 16px}
.rank-item:first-child .rank-btn{background:#fff6ec;color:#ffb300}
.rank-item:nth-child(2) .rank-btn{background:#edf3fc;color:#6781bb}
.rank-item:nth-child(3) .rank-btn{background:#ffe4d5;color:#ca7d6f}
.rank-item:nth-child(-n+3):before{background-position:bottom;background-repeat:no-repeat;background-size:contain;content:"";height:50px;left:50%;opacity:1;position:absolute;top:2px;transform:translateX(-50%);width:66px;z-index:0}
.rank-item:nth-child(-n+3):after{font-family:Times New Roman,serif;font-size:20px;font-style:italic;font-weight:900;left:50%;position:absolute;top:2px;transform:translateX(-50%);z-index:3}
.rank-item:first-child:before{background:url(../images/icon.png) no-repeat 0 -64px;background-size:600px;top:4px}
.rank-item:first-child:after{color:#ffc107;font-size:28px;top:-2px}
.rank-item:nth-child(2):before{background:url(../images/icon.png) no-repeat -80px -64px;background-size:600px}
.rank-item:nth-child(2):after{color:#90a4ae}
.rank-item:nth-child(3):before{background:url(../images/icon.png) no-repeat -161px -64px;background-size:600px}
.rank-item:nth-child(3):after{color:#ff7043}

.banner img{width: 100%;}