/**

 * 动物实验列表页 list_dongwu.html

 * ≤991px：卡片 | ≥992px：表格

 */



/* ========== 紧凑 Banner ========== */

@media (max-width: 767px) {

  .mk-dongwu-page #mk-dongwu-hero.mk-dongwu-hero {

    position: relative;

    display: block;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    overflow: hidden;

    background: linear-gradient(135deg, #001e40 0%, #003366 100%);

  }



  .mk-dongwu-page #mk-dongwu-hero .mk-dongwu-hero__bg,

  .mk-dongwu-page #mk-dongwu-hero .mk-dongwu-hero__veil,

  .mk-dongwu-page #mk-dongwu-hero .mk-about-hero__bg,

  .mk-dongwu-page #mk-dongwu-hero .mk-about-hero__veil {

    display: none !important;

  }



  .mk-dongwu-page #mk-dongwu-hero .mk-dongwu-hero__inner,

  .mk-dongwu-page #mk-dongwu-hero .mk-about-hero__inner {

    padding: 0.5rem 1rem 0.6rem;

  }



  .mk-dongwu-page #mk-dongwu-hero .mk-dongwu-hero__crumb,

  .mk-dongwu-page #mk-dongwu-hero .mk-about-hero__breadcrumb {

    margin: 0 0 0.25rem;

    font-size: 0.625rem;

    flex-wrap: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

  }



  .mk-dongwu-page #mk-dongwu-hero .mk-dongwu-hero__title,

  .mk-dongwu-page #mk-dongwu-hero .mk-about-hero__title {

    margin: 0;

    font-size: 1.0625rem;

    line-height: 1.3;

  }



  .mk-dongwu-page #mk-dongwu-hero .mk-dongwu-hero__lead,

  .mk-dongwu-page #mk-dongwu-hero .mk-about-hero__lead {

    display: none !important;

  }



  .mk-dongwu-page .mk-about-main {

    padding-top: 3.5rem;

  }



  .mk-dongwu-section {

    padding-top: 0.65rem;

    padding-bottom: 1.5rem;

    overflow: visible;

  }

}



/* ========== 列表切换 ========== */

.mk-dongwu-cards {

  display: none;

}



.mk-dongwu-table-wrap--desktop {

  display: block;

}



@media (max-width: 991px) {

  .mk-dongwu-section .mk-dongwu-cards {

    display: block !important;

    width: 100%;

  }



  .mk-dongwu-section .mk-dongwu-table-wrap,

  .mk-dongwu-section .mk-dongwu-table-wrap--desktop {

    display: none !important;

    visibility: hidden !important;

    height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

    border: none !important;

    pointer-events: none !important;

  }



  .mk-dongwu-section .mk-about-wrap {

    overflow: visible !important;

  }



  .mk-dongwu-nav {

    display: block;

    width: 100%;

    max-width: 100%;

    overflow-x: auto;

    overflow-y: hidden;

    -webkit-overflow-scrolling: touch;

    overscroll-behavior-x: contain;

    scrollbar-width: none;

    padding-bottom: 0.25rem;

  }



  .mk-dongwu-nav::-webkit-scrollbar {

    display: none;

  }



  .mk-dongwu-nav__list {

    display: inline-flex;

    flex-direction: row;

    flex-wrap: nowrap;

    gap: 0.45rem;

    width: max-content;

    min-width: min(100%, max-content);

    padding: 0.15rem 0;

  }



  .mk-dongwu-nav__link {

    max-width: none;

  }

}



/* ========== 卡片样式 ========== */

.mk-dongwu-card {

  display: block;

  width: 100%;

  margin-bottom: 0.75rem;

  padding: 1rem;

  border: 1px solid rgba(0, 30, 64, 0.1);

  border-radius: 0.625rem;

  background: #fff;

  box-shadow: 0 4px 18px rgba(0, 30, 64, 0.06);

  box-sizing: border-box;

}



.mk-dongwu-card:last-child {

  margin-bottom: 0;

}



.mk-dongwu-card__title {

  margin: 0 0 0.75rem;

  padding-bottom: 0.65rem;

  border-bottom: 1px solid rgba(0, 30, 64, 0.08);

  font-size: 1rem;

  font-weight: 700;

  line-height: 1.45;

}



.mk-dongwu-card__title a {

  display: block;

  color: #001e40;

  text-decoration: none;

  word-break: break-word;

}



.mk-dongwu-card__body,

.mk-dongwu-card__row,

.mk-dongwu-card__label,

.mk-dongwu-card__value {

  margin: 0;

  padding: 0;

}



.mk-dongwu-card__row {

  display: block;

  margin-bottom: 0.55rem;

}



.mk-dongwu-card__row:last-child {

  margin-bottom: 0;

}



.mk-dongwu-card__label {

  display: block;

  margin-bottom: 0.2rem;

  font-size: 0.75rem;

  font-weight: 600;

  color: #64748b;

}



.mk-dongwu-card__value {

  display: block;

  font-size: 0.8125rem;

  line-height: 1.55;

  color: #475569;

  word-break: break-word;

}



.mk-dongwu-card__foot {

  display: flex;

  justify-content: flex-end;

  margin-top: 0.75rem;

  padding-top: 0.65rem;

  border-top: 1px dashed rgba(0, 30, 64, 0.1);

}



.mk-dongwu-card__detail {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-width: 5rem;

  padding: 0.4rem 1rem;

  border-radius: 999px;

  background: rgba(0, 184, 217, 0.14);

  color: #0096b0;

  font-size: 0.8125rem;

  font-weight: 600;

  text-decoration: none;

}



/* ========== 页脚 / 顶栏 ========== */

.mk-dongwu-page #s-contact.section-contact {

  min-height: 0 !important;

  height: auto !important;

  overflow: visible !important;

}



.mk-dongwu-page #s-contact .section-contact__inner {

  min-height: 0 !important;

  padding-top: 1.5rem !important;

  padding-bottom: 1rem !important;

}



.mk-dongwu-page #s-contact .section-contact__bg::after {

  display: none !important;

}



.mk-dongwu-page #s-contact .wow {

  visibility: visible !important;

}



@media (max-width: 1279px) {

  .mk-dongwu-page #siteHeader #mobileNavBtn,

  .mk-dongwu-page #siteHeader .mk-mobile-nav-btn {

    display: inline-flex !important;

    visibility: visible !important;

    opacity: 1 !important;

  }



  .mk-dongwu-page #siteHeader .mk-mobile-nav-btn__bars {

    display: block !important;

  }

}


