/* =========================================================
   全部不适页 2026 redesign
   ========================================================= */

.unwell-bg {
    background: #FCF3ED;
}

/* 装饰背景图放在 .wrap 上 */
.unwell-bg .wrap {
    position: relative;
    z-index: 0;
}

.unwell-bg .wrap::before,
.unwell-bg .wrap::after {
    content: "";
    position: fixed;
    width: calc((100vw - 1090px) / 2 + 80px);
    min-width: 300px;
    height: 90vh;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}

/* 左上角背景 */
.unwell-bg .wrap::before {
    left: 0;
    top: 0;
    background-image: url(/xiaoluyyweb/xiaoluweb/images/unwellness-bg-left.png);
    background-position: right top;
}

/* 右下角背景 */
.unwell-bg .wrap::after {
    right: 0;
    bottom: 0;
    top: auto;
    height: 80vh;
    background-image: url(/xiaoluyyweb/xiaoluweb/images/unwellness-bg-right.png);
    background-position: right bottom;
}

.unwell-bg .mainer {
    margin-top: 24px;
}

.unwell-bg .article-box {
    background: #ffffff;
}

/* =========================================================
   Header (consistent with doctor.html 2026)
   ========================================================= */

.dd-container {
    width: 100%;
    max-width: 1168px;
    margin: 0 auto;
    padding: 0 16px;
}

.dd-header {
    background: #ffffff;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    z-index: 10;
}

.dd-header-inner {
    height: 120px;
    display: flex;
    align-items: flex-start;
    padding: 0;
}

.dd-logo {
    display: flex;
    align-items: center;
    margin-top: 45px;
    margin-left: 5px;
}

.dd-logo img {
    width: 184px;
    height: auto;
}

/* PC端logo与面包屑"首页"左对齐：容器内部宽度匹配 .mainer (860px + 32px padding = 892px) */
.unwell-bg .dd-container {
    max-width: 892px;
}
.unwell-bg .dd-logo {
    margin-left: 0;
}
@media (max-width: 767px) {
    /* 2026-09-07 统一移动端 header 样式 */
    .dd-header {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 60px !important;
        background: #FFFFFF !important;
        box-shadow: 0px 0px 0px 0px #E5E5E5 !important;
        z-index: 10 !important;
    }
    .dd-header-inner {
        height: 60px !important;
        padding: 0 16px !important;
    }
    .dd-logo {
        margin-top: 15px !important;
        margin-left: 0 !important;
    }
    .dd-logo img {
        width: 150px !important;
        height: auto !important;
    }

    /* 移动端内容下移60px，避免被header遮挡 */
    .wrap {
        padding-top: 60px !important;
    }    /* 移动端隐藏背景装饰 */
    .unwell-bg .wrap::before,
    .unwell-bg .wrap::after {
        display: none;
    }
}