/* ============================================================================
   时代佳欣 · 工业专业风 视觉覆盖层
   ----------------------------------------------------------------------------
   新增文件，最后加载，只做"覆盖"与"新增区块"，不修改原 style.css。
   配色：深蓝(钢) + 钢灰 + 橙色强调（橙色沿用站点原有 #ff9600，保持品牌延续性）

   回滚：删除本文件 + 还原 index.htm 即可，其它文件未动。
   ========================================================================= */

:root{
  --ind-navy:      #0d2b45;   /* 深蓝主色 */
  --ind-navy-2:    #153f63;   /* 深蓝过渡 */
  --ind-navy-3:    #1d4f7a;   /* 深蓝亮端 */
  --ind-steel:     #434c5a;   /* 钢灰（沿用原站已有色） */
  --ind-orange:    #ff9600;   /* 强调色（沿用原站） */
  --ind-orange-dk: #e07d00;
  --ind-line:      #e3e7ec;
  --ind-bg:        #f4f6f8;
}

/* ---------------------------------------------------------------
   1. 全局微调：标题强调条换成橙色，统一容器宽度
   --------------------------------------------------------------- */
.title-c h3:before{ background: var(--ind-orange); }
.title-c h3{ letter-spacing: .5px; }
.container{ max-width:1240px; }

/* ---------------------------------------------------------------
   2. 英雄区（替换原来空着的轮播位）
   --------------------------------------------------------------- */
.home-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(1200px 520px at 80% 12%, rgba(255,150,0,.16), transparent 62%),
    linear-gradient(135deg, var(--ind-navy) 0%, var(--ind-navy-2) 55%, var(--ind-navy-3) 100%);
  color:#fff;
}
/* 细网格纹理，工业感 */
.home-hero:before{
  content:''; position:absolute; inset:0; pointer-events:none; opacity:.45;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size:46px 46px, 46px 46px;
}
/* 右下角橙色光晕 */
.home-hero:after{
  content:''; position:absolute; right:-140px; bottom:-180px; width:520px; height:520px;
  border-radius:50%; pointer-events:none;
  background:radial-gradient(circle, rgba(255,150,0,.22), transparent 68%);
}
.home-hero .hero-inner{ position:relative; z-index:2; padding:92px 0 88px; }
.home-hero .hero-tag{
  display:inline-block; font-size:13px; letter-spacing:2.5px;
  color:#ffd79a; border:1px solid rgba(255,199,122,.42);
  border-radius:999px; padding:6px 18px; margin-bottom:24px;
}
.home-hero h1{
  font-size:44px; line-height:1.26; font-weight:700;
  margin:0 0 20px; color:#fff; letter-spacing:.5px;
}
.home-hero h1 em{ font-style:normal; color:var(--ind-orange); }
.home-hero .hero-sub{
  font-size:17px; line-height:1.95; max-width:790px;
  color:rgba(255,255,255,.82); margin:0 0 34px;
}
.home-hero .hero-btns{ margin-bottom:52px; }
.home-hero .hero-btns .button{
  display:inline-block; min-width:186px; text-align:center;
  padding:15px 30px; font-size:16px; border-radius:3px;
  margin:0 14px 12px 0; transition:all .28s ease;
}
.home-hero .hero-btns .btn-primary{
  background:var(--ind-orange); color:#fff; border:1px solid var(--ind-orange);
  box-shadow:0 8px 22px rgba(255,150,0,.30);
}
.home-hero .hero-btns .btn-primary:hover{
  background:var(--ind-orange-dk); border-color:var(--ind-orange-dk);
  color:#fff; transform:translateY(-2px);
}
.home-hero .hero-btns .btn-ghost{
  background:transparent; color:#fff; border:1px solid rgba(255,255,255,.55);
}
.home-hero .hero-btns .btn-ghost:hover{
  background:rgba(255,255,255,.12); color:#fff; transform:translateY(-2px);
}
/* 英雄区下方一排关键数据 */
.home-hero .hero-facts{
  position:relative; z-index:2;
  display:flex; flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.16);
  padding-top:26px; gap:0;
}
.home-hero .hero-facts .fact{
  flex:1 1 200px; padding:0 26px;
  border-right:1px solid rgba(255,255,255,.14);
}
.home-hero .hero-facts .fact:last-child{ border-right:0; }
.home-hero .hero-facts .fact b{
  display:block; font-size:26px; color:var(--ind-orange);
  font-weight:700; line-height:1.2; margin-bottom:6px;
}
.home-hero .hero-facts .fact span{ font-size:14px; color:rgba(255,255,255,.72); }

