/* 全站文章页顶栏（与行业简报一致的 logo + 面包屑）——改动请只改这个文件 */
.topbar {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #fff;
    border-bottom: 1px solid #eef0f3;
    box-shadow: 0 1px 4px rgba(20, 30, 60, .04);
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    box-sizing: border-box;
}

.topbar *,
.topbar *::before,
.topbar *::after {
    box-sizing: border-box;
}

.topbar .inner {
    max-width: 820px;
    margin: 0 auto;
    padding: .8rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 1.1rem;
    flex-wrap: wrap;
}

.topbar .logo {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.topbar .logo img {
    height: 26px;
    width: auto;
    display: block;
}

.topbar .crumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: .9rem;
    color: #8a93a6;
    line-height: 1.6;
}

.topbar .crumb a {
    color: #6c757d;
    text-decoration: none;
    transition: color .2s;
}

.topbar .crumb a:hover {
    color: #3956de;
}

.topbar .crumb .sep {
    margin: 0 .45rem;
    color: #c9cfdb;
}

.topbar .crumb .cur {
    color: #1f2733;
    font-weight: 600;
}

@media (max-width: 576px) {
    .topbar .inner {
        padding: .7rem 1rem;
        gap: .8rem;
    }

    .topbar .logo img {
        height: 24px;
    }

    .topbar .crumb {
        font-size: .85rem;
    }
}