/* 每日大乱斗0909 start */
@media (min-width: 768px) {
    body #wrap #body {
        padding-top: 0;
        /* 背景改色优化 start */
        /* 删除页面级背景色，由公共主题样式统一控制。 */
        /* 背景改色优化 end */
        -webkit-transition: none;
        transition: none;
    }

    body.use-navbar.no-banner #wrap,
    body.use-navbar #wrap {
        -webkit-transition: none;
        transition: none;
    }

    #body > .container {
        max-width: 1920px;
        width: 100%;
        padding: 0;
    }

    #post,
    #post .row,
    #body > .container > .row {
        margin: 0;
        padding: 0;
    }

    article.ybml-page {
        margin: 0 !important;
        padding: 0;
    }

    .ybml-page {
        font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
    }

    .ybml-page a {
        text-decoration: none;
        color: inherit;
    }

    .ybml-page a:after {
        display: none !important;
        content: none !important;
        border: 0 !important;
    }

    .ybml-hero {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 155px;
        margin: 0;
        /* 20261019-回家的路背景改色优化 start */
        background: #0B0B0B;
        /* 20261019-回家的路背景改色优化 end */
        box-sizing: border-box;
    }

    #post .ybml-hero__title,
    .ybml-hero__title {
        margin: 0;
        padding: 0;
        width: auto;
        height: auto;
        max-width: none;
        font-size: 52px;
        font-weight: 200;
        line-height: 72.8px;
        color: #ffffff;
        text-align: center;
    }

    .ybml-main {
        display: flex;
        flex-direction: column;
        width: 1072px;
        margin: 48px auto 0;
    }

    .ybml-crumb {
        display: flex;
        align-items: center;
        width: 148px;
        height: 28px;
        margin: 0 0 48px;
        padding: 0;
        gap: 8px;
        /* 背景改色优化 start */
        background: #0B0B0B;
        /* 背景改色优化 end */
        -webkit-font-smoothing: antialiased;
    }

    .ybml-crumb__home {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        color: #1abc9d !important;
    }

    .ybml-crumb__arrow {
        display: block;
        width: 12px;
        height: 12px;
        flex-shrink: 0;
    }

    .ybml-crumb__current {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        color: rgba(255, 255, 255, 0.5);
    }

    .ybml-card {
        box-sizing: border-box;
        background: #323030;
        padding: 32px;
    }

    .ybml-card__title {
        display: flex;
        align-items: baseline;
        margin: 0 0 20px !important;
        padding: 0 !important;
        height: 24px;
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        color: #ffffff;
    }

    .ybml-card__title-date {
        margin-left: 6px;
        font-size: 16px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.7);
    }

    .ybml-mail {
        display: flex;
        width: 1072px;
        height: 152px;
    }

    .ybml-mail + .ybml-home {
        margin-top: 40px;
    }

    .ybml-home + .ybml-lost {
        margin-top: 40px;
    }

    .ybml-mail__inner {
        display: flex;
        align-items: center;
        width: 1008px;
        height: 88px;
        padding: 0 20px;
        box-sizing: border-box;
        background: #292929;
        border: 1px solid #424242;
        border-radius: 10px;
    }

    .ybml-icon {
        display: block;
        width: 28px;
        height: 28px;
        flex-shrink: 0;
    }

    .ybml-mail__text {
        display: flex;
        flex-direction: column;
        gap: 4px;
        margin-left: 20px;
        flex: 1;
    }

    .ybml-mail__title {
        margin: 0;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #bcbcbc;
    }

    .ybml-mail__addr {
        margin: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .ybml-mail__label {
        color: #bcbcbc;
    }

    #post article.ybml-page .ybml-mail__addr a {
        color: #3dd9b4;
    }

    .ybml-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        flex-shrink: 0;
        width: 76px;
        height: 30px;
        border: 1px solid #3dd9b4;
        border-radius: 6px;
        background: rgba(61, 217, 180, 0.05);
        color: #3dd9b4;
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        white-space: nowrap;
    }

    #post article.ybml-page a.ybml-btn {
        color: #3dd9b4;
    }

    .ybml-btn--mail {
        width: 104px;
        height: 36px;
        line-height: 20px;
    }

    .ybml-btn--lg {
        width: 124px;
        height: 30px;
    }

    .ybml-btn--tg {
        width: 101px;
        height: 30px;
    }

    .ybml-btn--tg-last {
        width: 96px;
        height: 30px;
    }

    .ybml-home {
        display: flex;
        flex-direction: column;
        width: 1072px;
        height: 504px;
    }

    .ybml-list {
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 1008px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .ybml-row {
        display: flex;
        align-items: center;
        height: 80px;
        padding: 0 20px;
        box-sizing: border-box;
        background: #292929;
        border: 1px solid #424242;
    }

    .ybml-row + .ybml-row {
        margin-top: -1px;
    }

    .ybml-row--first {
        border-radius: 10px 10px 0 0;
    }

    .ybml-row--last {
        border-radius: 0 0 10px 10px;
    }

    .ybml-row__text {
        margin: 0 0 0 10px;
        flex: 1;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #bcbcbc;
    }

    #post article.ybml-page .ybml-row__text a {
        color: #3dd9b4;
    }

    .ybml-lost {
        display: flex;
        flex-direction: column;
        width: 1072px;
        height: 426px;
        margin-bottom: 120px;
    }

    .ybml-tag {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 62px;
        height: 34px;
        flex-shrink: 0;
        box-sizing: border-box;
        border: 1px solid #3dd9b4;
        border-radius: 10px;
        background: rgba(61, 217, 180, 0.2);
        color: #3dd9b4;
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
    }

    article.ybml-page .flash,
    article.ybml-page .bling {
        display: none !important;
    }

    .ybml-lost__desc {
        margin: 0 0 0 20px;
        flex: 1;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #bcbcbc;
    }

    .ybml-row__actions {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .ybml-crumb__current--h5 {
        display: none;
    }

    .ybml-row__vpn-h5 {
        display: none;
    }

    .ybml-lost__head {
        display: flex;
        align-items: center;
        flex: 1;
        min-width: 0;
    }
}

