/* 投资者接待区块样式 */ .investor-reception-block { width: 100%; max-width: 1200px; margin: 20px auto; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; position: relative; box-sizing: border-box; } .investor-reception-block * { box-sizing: border-box; } /* 容器 */ .investor-reception-container { display: flex; flex-direction: column; width: 100%; } /* 图片区域 */ .image-section { width: 100%; height: 300px; overflow: hidden; position: relative; } .reception-image { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } /* 内容区域 */ .content-section { padding: 40px 30px; background: #ffffff; } .content-container { max-width: 1000px; margin: 0 auto; } /* 标题区域 */ .title-section { text-align: left; margin-bottom: 30px; } .main-title { font-size: 1rem; font-weight: 700; color: #2c3e50; margin: 0 0 15px 0; line-height: 1.2; } /* 联系信息区域 */ .contact-section { margin-bottom: 30px; } .contact-item { display: flex; align-items: center; margin-bottom: 15px; padding: 12px 0; border-bottom: 1px solid #ecf0f1; } .contact-item:last-child { border-bottom: none; margin-bottom: 0; } .contact-label { font-weight: 600; color: #34495e; min-width: 100px; font-size: 1rem; } .contact-value { color: #2c3e50; font-size: 1rem; flex: 1; } .phone-link, .email-link { color: #3498db; text-decoration: none; transition: color 0.3s ease; } .phone-link:hover, .email-link:hover { color: #2980b9; text-decoration: underline; } /* 投资者交流平台按钮样式 */ .contact-btn { display: inline-block; background: linear-gradient(135deg, #3498db, #2980b9); color: #ffffff; padding: 12px 24px; border-radius: 6px; text-decoration: none; font-weight: 600; font-size: 1rem; border: none; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(52, 152, 219, 0.3); } .contact-btn:hover { background: linear-gradient(135deg, #2980b9, #1f5f8b); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(52, 152, 219, 0.4); color: #ffffff; text-decoration: none; } .contact-btn:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(52, 152, 219, 0.3); } /* 主题变体 */ .theme-dark .content-section { background: #2c3e50; } .theme-dark .main-title { color: #ecf0f1; } .theme-dark .subtitle { color: #bdc3c7; } .theme-dark .contact-label { color: #ecf0f1; } .theme-dark .contact-value { color: #bdc3c7; } .theme-dark .contact-item { border-bottom-color: #34495e; } .theme-light .content-section { background: #f8f9fa; } .theme-light .main-title { color: #2c3e50; } .theme-light .subtitle { color: #6c757d; } .theme-light .contact-item { border-bottom-color: #dee2e6; } /* 响应式设计 */ @media (max-width: 768px) { .investor-reception-block { margin: 10px; border-radius: 8px; } .image-section { height: 200px; } .reception-image { width: 80%; margin: 0 auto; border-radius: 8px; } .content-section { padding: 25px 20px; } .main-title { font-size: 1.6rem; } .subtitle { font-size: 1rem; } .contact-item { flex-direction: column; align-items: flex-start; gap: 5px; } .contact-label { min-width: auto; font-size: 0.9rem; } .contact-value { font-size: 0.95rem; } } @media (max-width: 480px) { .image-section { height: 180px; } .content-section { padding: 20px 15px; width: 100%; margin: 0 auto; } .main-title { font-size: 1.4rem; } .contact-label { font-size: 0.85rem; } .contact-value { font-size: 0.9rem; } }