/* about-investor-v2 */

.iv-page {

  --brand: #c30d23;

  background: #fff;

  color: #404040;

}

.iv-page a { text-decoration: none; }

.iv-page .neiermenu { display: none !important; }



.iv-page .about-hero {

  background:

    url('/dist/images/about-hero-bg.jpg') right center / cover no-repeat;

  padding: 0;

  height: 400px;

  min-height: 400px;

  box-sizing: border-box;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  position: relative;

  overflow: hidden;

}

.iv-page .about-hero::before {

  content: '';

  position: absolute;

  inset: 0;

  background:

    radial-gradient(circle at 20% 30%, rgba(14,165,233,0.14) 0%, transparent 45%),

    radial-gradient(circle at 80% 70%, rgba(195,13,35,0.10) 0%, transparent 40%);

  pointer-events: none;

}

.iv-page .about-hero .inner {

  width: 100%;

  max-width: var(--site-maxw);

  margin: 0 auto;

  position: relative;

  z-index: 1;

  text-align: left;

  padding: 0 0;

}

.iv-page .about-hero h1 {

  font-size: 32px;

  font-weight: 400;

  margin: 0 0 16px;

  letter-spacing: 0.01em;

  color: #fff;

}

.iv-page .about-hero .sub {

  font-size: 16px;

  color: rgba(255,255,255,0.78);

  line-height: 1.8;

  max-width: 800px;

  margin: 0;

}



.iv-page .section {

  max-width: var(--site-maxw);

  margin: 0 auto;

  padding: 64px 0 28px;

  overflow: visible;

}

.iv-page .section:last-of-type { padding-bottom: 80px; }

.iv-page .section-head {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 20px;

  padding-bottom: 16px;

  border-bottom: 1px solid rgba(15,23,42,0.08);

}

.iv-page .section-title {

  text-align: center;

  display: block;

  /* section via type-v2 */ 

  line-height: 1.3;

  letter-spacing: 0.01em;

}

.iv-page .section-title .bar {

  display: none;

}

.iv-page .section-head--left {

  justify-content: center;

}



.iv-page .investor-wrap {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 20px;

  padding: 6px 4px 18px;

  margin: -6px -4px -10px;

}

.iv-page .investor-card {

  background: #fff;

  border: 1px solid rgba(15,23,42,0.08);

  border-radius: 4px;

  padding: 28px 24px;

  transition: all 0.25s;

  color: inherit;

}

.iv-page a.investor-card {

  display: flex;

  flex-direction: column;

  text-decoration: none;

  cursor: pointer;

}

.iv-page .investor-card:hover {

  transform: translateY(-3px);

  box-shadow: 0 10px 28px rgba(15,23,42,0.08);

}

.iv-page a.platform-card:hover {

  border-color: rgba(14,165,233,0.28);

}

.iv-page .investor-card h3 {

  font-size: 16px;

  font-weight: 700;

  margin: 0 0 14px;

  color: #282323;

}

.iv-page .investor-card > p {

  font-size: 14px;

  color: #555555;

  line-height: 1.8;

  margin: 0 0 14px;

}

/* investor-card .view-all chip in cards-v2 */



/* 区块标题：居中，无左侧红竖条 */

.iv-page .section-head--left {

  justify-content: center;

}



.iv-page .ir-report-list {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 14px 20px;

}

.iv-page .ir-report-item {

  display: flex;

  align-items: center;

  gap: 8px;

  background: #f5f6f8;

  border-radius: 2px;

  padding: 14px 12px 14px 16px;

  min-height: 64px;

  transition: background 0.2s;

}

.iv-page .ir-report-item.is-hidden { display: none; }