@media (max-width: 767.98px) {
    html,
    body {
        overflow-x: clip;
        max-width: 100%;
    }

    body #wrap #body {
        /*background-color: #2c2a2a !important;*/
        /*-webkit-transition: none;*/
        transition: none;
    }

    body.use-navbar.no-banner #wrap,
    body.use-navbar #wrap {
        -webkit-transition: none;
        transition: none;
    }

    #body > .container {
        max-width: none;
        width: 100%;
        padding: 0;
    }

    #post,
    #post .row,
    #body > .container > .row {
        margin: 0;
        padding: 0;
    }

    article.ybml-page {
        margin: 0 !important;
        padding: 0;
    }

    .ybml-page {
        font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
    }

    .ybml-page a {
        text-decoration: none;
        color: inherit;
    }

    .ybml-page a:after {
        display: none !important;
        content: none !important;
        border: 0 !important;
    }

    article.ybml-page .flash,
    article.ybml-page .bling {
        display: none !important;
    }

    .ybml-hero {
        display: none;
    }

    .ybml-main {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: none;
        box-sizing: border-box;
        margin: 5px auto 0;
        padding: 0 16px;
    }

    .ybml-crumb {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-self: flex-start;
        width: auto;
        height: 17px;
        margin: 0 0 15px;
        padding: 0;
        gap: 4px;
        /*background: #2c2a2a;*/
        -webkit-font-smoothing: antialiased;
    }

    .ybml-crumb__home {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        color: #1abc9d !important;
    }

    .ybml-crumb__arrow {
        display: block;
        width: 10px;
        height: 10px;
        flex-shrink: 0;
    }

    .ybml-crumb__current {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        color: rgba(255, 255, 255, 0.5);
    }

    .ybml-crumb__current--pc {
        display: none;
    }

    .ybml-crumb__current--h5 {
        display: inline;
    }

    .ybml-row__vpn-pc {
        display: none;
    }

    .ybml-row__vpn-h5 {
        display: inline;
    }

    .ybml-card {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        width: 100%;
        background: #323030;
        padding: 16px;
    }

    .ybml-home .ybml-card__title {
        min-height: 45px;
    }

    .ybml-card__title {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 0 0 10px !important;
        padding: 0 !important;
        height: auto;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        color: #ffffff;
    }

    .ybml-card__title-date {
        margin-left: 0;
        font-size: 13px;
        font-weight: 400;
        line-height: 22px;
        color: rgba(255, 255, 255, 0.7);
    }

    .ybml-mail {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        height: 86px;
    }

    .ybml-mail + .ybml-home {
        margin-top: 20px;
    }

    .ybml-home + .ybml-lost {
        margin-top: 20px;
    }

    .ybml-mail__inner {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        height: 54px;
        padding: 0 10px;
        box-sizing: border-box;
        background: #292929;
        border: 1px solid #424242;
        border-radius: 5px;
    }

    .ybml-icon {
        display: block;
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

    .ybml-mail__text {
        display: flex;
        flex-direction: column;
        gap: 2px;
        margin-left: 10px;
        flex: 1;
        min-width: 0;
    }

    .ybml-mail__title {
        margin: 0;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        color: #bcbcbc;
    }

    .ybml-mail__addr {
        margin: 0;
        font-size: 11px;
        font-weight: 400;
        line-height: 16px;
    }

    .ybml-mail__label {
        color: #bcbcbc;
    }

    #post article.ybml-page .ybml-mail__addr a {
        color: #3dd9b4;
    }

    .ybml-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        flex-shrink: 0;
        width: 54px;
        height: 24px;
        border: 1px solid #3dd9b4;
        border-radius: 3px;
        background: rgba(61, 217, 180, 0.05);
        color: #3dd9b4;
        font-size: 11px;
        font-weight: 400;
        line-height: 16px;
        white-space: nowrap;
    }

    #post article.ybml-page a.ybml-btn {
        color: #3dd9b4;
    }

    .ybml-btn--mail {
        width: 76px;
        height: 24px;
        line-height: 16px;
    }

    .ybml-btn--lg {
        width: 92px;
        height: 24px;
    }

    .ybml-btn--lg + .ybml-btn--lg {
        width: 94px;
    }

    .ybml-btn--tg {
        width: 74px;
        height: 24px;
    }

    .ybml-btn--tg + .ybml-btn--tg {
        width: 76px;
    }

    .ybml-btn--tg-last {
        width: 70px;
        height: 24px;
    }

    .ybml-home {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    .ybml-list {
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .ybml-row {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 54px;
        padding: 0 10px;
        box-sizing: border-box;
        background: #292929;
        border: 1px solid #424242;
    }

    .ybml-row + .ybml-row {
        margin-top: -1px;
    }

    .ybml-row--first {
        border-radius: 5px 5px 0 0;
    }

    .ybml-row--last {
        border-radius: 0 0 5px 5px;
    }

    .ybml-row__text {
        display: block;
        margin: 0 5px 0 5px;
        flex: 1;
        min-width: 0;
        font-size: 11px;
        font-weight: 400;
        line-height: 16px;
        color: #bcbcbc;
    }

    .ybml-home .ybml-row {
        height: auto;
        min-height: 54px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .ybml-home .ybml-row__text {
        display: block;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .ybml-home .ybml-row--first .ybml-row__text {
        display: block;
        flex-direction: unset;
        align-items: unset;
        justify-content: unset;
    }

    .ybml-home .ybml-row--first .ybml-row__colon {
        display: inline;
    }

    #post article.ybml-page .ybml-row__text a {
        color: #3dd9b4;
    }

    #post article.ybml-page .ybml-home .ybml-row__text a {
        overflow-wrap: anywhere;
        word-break: break-all;
    }

    .ybml-lost {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 299px;
        margin-bottom: 61px;
    }

    .ybml-lost .ybml-card__title {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 14px;
        margin: 0 0 10px !important;
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
    }

    .ybml-lost__head {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex: 1;
        min-width: 0;
    }

    .ybml-tag {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38.5px;
        height: 20px;
        flex-shrink: 0;
        box-sizing: border-box;
        border: 1px solid #3dd9b4;
        border-radius: 5px;
        background: rgba(61, 217, 180, 0.2);
        color: #3dd9b4;
        font-size: 11px;
        font-weight: 400;
        line-height: 11px;
    }

    .ybml-lost__desc {
        margin: 0 0 0 10px;
        flex: 1;
        min-width: 0;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        color: #bcbcbc;
    }

    .ybml-row__actions {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }

    .ybml-lost .ybml-row--wrap {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        height: 68px;
        padding: 8px 10px;
        gap: 6px;
    }

    .ybml-lost .ybml-row--wrap .ybml-lost__head {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex: 0 0 auto;
        width: 100%;
    }

    .ybml-lost .ybml-row--wrap .ybml-row__actions {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        padding-left: 48.5px;
    }
}
/* 每日大乱斗0909 end */