@media only screen and (min-width: 1240px) {

  .nav-list ul {
    display: flex;
    align-items: center;
  }
  .nav-list .nav-item + .nav-item {
    margin-left: 6px;
  }
  .nav-list .nav-item a.a1 {
    display: block;
     padding: 0 20px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
  }
  .layout-container + .layout-container {
    margin-top: -3px;
  }
  .custom-html-editor {
    padding: 60px 0 0;
  }
  .module-container + .module-container {
    margin-top: -3px;
  }

  .waterfall-list-container.columns-1 .card-list {
    column-count: 1;
    column-gap: 16px;
  }

  .waterfall-list-container.columns-2 .card-list {
    column-count: 2;
    column-gap: 16px;
  }

  .waterfall-list-container.columns-3 .card-list {
    column-count: 3;
    column-gap: 16px;
  }

  .waterfall-list-container.columns-4 .card-list {
    column-count: 4;
    column-gap: 16px;
  }

  .waterfall-list-container.columns-5 .card-list {
    column-count: 5;
    column-gap: 16px;
  }

  .waterfall-list-container.columns-6 .card-list {
    column-count: 6;
    column-gap: 16px;
  }
}
@media only screen and (max-width: 1240px) {
  .menuBtn {
    display: block;
  }

  #account-password {
    padding: 20px;
  }
  #account-password .title {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .layui-layer-setwin .layui-layer-close2 {
    top: 0;
    right: 10px;
  }
  .layui-layer {
    width: 90% !important;
    left: 5% !important;
  }
  .layui-nav li .layui-nav-child {
    width: 100px;
    padding: 0;
    margin-left: -70px;
    border-radius: 2px;
  }
  .layui-nav li .layui-nav-child dd:nth-child(2),
  .layui-nav li .layui-nav-child dd:nth-child(3) {
    display: none;
  }
  .layui-nav li .layui-nav-child dd a {
    font-size: 14px;
    line-height: 2;
  }
  body {
    padding: 52px 0 0 !important;
  }
  .edit-top {
    display: none;
  }
  header {
    /*border-width: 1px !important;*/
    .wp {
        height: 50px;
        .logo {
            width: 80px;
            height: 50px;
            line-height: 50px;
            margin-right: 10px;
            margin-left: 10px;
        }
        .menuBtn{
            display: block;
        }
        .nav-list {
            position: fixed;
            top: 50px;
            left: 0;
            bottom: 0;
            width: 100%;
            background: #fff;
            z-index: 100;
            display: none;
            ul{
              li{
                a{
                  border-radius: 4px;
                }
              }
            }
            .ul1 {
              padding: 10px;
              width: 150px;
              height: calc(100vh - 52px);
              overflow-y: auto;
              background: #ECECEC;
              .nav-item {
                margin-bottom: 5px;
                .a1,
                .a2 {
                  font-size: 14px;
                  display: block;
                  width: 100%;
                  height: 30px;
                  line-height: 30px;
                  padding: 0 6px;
                  text-align: center;
                }
              }
            }
            .sub-menu{
              top: 0;
              right: 0;
              bottom: 0;
              left: 150px;
              padding: 0;
              box-shadow: none;
              .sub-menu-box{
                display: flex;
                flex-direction: column;
                height: 100%;
              }
              .ul2{
                padding: 10px;
                li{
                  width: 100%;
                  a{
                    height: 30px;
                    line-height: 30px;
                    width: auto;
                    padding: 0 10px;
                    text-align: center;
                    font-size: 14px;
                    margin-bottom: 5px;
                  }
                }
              }
              .third-menu{
                flex: 1;
                overflow-y: auto;
                .third-menu-box{
                  max-height: inherit;
                  display: block;
                  .third-menu-item{
                    width: 100%;
                    a{
                      padding: 6px;
                      .tit{
                        font-size: 14px;
                      }
                      .desc{
                        font-size: 12px;
                      }
                    }
                  }
                }
              }
              
            }
          }
        .layui-nav {
            display: none;
            .layui-nav-item {
                > a {
                    font-size: 14px;
                    width: 60px;
                    height: 30px;
                    line-height: 30px;
                    border-radius: 4px;
                }
            }
        }
    }
}
.layout-container {
    .big-title-content {
        h2 span {
            font-size: 24px !important;
        }
    }
    .btn-zoom-video {
        background-size: 30px auto;
    }
    .arrow {
        width: 25px;
        height: 40px;
        background-size: 10px auto;
        border-radius: 10px;
        &.prev {
            left: 10px;
        }
        &.next {
            right: 10px;
        }
    }
    .module-container + .module-container {
        margin-top: 0;
    }
    .component-title {
        display: none;
    }
    .edit-top,
    .placeholder-text,
    .edit-controls {
        display: none;
    }
    .search-module {
        padding: 0;
        .search-results {
            margin: 0;
            .card-list-container {
                .title-box {
                    padding: 10px 0;
                    .tit1 {
                        font-size: 18px;
                    }
                    .tit2 {
                        font-size: 14px;
                    }
                }
            }
        }
    }

    .column-droppable,
    .layout-container,
    .module-container {
        border: 0;
    }
    .nav-list {
        display: none;
    }
    .tag-cloud {
        padding: 12px;
        border-radius: 8px;
    }
    .hot-image-container {
        padding-top: 100%;
        .hot-image-item {
            border-radius: 10px;
            &.hot-image-item1 {
                width: 100%;
                height: 58.5%;
            }
            &.hot-image-item2 {
                top: auto;
                bottom: 0;
                right: auto;
                left: 0;
                width: 49%;
                height: 40%;
            }
            &.hot-image-item3 {
                width: 49%;
                height: 40%;
            }
            .hot-image-info {
                bottom: 10px;
                left: 40px;
                right: 40px;
                text-align: justify;
            }
        }
    }
    .layout-container,
    .frame-container {
        width: 100%;
        margin-bottom: 15px;
    }
    .edit-controls {
        display: none;
    }
    .placeholder-text {
        display: none;
    }
    /* 通用布局调整 */
    .layout-row {
        display: flex;
        flex-direction: column; /* 强制垂直堆叠 */
        flex-wrap: nowrap;
        margin: 0; /* 重置栏间距的margin设置 */
        position: relative;
    }

    .layout-column {
        width: 100%; /* 强制单列 */
        flex: none; /* 覆盖原来的flex: 1 */
        margin: 0 0 0 0; /* 重置栏间距，只保留底部间距 */
        padding-left: 0; /* 重置padding栏间距 */
        padding-right: 0; /* 重置padding栏间距 */
    }

    /* 模块通用调整 - 让模块内的元素撑满宽度 */
    .diy-module {
        width: 100%;
        box-sizing: border-box;
    }
    /* 标签搜索组件调整 */
    .search-module {
        .tag-search-input {
            height: 40px;
            padding: 0 40px 0 16px;
            font-size: 12px;
            border-width: 2px !important;
            box-shadow: none !important;
        }
        .tag-search-btn {
            width: 30px;
            height: 30px;
            margin-top: -15px;
            right: 5px;
            background-size: 16px auto;
        }
    }
    /* 轮播推荐调整 */
    .recommend-list-container {
        margin: 0 -3px;
        .swiper-wrapper {
            height: auto !important;
            /*.swiper-slide {*/
            /*    width: 50% !important;*/
            /*    padding: 0 3px !important;*/
            /*}*/
            .card-content {
                h3 {
                    font-size: 14px !important;
                    margin-top: 5px;
                }
                p {
                    font-size: 14px !important;
                }
            }
        }
    }
    /* 轮播图调整 */
    .swiper-container{
        width: 100% !important;
    }
    .swiper-wrapper {
        height: auto !important;
    }

    .custom-slider-container {
        .swiper-slide {
            width: 100% !important;
        }
        .slider-image {
            .txt {
                left: 12%;
                right: 12%;
                h3 {
                    font-size: 14px !important;
                }
                p {
                    font-size: 14px !important;
                }
            }
        }
    }
    .normal-list-container {
        .card-list {
            margin-bottom: 0;
            margin-left: -3px !important;
            margin-right: -3px !important;
            .card-item {
                width: 50%;
                .card-inner {
                    padding: 6px 6px 18px !important;
                    margin: 0 3px !important;
                }
            }
        }
    }
    .card-list .card-item {
        margin-bottom: 6px;
    }
    .card-inner {
        .card-content {
            padding: 10px !important;
            h3 {
                font-size: 14px !important;
            }
            p {
                font-size: 14px !important;
            }
        }
    }
    .waterfall-list-container {
        .card-list {
            column-count: 2;
            column-gap: 6px;
        }
    }
    .swiper-recommend{
        .card-image{
            margin-bottom: 10px;
        }
    }
    /* 瀑布流/图片库布局强制单列 */
    .gallery-container,
    .diy-imagegallery-list {
        column-count: 1;
    }
    .image-gallery-container {
        .image-gallery-item {
            .image-gallery-item-txt {
                bottom: 10px !important;
                left: 10px !important;
                right: 10px !important;
                .image-gallery-item-title {
                    font-size: 14px !important;
                }
                .image-gallery-item-desc {
                    font-size: 14px !important;
                }
            }
        }
    }

    /* 热门图片组件调整 */
    .hot-image-container {
        display: flex;
        flex-direction: column;
        .hot-image-info {
            .hot-image-title {
                font-size: 14px !important;
            }
            .hot-image-desc {
                font-size: 14px !important;
            }
        }
        .arrow {
            top: 28%;
            &.arrow.next{
                left: auto;
            }
        }
    }
    /* 卡片列表组件 */
    .normal-list-container {
        .card-list {
            margin-bottom: -6px;
            .card-item {
                .card-inner {
                    border-radius: 8px;
                    .card-image {
                        border-radius: 8px;
                    }
                }
            }
        }
    }

    /* 搜索标签云调整 */
    .tag-cloud {
        display: flex;
        gap: 5px;
    }

    .tag-cloud .tag-item {
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        width: 32%;
        margin: 0;
    }

    /* 清除列之间的边框分隔线 */
    .layout-column + .layout-column {
        border-left: none;
    }
    .column-droppable:empty:before,
    .add-item {
        display: none !important;
    }
    /* 自定义html组件 */
    .custom-html-container {
        min-height: 0;
    }
    /* 图文编辑组件 */
    .image-text-container {
        padding: 0;
    }
}
#all-pwd, #pwd {
        padding: 60px 30px 0;
    }
    .account-password-pop .layui-layer-btn {
        padding: 0 30px 30px;
    }
    .nav-list .sub-menu{
        border-radius: 0px !important;
        /*border-width: 2px !important;*/
    }
    .sub-menu ul li{padding-right: 0px;}
}
@media (max-width: 768px) {

  /* 处理边框宽度 ≥1px 的情况 - 优化选择器性能 */
*:where(
  [style*="border:"],
  [style*="border-top:"],
  [style*="border-right:"],
  [style*="border-bottom:"],
  [style*="border-left:"]
):not(
  [style*="border-width:0"],
  [style*="border-width: 0"],
  [style*="border-width:0px"],
  [style*="border-width: 0px"],
  [style*="border:0"],
  [style*="border: 0"],
  [style*="border:0px"],
  [style*="border: 0px"]
) {
  border-width: 2px !important;
}

/* 处理圆角 ≥1px 的情况 - 增加更全面的排除 */
*:where(
  [style*="border-radius:"],
  [style*="border-top-left-radius:"],
  [style*="border-top-right-radius:"],
  [style*="border-bottom-left-radius:"],
  [style*="border-bottom-right-radius:"]
):not(
  [style*="border-radius:0"],
  [style*="border-radius: 0"],
  [style*="border-radius:0px"],
  [style*="border-radius: 0px"],
  [style*="border-radius:0%"],
  [style*="border-radius: 0%"]
) {
  border-radius: 8px !important;
}

    /* 匹配所有具有box-shadow样式的元素 */
  *:where([style*="box-shadow:"], [class]) {
    /* 使用CSS变量和calc()实现动态计算 */
    --shadow: var(--original-shadow, none);
    
    /* 提取阴影颜色（这里使用固定颜色作为示例，实际应用中可能需要JS辅助） */
    --shadow-color: rgba(0, 0, 0, 0.5);
    
    /* 移动端统一阴影规则应用 */
    box-shadow: 
      var(--shadow-color)
      min(var(--shadow-x, 0), 5px)
      min(var(--shadow-y, 0), 5px)
      min(var(--shadow-blur, 0), 5px)
      min(var(--shadow-spread, 0), 10px) !important;
  }
  
  /* 为所有可能的class设置原始阴影参数变量 */
  [class] {
    --original-shadow: inherit;
  }
  
    .site-error{
    width: 100% !important;
  }
  
  
  
}