/* =========================================================================
   匠精灵广告标识 · 首页视觉升级稿 v2 (深色工业 × 暖橙红渐变 "熔金" 主题)
   说明：
   - 保留原 HTML 结构 / 导航 / 所有文字与 SEO 内容（SEO 零影响）
   - 本文件仅重构【视觉层】：配色、字体、间距、卡片、深色工业区块、光感动效
   - 品牌主色 = 暖橙红渐变 (熔金 / 高温锻造感)
   - 深色工业底 = 炭黑 + 深空蓝黑渐变
   ========================================================================= */

/* ---------- 设计令牌 (Design Tokens) ---------- */
:root{
  /* 熔金暖橙红体系（主 CTA / 强调 / 渐变光感）*/
  --brand-1:#ff7a1a;      /* 亮橙（火焰尖）*/
  --brand-2:#e8500f;      /* 主橙红(熔金核心)*/
  --brand-3:#c22a1c;      /* 暗红(锻造余烬)*/
  --grad-brand:linear-gradient(135deg,#ff8a2a 0%,#e8500f 45%,#c22a1c 100%);
  --grad-brand-soft:linear-gradient(135deg,rgba(232,80,15,.18),rgba(194,42,28,.12));

  /* 深色工业底（高温锻造车间 / 夜空金属感）*/
  --ink-1:#0b0f14;        /* 近黑 深炭 */
  --ink-2:#121821;        /* 深空蓝黑 */
  --ink-3:#1a222e;        /* 次级深色面板 */
  --ink-line:rgba(255,255,255,.08);

  /* 中性（浅色区）*/
  --bg-light:#f6f7f9;
  --card:#ffffff;
  --line:#e7e9ee;

  /* 文字 */
  --t-dark:#16181d;
  --t-mid:#4a4f58;
  --t-light:#9aa0aa;
  --t-white:#ffffff;

  /* 阴影 - 换肤(工业感更硬朗) */
  --shadow-sm:0 2px 10px rgba(11,15,20,.05);
  --shadow-card:0 12px 34px rgba(11,15,20,.07);
  --shadow-glow:0 10px 34px rgba(232,80,15,.28);
}

/* ---------- 基础 ---------- */
body{background:#fff;color:var(--t-dark)}
a{color:inherit}

/* =========================================================================
   顶部导航 —— 贺哥最满意，保持浅色商务原样（此处仅做微调保证对比度）
   实际导航样式在 common.css 已保留，不在此覆盖
   ========================================================================= */

/* =========================================================================
   首屏 Banner —— 深色工业遮罩 + 暖橙红光晕 (科技大厂开场)
   ========================================================================= */
.index_baner .banner-slide .banner-overlay{
  background:
    radial-gradient(1200px 500px at 78% -10%, rgba(232,80,15,.28), transparent 60%),
    radial-gradient(900px 420px at 8% 110%, rgba(194,42,28,.22), transparent 55%),
    linear-gradient(100deg, rgba(6,9,13,.88) 0%, rgba(10,14,20,.72) 46%, rgba(11,15,20,.30) 100%);
  align-items:center;
  padding:60px 90px;
}
/* 品牌小标签（科技感眉题）已按贺哥要求移除（2026-10-11）：原 JIANGJINGLING · SIGNAGE 2009 眉题取消 */
.index_baner .banner-slide .banner-overlay h1,
.index_baner .banner-slide .banner-overlay h2{
  font-size:50px;font-weight:800;letter-spacing:1px;
  color:#fff;line-height:1.15;
}
.index_baner .banner-slide .banner-overlay p{opacity:.92;font-size:18px;color:#dfe3ea}
.banner-btn{
  background:var(--grad-brand);
  border-radius:8px;font-weight:600;letter-spacing:.5px;
  box-shadow:var(--shadow-glow);
  border:none;
}
.banner-btn:hover{background:var(--grad-brand);filter:brightness(1.08)}
.banner-nav span{background:rgba(255,255,255,.45)}
.banner-nav span.active{background:var(--brand-1);width:34px}

/* ---- 第4张Banner（AI建模）专属统一：按钮组左对齐 + 按钮融入熔金品牌色(去掉紫色跳色) ---- */
.index_baner .banner-overlay div[style*="display:flex"]{
  justify-content:flex-start !important;
  margin-top:22px !important;
}
.index_baner .banner-overlay div[style*="display:flex"] .banner-btn{
  background:var(--grad-brand) !important;
  color:#ffffff !important;
  border:none !important;
  padding:13px 30px !important;
  font-size:15px !important;
  border-radius:8px !important;
  box-shadow:var(--shadow-glow) !important;
  font-weight:600 !important;
}
.index_baner .banner-overlay div[style*="display:flex"] .banner-btn:hover{
  background:var(--grad-brand) !important;
  filter:brightness(1.08) !important;
}

/* =========================================================================
   区块标题 —— 加 熔金短线 + 英文眉题 提升设计感
   ========================================================================= */
.title_head{text-align:center;margin-bottom:46px}
.title_head h2{
  font-size:38px;font-weight:800;color:var(--t-dark);
  position:relative;padding-bottom:20px;letter-spacing:.5px;
}
.title_head h2::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:64px;height:4px;border-radius:2px;background:var(--grad-brand);
}
.title_head p{font-size:17px;color:var(--t-mid);margin-top:16px;letter-spacing:.5px}

/* =========================================================================
   ① 业务板块 (index_case_1) —— 白卡 + 熔金描边 + 工业 hover
   ========================================================================= */
.index_case_1{background:var(--bg-light);padding:96px 0}
.index_case_1 .list{
  background:#fff;border:1px solid var(--line);
  border-radius:14px;box-shadow:var(--shadow-sm);
}
.index_case_1 .list:hover{
  transform:translateY(-8px);
  border-color:var(--brand-2);
  box-shadow:var(--shadow-card),0 0 0 1px rgba(232,80,15,.12);
}
.index_case_1 .list .card-img{height:215px}
.index_case_1 .list .tle{font-size:22px;font-weight:800}
/* hover 全遮罩 = 熔金深色工业 */
.index_case_1 .last_cont .list .det_cont{
  background:linear-gradient(150deg,#141a23 0%,#1a1011 60%,#2a1207 100%);
}
.index_case_1 .last_cont .list .det_cont .btn{
  border:2px solid var(--brand-1);color:var(--brand-1);
}
.index_case_1 .last_cont .list .det_cont .btn:hover{background:var(--brand-1);color:#fff}

/* =========================================================================
   ② 数据展示 (index_case_2) —— 深色工业锻造感 + 数字熔金渐变发光
   ========================================================================= */
.index_case_2{
  background:
    radial-gradient(1100px 500px at 85% 0%, rgba(232,80,15,.15), transparent 55%),
    radial-gradient(900px 420px at 10% 100%, rgba(194,42,28,.10), transparent 55%),
    linear-gradient(135deg,var(--ink-2) 0%,var(--ink-1) 100%);
  padding:96px 0;position:relative;
}
.index_case_2 .title_head h2{color:#fff}
.index_case_2 .title_head p{color:rgba(255,255,255,.6)}
.index_case_2 .last_cont .list .tis_num{
  font-size:62px;font-weight:900;
  line-height:1.1;                 /* 防裁切 */
  color:var(--brand-1);            /* 熔金橙实色 */
  text-shadow:0 0 24px rgba(255,122,26,.45), 0 2px 4px rgba(0,0,0,.5);
}
.index_case_2 .last_cont .list .txt{font-size:18px;color:rgba(255,255,255,.85);letter-spacing:.5px}

/* =========================================================================
   ③ 运用场景 (index_case_3)
   ========================================================================= */
.index_case_3{background:#fff;padding:96px 0}
.index_case_3 .tis_head .tle{
  font-size:38px;font-weight:800;color:var(--t-dark);
  position:relative;display:inline-block;padding-bottom:16px;
}
.index_case_3 .tis_head .tle::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:64px;height:4px;border-radius:2px;background:var(--grad-brand);
}
.index_case_3 .nav_dl .list{background:var(--bg-light);border:1px solid var(--line)}
.index_case_3 .nav_dl .list:hover,
.index_case_3 .nav_dl .list.active{
  background:#fff;border-color:var(--brand-2);
  box-shadow:0 8px 26px rgba(232,80,15,.16);
  transform:translateY(-4px);
}
.index_case_3 .nav_dl .list .det h2{font-size:16px;font-weight:700}
.index_case_3 .bit_cont{box-shadow:var(--shadow-card)}

/* =========================================================================
   ④ 优势板块 (index_case_4) —— 深色工业卡片带
   ========================================================================= */
.index_case_4{
  background:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(135deg,var(--ink-1) 0%,var(--ink-3) 100%);
  background-size:60px 60px,60px 60px,cover;
  padding:96px 0;
}
.index_case_4 .title_head h2{color:#fff}
.index_case_4 .title_head p{color:rgba(255,255,255,.6)}
.index_case_4 .last_cont .list{
  background:rgba(255,255,255,.04);
  border:1px solid var(--ink-line);
  backdrop-filter:blur(4px);
  border-radius:14px;transition:all .35s;
}
.index_case_4 .last_cont .list:hover{
  background:rgba(255,255,255,.07);
  border-color:rgba(232,80,15,.5);
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(0,0,0,.4);
}
.index_case_4 .last_cont .list .num{
  font-size:48px;font-weight:900;
  line-height:1.1;              /* 避免渐变clip裁切 */
  min-width:56px;
  color:var(--brand-1);         /* 熔金橙实色,稳定不裁切 */
  opacity:.9;
}
.index_case_4 .last_cont .list .det h2{font-size:21px;font-weight:800;color:#fff}
.index_case_4 .last_cont .list .det p{font-size:15px;color:rgba(255,255,255,.72);line-height:1.75}

/* =========================================================================
   ⑤ 生产基地 (index_case_5) —— 浅色 + 熔金控件
   ========================================================================= */
.index_case_5{background:var(--bg-light);padding:96px 0}
.case5-slide .tis_i{border-radius:12px;box-shadow:var(--shadow-sm)}
.case5-slide .txt{color:var(--t-dark);font-weight:700;font-size:16px}
.slide-prev,.slide-next{background:#fff;border:1px solid var(--line);color:var(--t-mid)}
.slide-prev:hover,.slide-next:hover{background:var(--grad-brand);border-color:transparent;color:#fff}
.slide-dots span.active{background:var(--brand-2);width:26px}

/* =========================================================================
   ⑥ 精选案例 (index_case_7)
   ========================================================================= */
.index_case_7{background:#fff;padding:96px 0}
.index_case_7 .tis_nav_cont .title{
  font-size:38px;font-weight:800;color:var(--t-dark);
  position:relative;padding-bottom:16px;
}
.index_case_7 .tis_nav_cont .title::after{
  content:"";position:absolute;left:0;bottom:0;width:64px;height:4px;
  border-radius:2px;background:var(--grad-brand);
}
.case7-slide{border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.case7-slide:hover{box-shadow:var(--shadow-card)}
.case7-slide .txt h2{color:var(--t-dark);font-weight:700}
.more_btn{
  border:2px solid var(--brand-2);color:var(--brand-2);
  font-weight:600;border-radius:40px;
}
.more_btn:hover{background:var(--grad-brand);border-color:transparent;color:#fff}

/* =========================================================================
   ⑦ 最新动态 (index_case_news)
   ========================================================================= */
.index_case_news{background:var(--bg-light);padding:96px 0}
.news-card{border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.news-card:hover{box-shadow:var(--shadow-card);border-color:var(--brand-2)}
.news-date{color:var(--brand-2);font-weight:800}
.news-title{color:var(--t-dark);font-weight:700}
.news-cat{background:var(--grad-brand);border:none;font-weight:600}

/* =========================================================================
   页脚 —— 深色工业 + 熔金点缀（保留所有 SEO 内链文字）
   ========================================================================= */
.pulic_foot_cont{
  background:linear-gradient(160deg,#0d1117 0%,#0a0d12 55%,#120a08 100%);
  color:#cfd4db;
}
/* 联系方式标题（联系我们）*/
.pulic_foot_cont .contact_last .title_h{
  color:#ffffff !important;
  border-bottom-color:var(--brand-2) !important;
}
/* 公司名 dt */
.pulic_foot_cont .contact_last .dl .dt{color:#ffffff !important}
/* 免费咨询 / 合作邮箱 / 工厂地址 —— 纯净浅灰白,避免偏蓝,减少颜色 */
.pulic_foot_cont .contact_last .dl .dd{color:#e6e8ec}
.pulic_foot_cont .contact_last .dl .dd .label{color:#c2c7cf !important}
.pulic_foot_cont .contact_last .dl .dd .val{color:#f5f6f8 !important}
.pulic_foot_cont .contact_last .dl .dd.tel .val{color:var(--brand-1) !important}
/* 二维码下方文字 */
.pulic_foot_cont .code_last .list .txt{color:#dfe3ea}
/* SEO 内链文字 —— 统一浅灰，不突出橙色 */
.pulic_foot_cont .bit_copy{
  color:rgba(255,255,255,.55) !important;
  border-top-color:rgba(255,255,255,.12) !important;
}
.pulic_foot_cont .bit_copy a,
.pulic_foot_cont .bit_copy a[style*="color:#f0c040"],
.pulic_foot_cont .bit_copy a[href*="fa-guang-zi"],.pulic_foot_cont .bit_copy a[href*="men-tou"],
.pulic_foot_cont .bit_copy a[href*="guang-gao"],.pulic_foot_cont .bit_copy a[href*="biao-shi"],
.pulic_foot_cont .bit_copy a[href*="jing-xi"],.pulic_foot_cont .bit_copy a[href*="lian-suo"],
.pulic_foot_cont .bit_copy a[href*="3d-da-yin"],.pulic_foot_cont .bit_copy a[href*="ai3d"],
.pulic_foot_cont .bit_copy a[href*="chengdu"],.pulic_foot_cont .bit_copy a[href*="chongqing"],
.pulic_foot_cont .bit_copy a[href*="sichuan"],.pulic_foot_cont .bit_copy a[href*="guiyang"],
.pulic_foot_cont .bit_copy a[href*="kunming"],
.pulic_foot_cont .bit_copy a[href*="tl2009"],.pulic_foot_cont .bit_copy a[href*="beian"]{
  color:rgba(255,255,255,.62) !important;
}
.pulic_foot_cont .bit_copy a:hover{color:#ffffff !important}

/* =========================================================================
   荣誉资质 (index_case_6) - 深色工业化
   ========================================================================= */
.index_case_6{
  background:
    radial-gradient(900px 400px at 80% 0%, rgba(232,80,15,.16), transparent 55%),
    linear-gradient(135deg,var(--ink-2),var(--ink-1));
}
.index_case_6 .last_cont .list .tis{color:var(--brand-1)}
.index_case_6 .case6-slide .tis_i{background:rgba(255,255,255,.06);border:1px solid var(--ink-line)}

/* =========================================================================
   二维码弹窗 / 返回顶部 / 浮动 —— 熔金统一
   ========================================================================= */
.floor_return_btn:hover{background:var(--grad-brand)}
.kf-modal .modal-close:hover{color:var(--brand-2)}

/* =========================================================================
   移动端适配微调
   ========================================================================= */
@media(max-width:900px){
  /* 2026-10-11 贺哥要求：手机端隐藏板块标题里的"匠精灵，"三字（电脑端保留） */
  .title_head h2 .brand-word{display:none}
  /* 2026-10-11 贺哥要求：手机端首屏文字块再上移一些（加大底部内边距，文字底对齐时整体往上抬） */
  .index_baner .banner-slide .banner-overlay{padding:30px 20px 64px;align-items:flex-end}
  /* ==== 2026-10-11 手机端字号体系对齐 Tesla（6档：13/14/17/20/28/40，字重仅 400/500）==== */
  /* Hero 主标题 = 全页最大（字重沿用电脑版 800） */
  .index_baner .banner-slide .banner-overlay h1,
  .index_baner .banner-slide .banner-overlay h2{font-size:32px;font-weight:800}
  .index_baner .banner-slide .banner-overlay p{font-size:17px}
  /* 板块大标题统一 28px，字重沿用电脑版 800 */
  .title_head h2{font-size:28px;font-weight:800}
  .index_case_3 .tis_head .tle{font-size:28px;font-weight:800}
  .index_case_7 .tis_nav_cont .title{font-size:28px;font-weight:800}
  /* 统计数字统一 40px/500（覆盖 50/62px） */
  .index_case_2 .last_cont .list .tis_num{font-size:40px;font-weight:500}
  .index_case_2 .last_cont .list .tis_num .dw{font-size:20px}
  .index_case_6 .last_cont .list .tis{font-size:28px;font-weight:500}
  .index_case_6 .last_cont .list .tis span{font-size:32px}
  /* 序号统一小档 */
  .index_case_4 .last_cont .list .num{font-size:28px;font-weight:500}
  /* 车间名/运用场景标签 —— 收敛到 14px */
  .case5-slide .txt{font-size:14px;font-weight:500}
  .index_case_3 .nav_dl .list .det h2{font-size:14px;font-weight:500}
  /* 优势板块标题 20px/500 */
  .index_case_4 .last_cont .list .det h2{font-size:20px;font-weight:500}
  .index_case_4 .last_cont .list .det p{font-size:14px}
  /* 业务卡标题 20px/500 */
  .index_case_1 .list .tle,
  .index_case_1 .last_cont .list .tle,
  .index_case_1 .last_cont .list .det_cont .tle{font-size:20px;font-weight:500}
  /* 数据说明统一 14px */
  .index_case_2 .last_cont .list .txt{font-size:14px}
  /* 联系我们标题统一 20px/500 */
  .contact_last .title_h{font-size:20px;font-weight:500}
  /* 字重统一收敛到 400/500（Tesla 式克制） */
  .case7-slide .txt h2{font-weight:500}
  .pulic_foot_cont .contact_last .dl .dt{font-weight:500}
  .pulic_foot_cont .contact_last .dl .dd.tel .val{font-weight:500}
  .news-cat,.contact_last .dl .dd .label{font-weight:500}
  .banner-btn,.more_btn{font-weight:500}
  /* 新闻标题字重收敛 */
  .news-title{font-weight:500}
  .news-date{font-weight:500}
  /* 第4张Banner两按钮：对齐其他banner按钮尺寸(带!important压过上面的固定大尺寸) */
  .index_baner .banner-slide .banner-overlay div[style*="display:flex"] .banner-btn{
    padding:10px 22px !important;
    font-size:14px !important;
  }
}
@media(max-width:480px){
  .index_baner .banner-slide .banner-overlay h1,
  .index_baner .banner-slide .banner-overlay h2{font-size:28px;font-weight:800}
  .index_baner .banner-slide .banner-overlay p{font-size:17px} /* 与 ≤900 一致，统一 17px */
  /* 第4张Banner两按钮：极小屏保持可读尺寸（2026-10-11 由 11px 提升至 13px，避免蚂蚁字） */
  .index_baner .banner-slide .banner-overlay div[style*="display:flex"] .banner-btn{
    padding:10px 20px !important;
    font-size:13px !important;
    border-radius:8px !important;
    gap:8px;
  }
  /* 主 CTA「在线询价」：手机端提升至 ≥44px 触控高、14px 字（2026-10-11 修复 P2-1） */
  .index_baner .banner-slide .banner-overlay .banner-btn:not([style*="display:flex"]),
  .index_baner .banner-slide .banner-overlay div:not([style*="display:flex"]) > .banner-btn{
    padding:12px 26px !important;
    font-size:14px !important;
    border-radius:8px !important;
  }
}