.industryPage { min-height: 6rem; background: #f7f7f7; }
.industryLayout { display: grid; grid-template-columns: 3.2rem minmax(0, 1fr); gap: .4rem; align-items: start; padding: .42rem 0 .8rem; }
.industryNav { background: #fff; }
.industryNav h1 { height: 1rem; margin: 0; padding: 0 .32rem; color: #fff; background: #ed251b; font-family: "Source Han Sans CN", "Microsoft YaHei", sans-serif; font-size: .28rem; font-weight: 700; line-height: 1rem; }
.industryNav a { display: block; box-sizing: border-box; height: .56rem; padding: 0 .3rem; border-bottom: .01rem solid #e8e8e8; color: #333; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: .18rem; line-height: .56rem; text-decoration: none; transition: color .3s ease, background-color .3s ease, box-shadow .3s ease; }
.industryNav a:hover, .industryNav a.active { color: #da261d; background: #fbe7e7; font-weight: 500; box-shadow: inset .04rem 0 0 #ed251b; }
.industryList { display: grid; gap: .2rem; }
.industryItem { display: grid; box-sizing: border-box; width: 100%; grid-template-columns: 3.2rem minmax(0, 1fr); gap: .4rem; align-items: center; height: 2.6rem; padding: .4rem; color: #333; background: #fff; text-decoration: none; }
.industryItem .imgBox { display: block; width: 3.2rem; height: 1.8rem; overflow: hidden; }
.industryItem .imgBox img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.industryItem .text { display: flex; align-self: stretch; flex-direction: column; min-width: 0; padding: .1rem 0 .22rem; }
.industryItem b { overflow: hidden; color: #1a1a1a; font-family: "Source Han Sans CN", "Microsoft YaHei", sans-serif; font-size: .2rem; font-weight: 700; line-height: .28rem; text-overflow: ellipsis; white-space: nowrap; transition: color .3s ease; }
.industryItem i { display: -webkit-box; overflow: hidden; margin-top: .12rem; height: .78rem; color: #666; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: .16rem; font-style: normal; line-height: .26rem; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.industryItem time { display: block; color: #999; font-family: Arial, sans-serif; font-size: .16rem; line-height: .18rem; }
.industryItem .itemMeta { display: flex; align-items: center; justify-content: space-between; margin-top: .23rem; }
.industryItem .more, .industryItem .more img { display: block; width: .36rem; height: .36rem; border-radius: 50%; transition: transform .35s ease; }
.industryItem:hover .imgBox img { transform: scale(1.08); }
.industryItem:hover .more { background-color: #da261d; }
.industryItem:hover .more img { transform: rotate(45deg); filter: brightness(0) invert(1); }
@media (max-width: 900px) {
  .industryLayout { grid-template-columns: 1fr; gap: .24rem; padding: .28rem 0 .46rem; }
  .industryNav { display: grid; gap: .1rem; padding: 0; }
  .industryNav h1 { grid-column: 1 / -1; height: .78rem; padding: 0 .2rem; font-size: .3rem; line-height: .78rem; }
  .industryNav a { height: .54rem; overflow: hidden; font-size: .22rem; line-height: .54rem; text-overflow: ellipsis; white-space: nowrap; }
  .industryList { gap: .18rem; }
  .industryItem { grid-template-columns: 2.1rem minmax(0, 1fr); gap: .16rem; height: auto; min-height: 1.58rem; padding: .14rem; }
  .industryItem .imgBox { width: 2.1rem; height: 1.27rem; }
  .industryItem .text { padding: .02rem 0; }
  .industryItem b { font-size: .22rem; line-height: .32rem; }
  .industryItem i { height: auto; margin-top: .08rem; font-size: .18rem; line-height: .28rem; }
  .industryItem time { font-size: .18rem; line-height: .24rem; }
  .industryItem .itemMeta { margin-top: .12rem; }
  .industryItem .more, .industryItem .more img { width: .32rem; height: .32rem; }
}