.case_02{position:relative}.case_02 .box{background:var(--color-bg-muted);padding:var(--gap) var(--bj1)}.case_02 .se_bot{display:grid;gap:.6rem .4rem;grid-template-columns:repeat(4,1fr);margin-top:.6rem}.pu_li_1{--h1: .66rem;--bg_ys: transparent;--text_ys: var(--color-text-primary);border-radius:var(--radius-card);overflow:hidden;perspective:1000px}.pu_li_1 a{transform-style:preserve-3d;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.pu_li_1 a,.pu_li_1 a .bk{border-radius:inherit;position:relative}.pu_li_1 a .bk{overflow:hidden;width:100%}.pu_li_1 a .bk:before{content:"";display:block;padding-top:100%;position:relative;width:100%}.pu_li_1 a .bk img{border-radius:inherit;transition:var(--transition-default)}.pu_li_1 a .bk img,.pu_li_1 a .post{height:100%;left:0;position:absolute;top:0;width:100%}.pu_li_1 a .post{display:flex}.pu_li_1 a .post>div{background:var(--bg_ys);color:var(--text_ys);margin:auto 0 0;max-height:50%;padding:.28rem .22rem;width:100%}.pu_li_1 a .post>div .t1{font-size:var(--f16);margin-bottom:.14rem}.pu_li_1 a .post>div .t2{display:-webkit-box;font-family:Light;font-size:var(--f30);height:3.6em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3}.pu_li_1 a:hover .bk img{transform:scale(1.05)}@media(max-width:1200px){.case_02 .se_bot{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.banner_box .ban_post>div{grid-template-columns:repeat(1,1fr)}.case_02 .se_bot{grid-template-columns:repeat(1,1fr)}}@media(max-width:500px){.case_02{--h1: .46rem }.case_02 .box{padding:.24rem}.case_02 .se_bot{gap:.24rem;margin-top:.24rem}.case_02 .se_sort .sort_list .item,.pu_li_1 a .post>div .t2{font-size:.18rem}.pu_li_1 a .post>div .t1{font-size:.16rem;line-height:1.375}}