/* Laboratory detail pages follow the site's full-width, light section layout. */
#page-lab.lab-detail-page { background: #fff; color: #101318; }
#page-lab .lab-introduction { padding: 64px 0; scroll-margin-top: 100px; }
#page-lab .lab-intro-copy { max-width: 1000px; margin: 0 auto; }
#page-lab .lab-intro-copy h2 { margin: 0 0 28px; text-align: center; font-size: clamp(23px, 2.4vw, 32px); line-height: 1.5; }
#page-lab .lab-intro-copy p { margin: 0 0 18px; font-size: 16px; line-height: 1.95; color: #667085; }
#page-lab .lab-partner-row { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 32px; margin-bottom: 36px; }
#page-lab .lab-partner-row img { display: block; width: auto; max-width: min(100%, 430px); height: 88px; object-fit: contain; }
#page-lab .lab-partner-row.is-joint img { height: auto; width: min(100%, 720px); max-width: 720px; }
#page-lab .lab-metrics { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 880px; margin: 44px auto 0; text-align: center; }
#page-lab .lab-metrics > div + div { border-left: 1px solid #e2e8f0; }
#page-lab .lab-metrics b { display: block; color: #0781c7; font-size: 44px; line-height: 1.3; }
#page-lab .lab-metrics em { font-size: 19px; font-style: normal; padding-left: 3px; }
#page-lab .lab-metrics span { display: block; margin-top: 10px; color: #667085; font-size: 16px; }
#page-lab .lab-chapter { padding: 64px 0; }
#page-lab .lab-chapter.is-soft { background: #f5f7fa; }
#page-lab .lab-chapter-title { margin: 0 0 36px; text-align: center; font-size: clamp(27px, 3vw, 38px); line-height: 1.4; font-weight: 700; }
#page-lab .lab-group-title { margin: 36px 0 24px; font-size: 23px; line-height: 1.5; }
#page-lab .lab-books { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: end; gap: 28px; }
#page-lab .lab-books img { display: block; width: 100%; height: 255px; margin: 0; object-fit: contain; }
#page-lab .lab-projects { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
#page-lab .lab-projects p { margin: 0; padding: 28px; border: 1px solid #e2e8f0; border-radius: 18px; color: #475467; background: #fff; font-size: 16px; line-height: 1.85; }
#page-lab .lab-papers { border-top: 1px solid #e2e8f0; }
#page-lab .lab-papers p { margin: 0; padding: 18px 4px; border-bottom: 1px solid #e2e8f0; font-size: 16px; line-height: 1.85; color: #475467; overflow-wrap: anywhere; }
#page-lab .lab-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
#page-lab .lab-research-card { min-width: 0; overflow: hidden; border: 1px solid #dce4ee; border-radius: 20px; background: #fff; }
#page-lab .lab-research-card > img { display: block; width: 100%; height: auto; margin: 0; border: 0; border-radius: 0; }
#page-lab .lab-card-copy { padding: 26px 28px; }
#page-lab .lab-card-copy h3 { margin: 0; color: #101318; font-size: 21px; line-height: 1.55; }
#page-lab .lab-card-copy p { margin: 16px 0 0; color: #667085; font-size: 15px; line-height: 1.85; }
#page-lab .lab-news-list { list-style: none; padding: 0; margin: 0; border-top: 1px solid #dce4ee; }
#page-lab .lab-news-list li { border-bottom: 1px solid #dce4ee; }
#page-lab .lab-news-link { display: flex; align-items: center; gap: 32px; min-height: 84px; padding: 22px 8px; text-decoration: none; color: #101318; transition: color .2s; }
#page-lab a.lab-news-link:hover { color: #0079c1; }
#page-lab .lab-news-link:focus-visible { outline: 2px solid #0781c7; outline-offset: 3px; }
#page-lab .lab-news-link time { flex: 0 0 108px; font-size: 15px; font-variant-numeric: tabular-nums; color: #667085; }
#page-lab .lab-news-title { flex: 1; font-size: 18px; line-height: 1.65; overflow-wrap: anywhere; }
#page-lab .lab-news-arrow { font-size: 23px; color: #8492a6; }
#page-lab .lab-news-status { padding: 26px 0; margin: 0; color: #667085; text-align: center; font-size: 15px; }
#page-lab .lab-news-more { display: block; margin: 32px auto 0; min-width: 140px; padding: 12px 26px; border: 1px solid #c9d6e4; border-radius: 999px; background: #fff; color: #344054; font: inherit; cursor: pointer; }
#page-lab .lab-news-more:hover { color: #0079c1; border-color: #0079c1; }
#page-lab .lab-news-more:disabled { cursor: wait; opacity: .5; }
#page-lab .lab-news-more[hidden], #page-lab .lab-news-status[hidden] { display: none; }
@media (max-width: 768px) {
  #page-lab .lab-introduction, #page-lab .lab-chapter { padding: 42px 0; }
  #page-lab .lab-chapter-title { margin-bottom: 26px; }
  #page-lab .lab-card-grid, #page-lab .lab-projects { grid-template-columns: 1fr; gap: 20px; }
  #page-lab .lab-card-copy { padding: 22px; }
  #page-lab .lab-card-copy h3 { font-size: 19px; }
  #page-lab .lab-books { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
  #page-lab .lab-books img { height: auto; max-height: 190px; }
  #page-lab .lab-metrics b { font-size: 34px; }
  #page-lab .lab-metrics span { font-size: 14px; }
  #page-lab .lab-partner-row { gap: 22px; }
  #page-lab .lab-partner-row img { height: auto; max-height: 76px; max-width: 100%; }
  #page-lab .lab-partner-row.is-joint img { max-height: none; max-width: 100%; }
  #page-lab .lab-news-link { position: relative; display: block; padding: 22px 32px 22px 0; }
  #page-lab .lab-news-link time { display: block; margin-bottom: 7px; font-size: 13px; }
  #page-lab .lab-news-title { font-size: 16px; }
  #page-lab .lab-news-arrow { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); }
}

