/* 移动端排行榜页面样式 */
body.mobile-app .m-chart-hero{
    margin: 12px 12px 8px;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid var(--app-border);
    background:
        radial-gradient(110% 100% at 100% 0%, rgba(34,197,94,.14), transparent 60%),
        radial-gradient(100% 90% at 0% 100%, rgba(59,130,246,.14), transparent 60%),
        linear-gradient(160deg, rgba(18,26,42,.96), rgba(12,18,31,.96));
    box-shadow: 0 8px 24px rgba(2,6,23,.24);
}
body.mobile-app .m-chart-hero-title{
    margin: 0;
    font-size: 24px;
    line-height: 1.25;
    color: var(--app-text-primary);
    font-weight: 800;
}
body.mobile-app .m-chart-hero-desc{
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.4;
    color: var(--app-text-secondary);
}
body.mobile-app .m-chart-hero-meta{
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
body.mobile-app .m-chart-hero-pill{
    height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid var(--app-border);
    background: rgba(255,255,255,.03);
    color: var(--app-text-secondary);
    font-size: 12px;
    display: inline-flex;
    align-items: center;
}
body.mobile-app .m-chart-hero-pill strong{
    margin-left: 4px;
    color: var(--app-text-primary);
    font-weight: 700;
}