/*
 * Qeel 独立工具单页统一宽度
 *
 * PC 主内容：1280px
 * 解除内部 wrapper 二次限宽
 */


/* 最外层单页主体 */
body[data-qeel-single-tool="1"]
[data-qeel-single-root="1"] {

    box-sizing: border-box !important;

    width: calc(100vw - 48px) !important;
    max-width: 1280px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/*
 * 真正导致 TTL / NS / MTA-STS / HTTP 等页面
 * 内部仍然窄的 wrapper。
 */
body[data-qeel-single-tool="1"]
[data-qeel-single-wrapper="1"] {

    box-sizing: border-box !important;

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

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/*
 * wrapper 直接内容层不能继续保持旧的
 * 960 / 1000 / 1080px 限宽。
 */
body[data-qeel-single-tool="1"]
[data-qeel-single-wrapper="1"] > div,

body[data-qeel-single-tool="1"]
[data-qeel-single-wrapper="1"] > section,

body[data-qeel-single-tool="1"]
[data-qeel-single-wrapper="1"] > article {

    max-width: none !important;
}


/* 平板 */
@media (max-width: 1100px) {

    body[data-qeel-single-tool="1"]
    [data-qeel-single-root="1"] {

        width: calc(100vw - 32px) !important;
        max-width: none !important;
    }
}


/* 手机 */
@media (max-width: 768px) {

    body[data-qeel-single-tool="1"]
    [data-qeel-single-root="1"] {

        width: calc(100vw - 24px) !important;
        max-width: none !important;
    }
}