/* QINGGONG CHANNEL STYLES */

/* Navigation bar alignment for large screens */
@media (min-width: 1400px) {
    body.qinggong-container nav#navbarNavDropdown {
        max-width: 1320px !important;
        margin: 0 auto;
        padding-left: 20px !important;
        padding-right: 20px !important;
        position: relative;
    }
    
    body.qinggong-container nav#navbarNavDropdown .sub-nav {
        width: 100% !important;
        max-width: 1280px !important;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    body.qinggong-container nav#navbarNavDropdown .navbar-nav {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center;
        padding: 0 !important;
    }
    
    body.qinggong-container nav#navbarNavDropdown .navbar-nav li {
        flex: 0 0 auto;
        margin: 0 !important;
    }
    
    body.qinggong-container nav#navbarNavDropdown .navbar-nav li:first-child {
        margin-right: auto !important;
    }
    
    body.qinggong-container nav#navbarNavDropdown .navbar-nav li:last-child {
        margin-left: auto !important;
    }
    
    body.qinggong-container nav#navbarNavDropdown .navbar-nav li.nav-item-status {
        margin: 0 10px !important;
    }
    
    body.qinggong-container .container {
        max-width: 1320px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    /* body.qinggong-container .carousel {
        max-width: 1320px !important;
        margin: 0 auto;
    } */
    
    body.qinggong-container .carousel-inner {
        border-radius: 8px;
    }
}

/* Ensure proper alignment for extra large screens */
@media (min-width: 1600px) {
    body.qinggong-container nav#navbarNavDropdown {
        max-width: 1520px !important;
        /* padding-left: 40px !important;
        padding-right: 40px !important; */
    }
    
    body.qinggong-container nav#navbarNavDropdown .sub-nav {
        max-width: 1480px !important;
    }
    
    body.qinggong-container .container {
        max-width: 1520px !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

/* Hide scroll arrows on large screens */
@media (min-width: 1400px) {
    body.qinggong-container .scroll-arrow {
        display: none !important;
    }
    
    body.qinggong-container .navbar-nav-scroll {
        overflow-x: visible !important;
    }
}


/* --- 核心修改区域：这里控制了所有元素的宽度为 1110px --- */
/* --- 核心修改区域：这里控制了所有元素的宽度为 1110px --- */
@media (min-width: 1200px) {
    
    /* --- A. 锁定 1110px 宽度 --- */
    body.qinggong-container nav#navbarNavDropdown .sub-nav,
    body.qinggong-container .container,
    body.qinggong-container .carousel, 
    body.qinggong-container .carousel-inner,
    body.qinggong-container #carouselExampleIndicators,
    body.qinggong-container .banner {
        max-width: 1110px !important;
        width: 1110px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* 导航栏修正 */
    body.qinggong-container nav#navbarNavDropdown .navbar-nav { width: 100% !important; }
    body.qinggong-container nav#navbarNavDropdown .navbar-nav li:last-child { margin-left: 0 !important; }


    /* --- B. 【底部 Footer 位置精修】 --- */
    
    /* 1. 容器设置 */
    body.qinggong-container .footer-link .container-content {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important; /* 强制靠左排 */
        align-items: center !important;         /* 垂直居中 */
        
        max-width: 1110px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        
        padding-top: 30px !important; 
        padding-bottom: 30px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 2. 【第一块】Logo区域 - 终极左移 */
    body.qinggong-container .footer-link .container-content .footer-link-l:nth-of-type(1) {
        float: none !important;
        width: 130px !important; 
        margin-left: -85px !important; 
        display: flex !important;
        justify-content: flex-start !important; 
        text-align: left !important;
        margin-right: 15px !important;
        padding: 0 !important;
    }
    
    /* 修正 Logo 图片本身的边距 */
    body.qinggong-container .footer-link .container-content .footer-link-l:nth-of-type(1) img {
        margin-left: 21px !important; /* 确保图片自己没有左边距 */
    }
    
    /* 3. 【第二块】友情链接区域 */
    body.qinggong-container .footer-link .container-content .footer-link-l:nth-of-type(2) {
        float: none !important;
        width: 320px !important; 
        
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        
        border-right: 1px dashed #999 !important; 
        padding-right: 20px !important;
        
        margin-right: 102px !important; /* 增加此处的右外边距，以拉开与右侧内容的距离 */
        margin-left: -25px !important;
    }

    /* 【最终微调】针对友情链接标题，使用负的顶部外边距将其向上移动，以与右侧文字对齐 */
    body.qinggong-container .footer-link .container-content .footer-link-l:nth-of-type(2) .friendLink {
        margin-top: -40px !important; /* 初始尝试 -10px，您可根据实际效果调整此值（例如 -8px, -12px 等） */
        margin-bottom: 0 !important; /* 确保底部边距为0 */
    }

    /* 4. 【第三块】右侧版权文字区域 */
    body.qinggong-container .footer-link .container-content .footer-link-r {
        float: none !important;
        width: auto !important; /* 【关键覆盖】强制宽度为 auto，确保 flex 效果 */
        flex: 1 !important; /* 确保此元素占用剩余空间 */
        
        /* 
           【最终关键修改】
           将此区域本身也设置为 flex 容器，并将其内部内容（即 `.l-border`）右对齐。
        */
        display: flex !important;
        flex-direction: column !important; /* 内部内容垂直堆叠 */
        justify-content: center !important; /* 内部内容垂直居中 */
        align-items: flex-end !important; /* 【关键】将其内部的块级子元素（`.l-border`）推到最右侧 */
        
        white-space: nowrap !important;
        margin-top: 0 !important;
        
        padding-right: 0 !important;
        margin-right: -30px !important; /* 负外边距使其向右“探出” */
        
        margin-left: auto !important; /* 确保此元素在父 flex 容器中被推到最右侧 */
    }
    
    /* 5. 样式微调 */
    body.qinggong-container .footer-link img { 
        margin-bottom: 0 !important;
        vertical-align: middle !important;
    }
    body.qinggong-container .footer-link p,
    body.qinggong-container .footer-link div {
        line-height: 1.8 !important;
    }
}