@charset "UTF-8";

/* Exp3D docs — 文档壳层基线（第一批验收修边：提高分区对比、减少发虚） */

:root {
    --doc-bg: #e2e8f0;
    --doc-bg-soft: #eef2f7;
    --doc-surface: #ffffff;
    --doc-navy: #0f172a;
    --doc-navy-soft: #334155;
    --doc-border: rgba(15, 23, 42, 0.12);
    --doc-border-light: rgba(15, 23, 42, 0.08);
    --doc-border-strong: rgba(15, 23, 42, 0.16);
    --doc-shadow: 0 12px 36px rgba(15, 23, 42, 0.08);
    --doc-accent: #0ea5b6;
    --doc-link: #0c6b7a;
}

/*重写AdmineLTE 的部分效果 start*/
body {
    font-family: "Helvetica Neue", Helvetica, Arial, "Heiti SC", "Microsoft Yahei", sans-serif;
    background: var(--doc-bg);
    color: var(--doc-navy);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, "Heiti SC", "Microsoft Yahei", sans-serif;
}

a {
    cursor: pointer;
    color: var(--doc-link);
}

a:hover,
a:focus {
    color: var(--doc-navy);
}

@media (max-width: 767px) {
    .main-sidebar, .left-side {
        padding-top: 50px;
    }
}

@media (max-width: 768px) {
    .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 0 !important;
    }
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
        position: relative !important;
        float: right;
        width: auto !important;
        left: 180px !important;
        top: -22px !important;
        z-index: 900;
    }

    .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 0;
    }
}

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
    background-color: var(--doc-bg-soft);
}

.skin-blue .content-wrapper,
.content-wrapper {
    background: transparent;
    min-height: calc(100vh - 48px);
}

/* noHeader + iframe 内：避免 content-wrapper 的 100vh min-height 与侧栏/footer 叠加导致多余纵向滚动 */
.noHeader.skin-blue .content-wrapper,
.noHeader .content-wrapper {
    min-height: 0;
}

.main-header .navbar {
    -webkit-transition: margin-left .3s ease-in-out;
    -o-transition: margin-left .3s ease-in-out;
    transition: margin-left .3s ease-in-out;
    margin-bottom: 0;
    margin-left: 0;
    border: none;
    min-height: 60px;
    border-radius: 0;
}

.navbar-header {
    margin: 0 16px;
}

.navbar-brand {
    height: 60px;
    line-height: 50px;
    padding: 0;
}

.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    background-image: none;
    padding: 15px 17px;
    font-family: fontAwesome;
}

.navbar-nav > .nav-dropdown-menu > .dropdown-menu {
    width: 150px;
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.12);
    padding: 0 0 0 0;
    margin: 0;
    right: 16px;
    top: 100%;
}

.main-header .navbar-custom-menu {
    padding: 0;
    margin: 0 16px;
}

*, *:after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.main-sidebar, .left-side {
    padding-top: 60px;
}

.wrapper {
    background: var(--doc-bg);
}

/*footer */

.main-footer {
    padding: 14px 20px;
    color: #475569;
    border-top: 1px solid var(--doc-border);
    background: var(--doc-surface);
    font-size: 13px;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.6);
}

.main-footer a {
    color: var(--doc-link);
    font-weight: 500;
}

.main-footer a:hover {
    color: var(--doc-navy);
}

.icl-footer {
    margin-top: 100px;
    text-align: center;
    bottom: 0;
}

.icl-copyright {
    font-size: 14px !important;
    text-align: center;
    height: auto;
    min-height: 48px;
    line-height: 1.5;
    padding: 12px 0;
    border-top: 1px solid var(--doc-border);
}

.icl-contact {
    padding: 10px 0;
}

.contact-main {
    margin: 0 auto;
    max-width: 770px;
    text-align: left;
    padding: 0 20px;
}

.home-link {
    padding: 14px 60px;
}

.home-link a {
    padding: 0 20px;
    color: #64748b;
}

.contact-link, .join-link {
    padding-left: 20px;
}

.join-link {
    margin-top: 10px;
}

/*footer end */