/* ==========================================================================
   首页 v3 版式（index.html 专用）
   仅首页引入；不修改 main.css / compact-override.css 的任何既有选择器。
   命名前缀 ix- ，避免与模板既有类冲突。
   方向安全：使用逻辑属性，兼容 rtl.css（阿拉伯语页面）。
   ========================================================================== */

:root {
   /* 四条业务线色（与站内既有用色一致，收敛为变量） */
   --ix-biz-repair: #3887fe;
   --ix-biz-data: #1a56db;
   --ix-biz-recycle: #11998e;
   --ix-biz-ai: #8e2de2;

   /* 卡片与间距 */
   --ix-radius: 16px;
   --ix-radius-sm: 10px;
   --ix-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
   --ix-shadow-hover: 0 18px 40px rgba(15, 23, 42, 0.10);
   --ix-border: 1px solid #eef1f6;
   --ix-text: #64748b;
   --ix-heading: #0f172a;
}

/* 版块头统一：副标题 + 主标题 + 说明 */
.ix-head {
   max-width: 780px;
   margin: 0 auto 45px;
   text-align: center;
}

.ix-head .ix-head__eyebrow {
   display: inline-block;
   margin-bottom: 12px;
   padding: 5px 14px;
   border-radius: 50px;
   background: rgba(56, 135, 254, 0.08);
   color: var(--clr-theme-1);
   font-size: 13px;
   font-weight: 600;
   letter-spacing: .04em;
}

.ix-head h2 {
   margin-bottom: 12px;
   color: var(--ix-heading);
   font-size: 34px;
   font-weight: 700;
   line-height: 1.35;
}

.ix-head p {
   margin: 0;
   color: var(--ix-text);
   font-size: 16px;
   line-height: 1.8;
}

.ix-head--start {
   margin-inline-start: 0;
   margin-inline-end: auto;
   text-align: start;
}

@media (max-width: 767px) {
   .ix-head h2 { font-size: 26px; }
   .ix-head { margin-bottom: 32px; }
}

/* ---------- 首屏底图轮播：两张，每 5 秒切一次、交叉淡入 1 秒（10 秒一轮） ---------- */
.ix-hero__bg {
   position: absolute;
   inset: 0;
   z-index: 0;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   opacity: 1;
   will-change: opacity;
}

.ix-hero__bg--a {
   animation: ix-hero-cycle 10s linear infinite;
}

.ix-hero__bg--b {
   /* 原首屏图是纯白底拆机照，亮度过高会让白字标题发虚，这里只压暗这一层 */
   filter: brightness(.9) saturate(1.02);
   opacity: 0;
   animation: ix-hero-cycle 10s linear infinite;
   animation-delay: 5s;
}

@keyframes ix-hero-cycle {
   0% { opacity: 0; }
   10% { opacity: 1; }
   50% { opacity: 1; }
   60% { opacity: 0; }
   100% { opacity: 0; }
}

/* 关掉动效偏好时只显示第一张（不轮播、不做交叉淡入） */
@media (prefers-reduced-motion: reduce) {
   .ix-hero__bg {
      animation: none;
   }

   .ix-hero__bg--a {
      opacity: 1;
   }

   .ix-hero__bg--b {
      opacity: 0;
   }
}

/* ---------- 首屏按钮 ---------- */
.ix-hero__cta {
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
   justify-content: center;
   margin-block-start: 30px;
}

.ix-btn {
   display: inline-flex;
   gap: 9px;
   align-items: center;
   padding: 13px 26px;
   border: 0;
   border-radius: 50px;
   font-size: 15px;
   font-weight: 600;
   line-height: 1;
   cursor: pointer;
   transition: transform .25s ease, background-color .25s ease;
}

.ix-btn--primary {
   background: #3887fe;
   color: #fff;
   box-shadow: 0 10px 24px rgba(56, 135, 254, .35);
}

.ix-btn--primary:hover {
   background: #1f6fe8;
   color: #fff;
   transform: translateY(-2px);
}

.ix-btn--ghost {
   background: rgba(255, 255, 255, .16);
   color: #fff;
   border: 1px solid rgba(255, 255, 255, .55);
}

.ix-btn--ghost:hover {
   background: rgba(255, 255, 255, .26);
   color: #fff;
   transform: translateY(-2px);
}

/* ---------- 2. 信任条：只写可核验事实 ---------- */
.ix-trust {
   border-block-end: 1px solid #eef1f6;
   background: #fff;
}

.ix-trust__list {
   display: flex;
   flex-wrap: wrap;
   gap: 14px 34px;
   align-items: center;
   justify-content: center;
   margin: 0;
   padding: 20px 0;
   list-style: none;
}

