/* =========================================================
   QEEL SHELL FINAL
   只统一 Header / Account / Footer
   不修改页面主体、工具卡片、深色模式内容
   ========================================================= */

html{
    scrollbar-gutter:stable !important;
}

body{
    overflow-x:hidden !important;
}


/* ================= HEADER ================= */

@media (min-width:821px){

    .site-header{
        position:sticky !important;
        top:0 !important;
        z-index:1000 !important;

        width:100% !important;
        height:68px !important;
        min-height:68px !important;
        max-height:68px !important;

        margin:0 !important;
        padding:0 !important;

        background:rgba(255,255,255,.96) !important;
        border-bottom:1px solid #e6edf6 !important;

        box-sizing:border-box !important;

        transform:none !important;
        transition:none !important;
        animation:none !important;
    }

    html.dark .site-header,
    html[data-theme="dark"] .site-header{
        background:#081321 !important;
        border-bottom-color:#203149 !important;
    }


    /* Header 唯一三栏结构 */
    .site-header .nav-shell{
        position:relative !important;

        display:grid !important;
        grid-template-columns:190px minmax(0,1fr) 200px !important;
        align-items:center !important;

        width:calc(100% - 32px) !important;
        max-width:1180px !important;

        height:68px !important;
        min-height:68px !important;
        max-height:68px !important;

        margin:0 auto !important;
        padding:0 !important;

        inset:auto !important;
        transform:none !important;

        box-sizing:border-box !important;

        transition:none !important;
        animation:none !important;
    }


    /* ---------- LOGO ---------- */

    .site-header .brand{
        position:relative !important;
        inset:auto !important;
        transform:none !important;

        grid-column:1 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        width:190px !important;
        min-width:190px !important;
        max-width:190px !important;

        height:48px !important;

        margin:0 !important;
        padding:0 !important;

        flex:none !important;

        overflow:visible !important;
        white-space:nowrap !important;

        transition:none !important;
        animation:none !important;
    }

    .site-header .site-brand-logo{
        width:auto !important;
        max-width:160px !important;

        height:auto !important;
        max-height:40px !important;

        object-fit:contain !important;
        object-position:left center !important;

        transform:none !important;
        transition:none !important;
        animation:none !important;
    }


    /* ---------- 中间导航 ---------- */

    .site-header .main-nav{
        position:relative !important;
        inset:auto !important;
        transform:none !important;

        grid-column:2 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:100% !important;
        max-width:none !important;

        height:68px !important;

        margin:0 !important;
        padding:0 !important;

        gap:28px !important;

        flex:none !important;

        transition:none !important;
        animation:none !important;
    }

    .site-header .main-nav a,
    .site-header .main-nav a.active,
    .site-header .main-nav a:hover,
    .site-header .main-nav a:focus,
    .site-header .main-nav a:active{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        height:40px !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;
        border-bottom:0 !important;

        font-size:15px !important;
        font-weight:700 !important;
        line-height:40px !important;

        white-space:nowrap !important;

        transform:none !important;
        translate:none !important;
        scale:1 !important;

        transition:none !important;
        animation:none !important;
    }

    .site-header .main-nav a.active{
        color:#1675ff !important;
    }


    /* ---------- 右侧区域 ---------- */

    .site-header .nav-actions{
        position:relative !important;
        inset:auto !important;
        transform:none !important;

        grid-column:3 !important;

        display:grid !important;
        grid-template-columns:34px 150px !important;
        align-items:center !important;
        justify-content:end !important;

        width:194px !important;
        min-width:194px !important;
        max-width:194px !important;

        height:48px !important;

        margin:0 0 0 auto !important;
        padding:0 !important;

        gap:10px !important;

        flex:none !important;

        transition:none !important;
        animation:none !important;
    }

    .site-header .top-search{
        display:none !important;
    }


    /* 月亮按钮 */
    .site-header #themeBtn{
        position:relative !important;
        inset:auto !important;

        width:34px !important;
        min-width:34px !important;
        max-width:34px !important;

        height:34px !important;
        min-height:34px !important;
        max-height:34px !important;

        margin:0 !important;
        padding:0 !important;

        transform:none !important;
        transition:none !important;
        animation:none !important;
    }


    /* ---------- 用户昵称 ---------- */

    .site-header #accountBtn,
    .site-header .account-entry-btn{
        position:relative !important;
        inset:auto !important;

        width:150px !important;
        min-width:150px !important;
        max-width:150px !important;

        height:42px !important;
        min-height:42px !important;
        max-height:42px !important;

        margin:0 !important;
        padding:0 10px !important;

        box-sizing:border-box !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        overflow:hidden !important;
        white-space:nowrap !important;

        flex:none !important;

        transform:none !important;
        translate:none !important;
        scale:1 !important;

        transition:none !important;
        animation:none !important;
    }


    /*
     * 头像绝对定位。
     * site.js 后加载头像也不会把“宝锅锅”推来推去。
     */
    .site-header .account-entry-btn.is-user .account-avatar{
        position:absolute !important;

        left:12px !important;
        top:50% !important;

        width:24px !important;
        min-width:24px !important;
        max-width:24px !important;

        height:24px !important;
        min-height:24px !important;
        max-height:24px !important;

        margin:0 !important;

        transform:translateY(-50%) !important;
    }


    /* 昵称始终以整个按钮中心为准 */
    .site-header .account-entry-btn.is-user .account-label{
        position:absolute !important;

        left:0 !important;
        right:0 !important;
        top:50% !important;

        width:100% !important;
        max-width:100% !important;

        margin:0 !important;
        padding:0 30px !important;

        box-sizing:border-box !important;

        text-align:center !important;

        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;

        transform:translateY(-50%) !important;

        transition:none !important;
        animation:none !important;
    }


    /* 所有 Header 子元素禁止动画 */
    .site-header *,
    .site-header *::before,
    .site-header *::after{
        transition-property:none !important;
        animation:none !important;
    }
}


