.btn-outline-primary{border-color:#0cb09f;color:#0cb09f}.btn-outline-primary:hover{border-color:#0cb09f;background-color:#0cb09f;color:#fff}.ranking-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #0000000f}.ranking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.ranking-header .ranking-title{font-size:18px;font-weight:600;color:#333;margin:0}.ranking-header .btn-refresh{display:flex;align-items:center;gap:5px;padding:6px 12px;background:transparent;border:1px solid #e0e0e0;border-radius:20px;font-size:13px;color:#666;cursor:pointer;transition:all .3s}.ranking-header .btn-refresh i{font-size:14px}.ranking-header .btn-refresh:hover{color:#0cb09f;border-color:#0cb09f}.ranking-list .ranking-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5}.ranking-list .ranking-item:last-child{border-bottom:none}.ranking-list .ranking-item:hover{background:#fafafa;margin:0 -20px;padding-left:20px;padding-right:20px}.ranking-list .rank-number{width:50px;flex-shrink:0;font-weight:600}.ranking-list .rank-number .rank-text{font-size:14px;color:#999}.ranking-list .rank-number.top-1 .rank-text{font-size:16px;color:#ff4d4f;font-weight:700}.ranking-list .rank-number.top-2 .rank-text{font-size:16px;color:#ff7a45;font-weight:700}.ranking-list .rank-number.top-3 .rank-text{font-size:16px;color:#ffa940;font-weight:700}.ranking-list .rank-content{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.ranking-list .rank-content .topic-title{font-size:14px;color:#333;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-list .rank-content .topic-title:hover{color:#0cb09f}.ranking-list .rank-content .topic-tag{display:inline-block;padding:2px 6px;font-size:10px;font-weight:600;border-radius:4px;flex-shrink:0}.ranking-list .rank-content .topic-tag.new{background:#ff4d4f;color:#fff}.ranking-list .rank-content .topic-tag.hot{background:#ffa940;color:#fff}.ranking-list .rank-views{width:80px;text-align:right;flex-shrink:0}.ranking-list .rank-views .views-count{font-size:13px;color:#999}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state i{font-size:48px;margin-bottom:15px;display:block}.empty-state p{font-size:14px}.view-more-wrapper{text-align:center;padding-top:20px;margin-top:10px;border-top:1px solid #f0f0f0}.view-more-wrapper .btn-view-more{display:inline-block;padding:10px 30px;background:#333;color:#fff;font-size:14px;text-decoration:none;border-radius:25px;transition:all .3s}.view-more-wrapper .btn-view-more:hover{background:#555}