/* @to:topic-html */
.ui-sideAction {
    display: none !important;
}
.content-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.main-container {
    width: 100%;
    padding-top: 0 !important;
}
/* HTML 专题页面容器 - 全屏显示 */
.topic-html-page {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* 有 header 时，固定 header 在顶部 */
.topic-html-page:not(.no-header) .nav-menu-bar,
.topic-html-page:not(.no-header) .nav-menu-mobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

/* 有 header 时的 wrapper 样式 */
.topic-html-wrapper-with-header {
    width: 100%;
    height: 100vh;
    background: #fff;
    margin: 0;
    padding: 0;
}

/* 无 header 时的 wrapper 样式 */
.topic-html-wrapper-no-header {
    width: 100%;
    height: 100vh;
    background: #fff;
    margin: 0;
    padding: 0;
}

/* 有 header 时的 iframe 样式 - 占满屏幕，顶部留出 header 空间 */
.topic-html-iframe-with-header {
    width: 100%;
    height: 100vh;
    border: none;
    display: block;
    overflow-x: hidden;
    /* padding-top: 64px; */
    box-sizing: border-box;
}

/* 无 header 时的 iframe 样式 */
.topic-html-iframe-no-header {
    width: 100%;
    height: 100vh;
    border: none;
    display: block;
    overflow-x: hidden;
}

/* 移动端适配 */
@media (max-width: 800px) {
    /* 移动端有 header 时，iframe 占满屏幕，顶部留出 header 空间 */
    .topic-html-iframe-with-header {
        height: 100vh;
        /* padding-top: 60px; */
    }

    /* 移动端无 header 时 */
    .topic-html-wrapper-no-header {
        height: 100vh;
    }

    .topic-html-iframe-no-header {
        height: 100vh;
    }
}
.mobile-common-footer {
    display: none;
}