/* ---------------------------------------------------------------
   3. 产品系列卡片网格
   --------------------------------------------------------------- */
.ind-series{ background:var(--ind-bg); padding:70px 0 62px; }
.ind-series-grid{
  display:grid; grid-template-columns:repeat(3, 1fr);
  gap:20px; margin-top:8px;
}
.ind-series-card{
  position:relative; display:block; background:#fff;
  border:1px solid var(--ind-line); border-radius:4px;
  padding:28px 26px 24px; overflow:hidden;
  transition:box-shadow .28s ease, transform .28s ease, border-color .28s ease;
}
.ind-series-card:before{
  content:''; position:absolute; left:0; top:0; height:3px; width:0;
  background:var(--ind-orange); transition:width .32s ease;
}
.ind-series-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 34px rgba(13,43,69,.12);
  border-color:#cfd8e3;
}
.ind-series-card:hover:before{ width:100%; }
.ind-series-card .idx{
  position:absolute; right:18px; top:14px;
  font-size:38px; font-weight:700; line-height:1;
  color:#eef1f5; letter-spacing:-1px;
}
.ind-series-card h3{
  position:relative; z-index:2; font-size:19px; font-weight:600;
  color:var(--ind-navy); margin:0 0 10px; padding-right:56px;
}
.ind-series-card p{
  position:relative; z-index:2; font-size:14px; line-height:1.8;
  color:#7b8794; margin:0 0 16px; min-height:50px;
}
.ind-series-card .go{
  position:relative; z-index:2; font-size:13px;
  color:var(--ind-orange); letter-spacing:.5px;
}
.ind-series-card:hover .go{ color:var(--ind-orange-dk); }

/* ---------------------------------------------------------------
   4. 信任状条
   --------------------------------------------------------------- */
.ind-trust{
  background:linear-gradient(135deg, var(--ind-steel) 0%, #2f3844 100%);
  padding:52px 0;
}
.ind-trust-grid{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:18px;
}
.ind-trust-item{
  border-left:2px solid var(--ind-orange);
  padding-left:18px;
}
.ind-trust-item b{
  display:block; font-size:17px; color:#fff; font-weight:600;
  margin-bottom:8px; letter-spacing:.3px;
}
.ind-trust-item span{
  font-size:13.5px; line-height:1.8; color:rgba(255,255,255,.68);
  display:block;
}
.ind-trust .ind-trust-title{
  text-align:center; margin-bottom:38px;
}
.ind-trust .ind-trust-title h3{
  color:#fff; font-size:26px; font-weight:600; margin:0 0 12px;
  letter-spacing:.5px;
}
.ind-trust .ind-trust-title p{
  color:rgba(255,255,255,.6); font-size:14.5px; margin:0;
}

/* ---------------------------------------------------------------
   5. 响应式
   --------------------------------------------------------------- */
@media (max-width:1100px){
  .home-hero h1{ font-size:36px; }
  .ind-series-grid{ grid-template-columns:repeat(2, 1fr); }
  .ind-trust-grid{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:767px){
  .home-hero .hero-inner{ padding:60px 0 54px; }
  .home-hero h1{ font-size:27px; }
  .home-hero .hero-sub{ font-size:15px; }
  .home-hero .hero-btns .button{ min-width:0; width:100%; margin:0 0 12px; }
  .home-hero .hero-facts .fact{
    flex:1 1 100%; border-right:0; border-bottom:1px solid rgba(255,255,255,.12);
    padding:16px 0;
  }
  .home-hero .hero-facts .fact:last-child{ border-bottom:0; }
  .ind-series{ padding:46px 0 40px; }
  .ind-series-grid{ grid-template-columns:1fr; }
  .ind-trust-grid{ grid-template-columns:1fr; }
  .ind-trust{ padding:40px 0; }
}