.iv-page .ir-report-item:hover { background: #eef0f3; }

.iv-page .ir-report-main {

  flex: 1;

  min-width: 0;

  display: flex;

  align-items: center;

  gap: 14px;

  color: inherit;

}

.iv-page .ir-pdf-ico {

  flex-shrink: 0;

  width: 36px;

  height: 36px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #c30d23;

}

.iv-page .ir-report-text {

  min-width: 0;

  display: flex;

  flex-direction: column;

  gap: 4px;

}

.iv-page .ir-report-title {

  font-size: 14px;

  font-weight: 700;

  color: #282323;

  line-height: 1.4;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.iv-page .ir-report-main:hover .ir-report-title { color: #c30d23; }

.iv-page .ir-report-sub {

  display: flex;

  align-items: center;

  gap: 10px;

  font-size: var(--av-fs-caption, 13px);

  color: #555555;

}

.iv-page .ir-type {

  display: inline-block;

  padding: 1px 6px;

  border-radius: 2px;

  font-size: var(--av-fs-caption, 13px);

  font-weight: 700;

}

.iv-page .ir-type.annual { background: rgba(195,13,35,0.08); color: #c30d23; }

.iv-page .ir-type.semi { background: rgba(245,158,11,0.12); color: #d97706; }

.iv-page .ir-type.q1,

.iv-page .ir-type.q3,

.iv-page .ir-type.quarterly { background: rgba(14,165,233,0.10); color: #0ea5e9; }

.iv-page .ir-date { color: #555555; }

.iv-page .ir-dl {

  flex-shrink: 0;

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #8a8f98;

  border-radius: 4px;

  transition: color 0.2s, background 0.2s;

}

.iv-page .ir-dl:hover {

  color: #c30d23;

  background: rgba(195,13,35,0.06);

}



.iv-page .ir-more-wrap {

  display: flex;

  justify-content: center;

  margin-top: 28px;

}

.iv-page .ir-more-btn {

  appearance: none;

  border: 1px solid rgba(15,23,42,0.16);

  background: #fff;

  color: #404040;

  font-size: 14px;

  padding: 10px 36px;

  border-radius: 2px;

  cursor: pointer;

  transition: border-color 0.2s, color 0.2s, background 0.2s;

}

.iv-page .ir-more-btn:hover {

  border-color: #c30d23;

  color: #c30d23;

  background: rgba(195,13,35,0.04);

}



@media (max-width: 900px) {

  .iv-page .about-hero .inner { padding: 0 16px; }

  .iv-page .about-hero h1 { font-size: 24px; }

  .iv-page .about-hero .sub { font-size: 14px; }

  .iv-page .section { padding: 48px 16px 20px; }

  .iv-page .section:last-of-type { padding-bottom: 64px; }

  .iv-page /* .section-title size via type-v2 breakpoints */

  .iv-page .investor-wrap { grid-template-columns: 1fr; }

  .iv-page .ir-report-list { grid-template-columns: 1fr; }

  .iv-page .ir-report-title { white-space: normal; }

}



/* ===== Overflow / ellipsis ===== */

.iv-page .about-hero h1 {

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  text-overflow: ellipsis;

  word-break: break-word;

  overflow-wrap: anywhere;

  max-height: 2.5em;

  max-width: min(900px, 100%);

}

.iv-page .about-hero .sub {

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  line-clamp: 3;

  text-overflow: ellipsis;

  word-break: break-word;

  overflow-wrap: anywhere;

  max-height: 5.25em;

}

.iv-page .investor-card {

  min-width: 0;

  overflow: visible;

}

.iv-page .investor-card h3 {

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  text-overflow: ellipsis;

  word-break: break-word;

  overflow-wrap: anywhere;

  max-height: 2.8em;

}

.iv-page .investor-card > p {

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  line-clamp: 3;

  text-overflow: ellipsis;

  word-break: break-word;

  overflow-wrap: anywhere;

  max-height: 5.5em;

}

.iv-page .investor-card .view-all {

  display: block !important;

  width: auto !important;

  max-width: 100% !important;

  overflow: hidden !important;

  text-overflow: ellipsis !important;

  white-space: nowrap !important;

}

/* av-fold-mobile */
/* Dual/triple fold (Mate XT unfolded CSS size, or a hinge). Excludes 1920 desktop and 1440x900 laptop. */
@media (min-width: 1200px) and (max-width: 1650px) and (min-aspect-ratio: 4/3) and (max-aspect-ratio: 29/20),
       (min-width: 769px) and (max-width: 1199px) and (max-aspect-ratio: 3/2),
       (min-width: 769px) and (max-width: 1200px) and (max-aspect-ratio: 3/4),
       (spanning: single-fold-vertical),
       (spanning: single-fold-horizontal),
       (horizontal-viewport-segments: 2),
       (horizontal-viewport-segments: 3),
       (vertical-viewport-segments: 2),
       (vertical-viewport-segments: 3) {


  .iv-page .about-hero .inner { padding: 0 16px; }

  .iv-page .about-hero h1 { font-size: 24px; }

  .iv-page .about-hero .sub { font-size: 14px; }

  .iv-page .section { padding: 48px 16px 20px; }

  .iv-page .section:last-of-type { padding-bottom: 64px; }

  .iv-page /* .section-title size via type-v2 breakpoints */

  .iv-page .investor-wrap { grid-template-columns: 1fr; }

  .iv-page .ir-report-list { grid-template-columns: 1fr; }

  .iv-page .ir-report-title { white-space: normal; }

}