/* ============================================================
   index.html 首页专属样式（类名前缀 hm-，原创模块，不与其他页共用）
   ============================================================ */

/* ---------- 1. 全屏 Banner ---------- */
.hm-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--g-deep)}
.hm-hero-bg{position:absolute;inset:0;background:url("../images/banner-home.jpg") center/cover no-repeat;filter:brightness(.72) saturate(.95)}
.hm-hero-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(46,74,58,.55) 0%,rgba(62,124,91,.45) 55%,rgba(250,247,239,.92) 100%)}
.hm-hero-box{position:relative;z-index:2;padding:120px 24px 140px;max-width:980px;margin:0 auto;text-align:center;color:#fff}
.hm-hero-kicker{display:inline-block;letter-spacing:4px;font-size:.95rem;color:#E6D2B4;border:1px solid rgba(230,210,180,.55);padding:6px 18px;border-radius:99px;opacity:0;animation:hmFadeDown .9s ease forwards .2s}
.hm-hero-title{margin:26px 0 18px;font-size:clamp(2.1rem,5.4vw,3.9rem);line-height:1.25;font-weight:800;letter-spacing:1px}
.hm-word{display:inline-block;opacity:0;transform:translateY(38px);animation:hmRise .8s cubic-bezier(.22,.61,.36,1) forwards}
.hm-word-em{color:#E6D2B4}
.hm-hero-sub{font-size:clamp(1rem,2vw,1.2rem);line-height:2;color:#EFF6F0;opacity:0;animation:hmFadeDown 1s ease forwards .9s}
.hm-hero-actions{margin-top:34px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;opacity:0;animation:hmFadeDown 1s ease forwards 1.15s}
.hm-hero-actions .btn-line{border-color:rgba(255,255,255,.6);color:#fff}
.hm-hero-actions .btn-line:hover{background:rgba(255,255,255,.14)}
.hm-hero-meta{margin-top:44px;display:flex;gap:26px;justify-content:center;flex-wrap:wrap;font-size:.9rem;color:#EFF6F0;opacity:0;animation:hmFadeDown 1s ease forwards 1.4s}
.hm-hero-meta a{color:#E6D2B4;font-weight:600}
.hm-hero-edge{position:absolute;left:0;right:0;bottom:-2px;height:64px;background:var(--paper);clip-path:polygon(0 78%,12% 30%,24% 72%,38% 22%,52% 70%,66% 28%,80% 74%,100% 26%,100% 100%,0 100%)}
@keyframes hmRise{to{opacity:1;transform:none}}
@keyframes hmFadeDown{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}

/* ---------- 2. 快速入口 ---------- */
.hm-quick{margin-top:-10px;padding-top:58px}
.hm-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hm-q{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-m);padding:26px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.hm-q:hover{transform:translateY(-6px);box-shadow:var(--shadow-m);border-color:var(--g-mid)}
.hm-q b{font-size:1.05rem;color:var(--ink)}
.hm-q span{font-size:.82rem;color:var(--ink-soft)}

/* ---------- 3. 核心优势 ---------- */
.hm-why{background:var(--g-mist)}
.hm-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hm-why-card{background:var(--paper);border-radius:var(--radius-m);padding:34px 28px;position:relative;border:1px solid var(--line);transition:transform .3s ease,box-shadow .3s ease}
.hm-why-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-m)}
.hm-why-num{position:absolute;top:18px;right:24px;font-size:2.4rem;font-weight:800;color:transparent;-webkit-text-stroke:1.5px var(--g-soft)}
.hm-why-card svg{margin-bottom:14px}
.hm-why-card h3{font-size:1.08rem;margin-bottom:10px;color:var(--ink)}
.hm-why-card p{font-size:.9rem;color:var(--ink-soft)}

/* ---------- 4. 双城服务（上下对撞对称） ---------- */
.hm-cities{background:var(--paper)}
.hm-city{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;margin-bottom:72px}
.hm-city:last-child{margin-bottom:0}
.hm-city-img{position:relative;border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.hm-city-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.hm-city-img:hover img{transform:scale(1.04)}
.hm-city-badge{position:absolute;left:18px;top:18px;background:var(--paper);color:var(--g-deep);font-size:.82rem;letter-spacing:2px;padding:6px 14px;border-radius:99px;font-weight:600}
.hm-city-txt h3{font-size:1.6rem;margin-bottom:14px}
.hm-city-txt p{color:var(--ink-soft);margin-bottom:18px}
.hm-city-list{margin-bottom:24px}
.hm-city-list li{padding:7px 0 7px 26px;position:relative;color:var(--ink-soft);font-size:.93rem}
.hm-city-list li::before{content:"";position:absolute;left:0;top:15px;width:14px;height:2px;background:var(--w)}
.hm-city-sanmenxia .hm-city-list li::before{background:var(--g)}

/* ---------- 5. 工种概览 ---------- */
.hm-work{background:var(--cream)}
.hm-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hm-work-item{background:var(--paper);border-radius:var(--radius-m);overflow:hidden;border:1px solid var(--line);transition:transform .3s ease,box-shadow .3s ease}
.hm-work-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-m)}
.hm-work-item img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.hm-work-item h3{padding:18px 20px 4px;font-size:1.05rem}
.hm-work-item p{padding:0 20px 20px;font-size:.86rem;color:var(--ink-soft)}
.hm-work-more{text-align:center;margin-top:40px}
.hm-work-more a{color:var(--g-deep);font-weight:600;font-size:1rem;border-bottom:2px solid var(--g-soft);padding-bottom:2px}
.hm-work-more a:hover{color:var(--g)}

/* ---------- 6. 服务流程 ---------- */
.hm-flow{background:var(--g-mist)}
.hm-flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.hm-flow-steps::before{content:"";position:absolute;top:34px;left:12%;right:12%;height:2px;background:var(--g-soft);z-index:0}
.hm-step{background:var(--paper);border-radius:var(--radius-m);padding:30px 24px 26px;text-align:center;position:relative;z-index:1;border:1px solid var(--line);transition:transform .3s ease}
.hm-step:hover{transform:translateY(-6px)}
.hm-step-dot{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--g-deep);color:#fff;font-weight:700;font-size:1.15rem;margin-bottom:16px;box-shadow:0 0 0 6px var(--g-mist)}
.hm-step h3{font-size:1rem;margin-bottom:8px}
.hm-step p{font-size:.85rem;color:var(--ink-soft)}
.hm-flow-cta{text-align:center;margin-top:44px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- 7. 材料预审 + 证书核验（对撞） ---------- */
.hm-tools{background:var(--paper)}
.hm-tool{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:76px}
.hm-tool:last-child{margin-bottom:0}
.hm-tool-txt .tag{margin-bottom:14px}
.hm-tool-txt h2{font-size:1.65rem;margin:14px 0 16px;line-height:1.4}
.hm-tool-txt p{color:var(--ink-soft);margin-bottom:18px}
.hm-tool-txt ul{margin-bottom:26px}
.hm-tool-txt li{padding:6px 0 6px 26px;position:relative;color:var(--ink-soft);font-size:.92rem}
.hm-tool-txt li::before{content:"";position:absolute;left:0;top:14px;width:14px;height:2px;background:var(--g)}
.hm-tool-img{border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.hm-tool-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.hm-tool-img:hover img{transform:scale(1.04)}

/* ---------- 8. 企业团报 ---------- */
.hm-team{position:relative;background:var(--g-deep);overflow:hidden}
.hm-team-bg{position:absolute;inset:0;background:url("../images/gongchang-1.jpg") center/cover no-repeat;opacity:.3;filter:saturate(.8)}
.hm-team-box{position:relative;z-index:2;text-align:center;padding:110px 24px;color:#fff}
.hm-team-box .tag{background:rgba(255,255,255,.14);color:#fff}
.hm-team-box h2{font-size:clamp(1.6rem,3.4vw,2.4rem);margin:18px 0 14px}
.hm-team-box p{color:#EFF6F0;max-width:640px;margin:0 auto 30px}
.hm-team-acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- 9. 资讯动态（CMS 四个数据块同区，无小标题） ---------- */
.hm-news{background:var(--cream)}
/* 最新（6 篇卡片） */
.hm-news-latest{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:34px}
.hm-news-card{background:var(--paper);border-radius:var(--radius-m);overflow:hidden;border:1px solid var(--line);display:block;transition:transform .3s ease,box-shadow .3s ease}
.hm-news-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-m)}
.hm-news-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.hm-news-card-body{padding:18px 20px 20px}
.hm-news-card-num{position:absolute;display:none}
.hm-news-card h3{font-size:1rem;margin-bottom:8px;line-height:1.5}
.hm-news-card p{font-size:.86rem;color:var(--ink-soft);margin-bottom:12px}
.hm-news-card time{font-size:.8rem;color:var(--w-deep)}
/* 日（3 条横向条） */
.hm-news-day{display:grid;gap:16px;margin-bottom:34px}
.hm-news-strip{display:flex;gap:20px;background:var(--paper);border-radius:var(--radius-m);padding:16px;border:1px solid var(--line);align-items:center;transition:transform .3s ease,box-shadow .3s ease}
.hm-news-strip:hover{transform:translateX(8px);box-shadow:var(--shadow-m)}
.hm-news-strip img{width:200px;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-s);flex-shrink:0}
.hm-news-strip h3{font-size:1.02rem;margin-bottom:6px}
.hm-news-strip p{font-size:.86rem;color:var(--ink-soft);margin-bottom:8px}
.hm-news-strip time{font-size:.8rem;color:var(--w-deep)}
/* 周（3 条行式） */
.hm-news-week{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:34px}
.hm-news-row{background:var(--g-mist);border-radius:var(--radius-m);padding:22px 20px;display:block;border-left:4px solid var(--g);transition:transform .3s ease,background .3s ease}
.hm-news-row:hover{transform:translateY(-4px);background:#E3F0E6}
.hm-news-row-no{font-size:.78rem;color:var(--g-deep);letter-spacing:1px}
.hm-news-row h3{font-size:1rem;margin:8px 0 8px;line-height:1.5}
.hm-news-row p{font-size:.84rem;color:var(--ink-soft);margin-bottom:10px}
.hm-news-row time{font-size:.78rem;color:var(--w-deep)}
.hm-news-row-go{display:inline-block;margin-top:10px;font-size:.84rem;color:var(--g-deep);font-weight:600}
/* 月（3 条迷你列表） */
.hm-news-month{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hm-news-mini{background:var(--paper);border:1px dashed var(--line);border-radius:var(--radius-s);padding:18px 20px;display:block;transition:border-color .3s ease,background .3s ease}
.hm-news-mini:hover{border-color:var(--g-mid);background:var(--g-mist)}
.hm-news-mini i{font-style:normal;font-size:.76rem;color:var(--w-deep);letter-spacing:1px}
.hm-news-mini h3{font-size:.96rem;margin:8px 0 8px;line-height:1.5}
.hm-news-mini time{font-size:.78rem;color:var(--ink-soft)}
.hm-news-more{text-align:center;margin-top:40px}

/* ---------- 10. 预约 CTA ---------- */
.hm-cta{background:var(--g-mist)}
.hm-cta-box{text-align:center;padding:84px 24px}
.hm-cta-box h2{font-size:clamp(1.6rem,3.2vw,2.3rem);margin-bottom:16px}
.hm-cta-box p{color:var(--ink-soft);margin-bottom:30px;line-height:2}
.hm-cta-box p a{color:var(--g-deep);font-weight:600}
.hm-cta-box .btn{margin:0 6px}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .hm-quick-grid{grid-template-columns:repeat(2,1fr)}
  .hm-why-grid{grid-template-columns:repeat(2,1fr)}
  .hm-work-grid{grid-template-columns:repeat(2,1fr)}
  .hm-flow-steps{grid-template-columns:repeat(2,1fr)}
  .hm-city,.hm-tool{grid-template-columns:1fr;gap:30px}
  .hm-news-latest,.hm-news-week,.hm-news-month{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .hm-quick-grid,.hm-why-grid,.hm-work-grid,.hm-flow-steps,.hm-news-latest,.hm-news-week,.hm-news-month{grid-template-columns:1fr}
  .hm-news-strip{flex-direction:column}
  .hm-news-strip img{width:100%}
  .hm-hero-actions,.hm-team-acts{flex-direction:column}
}