/* 整站内容宽度对齐 sluyu.com：.wrapper { width: 1250px } */

:root {
    --site-width: 1250px;
    --uc-side-width: 220px;
    --uc-side-gap: 16px;
}

@media (min-width: 1200px) {
    .navbar > .container,
    .container {
        width: var(--site-width);
    }
}

/*
 * 主导航靠左：首页与会员中心主栏标题（如「订单与权益」）大致同列
 * Logo 绝对定位不占流，导航按侧栏宽度缩进
 */
@media (min-width: 768px) {
    .navbar > .container {
        position: relative;
    }

    .navbar-header {
        position: absolute;
        left: 15px;
        top: 0;
        z-index: 2;
        float: none;
    }

    #header-navbar {
        display: block !important;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    #header-navbar .site-nav-main {
        float: left;
        margin: 0;
        margin-left: calc(var(--uc-side-width) + var(--uc-side-gap) + 8px);
    }

    #header-navbar .site-nav-main > li:first-child > a {
        padding-left: 14px;
    }

    #header-navbar .navbar-right {
        float: right;
        margin: 0;
    }
}

@media (max-width: 767px) {
    .navbar-header {
        position: static;
        float: left;
    }
}

/* 各栏目自定义内容壳统一 */
.home-page,
.site-page,
.site-page-wrap > .container.site-page,
.info-wrap > .container.info-page,
.info-page,
.tiku-page,
.gesp-page,
.combat-page,
.wenku-page,
.whitelist-page,
.practice-page,
.rk-page,
.problemset-page,
.problem-detail-page,
.paper-exam-review,
.paper-page,
.contest-page,
.site-footer-inner,
#vips .wrapper,
#vips .content-area.wrapper,
.content-area.vip-page {
    max-width: var(--site-width) !important;
}

.content-area.vip-page {
    width: var(--site-width);
}

.site-float-tools {
    /* positioning handled by children */
}

.site-bug-btn,
.site-backtop {
    right: max(12px, calc((100vw - var(--site-width)) / 2 - 56px));
}