/*====================图文排序====================*/

@media screen and (max-width: 768px) { 
    .text-img-box { 
        display: flex; 
        flex-direction: column-reverse; 
    } 
    .text-img-box .text {
        order: 1;
    }
    .text-img-box .img {
        order: 2;
    } 

}

/*====================元素间距====================*/
.m0{
    margin:0!important
}
.mb0{
    margin-bottom:0!important
}

/*====================填充====================*/

.p0{
    padding:0!important
}

.pl10{
  padding-left: 10px;
}

.pr10{
  padding-right: 10px;
}

.p10 *{
  padding-left: 10px;
  padding-right: 10px;
}

.b0{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.pb0 *{
    padding-bottom: 0;
    margin-bottom: 0;
}

/*线条清空*/
.border0 *{
    border: none !important;
}

/*====================5列布局====================*/

.col-5 {
    width: 20% !important;
    float: left !important;
    display: flex !important;
    flex-basis: 20%;
    max-width: 20%;
}

@media only screen and (max-width: 48em) {
  .col-5 {
        width: 50% !important;
        float: left !important;
        display: flex !important;
        flex-basis: 50%;
        max-width: 50%;
    }  
}

@media (max-width: 1024px) {
  .col-5 {
        width: 50% !important;
        float: left !important;
        display: flex !important;
        flex-basis: 50%;
        max-width: 50%;
    }  
}

/*====================阴影====================*/
/* 保留原有过渡动画 */
.box-shadow-1,
.box-shadow-1-hover,
.box-shadow-2,
.box-shadow-2-hover,
.box-shadow-3,
.box-shadow-3-hover,
.box-shadow-4,
.box-shadow-4-hover,
.box-shadow-5,
.box-shadow-5-hover,
.row-box-shadow-1 .col-inner,
.row-box-shadow-1-hover .col-inner,
.row-box-shadow-2 .col-inner,
.row-box-shadow-2-hover .col-inner,
.row-box-shadow-3 .col-inner,
.row-box-shadow-3-hover .col-inner,
.row-box-shadow-4 .col-inner,
.row-box-shadow-4-hover .col-inner,
.row-box-shadow-5 .col-inner,
.row-box-shadow-5-hover .col-inner {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Level 1 - 轻微柔和阴影 */
.box-shadow-1,
.box-shadow-1-hover:hover,
.row-box-shadow-1 .col-inner,
.row-box-shadow-1-hover .col-inner:hover {
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.06);
}

/* Level 2 - 标准卡片阴影 */
.box-shadow-2,
.box-shadow-2-hover:hover,
.row-box-shadow-2 .col-inner,
.row-box-shadow-2-hover .col-inner:hover {
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
}

/* Level 3 - 参考你给的阴影，适合大部分卡片 */
.box-shadow-3,
.box-shadow-3-hover:hover,
.row-box-shadow-3 .col-inner,
.row-box-shadow-3-hover .col-inner:hover {
  box-shadow: 0px 4px 30.7px 1px rgba(0, 0, 0, 0.10);
}

/* Level 4 - 更明显的悬浮感 */
.box-shadow-4,
.box-shadow-4-hover:hover,
.row-box-shadow-4 .col-inner,
.row-box-shadow-4-hover .col-inner:hover {
  box-shadow: 0px 8px 36px 2px rgba(0, 0, 0, 0.12);
}

/* Level 5 - 强阴影，适合重点模块 */
.box-shadow-5,
.box-shadow-5-hover:hover,
.row-box-shadow-5 .col-inner,
.row-box-shadow-5-hover .col-inner:hover {
  box-shadow: 0px 12px 46px 3px rgba(0, 0, 0, 0.14);
}

/* Hover 状态上浮 */
.box-shadow-4-hover:hover,
.box-shadow-5-hover:hover,
.row-box-shadow-4-hover .col-inner:hover,
.row-box-shadow-5-hover .col-inner:hover {
  transform: translateY(-4px);
}