.ix-trust__item {
   display: flex;
   gap: 10px;
   align-items: center;
   color: var(--ix-text);
   font-size: 14.5px;
}

.ix-trust__item i {
   color: var(--clr-theme-1);
   font-size: 16px;
}

.ix-trust__item strong {
   color: var(--ix-heading);
   font-weight: 600;
}

/* ---------- 3. 公司介绍 ---------- */
.ix-about__lead {
   margin-bottom: 20px;
   color: var(--ix-text);
   font-size: 16px;
   line-height: 1.9;
}

.ix-about__lead strong {
   color: var(--ix-heading);
}

.ix-about__badges {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 14px;
   margin: 26px 0 0;
   padding: 0;
   list-style: none;
}

.ix-about__badges li {
   display: flex;
   gap: 10px;
   align-items: flex-start;
   padding: 13px 16px;
   border: var(--ix-border);
   border-radius: var(--ix-radius-sm);
   background: #fff;
   color: #475569;
   font-size: 14.5px;
   font-weight: 500;
}

.ix-about__badges i {
   margin-block-start: 3px;
   color: var(--clr-theme-1);
}

/* 创始人署名 */
.ix-founder {
   display: flex;
   gap: 14px;
   align-items: center;
   margin-block-start: 26px;
   padding: 16px 18px;
   border-radius: var(--ix-radius-sm);
   background: #f7faff;
}

.ix-founder img {
   width: 56px;
   height: 56px;
   border-radius: 50%;
   object-fit: cover;
}

.ix-founder p {
   margin: 0;
   color: #475569;
   font-size: 14.5px;
   line-height: 1.7;
}

.ix-founder span {
   display: block;
   margin-block-start: 4px;
   color: var(--ix-text);
   font-size: 13px;
}

/* ---------- 4. 服务能力矩阵 ---------- */
.ix-cap {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 22px;
}

.ix-cap__card {
   display: flex;
   flex-direction: column;
   padding: 26px 24px 22px;
   border: var(--ix-border);
   border-radius: var(--ix-radius);
   background: #fff;
   box-shadow: var(--ix-shadow);
   transition: transform .3s ease, box-shadow .3s ease;
}

.ix-cap__card:hover {
   transform: translateY(-4px);
   box-shadow: var(--ix-shadow-hover);
}

.ix-cap__icon {
   display: inline-flex;
   width: 52px;
   height: 52px;
   margin-bottom: 16px;
   border-radius: 14px;
   align-items: center;
   justify-content: center;
   font-size: 22px;
}

.ix-cap__card--repair .ix-cap__icon { background: rgba(56, 135, 254, .10); color: var(--ix-biz-repair); }
.ix-cap__card--data .ix-cap__icon { background: rgba(26, 86, 219, .10); color: var(--ix-biz-data); }
.ix-cap__card--recycle .ix-cap__icon { background: rgba(17, 153, 142, .10); color: var(--ix-biz-recycle); }
.ix-cap__card--ai .ix-cap__icon { background: rgba(142, 45, 226, .10); color: var(--ix-biz-ai); }

.ix-cap__card h3 {
   margin-bottom: 8px;
   font-size: 19px;
   font-weight: 700;
}

.ix-cap__card h3 a {
   color: var(--ix-heading);
}

.ix-cap__card h3 a:hover {
   color: var(--clr-theme-1);
}

.ix-cap__card p {
   margin-bottom: 16px;
   color: var(--ix-text);
   font-size: 14.5px;
   line-height: 1.75;
}

.ix-cap__list {
   margin: 0 0 18px;
   padding: 0;
   list-style: none;
}

.ix-cap__list li {
   position: relative;
   margin-bottom: 9px;
   padding-inline-start: 20px;
   color: #475569;
   font-size: 14px;
   line-height: 1.6;
}

.ix-cap__list li::before {
   position: absolute;
   inset-inline-start: 0;
   color: #27ae60;
   content: "\f058";
   font-family: var(--bd-ff-fontawesome);
   font-size: 13px;
}

.ix-cap__more {
   margin-block-start: auto;
   font-size: 14px;
   font-weight: 600;
}

.ix-cap__more a {
   color: var(--clr-theme-1);
}

/* ---------- 5. 服务详情卡（图片卡） ---------- */
.ix-svc__item {
   display: block;
   height: 100%;
   overflow: hidden;
   border: var(--ix-border);
   border-radius: var(--ix-radius);
   background: #fff;
   box-shadow: var(--ix-shadow);
   transition: transform .3s ease, box-shadow .3s ease;
}

.ix-svc__item:hover {
   transform: translateY(-4px);
   box-shadow: var(--ix-shadow-hover);
}

