/** * 投资者关系页面Banner样式 * 响应式设计,适配不同设备 */ .investor-banner { position: relative; width: 100%; height: 650px; background-image: url('../images/Investor-Relations.webp'); background-size: cover; background-position: center center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; overflow: hidden; } /* Banner内容容器 */ .investor-banner-content { position: relative; z-index: 2; text-align: center; color: white; max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding-top: 8rem; overflow: hidden; } /* 主标题 */ .investor-banner-title { font-size: 48px; font-weight: 700; margin: 0; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); letter-spacing: 2px; line-height: 1.2; } /* 响应式设计 - 平板设备 */ @media (max-width: 1024px) { .investor-banner { height: 500px; } .investor-banner-title { font-size: 40px; } } /* 响应式设计 - 手机设备 */ @media (max-width: 768px) { .investor-banner { height: 400px; } .investor-banner-content { padding: 0 15px; padding-top: 6rem; } .investor-banner-title { font-size: 32px; letter-spacing: 1px; } } /* 响应式设计 - 小屏手机 */ @media (max-width: 480px) { .investor-banner { height: 350px; } .investor-banner-content { padding-top: 5rem; } .investor-banner-title { font-size: 28px; letter-spacing: 0.5px; } } /* 超小屏设备 */ @media (max-width: 360px) { .investor-banner { height: 300px; } .investor-banner-title { font-size: 24px; } } /* 投资者关系内容区域 */ .investor-content { padding: 60px 0; max-width: 1200px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } /* 响应式设计 - 移动端内容区域 */ @media (max-width: 768px) { .investor-content { padding: 40px 15px; } }