/* ===== 内联样式外联化文件 ===== */

/* 回到顶部按钮样式已移至 assets/css/components/fixed-buttons.css 统一管理 */

/* 表单消息提示 */
.form-message {
  display: none;
  color: #EB6630;
  text-align: center;
  margin-top: 10px;
  padding: 10px;
  border-radius: 5px;
  background: rgba(235, 102, 48, 0.1);
}

.form-message.success {
  color: #28a745;
  background: rgba(40, 167, 69, 0.1);
}

.form-message.error {
  color: #dc3545;
  background: rgba(220, 53, 69, 0.1);
}

/* 隐藏元素 */
.hidden {
  display: none !important;
}

/* 搜索表单布局 */
.search-form {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  width: 100%;
}

/* 搜索按钮 */
.search-btn-secondary {
  background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
}

/* 分页省略号 */
.pagination-ellipsis {
  padding: 0 10px;
  color: #999;
}

/* 居中容器 */
.center-container {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

/* 文件输入隐藏 */
.file-input-hidden {
  display: none;
}

/* 图片预览区域 */
.image-preview-area {
  display: none;
  margin-top: 15px;
}

.image-preview-area.show {
  display: block;
}

/* 错误提示框 */
.error-box {
  padding: 20px;
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
  border-radius: 5px;
  margin: 20px;
  font-family: Arial, sans-serif;
}

.error-box.center {
  text-align: center;
}

.error-box a {
  color: #007bff;
  text-decoration: none;
}

.error-box a:hover {
  text-decoration: underline;
}

/* 进度条 */
.progress-bar {
  height: 20px;
  background: #e9ecef;
  border-radius: 10px;
  overflow: hidden;
}

.progress-fill {
  height: 100%;
  background: linear-gradient(135deg, #EB6630, #D45520);
  transition: width 0.3s ease;
}

/* 状态徽章 */
.status-badge {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}

.status-good {
  background: #d4edda;
  color: #155724;
}

.status-warning {
  background: #fff3cd;
  color: #856404;
}

.status-danger {
  background: #f8d7da;
  color: #721c24;
}

/* 统计卡片边框颜色 */
.stats-card-danger {
  border-left-color: #dc3545;
}

.stats-card-warning {
  border-left-color: #ffc107;
}

.stats-card-success {
  border-left-color: #28a745;
}

/* 数据库错误样式 */
.db-error-debug {
  padding: 20px;
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
  border-radius: 5px;
  margin: 20px;
  font-family: Arial, sans-serif;
}

.db-error-maintenance {
  padding: 20px;
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
  border-radius: 5px;
  margin: 20px;
  font-family: Arial, sans-serif;
  text-align: center;
}

.retry-link {
  color: #007bff;
  text-decoration: none;
}

/* 平台区域样式 */
.platform-section {
  margin: 50px 0;
}

/* 地图状态样式 */
.store-status-dot[data-status="open"] {
  background: #28a745;
}

.store-status-dot[data-status="closed"] {
  background: #dc3545;
}

.store-status-dot[data-status="busy"] {
  background: #ffc107;
}

.store-status-badge[data-status="open"] {
  background: #28a745;
}

.store-status-badge[data-status="closed"] {
  background: #dc3545;
}

.store-status-badge[data-status="busy"] {
  background: #ffc107;
}

/* 平台区块样式 */
.platform-section {
  margin: 50px 0;
}

/* 门店状态样式 */
.store-status-dot[data-status="open"],
.store-status-badge[data-status="open"] {
  background: #28a745;
}

.store-status-dot[data-status="closed"],
.store-status-badge[data-status="closed"] {
  background: #dc3545;
}

.store-status-dot[data-status="maintenance"],
.store-status-badge[data-status="maintenance"] {
  background: #ffc107;
}

/* 删除表单 */
.delete-form {
  display: none;
}

/* 表格样式 */
.table-separated {
  border-collapse: separate;
  border-spacing: 0;
}

/* 图片对象适配 */
.img-cover {
  height: 150px;
  object-fit: cover;
}

/* 编辑器容器 */
.editor-container {
  min-height: 400px;
}

.editor-large {
  min-height: 500px;
}

/* 封面预览 */
.cover-preview {
  display: none;
  margin-top: 10px;
  border-radius: 8px;
  overflow: hidden;
  max-width: 200px;
}

.cover-preview.show {
  display: block;
}

.cover-preview img {
  width: 100%;
  height: auto;
}

/* 内联表单 */
.inline-form {
  display: inline;
}

/* 系统信息样式 */
.system-badge {
  margin-left: 10px;
  font-size: 11px;
}

.system-icon {
  margin-right: 5px;
}

.status-icon {
  margin-right: 3px;
}

/* 产品表格样式 */
.products-table {
  border-collapse: separate;
  border-spacing: 0;
}

/* 产品图片预览 */
.product-image-preview {
  height: 150px;
  object-fit: cover;
}

/* 编辑器样式 */
.editor-content-large {
  min-height: 400px;
}

/* 统计卡片样式 */
.stats-card-error {
  border-left-color: #dc3545;
}

.stats-card-warning {
  border-left-color: #ffc107;
}

.stats-card-success {
  border-left-color: #28a745;
}

/* 图表回退 */
.chart-fallback {
  display: none;
  padding: 20px;
  text-align: center;
  color: #666;
  background: #f8f9fa;
  border-radius: 8px;
}

/* 文章视频容器 */
.article-video-container {
  margin: 20px auto;
  padding: 20px;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  max-width: 800px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
}

.video-title {
  margin-bottom: 15px;
  font-weight: 600;
  color: #2c3e50;
  text-align: center;
  font-size: 16px;
  padding-left: 8px;
  border-left: 4px solid #3498db;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-title i {
  margin-right: 8px;
  color: #3498db;
}

.article-video {
  width: 100%;
  height: auto;
  border-radius: 8px;
  background: #000;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  outline: none;
}

.video-fallback {
  color: #666;
  text-align: center;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 4px;
  margin: 10px 0;
}

.video-fallback i {
  color: #ffc107;
  margin-right: 8px;
}

.video-download {
  color: #007bff;
  text-decoration: none;
  padding: 8px 16px;
  background: #e3f2fd;
  border-radius: 4px;
  display: inline-block;
  margin-top: 10px;
}

.video-download:hover {
  background: #bbdefb;
}

/* 热门新闻区域 */
.hot-news-section {
  max-width: 800px;
  margin: 40px auto 0;
  padding: 0 20px 30px;
}

.hot-news-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 18px;
  color: #EB6630;
}

.hot-news-title i {
  color: #EB6630;
  margin-right: 8px;
}

.hot-news-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.hot-news-item {
  margin-bottom: 12px;
}

.hot-news-link {
  font-size: 16px;
  color: #3498db;
  text-decoration: none;
  transition: color 0.2s;
}

.hot-news-link:hover {
  color: #2980b9;
}

/* 联系信息样式 */
.contact-info-title {
  color: #333;
  margin: 0 0 8px 0;
  font-size: 18px;
  font-weight: 600;
}

.contact-info-text {
  color: #666;
  margin: 4px 0;
  font-size: 14px;
}



/* 投资页面特殊样式 */
.stat-card-blue {
    border-left: 4px solid #007bff;
}

.stat-card-green {
    border-left: 4px solid #28a745;
}

.stat-card-yellow {
    border-left: 4px solid #ffc107;
}

.stat-card-red {
    border-left: 4px solid #dc3545;
}

/* 图表相关样式 */
.chart-title {
    text-align: center;
    color: var(--text-color);
    margin-bottom: 30px;
    font-size: 1.5em;
}

.chart-description {
    color: var(--text-light);
    line-height: 1.8;
    margin: 40px 0;
    text-align: center;
    font-size: 1.2em;
}

.legend-color-primary {
    background: var(--primary-color);
}

.legend-color-blue {
    background: var(--auxiliary-blue);
}

.legend-color-purple {
    background: var(--auxiliary-purple);
}

.legend-color-green {
    background: var(--auxiliary-green);
}

.legend-color-teal {
    background: var(--auxiliary-teal);
}

.trend-chart-wrapper {
    text-align: center;
    margin-top: 30px;
}

.gradient-stop-start {
    stop-color: #EB6630;
    stop-opacity: 1;
}

.gradient-stop-end {
    stop-color: #ff6b35;
    stop-opacity: 1;
}

.growth-highlight {
    text-align: center;
    margin-top: 20px;
    padding: 15px;
    background: rgba(235, 102, 48, 0.05);
    border-radius: 10px;
    border-left: 4px solid var(--primary-color);
}

.growth-text {
    color: var(--text-color);
    font-size: 1rem;
    margin: 0;
    font-weight: 500;
}

.growth-icon {
    color: var(--primary-color);
    margin-right: 8px;
}

.highlight-text {
    color: var(--primary-color);
    font-size: 1.3em;
}

.stat-card-title {
    color: var(--text-color);
    margin-bottom: 10px;
}

.stat-card-title-blue {
    color: var(--auxiliary-blue);
}

.stat-card-title-green {
    color: var(--auxiliary-green);
}

.stat-card-title-purple {
    color: var(--auxiliary-purple);
}

.comparison-title {
    text-align: center;
    color: var(--text-color);
    font-size: 2.2em;
    margin-bottom: 40px;
    font-weight: 700;
}

.investment-text-light {
  color: var(--text-light, #666);
  line-height: 1.8;
  margin: 30px 0;
  text-align: center;
  font-size: 1.1em;
}

.investment-grid {
  margin-top: 50px;
}

.investment-chart-title {
  text-align: center;
  color: var(--text-color, #333);
  margin-bottom: 30px;
  font-size: 1.5em;
}

.legend-color {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  margin-right: 8px;
}

.legend-primary { background: var(--primary-color, #EB6630); }
.legend-blue { background: var(--auxiliary-blue, #3498db); }
.legend-purple { background: var(--auxiliary-purple, #9b59b6); }
.legend-green { background: var(--auxiliary-green, #27ae60); }
.legend-teal { background: var(--auxiliary-teal, #1abc9c); }

/* 删除未使用的investment-前缀样式类 - 已清理 */

.company-info {
  margin-top: 40px;
  padding: 30px;
  background: rgba(255,255,255,0.1);
  border-radius: var(--border-radius-lg, 12px);
}

.company-info p {
  margin: 10px 0;
  font-size: 1.1em;
}

/* 招聘页面样式 */
.job-meta {
  color: #666;
  font-size: 0.9rem;
}

.job-title {
  color: var(--dark-color, #333);
  margin-bottom: 20px;
}

.job-description {
  color: #666;
  font-size: 1rem;
  margin-bottom: 20px;
  line-height: 1.6;
}

.job-section-title {
  color: var(--dark-color, #333);
  margin-bottom: 15px;
  font-size: 1rem;
}

.job-back-link {
  text-align: center;
  margin-top: 15px;
}

.job-back-link a {
  color: var(--primary-color, #EB6630);
  text-decoration: none;
  font-size: 0.9rem;
}

.job-back-link a:hover {
  text-decoration: underline;
}

/* 微信公众号错误页面 */
.wechat-error {
  padding: 20px;
  background: #fff5f5;
  border: 2px solid #ffd6d6;
  border-radius: 8px;
  margin: 20px;
}

.wechat-error-title {
  color: #c0392b;
  margin: 0 0 20px;
  font-size: 20px;
}

.wechat-error-content {
  margin: 20px 0;
  padding: 25px;
  background: #fff5f5;
  border: 2px solid #e74c3c;
  border-radius: 10px;
}

.wechat-solution {
  margin: 15px 0;
  padding: 15px;
  background: #fff;
  border-radius: 6px;
  border-left: 4px solid #3498db;
}

.wechat-solution h4 {
  margin: 0 0 10px;
  color: #2c3e50;
}

.wechat-solution ol {
  margin: 10px 0;
  padding-left: 25px;
  line-height: 1.8;
}

.wechat-solution a {
  color: #3498db;
}

.wechat-highlight {
  color: #e74c3c;
  font-weight: bold;
}

.wechat-checklist {
  margin: 15px 0;
  padding: 15px;
  background: #e8f6f3;
  border-radius: 6px;
}

.wechat-checklist h4 {
  margin: 0 0 10px;
  color: #27ae60;
}

.wechat-checklist ul {
  margin: 0;
  padding-left: 20px;
}

.wechat-action {
  margin-top: 20px;
  text-align: center;
}

.wechat-action a {
  display: inline-block;
  padding: 12px 25px;
  background: #27ae60;
  color: white;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
}

.wechat-action a:hover {
  background: #219a52;
}

/* 移动端优化 */
@media (max-width: 768px) {
  .search-form {
    flex-direction: column;
    gap: 15px;
  }

  .center-container {
    flex-direction: column;
    gap: 20px;
  }

  .article-video-container {
    margin: 15px;
    padding: 15px;
  }

  .hot-news-section {
    padding: 0 15px 20px;
  }

  .investment-section-title {
    font-size: 1.8em;
  }

  .investment-subsection-title {
    font-size: 1.5em;
  }

  .investment-case-title {
    font-size: 1.6em;
  }

  .company-info {
    padding: 20px;
  }
}

@media (max-width: 480px) {
  .investment-section-title {
    font-size: 1.5em;
  }

  .investment-subsection-title {
    font-size: 1.3em;
  }

  .investment-case-title {
    font-size: 1.4em;
  }
}

/* 新增样式类 - 用于替换内联样式 */

/* 品牌发展描述 */
.brand-development-description {
  color: var(--text-light);
  line-height: 1.8;
  margin: 30px 0;
  text-align: center;
  font-size: 1.1em;
}

/* 发展优势区域 */
.development-advantages {
  margin-top: 50px;
}

/* 图表标题 */
.chart-title-large {
  text-align: center;
  color: var(--text-color);
  margin-bottom: 30px;
  font-size: 1.5em;
}

/* 图例颜色 */
.legend-color-auxiliary-blue {
  background: var(--auxiliary-blue);
}

/* 营销区域 */
.marketing-section {
  margin: 50px 0;
}

.marketing-section-title {
  text-align: center;
  color: var(--text-color);
  font-size: 1.8em;
  margin-bottom: 30px;
}

/* 平台区域 */
.platform-section {
  margin: 50px 0;
}

.platform-section-title {
  text-align: center;
  color: var(--text-color);
  font-size: 1.8em;
  margin-bottom: 30px;
}

/* 盈利案例标题 */
.profit-case-title {
  color: var(--text-color);
  font-size: 2em;
  margin: 50px 0;
  text-align: center;
  font-weight: 700;
}

/* 数据来源注释 */
.data-source-note {
  color: var(--text-light);
  font-size: 0.9em;
  text-align: center;
  margin-top: 20px;
}

/* 合作须知 */
.cooperation-notice {
  background: var(--bg-light);
  padding: 30px;
  border-radius: var(--border-radius-lg);
  margin: 30px 0;
}

.cooperation-notice-text {
  color: var(--text-light);
  font-size: 0.9em;
  margin: 0;
}

/* 联系邀请 */
.contact-invitation {
  font-size: 1.4em;
  margin: 30px 0;
}

.contact-slogan {
  font-size: 1.2em;
  margin: 30px 0;
}

/* 联系社交链接 */
.contact-social-links {
  margin-top: 40px;
}

/* 联系公司信息 */
.contact-company-info {
  margin-top: 40px;
  padding: 30px;
  background: rgba(255,255,255,0.1);
  border-radius: var(--border-radius-lg);
}

.company-info-text {
  margin: 10px 0;
  font-size: 1.1em;
}

/* 职位详情样式 */
.job-stats-text {
  color: #666;
  font-size: 0.9rem;
}

.contact-title {
  color: var(--dark-color);
  margin-bottom: 20px;
}

.contact-description {
  color: #666;
  font-size: 1rem;
  margin-bottom: 20px;
  line-height: 1.6;
}

.contact-subtitle {
  color: var(--dark-color);
  margin-bottom: 15px;
  font-size: 1rem;
}

.related-jobs-title {
  color: var(--dark-color);
  margin-bottom: 20px;
  font-size: 1.1rem;
}

.more-jobs-link {
  text-align: center;
  margin-top: 15px;
}

.more-jobs-btn {
  color: var(--primary-color);
  text-decoration: none;
  font-size: 0.9rem;
}

/* 表单样式 */
.submit-all-form {
  margin-top: 15px;
}

/* 隐藏SEO内容 */
.hidden-seo-content {
  display: none;
}

/* 分页省略号 */
.pagination-ellipsis {
  padding: 0 10px;
  color: #999;
}

/* 内联表单 */
.inline-form {
  display: inline;
}