.ix-svc__thumb {
   position: relative;
   height: 180px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.ix-svc__thumb::after {
   position: absolute;
   inset: 0;
   background: linear-gradient(180deg, rgba(15, 23, 42, 0) 40%, rgba(15, 23, 42, .45) 100%);
   content: "";
}

.ix-svc__body {
   padding: 22px 22px 24px;
}

.ix-svc__body h3 {
   margin-bottom: 10px;
   color: var(--ix-heading);
   font-size: 18px;
   font-weight: 700;
}

.ix-svc__body p {
   margin-bottom: 14px;
   color: var(--ix-text);
   font-size: 14.5px;
   line-height: 1.75;
}

.ix-svc__tags {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   margin: 0;
   padding: 0;
   list-style: none;
}

.ix-svc__tags li {
   padding: 4px 11px;
   border-radius: 50px;
   background: #f2f6fc;
   color: #475569;
   font-size: 12.5px;
}

/* ---------- 6. 设备与工艺 ---------- */
.ix-equip {
   display: grid;
   grid-template-columns: repeat(5, minmax(0, 1fr));
   gap: 18px;
}

.ix-equip__item {
   padding: 22px 18px;
   border: var(--ix-border);
   border-radius: var(--ix-radius-sm);
   background: #fff;
   text-align: center;
   transition: transform .3s ease, box-shadow .3s ease;
}

.ix-equip__item:hover {
   transform: translateY(-3px);
   box-shadow: var(--ix-shadow-hover);
}

.ix-equip__item i {
   display: block;
   margin-bottom: 12px;
   color: var(--clr-theme-1);
   font-size: 26px;
}

.ix-equip__item h4 {
   margin-bottom: 6px;
   color: var(--ix-heading);
   font-size: 15px;
   font-weight: 600;
   line-height: 1.5;
}

.ix-equip__item p {
   margin: 0;
   color: var(--ix-text);
   font-size: 13px;
   line-height: 1.65;
}

/* ---------- 8. 案例 ---------- */
.ix-case .project__thumb {
   overflow: hidden;
   border-radius: 20px;
   aspect-ratio: 4 / 3;
}

.ix-case .project__thumb img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.ix-case .project__content {
   padding: 22px 24px 24px;
}

.ix-case .project__content h3 {
   font-size: 19px;
   line-height: 1.45;
}

.ix-case .project__content p {
   font-size: 14.5px;
   line-height: 1.75;
}

.ix-case .project__tag a {
   padding: 4px 12px;
   font-size: 12.5px;
}

.ix-case__note {
   margin-block-start: 8px;
   color: var(--ix-text);
   font-size: 13.5px;
}

/* ---------- 9. 工程师 ---------- */
.ix-eng {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 24px;
}

.ix-eng__card {
   overflow: hidden;
   border: var(--ix-border);
   border-radius: var(--ix-radius);
   background: #fff;
   box-shadow: var(--ix-shadow);
   transition: transform .3s ease, box-shadow .3s ease;
}

.ix-eng__card:hover {
   transform: translateY(-4px);
   box-shadow: var(--ix-shadow-hover);
}

.ix-eng__thumb {
   height: 260px;
   background-position: center top;
   background-repeat: no-repeat;
   background-size: cover;
}

.ix-eng__body {
   padding: 20px 22px 24px;
}

.ix-eng__body h3 {
   margin-bottom: 4px;
   color: var(--ix-heading);
   font-size: 18px;
   font-weight: 700;
}

.ix-eng__role {
   display: block;
   margin-bottom: 14px;
   color: var(--clr-theme-1);
   font-size: 14px;
   font-weight: 600;
}

.ix-eng__meta {
   margin: 0;
   padding: 0;
   list-style: none;
}

.ix-eng__meta li {
   position: relative;
   margin-bottom: 8px;
   padding-inline-start: 18px;
   color: #475569;
   font-size: 14px;
   line-height: 1.65;
}

.ix-eng__meta li::before {
   position: absolute;
   inset-inline-start: 0;
   color: #94a3b8;
   content: "\f111";
   font-family: var(--bd-ff-fontawesome);
   font-size: 6px;
   line-height: 2.2;
}

/* ---------- 10. 能力与承诺（替代原数字计数器） ---------- */
.ix-metric {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 20px;
}

.ix-metric__item {
   padding: 26px 22px;
   border-radius: var(--ix-radius);
   background: #fff;
   text-align: center;
   box-shadow: var(--ix-shadow);
}

.ix-metric__item i {
   display: block;
   margin-bottom: 12px;
   color: var(--clr-theme-1);
   font-size: 26px;
}

.ix-metric__item h4 {
   margin-bottom: 8px;
   color: var(--ix-heading);
   font-size: 17px;
   font-weight: 700;
}

.ix-metric__item p {
   margin: 0;
   color: var(--ix-text);
   font-size: 14px;
   line-height: 1.7;
}

/* ---------- 11. 服务保障 ---------- */
.ix-guarantee {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 22px;
}

.ix-guarantee__item {
   display: flex;
   gap: 16px;
   align-items: flex-start;
   padding: 24px 22px;
   border: var(--ix-border);
   border-radius: var(--ix-radius);
   background: #fff;
   transition: transform .3s ease, box-shadow .3s ease;
}

.ix-guarantee__item:hover {
   transform: translateY(-3px);
   box-shadow: var(--ix-shadow-hover);
}

.ix-guarantee__icon {
   flex: 0 0 auto;
   color: var(--clr-theme-1);
   font-size: 24px;
   line-height: 1.2;
}

.ix-guarantee__item h4 {
   margin-bottom: 6px;
   color: var(--ix-heading);
   font-size: 16px;
   font-weight: 700;
}

.ix-guarantee__item p {
   margin: 0;
   color: var(--ix-text);
   font-size: 14px;
   line-height: 1.7;
}

/* ---------- 12. 客户评价 ---------- */
.ix-review__grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 22px;
}

