/*
 Theme Name:   APEX SPM Theme
 Template:     twentytwentyfive
 Description:  Custom child theme for APEX SPM industrial website
 Author:       APEX SPM
 Version:      1.0.1
 Text Domain:  apex-spm
*/

/* ⚠️ @import 必须严格置于第一行，绝不可像旧代码那样在中间重复引入 */
@import url('../twentytwentyfive/style.css');

/* ============================
   WORDPRESS 兼容补丁
   ============================ */
@media (max-width: 640px) {
  body.logged-in .navbar { top: 46px; }
  body.logged-in *[id] { scroll-margin-top: 116px; }
}

.industry-card ul, .product-specs, .advantage-list, .footer-col ul, .nav-links ul {
  padding-left: 0; margin-left: 0; list-style: none;
}

/* ============================
   B2B 核心 BUG 修复与排版优化 (基于诊断报告)
   ============================ */

/* 1. 修复字符乱码灾难 (使用严谨的 Unicode 转义字符取代直接敲击特殊符号) */
.advantage-list li, .app-card ul li, .product-specs li {
  position: relative;
  padding-left: 1.5rem;
}
.advantage-list li::before, .app-card ul li::before, .product-specs li::before {
  content: '\2713'; /* 纯正 Unicode 对号 ✓，全网绝不乱码 */
  position: absolute; left: 0;
  color: #2563eb; font-weight: 700;
}
.application-card ul li::before {
  content: '\2192'; /* 纯正 Unicode 右箭头 → */
}

/* 2. 修复 ROI 进度条视觉逻辑：报告指出 9 个月为终点，进度应体现 100% 达成感 */
.roi-fill {
  height: 100%;
  width: 100% !important; /* 从反直觉的 9% 修改为满格 100% */
  background: linear-gradient(90deg, #3b82f6, #10b981);
  border-radius: 999px; 
  transition: width 1.5s ease-in-out;
}

/* 3. CTA 与按钮系统优化 (修复原有 CSS 变量名错误导致变透明的 Bug) */
.btn-red {
  background: var(--red, #e63946); /* 加入默认后备颜色 */
  color: #fff; padding: 0.75rem 2rem; border-radius: 6px;
  font-weight: 700; text-decoration: none; display: inline-block;
  transition: all 0.3s ease;
}
.btn-red:hover { background: #d32f2f; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(230,57,70,0.3); }

/* ============================
   全局复用类 (取代旧版杂乱无章的内联 style)
   ============================ */
.hero-gradient-dark {
  background: linear-gradient(135deg, #0f1923 0%, #1e3a5f 100%);
  padding: 6rem 0 4rem; text-align: center;
}
.hero-container { max-width: 800px; margin: 0 auto; }