/* 页面主体直接复用 opus.css；这里只保留周期榜的状态组件。 */
.hot-chip-row .ranking-stat strong {
    margin-right: 3px;
    color: #2f3c5a;
    font-size: 12px;
}

.recent-period-tabs button span {
    display: block;
    margin: 2px 0 0;
    font-size: 9px;
    font-weight: 600;
    opacity: .76;
}

.data-status {
    margin: 16px 0;
    padding: 18px;
    border-radius: 14px;
    color: var(--hot-muted);
    background: #fff;
    text-align: center;
}

.ranking-load-more {
    display: block;
    min-width: 220px;
    min-height: 42px;
    margin: 22px auto 0;
    padding: 0 20px;
    border: 1px solid #e1e7f4;
    border-radius: 10px;
    color: #516286;
    background: #fff;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
}

.ranking-load-more:hover {
    border-color: #ffb6d8;
    color: #df5798;
    box-shadow: 0 8px 18px rgba(76, 100, 151, .1);
}

.ranking-load-more[hidden] { display: none; }

#footer { margin-top: 0; }