.page-comment .page-head{margin-bottom:3.5em;text-align:center}.page-comment .page-head .page-desc{font-size:1.2em;font-weight:400;opacity:.5}.page-comment .section-title{margin-bottom:2em}.page-comment .section-title h2:after{background-color:var(--primary);border-radius:var(--radius);content:"";display:block;height:3px;margin-top:.25em;width:1.5em}.page-comment .comment-rank{margin-bottom:8em}.page-comment .rank-podium{align-items:flex-end;display:flex;gap:1em;justify-content:center;margin-bottom:2em;min-height:280px}.page-comment .rank-podium .podium-item{display:flex;flex:1;flex-direction:column;max-width:10em}.page-comment .rank-podium .podium-item .podium-user{align-items:center;display:flex;flex-direction:column;gap:.4em;margin-bottom:1em}.page-comment .rank-podium .podium-item .podium-user .medal-crown{color:var(--background-color);font-size:1.6em;line-height:1}.page-comment .rank-podium .podium-item .podium-user .podium-avatar img{border:3px solid var(--gray);border-color:var(--background-color);border-radius:50%;display:block;height:3.6em;-o-object-fit:cover;object-fit:cover;width:3.6em}.page-comment .rank-podium .podium-item .podium-user .podium-name{font-weight:600;max-width:8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-comment .rank-podium .podium-item .podium-user .podium-count{font-size:.78em;opacity:.6}.page-comment .rank-podium .podium-item .podium-stand{align-items:center;background-color:var(--background-color);border-radius:var(--radius);display:flex;justify-content:center}.page-comment .rank-podium .podium-item .podium-stand span{color:#ffffffd9;font-size:2em;font-weight:700}.page-comment .rank-podium .podium-item.rank-1{--background-color:#fb0}.page-comment .rank-podium .podium-item.rank-1 .podium-stand{height:140px}.page-comment .rank-podium .podium-item.rank-1 .podium-avatar img{height:4.8em;width:4.8em}.page-comment .rank-podium .podium-item.rank-2{--background-color:silver}.page-comment .rank-podium .podium-item.rank-2 .podium-stand{height:100px}.page-comment .rank-podium .podium-item.rank-3{--background-color:#cd7f32}.page-comment .rank-podium .podium-item.rank-3 .podium-stand{height:75px}.page-comment .rank-others{display:flex;flex-direction:column;gap:.5em}.page-comment .rank-others .rank-other-item{align-items:center;display:flex;gap:1em;padding:.75em 1em}.page-comment .rank-others .rank-other-item .rank-num{color:var(--text-secondly);flex-shrink:0;font-weight:700;min-width:2.2em}.page-comment .rank-others .rank-other-item img{border-radius:var(--radius);flex-shrink:0;height:2.5em;-o-object-fit:cover;object-fit:cover;width:2.5em}.page-comment .rank-others .rank-other-item .rank-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-comment .rank-others .rank-other-item .rank-name a,.page-comment .rank-others .rank-other-item .rank-name span{font-weight:500;text-decoration:none}.page-comment .rank-others .rank-other-item .rank-count{flex-shrink:0;font-size:.82em;opacity:.55}