.ix-review__card {
   display: flex;
   flex-direction: column;
   padding: 24px 22px;
   border: var(--ix-border);
   border-radius: var(--ix-radius);
   background: #fff;
   box-shadow: var(--ix-shadow);
}

.ix-review__top {
   display: flex;
   gap: 12px;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 12px;
}

.ix-review__stars {
   color: #f8b739;
   font-size: 13px;
   letter-spacing: 2px;
}

.ix-review__who {
   color: var(--ix-text);
   font-size: 13px;
}

.ix-review__card p {
   margin-bottom: 16px;
   color: #475569;
   font-size: 14.5px;
   line-height: 1.8;
}

.ix-review__tag {
   display: inline-flex;
   gap: 8px;
   align-items: center;
   margin-block-start: auto;
   color: var(--ix-text);
   font-size: 13px;
}

.ix-review__tag i {
   color: var(--clr-theme-1);
}

.ix-review__platforms {
   display: flex;
   flex-wrap: wrap;
   gap: 18px;
   align-items: center;
   justify-content: center;
   margin-block-start: 34px;
}

.ix-review__platforms img {
   height: 32px;
   width: auto;
   opacity: .9;
}

.ix-review__platforms span {
   color: var(--ix-text);
   font-size: 13.5px;
}

/* ---------- 13. 发展历程（配合 tl-compact） ---------- */
.ix-history .tl-compact__grid {
   grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* ---------- 14. FAQ ---------- */
.ix-faq .accordion-button {
   color: var(--ix-heading);
   font-weight: 600;
}

.ix-faq .accordion-button:not(.collapsed) {
   color: var(--clr-theme-1);
   background: #f7faff;
}

.ix-faq .accordion-button:focus {
   box-shadow: none;
}

.ix-faq .faq-body {
   color: var(--ix-text);
   font-size: 14.8px;
   line-height: 1.85;
}

/* ---------- 响应式 ---------- */
@media (max-width: 1199px) {
   .ix-cap { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .ix-equip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
   .ix-metric { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .ix-review__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .ix-history .tl-compact__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 991px) {
   .ix-eng { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .ix-guarantee { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
   .ix-cap,
   .ix-eng,
   .ix-guarantee,
   .ix-review__grid,
   .ix-history .tl-compact__grid,
   .ix-about__badges {
      grid-template-columns: minmax(0, 1fr);
   }

   /* 小屏压缩：小卡片两列、案例图改横向、正文限行，控制移动端页面长度 */
   .ix-equip,
   .ix-metric {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .ix-equip__item {
      padding: 18px 14px;
   }

   .ix-equip__item h4 {
      font-size: 14px;
   }

   .ix-equip__item p {
      font-size: 12.5px;
   }

   .ix-equip__item i {
      margin-bottom: 9px;
      font-size: 22px;
   }

   .ix-metric__item {
      padding: 20px 14px;
   }

   .ix-metric__item h4 {
      font-size: 15.5px;
   }

   .ix-metric__item p {
      font-size: 13px;
   }

   .ix-case .project__thumb {
      aspect-ratio: 16 / 9;
   }

   .ix-case .project__content {
      padding: 16px 16px 18px;
   }

   .ix-case .project__content h3 {
      font-size: 17px;
   }

   .ix-case .project__content p {
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      font-size: 13.5px;
   }

   .ix-eng__thumb { height: 220px; }
   .ix-trust__list { gap: 10px 20px; }
}