/* 手机继续使用底部导航，不显示电脑顶部 Header */
@media (max-width:820px){
    .site-header{
        display:none !important;
    }
}


/* ================= FOOTER ================= */

/* 隐藏前面多轮修复留下的重复版权 */
.qeel-static-legal-final,
.qeel-final-legal,
.qeel-global-legal-center,
.qeel-footer-legal-row,
.qeel-new-footer{
    display:none !important;
}


/* 唯一正式 Footer */
.qeel-site-footer{
    width:calc(100% - 32px) !important;
    max-width:1180px !important;

    margin:48px auto 30px !important;
    padding:22px 12px !important;

    box-sizing:border-box !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;

    border-top:1px solid #e4ebf4 !important;

    background:transparent !important;

    text-align:center !important;
}

.qeel-site-footer .qeel-footer-brandline{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:14px !important;

    font-size:14px !important;
    line-height:1.5 !important;
}

.qeel-site-footer .qeel-footer-brandline strong{
    font-weight:700 !important;
}

.qeel-site-footer .qeel-footer-legal{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex-wrap:wrap !important;

    gap:10px !important;

    font-size:13px !important;
    line-height:1.6 !important;
}

.qeel-site-footer .qeel-footer-legal a{
    color:inherit !important;
    text-decoration:none !important;
}


html.dark .qeel-site-footer,
html[data-theme="dark"] .qeel-site-footer{
    border-top-color:#203149 !important;
    color:#91a6c1 !important;
}

html.dark .qeel-site-footer strong,
html[data-theme="dark"] .qeel-site-footer strong{
    color:#edf4ff !important;
}


/* 手机 / 平板 Footer 同一布局 */
@media (max-width:820px){

    .qeel-site-footer{
        margin:30px auto 110px !important;
        padding:18px 8px !important;
    }

    .qeel-site-footer .qeel-footer-brandline,
    .qeel-site-footer .qeel-footer-legal{
        justify-content:center !important;
        text-align:center !important;
    }
}