/* ================================================================
   investor.css — 投资者关系页面专用样式
   ================================================================ */

/* Banner 背景图 + 居中布局（覆盖 common .page-banner） */
.page-banner{background-image:url('assets/about/investor-banner.jpg');display:flex;align-items:center;justify-content:center}
.page-banner::before{background:linear-gradient(90deg,rgba(26,57,130,.45) 0%,rgba(26,57,130,.15) 40%,transparent 70%)}
.page-banner::after{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.15) 100%)}

/* 主体内容 */
.investor-main{padding:72px var(--side-pad) 80px}

/* 区块标题（覆盖 common .section-title） */
.section-title{font-size:24px;font-weight:700;color:var(--c-primary);margin-bottom:32px;letter-spacing:3px;display:flex;align-items:center;gap:12px}
.section-title::before{content:'';width:4px;height:26px;background:var(--c-gold);border-radius:2px;flex-shrink:0}
.section-title .section-en{font-size:14px;color:var(--c-gray-300);font-weight:400;letter-spacing:2px;font-family:var(--font-en);text-transform:uppercase;margin-left:4px}

/* 股票信息卡片 */
.stock-info-section{margin-bottom:56px}
.stock-info-card{background:var(--c-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--c-gray-100);overflow:hidden}
/* 左侧公司信息 + 右侧行情概览 双列布局 */
.stock-info-body{display:grid;grid-template-columns:300px 1fr;gap:0}
.stock-info-left{padding:36px 32px;display:flex;flex-direction:column;justify-content:center;gap:12px;background:linear-gradient(135deg,rgba(26,57,130,.03),rgba(200,164,92,.03))}
.stock-company-name{font-size:22px;font-weight:700;color:var(--c-dark);letter-spacing:2px}
.stock-company-code{font-size:15px;color:var(--c-gray-500);letter-spacing:1px}
.stock-company-code strong{color:var(--c-primary);font-size:17px}
.stock-company-kline{margin-top:8px;display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:30px;background:var(--c-primary);color:var(--c-white);font-size:13px;font-weight:500;transition:all var(--transition);align-self:flex-start}
.stock-company-kline:hover{background:var(--c-primary-light);transform:translateY(-1px);box-shadow:0 4px 14px rgba(26,57,130,.25)}
.stock-company-kline svg{width:14px;height:14px;fill:currentColor}
.stock-info-right{padding:36px 32px;display:flex;flex-direction:column;gap:24px}
.stock-price-row{display:flex;align-items:baseline;gap:20px}
.stock-price{font-size:44px;font-weight:700;color:#2BA84A;font-family:var(--font-en);letter-spacing:1px;line-height:1}
.stock-price .price-unit{font-size:18px;font-weight:500;margin-left:4px}
.stock-change{font-size:16px;font-weight:600;color:#2BA84A}
.stock-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--c-gray-100);padding-top:24px}
.stock-metric{display:flex;flex-direction:column;gap:6px;padding:0 16px;border-left:1px solid var(--c-gray-100)}
.stock-metric:first-child{border-left:none;padding-left:0}
.stock-metric .sm-label{font-size:13px;color:var(--c-gray-500);letter-spacing:1px}
.stock-metric .sm-value{font-size:20px;font-weight:700;color:var(--c-primary);font-family:var(--font-en)}
.stock-metric .sm-value.green{color:#2BA84A}
.stock-metric .sm-value.red{color:#E74C3C}
.stock-disclaimer{padding:14px 32px;background:var(--c-gray-50);font-size:13px;color:var(--c-gray-500);letter-spacing:1px;text-align:center;border-top:1px solid var(--c-gray-100)}

/* 投资者联系 */
.contact-section{margin-bottom:0}
.contact-card{background:var(--c-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--c-gray-100);padding:40px 48px}
.contact-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:48px;flex-wrap:wrap}
.contact-info-list{display:flex;flex-direction:column;gap:24px;flex:1;min-width:300px}
.contact-info-item{display:flex;align-items:center;gap:16px}
.contact-info-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(26,57,130,.06),rgba(200,164,92,.08));flex-shrink:0;transition:all var(--transition)}
.contact-info-item:hover .contact-info-icon{transform:scale(1.05)}
.contact-info-icon svg{width:24px;height:24px;fill:var(--c-primary)}
.contact-info-text .ci-label{font-size:15px;color:var(--c-gray-500);letter-spacing:1px;margin-bottom:6px}
.contact-info-text .ci-value{font-size:19px;font-weight:700;color:var(--c-dark);line-height:1.6;letter-spacing:0.5px}
.contact-links{display:flex;flex-direction:column;gap:16px;min-width:300px}
.contact-link-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 28px;border-radius:var(--radius-md);border:1px solid var(--c-gray-100);background:var(--c-gray-50);transition:all 0.35s var(--transition);cursor:pointer;text-decoration:none}
.contact-link-btn:hover{border-color:var(--c-primary);background:var(--c-white);box-shadow:var(--shadow-sm)}
.contact-link-btn .clb-text{display:flex;flex-direction:column;gap:2px}
.contact-link-btn .clb-title{font-size:16px;font-weight:600;color:var(--c-dark);letter-spacing:1px}
.contact-link-btn .clb-desc{font-size:13px;color:var(--c-gray-500)}
.contact-link-btn .clb-arrow{width:18px;height:18px;fill:var(--c-gray-300);flex-shrink:0;transition:all var(--transition)}
.contact-link-btn:hover .clb-arrow{fill:var(--c-primary);transform:translateX(4px)}

/* 响应式 */
@media(max-width:1200px){
  .stock-info-body{grid-template-columns:260px 1fr}
  .contact-card{padding:36px 40px}
}
@media(max-width:1024px){
  .investor-main{padding:48px var(--side-pad)}
  .stock-info-body{grid-template-columns:1fr}
  .stock-info-left{padding:28px 24px}
  .stock-info-right{padding:28px 24px}
  .stock-metrics-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .stock-metric{border-left:none;padding:0}
  .contact-card-top{flex-direction:column}
}
@media(max-width:640px){
  .investor-main{padding:32px var(--side-pad)}
  .stock-info-left{padding:24px 20px}
  .stock-info-right{padding:24px 20px}
  .stock-price{font-size:34px}
  .stock-metrics-grid{grid-template-columns:1fr 1fr;gap:12px}
  .contact-card{padding:24px 20px}
  .contact-info-item{gap:12px}
  .contact-info-icon{width:40px;height:40px}
  .contact-info-icon svg{width:20px;height:20px}
  .contact-info-text .ci-value{font-size:15px}
  .contact-link-btn{padding:16px 24px}
  .section-title{font-size:22px;letter-spacing:0px;}
  .section-title .section-en{letter-spacing:1px;}
 
}