/* Both identities share the first row; the plaque is centered below them. */
#page-lab .lab-partner-row.lab-partner-showcase {
  display:grid;
  grid-template-columns:minmax(0,360px) minmax(0,240px);
  align-items:center;
  justify-content:center;
  column-gap:clamp(24px,5vw,72px);
  row-gap:36px;
  max-width:1000px;
  margin-inline:auto;
  padding:36px clamp(24px,3.5vw,56px);
  border:1px solid #e3e0e9;
  border-radius:18px;
  background:transparent;
  box-shadow:0 14px 34px rgba(16,19,24,.035);
}
#page-lab .lab-partner-showcase :is(.lab-partner-identity,.lab-partner-company) {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  background:transparent;
}
#page-lab .lab-partner-identity :is(.xiangjiang-horizontal-logo,.academic-color-logo) { width:100%; max-width:360px; }
#page-lab .lab-partner-company .lab-luoge-original {
  display:block;
  width:100%;
  max-width:200px;
  aspect-ratio:280/160;
  background:url('/homepage/v157/assets/media/e5d8bcd93949adfc41a0.webp') 69.8% 50% / 320% auto no-repeat;
}
#page-lab .lab-partner-showcase > .lab-partner-plaque {
  grid-column:1 / -1;
  justify-self:center;
  display:block;
  width:100%;
  max-width:560px;
  height:clamp(200px,25vw,320px);
  max-height:none;
  object-fit:contain;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
@media(max-width:680px) {
  #page-lab .lab-partner-row.lab-partner-showcase {
    grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
    gap:28px 24px;
    padding:28px 20px;
    border-radius:14px;
  }
  #page-lab .lab-partner-showcase > .lab-partner-plaque {
    grid-column:1 / -1;
    height:auto;
    max-height:230px;
  }
}
