/*
Theme Name: HMC Enterprise Child
Theme URI: http://60.204.242.210/
Description: 翰铭承企业服务 —— 基于 Twenty Twenty-Three 的子主题，提供企业服务站所需的区块样式。
Author: 翰铭承
Template: twentytwentythree
Version: 1.0.0
Text Domain: hmc-enterprise
*/

/* ============ 1. 全局变量与基础 ============ */
:root{
  --hmc-navy:#0d2b52;
  --hmc-blue:#1a5fb4;
  --hmc-blue-lt:#3d8bfd;
  --hmc-accent:#e8963c;
  --hmc-bg:#ffffff;
  --hmc-bg-alt:#f4f7fb;
  --hmc-line:#e3e9f2;
  --hmc-text:#20293a;
  --hmc-text-2:#5d6b82;
  --hmc-radius:12px;
  --hmc-shadow:0 4px 20px rgba(13,43,82,.07);
}
body{
  color:var(--hmc-text);
  line-height:1.75;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
.hmc-section, .hmc-hero, .hmc-page-head, .hmc-cta, .hmc-note{ box-sizing:border-box; }

/* ============ 2. 顶部导航 ============ */
.wp-site-blocks .wp-block-navigation,
header.wp-block-template-part .wp-block-group{
  background:#fff;
}
.wp-block-navigation-item__content{
  font-size:15.5px;
  font-weight:500;
  padding:6px 2px;
}
.wp-block-navigation-item__content:hover{ color:var(--hmc-blue); }

/* 站点标题 */
.wp-block-site-title a{
  font-size:20px;
  font-weight:700;
  color:var(--hmc-navy) !important;
  text-decoration:none;
  letter-spacing:.5px;
}

/* ============ 3. 首页 Hero ============ */
.hmc-hero{
  background:linear-gradient(135deg,#0d2b52 0%,#14406f 55%,#1a5fb4 100%);
  color:#fff;
  padding:88px 24px 72px;
  margin:0 0 0;
  position:relative;
  overflow:hidden;
}
.hmc-hero::after{
  content:"";
  position:absolute; right:-120px; top:-120px;
  width:460px; height:460px; border-radius:50%;
  background:radial-gradient(circle,rgba(61,139,253,.30) 0%,rgba(61,139,253,0) 70%);
}
.hmc-hero-title{
  color:#fff !important;
  font-size:clamp(28px,4.4vw,46px);
  font-weight:800;
  line-height:1.32;
  letter-spacing:-.5px;
  margin:0 0 20px;
  max-width:900px;
}
.hmc-hero-sub{
  color:rgba(255,255,255,.86) !important;
  font-size:clamp(15px,1.6vw,18px);
  max-width:720px;
  margin:0 0 34px;
  line-height:1.85;
}
.hmc-hero .wp-block-buttons{ gap:14px; margin-bottom:52px; }
.hmc-hero .wp-block-button__link{
  border-radius:8px;
  padding:14px 32px;
  font-size:16px;
  font-weight:600;
  transition:.22s;
  border:2px solid transparent;
}
.hmc-hero .hmc-btn-primary .wp-block-button__link{
  background:var(--hmc-accent);
  color:#fff;
}
.hmc-hero .hmc-btn-primary .wp-block-button__link:hover{
  background:#d4852e; transform:translateY(-2px);
}
.hmc-hero .hmc-btn-ghost .wp-block-button__link{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,.5);
}
.hmc-hero .hmc-btn-ghost .wp-block-button__link:hover{
  background:rgba(255,255,255,.12); border-color:#fff;
}
.hmc-hero-stats{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:18px;
  max-width:900px;
  border-top:1px solid rgba(255,255,255,.18);
  padding-top:32px;
  margin:0;
}
.hmc-stat{ text-align:left; }
.hmc-stat strong{
  display:block;
  font-size:clamp(22px,2.6vw,30px);
  font-weight:800;
  color:#fff;
  line-height:1.2;
}
.hmc-stat span{
  font-size:13.5px;
  color:rgba(255,255,255,.7);
}

/* ============ 4. 通用区块 ============ */
.hmc-section{ padding:76px 24px; }
.hmc-section-alt{ background:var(--hmc-bg-alt); }
.hmc-sec-title{
  font-size:clamp(23px,2.9vw,33px);
  font-weight:750;
  color:var(--hmc-navy);
  margin:0 0 14px;
  letter-spacing:-.3px;
}
.hmc-sec-sub{
  color:var(--hmc-text-2);
  font-size:16px;
  max-width:660px;
  margin:0 auto 48px;
  line-height:1.8;
}

/* ============ 5. 四步流程 ============ */
.hmc-steps{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:24px;
  max-width:1180px;
  margin:0 auto;
}
.hmc-step{
  background:#fff;
  border:1px solid var(--hmc-line);
  border-radius:var(--hmc-radius);
  padding:32px 26px;
  position:relative;
  transition:.25s;
}
.hmc-step:hover{
  border-color:var(--hmc-blue-lt);
  box-shadow:var(--hmc-shadow);
  transform:translateY(-3px);
}
.hmc-step-no{
  font-size:32px;
  font-weight:800;
  color:var(--hmc-blue-lt);
  opacity:.35;
  line-height:1;
  margin-bottom:14px;
  font-variant-numeric:tabular-nums;
}
.hmc-step h3{
  font-size:18.5px;
  font-weight:700;
  color:var(--hmc-navy);
  margin:0 0 10px;
}
.hmc-step p{
  font-size:14.5px;
  color:var(--hmc-text-2);
  margin:0;
  line-height:1.8;
}

/* ============ 6. 优势卡片 ============ */
.hmc-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:22px;
  max-width:1180px;
  margin:0 auto;
}
.hmc-card{
  background:#fff;
  border-radius:var(--hmc-radius);
  padding:30px 26px;
  border-left:4px solid var(--hmc-blue);
  box-shadow:0 2px 12px rgba(13,43,82,.05);
  transition:.25s;
}
.hmc-card:hover{ box-shadow:var(--hmc-shadow); transform:translateY(-2px); }
.hmc-card h3{
  font-size:18px;
  font-weight:700;
  color:var(--hmc-navy);
  margin:0 0 10px;
}
.hmc-card p{
  font-size:14.5px;
  color:var(--hmc-text-2);
  margin:0;
  line-height:1.8;
}

/* ============ 7. 项目标签 ============ */
.hmc-tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
  max-width:900px;
  margin:0 auto;
}
.hmc-tag{
  display:inline-block;
  padding:10px 22px;
  background:#fff;
  border:1px solid var(--hmc-line);
  border-radius:50px;
  font-size:14.5px;
  color:var(--hmc-text);
  transition:.2s;
}
.hmc-tag:hover{
  border-color:var(--hmc-blue);
  color:var(--hmc-blue);
  background:#f5f9ff;
}

/* ============ 8. 客户见证 ============ */
.hmc-quotes{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:22px;
  max-width:1180px;
  margin:0 auto;
}
.hmc-quote{
  background:#fff;
  border-radius:var(--hmc-radius);
  padding:30px 28px;
  box-shadow:0 2px 14px rgba(13,43,82,.06);
  position:relative;
}
.hmc-quote::before{
  content:"“";
  position:absolute; top:14px; left:22px;
  font-size:56px; line-height:1;
  color:var(--hmc-blue-lt); opacity:.18;
  font-family:Georgia,serif;
}
.hmc-quote p{
  font-size:14.8px;
  color:var(--hmc-text);
  line-height:1.85;
  margin:0 0 18px;
  position:relative;
}
.hmc-quote-by{
  font-size:13.5px;
  color:var(--hmc-text-2);
  padding-top:14px;
  border-top:1px solid var(--hmc-line);
}

/* ============ 9. 对比表 ============ */
.hmc-compare{
  max-width:1000px;
  margin:0 auto;
  overflow-x:auto;
  border-radius:var(--hmc-radius);
  box-shadow:0 2px 16px rgba(13,43,82,.07);
  background:#fff;
}
.hmc-compare table{
  width:100%;
  border-collapse:collapse;
  font-size:14.8px;
  min-width:560px;
}
.hmc-compare thead th{
  background:var(--hmc-navy);
  color:#fff;
  padding:18px 20px;
  text-align:left;
  font-weight:600;
  font-size:15px;
}
.hmc-compare thead th:last-child{ background:var(--hmc-blue); }
.hmc-compare tbody td{
  padding:15px 20px;
  border-bottom:1px solid var(--hmc-line);
  color:var(--hmc-text-2);
}
.hmc-compare tbody tr:last-child td{ border-bottom:none; }
.hmc-compare tbody tr:hover{ background:#f8fafd; }
.hmc-compare tbody td:first-child{
  font-weight:600;
  color:var(--hmc-text);
}
.hmc-compare .hmc-good{
  color:var(--hmc-blue);
  font-weight:600;
  background:rgba(26,95,180,.04);
}

/* ============ 10. CTA 区块 ============ */
.hmc-cta{
  background:linear-gradient(135deg,#14406f 0%,#1a5fb4 100%);
  padding:68px 24px;
  color:#fff;
  text-align:center;
}
.hmc-cta h2{
  color:#fff !important;
  font-size:clamp(22px,2.7vw,31px);
  font-weight:750;
  margin:0 0 16px;
}
.hmc-cta p{
  color:rgba(255,255,255,.85) !important;
  font-size:16px;
  max-width:640px;
  margin:0 auto 30px;
}
.hmc-cta .wp-block-button__link{
  background:var(--hmc-accent);
  color:#fff;
  border-radius:8px;
  padding:15px 40px;
  font-size:16.5px;
  font-weight:600;
  border:none;
  transition:.22s;
}
.hmc-cta .wp-block-button__link:hover{
  background:#d4852e; transform:translateY(-2px);
}

/* ============ 11. 页面头部（内页） ============ */
.hmc-page-head{
  background:linear-gradient(135deg,#0d2b52 0%,#1a5fb4 100%);
  color:#fff;
  padding:64px 24px 56px;
  text-align:center;
}
.hmc-page-head h1{
  color:#fff !important;
  font-size:clamp(26px,3.6vw,38px);
  font-weight:800;
  margin:0 0 12px;
  letter-spacing:-.3px;
}
.hmc-page-head p{
  color:rgba(255,255,255,.82) !important;
  font-size:16px;
  margin:0;
}

/* ============ 12. 内页正文排版 ============ */
.hmc-section h2{
  font-size:clamp(20px,2.4vw,26px);
  font-weight:700;
  color:var(--hmc-navy);
  margin:44px 0 16px;
  padding-left:16px;
  border-left:4px solid var(--hmc-blue);
  line-height:1.4;
}
.hmc-section h2:first-child{ margin-top:0; }
.hmc-section p{
  font-size:15.8px;
  color:var(--hmc-text);
  line-height:1.95;
  margin:0 0 18px;
}
.hmc-section-alt h2{ border-left-color:var(--hmc-accent); }
.hmc-section-alt p{ color:var(--hmc-text); }

/* ============ 13. 价值观卡（关于我们） ============ */
.hmc-values{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:22px;
  margin:40px 0 0;
}
.hmc-value{
  background:#fff;
  border-radius:var(--hmc-radius);
  padding:28px 24px;
  border:1px solid var(--hmc-line);
  border-top:3px solid var(--hmc-blue);
}
.hmc-value h3{
  font-size:17.5px;
  font-weight:700;
  color:var(--hmc-navy);
  margin:0 0 10px;
}
.hmc-value p{
  font-size:14.5px;
  color:var(--hmc-text-2);
  margin:0;
  line-height:1.8;
}

/* ============ 14. 数字块 ============ */
.hmc-numbers{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:20px;
  margin:40px 0 0;
  text-align:center;
}
.hmc-number{
  background:#fff;
  border-radius:var(--hmc-radius);
  padding:30px 18px;
  box-shadow:0 2px 12px rgba(13,43,82,.05);
}
.hmc-number strong{
  display:block;
  font-size:clamp(24px,3vw,34px);
  font-weight:800;
  color:var(--hmc-blue);
  line-height:1.2;
  margin-bottom:6px;
}
.hmc-number span{
  font-size:14px;
  color:var(--hmc-text-2);
}

/* ============ 15. 时间线（服务流程） ============ */
.hmc-timeline{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:20px;
  max-width:1180px;
  margin:0 auto;
}
.hmc-tl-item{
  background:#fff;
  border-radius:var(--hmc-radius);
  padding:26px 22px 24px;
  border:1px solid var(--hmc-line);
  position:relative;
  transition:.25s;
}
.hmc-tl-item:hover{ border-color:var(--hmc-blue-lt); transform:translateY(-2px); }
.hmc-tl-dot{
  width:12px; height:12px;
  border-radius:50%;
  background:var(--hmc-blue);
  box-shadow:0 0 0 4px rgba(26,95,180,.14);
  margin-bottom:16px;
}
.hmc-tl-item h3{
  font-size:16.5px;
  font-weight:700;
  color:var(--hmc-navy);
  margin:0 0 8px;
}
.hmc-tl-item p{
  font-size:14px;
  color:var(--hmc-text-2);
  margin:0;
  line-height:1.75;
}

/* ============ 16. 案例卡 ============ */
.hmc-case{
  background:#fff;
  border:1px solid var(--hmc-line);
  border-radius:var(--hmc-radius);
  padding:32px 30px;
  margin-bottom:22px;
  transition:.25s;
}
.hmc-case:hover{ box-shadow:var(--hmc-shadow); border-color:#cddcef; }
.hmc-case-tag{
  display:inline-block;
  background:rgba(26,95,180,.09);
  color:var(--hmc-blue);
  font-size:13px;
  font-weight:600;
  padding:5px 14px;
  border-radius:50px;
  margin-bottom:14px;
}
.hmc-case h3{
  font-size:19px;
  font-weight:700;
  color:var(--hmc-navy);
  margin:0 0 8px;
  line-height:1.5;
}
.hmc-case-meta{
  font-size:13.5px;
  color:var(--hmc-text-2);
  margin:0 0 18px !important;
  padding-bottom:16px;
  border-bottom:1px dashed var(--hmc-line);
}
.hmc-case p{
  font-size:15px;
  line-height:1.9;
  margin:0 0 12px;
  color:var(--hmc-text);
}
.hmc-case p:last-child{ margin-bottom:0; }
.hmc-case p strong{ color:var(--hmc-navy); }

/* ============ 17. 提示框 ============ */
.hmc-note{
  padding:0 24px 60px;
}
.hmc-note p{
  max-width:1000px;
  margin:0 auto;
  background:#fff9f0;
  border-left:4px solid var(--hmc-accent);
  border-radius:0 8px 8px 0;
  padding:20px 24px;
  font-size:14.5px;
  color:#7a5a2e;
  line-height:1.85;
}
.hmc-note strong{ color:#a86a1a; }

/* ============ 18. FAQ ============ */
.hmc-faq{
  max-width:880px;
  margin:0 auto;
}
.hmc-faq details{
  background:#fff;
  border:1px solid var(--hmc-line);
  border-radius:10px;
  margin-bottom:12px;
  overflow:hidden;
  transition:.2s;
}
.hmc-faq details[open]{
  border-color:var(--hmc-blue-lt);
  box-shadow:0 3px 16px rgba(26,95,180,.09);
}
.hmc-faq summary{
  padding:19px 24px;
  font-size:16px;
  font-weight:600;
  color:var(--hmc-navy);
  cursor:pointer;
  list-style:none;
  position:relative;
  padding-right:52px;
  transition:.2s;
}
.hmc-faq summary::-webkit-details-marker{ display:none; }
.hmc-faq summary::after{
  content:"+";
  position:absolute; right:24px; top:50%;
  transform:translateY(-50%);
  font-size:22px;
  color:var(--hmc-blue);
  font-weight:400;
  transition:.25s;
}
.hmc-faq details[open] summary::after{
  content:"−";
  transform:translateY(-50%) rotate(180deg);
}
.hmc-faq summary:hover{ background:#f7fafd; }
.hmc-faq details p{
  padding:0 24px 22px;
  margin:0;
  font-size:14.8px;
  color:var(--hmc-text-2);
  line-height:1.9;
  border-top:1px solid var(--hmc-line);
  padding-top:18px;
}

/* ============ 19. 联系页 ============ */
.hmc-contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  max-width:1120px;
  margin:0 auto;
  align-items:start;
}
.hmc-contact-info h2,
.hmc-contact-form h2{
  font-size:22px;
  font-weight:700;
  color:var(--hmc-navy);
  margin:0 0 22px;
  padding-left:0;
  border-left:none;
}
.hmc-contact-list{
  list-style:none;
  padding:0;
  margin:0 0 24px;
}
.hmc-contact-list li{
  display:flex;
  gap:16px;
  padding:16px 0;
  border-bottom:1px solid var(--hmc-line);
  align-items:baseline;
}
.hmc-contact-list li span{
  flex:0 0 84px;
  font-size:14px;
  color:var(--hmc-text-2);
}
.hmc-contact-list li strong{
  font-size:15.5px;
  font-weight:600;
  color:var(--hmc-navy);
  line-height:1.7;
}
.hmc-contact-tip{
  font-size:14.5px;
  color:var(--hmc-text-2);
  line-height:1.85;
  background:var(--hmc-bg-alt);
  padding:18px 20px;
  border-radius:8px;
  margin:0 !important;
}
.hmc-contact-form{
  background:#fff;
  border:1px solid var(--hmc-line);
  border-radius:var(--hmc-radius);
  padding:34px 30px;
  box-shadow:0 3px 18px rgba(13,43,82,.06);
}
.hmc-form-sub{
  font-size:14.5px;
  color:var(--hmc-text-2);
  margin:0 0 12px !important;
}
.hmc-form-hint{
  font-size:13px;
  color:#a86a1a;
  background:#fff9f0;
  padding:10px 14px;
  border-radius:6px;
  margin:0 0 20px !important;
  line-height:1.7;
}
.hmc-form label{
  display:block;
  font-size:14.5px;
  font-weight:600;
  color:var(--hmc-navy);
  margin-bottom:16px;
}
.hmc-form input,
.hmc-form textarea{
  display:block;
  width:100%;
  margin-top:8px;
  padding:12px 14px;
  border:1px solid var(--hmc-line);
  border-radius:8px;
  font-size:15px;
  font-family:inherit;
  color:var(--hmc-text);
  background:#fbfcfe;
  box-sizing:border-box;
  transition:.2s;
}
.hmc-form input:focus,
.hmc-form textarea:focus{
  outline:none;
  border-color:var(--hmc-blue-lt);
  background:#fff;
  box-shadow:0 0 0 3px rgba(61,139,253,.12);
}
.hmc-form textarea{ resize:vertical; }
.hmc-form button{
  width:100%;
  padding:15px;
  background:var(--hmc-blue);
  color:#fff;
  border:none;
  border-radius:8px;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
  font-family:inherit;
  transition:.22s;
  margin-top:6px;
}
.hmc-form button:hover{ background:var(--hmc-navy); }

/* ============ 20. 页脚已有样式微调 ============ */
.wp-block-template-part .wp-block-group:last-child{
  font-size:14px;
}

/* ============ 21. 响应式 ============ */
@media (max-width:900px){
  .hmc-contact-grid{ grid-template-columns:1fr; gap:32px; }
}
@media (max-width:781px){
  .hmc-section{ padding:56px 20px; }
  .hmc-hero{ padding:64px 20px 52px; }
  .hmc-page-head{ padding:48px 20px 42px; }
  .hmc-cta{ padding:52px 20px; }
  .hmc-hero .wp-block-buttons{ flex-direction:column; align-items:stretch; }
  .hmc-hero .wp-block-button__link{ display:block; text-align:center; }
  .hmc-section h2{ margin-top:34px; }
  .hmc-sec-sub{ margin-bottom:34px; }
  .hmc-faq summary{ font-size:15px; padding:17px 20px; padding-right:46px; }
  .hmc-faq summary::after{ right:20px; }
  .hmc-case{ padding:26px 22px; }
  .hmc-contact-form{ padding:28px 22px; }
}
@media (max-width:480px){
  .hmc-hero-stats{ grid-template-columns:1fr 1fr; gap:14px; }
  .hmc-stat strong{ font-size:21px; }
  .hmc-tag{ padding:8px 16px; font-size:13.5px; }
}

/* ============ 22. 隐藏默认模板的冗余元素 ============ */
.hmc-hero + *,
.hmc-page-head + *{ margin-top:0; }

/* ============================================================
   24. Contact Form 7 表单样式（与 .hmc-form 设计保持一致）
   ============================================================ */
.hmc-contact-form .wpcf7 {
  margin: 0;
}
.hmc-contact-form form {
  margin: 0;
}
.hmc-cf7-row {
  margin-bottom: 16px;
}
.hmc-cf7-row > label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--hmc-text);
  margin-bottom: 7px;
  line-height: 1.5;
}
.hmc-req {
  color: #e05252;
  font-weight: 700;
  margin-left: 2px;
}
.hmc-contact-form .hmc-input,
.hmc-contact-form input[type="text"],
.hmc-contact-form input[type="tel"],
.hmc-contact-form input[type="email"],
.hmc-contact-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  font-size: 15px;
  font-family: inherit;
  color: var(--hmc-text);
  background: #fff;
  border: 1px solid var(--hmc-line);
  border-radius: 8px;
  transition: border-color .18s ease, box-shadow .18s ease;
  -webkit-appearance: none;
  appearance: none;
}
.hmc-contact-form .hmc-input:focus,
.hmc-contact-form input:focus,
.hmc-contact-form textarea:focus {
  outline: none;
  border-color: var(--hmc-blue);
  box-shadow: 0 0 0 3px rgba(26, 95, 180, .12);
}
.hmc-contact-form textarea {
  resize: vertical;
  min-height: 96px;
  line-height: 1.65;
}
.hmc-cf7-submit {
  margin-top: 22px;
  margin-bottom: 0;
}
.hmc-contact-form input[type="submit"],
.hmc-contact-form .hmc-submit,
.hmc-contact-form button[type="submit"] {
  display: inline-block;
  width: 100%;
  padding: 13px 28px;
  font-size: 16px;
  font-weight: 600;
  font-family: inherit;
  letter-spacing: .5px;
  color: #fff;
  background: linear-gradient(135deg, var(--hmc-blue), var(--hmc-blue-lt));
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease;
  box-shadow: 0 6px 18px rgba(26, 95, 180, .24);
}
.hmc-contact-form input[type="submit"]:hover,
.hmc-contact-form .hmc-submit:hover,
.hmc-contact-form button[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 9px 24px rgba(26, 95, 180, .32);
  opacity: .95;
}
.hmc-contact-form input[type="submit"]:active,
.hmc-contact-form button[type="submit"]:active {
  transform: translateY(0);
}
/* 提交后提示条 */
.hmc-contact-form .wpcf7-response-output {
  margin: 16px 0 0;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.6;
  border-radius: 8px;
  border: 1px solid transparent;
}
.hmc-contact-form .wpcf7-response-output.wpcf7-mail-sent-ok {
  color: #1a6b3c;
  background: #eefaf2;
  border-color: #b6e3c8;
}
.hmc-contact-form .wpcf7-response-output.wpcf7-validation-errors,
.hmc-contact-form .wpcf7-response-output.wpcf7-mail-sent-ng,
.hmc-contact-form .wpcf7-response-output.wpcf7-spam-blocked {
  color: #9a2b2b;
  background: #fdf0f0;
  border-color: #f0c2c2;
}
/* 字段级校验 */
.hmc-contact-form .wpcf7-not-valid-tip {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  color: #d64545;
  font-weight: 500;
}
.hmc-contact-form .wpcf7-not-valid {
  border-color: #e08888 !important;
}
.hmc-contact-form .wpcf7-spinner {
  margin-left: 10px;
}
/* 加载状态 */
.hmc-contact-form form.submitting .hmc-submit {
  opacity: .7;
  cursor: wait;
}
/* 移动端 */
@media (max-width: 600px) {
  .hmc-contact-form .hmc-input,
  .hmc-contact-form input[type="text"],
  .hmc-contact-form input[type="tel"],
  .hmc-contact-form input[type="email"],
  .hmc-contact-form textarea {
    font-size: 16px; /* 防止 iOS 自动缩放 */
  }
}

/* ============================================================
   25. 全宽布局修正
   父主题 contentSize 仅 650px，导致所有 constrained 区块挤在中间窄条。
   这里把内容容器撑到 1180px，并让大区块背景真正通栏。
   ============================================================ */

/* 站点主内容区：取消 650px 限制 */
main#wp--skip-link--target,
.wp-site-blocks main{
  --wp--style--global--content-size:1180px;
  --wp--style--global--wide-size:1320px;
}

/* 通用：把 constrained 容器放开 */
.hmc-hero,
.hmc-section,
.hmc-cta,
.hmc-page-head,
.hmc-banner{
  max-width:none !important;
  width:100%;
  margin-left:0 !important;
  margin-right:0 !important;
}
.hmc-hero > .wp-block-group__inner-container,
.hmc-section > .wp-block-group__inner-container,
.hmc-cta > .wp-block-group__inner-container{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  padding-right:0;
}

/* 让区块自身充当通栏背景：用 padding 内推内容，背景铺满 */
.hmc-hero,
.hmc-cta{
  padding-left:max(24px, calc((100% - 1180px) / 2)) !important;
  padding-right:max(24px, calc((100% - 1180px) / 2)) !important;
}
.hmc-section,
.hmc-page-head{
  padding-left:max(24px, calc((100% - 1180px) / 2)) !important;
  padding-right:max(24px, calc((100% - 1180px) / 2)) !important;
}

/* 页面级区块：让 alt 背景通栏 */
.hmc-section-alt{
  background:var(--hmc-bg-alt);
}

/* 页脚通栏 */
footer.wp-block-template-part,
footer.wp-block-template-part > .wp-block-group{
  max-width:none !important;
  width:100%;
}

/* 头部通栏 */
header.wp-block-template-part > .wp-block-group{
  max-width:none !important;
  width:100%;
}
header.wp-block-template-part > .wp-block-group > .wp-block-group{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
  padding-left:24px;
  padding-right:24px;
}

/* ============================================================
   26. 首页多横幅轮播 Hero
   ============================================================ */
.hmc-hero-slider{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:0;
}
.hmc-slides{
  position:relative;
  width:100%;
}
.hmc-slide{
  display:none;
  position:relative;
  padding:96px max(24px, calc((100% - 1180px) / 2)) 84px;
  min-height:460px;
  box-sizing:border-box;
  align-items:center;
}
.hmc-slide.is-active{
  display:block;
  animation:hmcFadeIn .62s ease both;
}
@keyframes hmcFadeIn{
  from{ opacity:0; transform:translateY(14px); }
  to{ opacity:1; transform:translateY(0); }
}
.hmc-slide-inner{
  max-width:760px;
  position:relative;
  z-index:2;
}
.hmc-slide-eyebrow{
  display:inline-block;
  font-size:13px;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
  color:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  padding:5px 15px;
  margin-bottom:22px;
}
.hmc-slide h2{
  color:#fff !important;
  font-size:clamp(26px,4vw,44px);
  font-weight:800;
  line-height:1.34;
  letter-spacing:-.5px;
  margin:0 0 18px;
  border-left:none !important;
  padding-left:0 !important;
}
.hmc-slide p{
  color:rgba(255,255,255,.88) !important;
  font-size:clamp(15px,1.5vw,17.5px);
  line-height:1.85;
  max-width:640px;
  margin:0 0 32px;
}
.hmc-slide-btns{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.hmc-slide-btn{
  display:inline-block;
  padding:14px 32px;
  border-radius:8px;
  font-size:16px;
  font-weight:600;
  text-decoration:none;
  transition:.22s ease;
  border:2px solid transparent;
}
.hmc-slide-btn.primary{
  background:var(--hmc-accent);
  color:#fff;
  box-shadow:0 8px 22px rgba(232,150,60,.30);
}
.hmc-slide-btn.primary:hover{
  background:#d4852e;
  transform:translateY(-2px);
  box-shadow:0 11px 28px rgba(232,150,60,.38);
}
.hmc-slide-btn.ghost{
  background:rgba(255,255,255,.10);
  color:#fff;
  border-color:rgba(255,255,255,.52);
  backdrop-filter:blur(4px);
}
.hmc-slide-btn.ghost:hover{
  background:rgba(255,255,255,.20);
  border-color:#fff;
}

/* 三套配色主题 */
.hmc-slide.theme-navy{ background:linear-gradient(135deg,#0d2b52 0%,#14406f 52%,#1a5fb4 100%); }
.hmc-slide.theme-teal{ background:linear-gradient(135deg,#0b3d3a 0%,#10635c 50%,#17948a 100%); }
.hmc-slide.theme-slate{ background:linear-gradient(135deg,#1d2436 0%,#33405c 52%,#4a6b9a 100%); }

/* 装饰光斑 */
.hmc-slide::after{
  content:"";
  position:absolute;
  right:-140px; top:-140px;
  width:520px; height:520px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 68%);
  pointer-events:none;
}
.hmc-slide::before{
  content:"";
  position:absolute;
  left:-100px; bottom:-160px;
  width:380px; height:380px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 70%);
  pointer-events:none;
}

/* 轮播控件 */
.hmc-slider-nav{
  position:absolute;
  left:max(24px, calc((100% - 1180px) / 2));
  bottom:34px;
  display:flex;
  gap:10px;
  z-index:5;
}
.hmc-dot{
  width:38px; height:4px;
  border-radius:2px;
  background:rgba(255,255,255,.34);
  border:none;
  padding:0;
  cursor:pointer;
  transition:.26s ease;
}
.hmc-dot.is-active{ background:#fff; width:56px; }
.hmc-dot:hover{ background:rgba(255,255,255,.72); }

.hmc-slider-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px; height:46px;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.30);
  color:#fff;
  font-size:19px;
  line-height:1;
  cursor:pointer;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.22s ease;
  backdrop-filter:blur(4px);
}
.hmc-slider-arrow:hover{ background:rgba(255,255,255,.30); }
.hmc-slider-arrow.prev{ left:22px; }
.hmc-slider-arrow.next{ right:22px; }

/* 横幅下方的信任数据条 */
.hmc-trustbar{
  background:#fff;
  border-bottom:1px solid var(--hmc-line);
  padding:26px max(24px, calc((100% - 1180px) / 2));
}
.hmc-trustbar-inner{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:20px;
}
.hmc-trust{
  text-align:center;
  padding:6px 10px;
  border-right:1px solid var(--hmc-line);
}
.hmc-trust:last-child{ border-right:none; }
.hmc-trust strong{
  display:block;
  font-size:clamp(22px,2.5vw,30px);
  font-weight:800;
  color:var(--hmc-navy);
  line-height:1.2;
  letter-spacing:-.5px;
}
.hmc-trust span{
  font-size:13.5px;
  color:var(--hmc-text-2);
}

/* ============================================================
   27. 服务范围卡片（首页新增，弱化敏感表述）
   ============================================================ */
.hmc-svc-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(258px,1fr));
  gap:22px;
  max-width:1180px;
  margin:0 auto;
}
.hmc-svc{
  background:#fff;
  border:1px solid var(--hmc-line);
  border-radius:14px;
  padding:30px 26px 28px;
  transition:.24s ease;
  position:relative;
  overflow:hidden;
}
.hmc-svc::before{
  content:"";
  position:absolute;
  left:0; top:0;
  width:100%; height:3px;
  background:linear-gradient(90deg,var(--hmc-blue),var(--hmc-blue-lt));
  transform:scaleX(0);
  transform-origin:left;
  transition:.3s ease;
}
.hmc-svc:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 34px rgba(13,43,82,.10);
  border-color:#d3dfef;
}
.hmc-svc:hover::before{ transform:scaleX(1); }
.hmc-svc-icon{
  width:46px; height:46px;
  border-radius:12px;
  background:linear-gradient(135deg,#eaf1fb,#dbe8fa);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:21px;
  margin-bottom:16px;
}
.hmc-svc h3{
  font-size:17.5px;
  font-weight:700;
  color:var(--hmc-navy);
  margin:0 0 9px;
  line-height:1.45;
}
.hmc-svc p{
  font-size:14.5px;
  color:var(--hmc-text-2);
  line-height:1.78;
  margin:0;
}

/* ============================================================
   28. 响应式补充
   ============================================================ */
@media (max-width:1240px){
  .hmc-slider-nav{ left:24px; }
  .hmc-slider-arrow.prev{ left:14px; }
  .hmc-slider-arrow.next{ right:14px; }
}
@media (max-width:900px){
  .hmc-slide{ padding:70px 24px 76px; min-height:0; }
  .hmc-slider-arrow{ display:none; }
  .hmc-trustbar{ padding:22px 24px; }
  .hmc-trust{ border-right:none; }
  .hmc-trustbar-inner{ grid-template-columns:1fr 1fr; gap:18px 12px; }
}
@media (max-width:600px){
  .hmc-slide{ padding:56px 20px 68px; }
  .hmc-slide-btns{ flex-direction:column; align-items:stretch; }
  .hmc-slide-btn{ text-align:center; }
  .hmc-slider-nav{ bottom:24px; left:20px; gap:8px; }
  .hmc-dot{ width:28px; }
  .hmc-dot.is-active{ width:40px; }
  .hmc-trustbar-inner{ grid-template-columns:1fr 1fr; }
  .hmc-trust strong{ font-size:20px; }
  .hmc-svc{ padding:24px 20px 22px; }
}

/* ============================================================
   29. 首页通栏与标题修正
   ============================================================ */

/* 防止 100vw 通栏带来横向滚动 */
body{ overflow-x:clip; }

/* 首页：隐藏模板输出的「首页」页面标题 */
body.home .wp-block-post-title{
  display:none;
}
/* 首页：去掉标题占位带来的顶部空隙 */
body.home main > *:first-child{ margin-top:0; }

/* 首页：轮播横幅与数据条真正通栏（突破 constrained 容器） */
body.home .hmc-hero-slider,
body.home .hmc-trustbar{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

/* 首页：其余大区块背景通栏（步骤/优势/对比表等 section 的底色） */
body.home .hmc-section,
body.home .hmc-cta{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
/* 区块内部内容仍按 1180px 居中（第 25 节已定义 padding 推入） */

/* 内页：page-head 背景通栏 */
body.page .hmc-page-head{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
body.page .hmc-section,
body.page .hmc-cta,
body.page .hmc-note{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

/* 导航与页脚内容居中宽度 */
header.wp-block-template-part .wp-block-navigation,
footer.wp-block-template-part .wp-block-group{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

/* ============================================================
   30. 内页隐藏模板标题（页面横幅里已有同名标题，避免重复）
   ============================================================ */
body.page .wp-block-post-title{ display:none; }
body.page main > *:first-child{ margin-top:0; }

/* ============================================================
   31. 移动端通栏回退修正
   100vw 通栏技巧在窄屏与父容器 padding 相互作用会产生横向溢出，
   移动端回退为常规 constrained 布局（视觉上本就接近全宽）。
   ============================================================ */
@media (max-width:781px){
  body.home .hmc-hero-slider,
  body.home .hmc-trustbar,
  body.home .hmc-section,
  body.home .hmc-cta,
  body.page .hmc-page-head,
  body.page .hmc-section,
  body.page .hmc-cta,
  body.page .hmc-note{
    width:auto !important;
    max-width:none !important;
    margin-left:calc(var(--wp--style--root--padding-left, 24px) * -1) !important;
    margin-right:calc(var(--wp--style--root--padding-right, 24px) * -1) !important;
  }
}

/* 对比表格在窄屏内横向滚动，不撑破页面 */
.hmc-compare{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

/* 双保险：杜绝任何原因造成的横向滚动 */
html, body{
  overflow-x:hidden;
}

/* ============================================================
   32. 横幅变窄（降低高度与上下留白）
   ============================================================ */

/* 桌面端：横幅高度与留白压缩 */
.hmc-slide{
  min-height:330px;
  padding-top:58px;
  padding-bottom:52px;
}
/* 标题与正文间距收紧 */
.hmc-slide h2{
  margin-bottom:14px;
}
.hmc-slide p{
  margin-bottom:24px;
}
/* 小标签下边距收紧 */
.hmc-slide-eyebrow{
  margin-bottom:16px;
}
/* 轮播指示条与箭头位置上移配合 */
.hmc-slider-nav{
  bottom:24px;
}

/* 平板 */
@media (max-width:900px){
  .hmc-slide{
    min-height:0;
    padding-top:48px;
    padding-bottom:56px;
  }
}
/* 手机 */
@media (max-width:600px){
  .hmc-slide{
    padding-top:40px;
    padding-bottom:50px;
  }
  .hmc-slide h2{ margin-bottom:12px; }
  .hmc-slide p{ margin-bottom:20px; }
  .hmc-slider-nav{ bottom:18px; }
}

/* ============================================================
   33. 紧凑版式与网格规整（2026-10-14）
   目标：横幅更矮 / 服务卡 3×2 / 案例 2×2 / 区块间距缩小 / 整体更美观
   ============================================================ */

/* ---------- 1. 首页横幅进一步压低 ---------- */
.hmc-slide{
  min-height:0;
  padding-top:50px;
  padding-bottom:46px;
}
.hmc-slide h2{
  font-size:clamp(24px,3.2vw,38px);
  margin-bottom:12px;
  line-height:1.32;
}
.hmc-slide p{
  font-size:clamp(14.5px,1.35vw,16.5px);
  margin-bottom:22px;
  line-height:1.75;
}
.hmc-slide-eyebrow{
  margin-bottom:14px;
  font-size:12px;
  padding:4px 13px;
}
.hmc-slide-btn{
  padding:12px 28px;
  font-size:15px;
}
.hmc-slider-nav{ bottom:18px; }
.hmc-dot{ height:3px; }
.hmc-slider-arrow{ width:40px; height:40px; font-size:16px; }

/* ---------- 2. 信任数据条更紧凑 ---------- */
.hmc-trustbar{ padding-top:20px; padding-bottom:20px; }
.hmc-trust strong{ font-size:clamp(20px,2.2vw,26px); }

/* ---------- 3. 区块间距收紧 ---------- */
.hmc-section{
  padding-top:52px;
  padding-bottom:52px;
}
.hmc-cta{
  padding-top:48px;
  padding-bottom:48px;
}
/* 区块标题与副标题间距收紧 */
.hmc-sec-title{ margin-bottom:8px; }
.hmc-sec-sub{ margin-bottom:30px; }
.hmc-section h2:first-child{ margin-top:0; }

/* ---------- 4. 服务卡：3 列 × 2 行 ---------- */
.hmc-svc-grid{
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}
.hmc-svc{
  padding:26px 24px 24px;
}
.hmc-svc h3{ font-size:17px; margin-bottom:8px; }
.hmc-svc p{ font-size:14px; line-height:1.72; }
.hmc-svc-icon{
  width:42px; height:42px;
  font-size:19px;
  margin-bottom:13px;
  border-radius:11px;
}

/* ---------- 5. 客户案例：2 列 × 2 行 ---------- */
.hmc-quotes{
  grid-template-columns:repeat(2, 1fr);
  gap:20px;
}
.hmc-quote{ padding:24px 26px; }
.hmc-quote p{ font-size:15px; line-height:1.78; margin-bottom:16px; }
.hmc-quote-by{ font-size:13.5px; }

/* ---------- 6. 四步流程 / 优势卡片同步收紧 ---------- */
.hmc-steps{ gap:18px; }
.hmc-step{ padding:26px 22px; }
.hmc-step h3{ font-size:17px; margin-bottom:8px; }
.hmc-step p{ font-size:14px; line-height:1.72; }

.hmc-cards{ gap:18px; }
.hmc-card{ padding:26px 24px; }
.hmc-card h3{ font-size:17px; margin-bottom:8px; }
.hmc-card p{ font-size:14px; line-height:1.72; }

/* ---------- 7. 对比表、FAQ 收紧 ---------- */
.hmc-compare table{ font-size:14.5px; }
.hmc-compare thead th{ padding:13px 16px; }
.hmc-compare tbody td{ padding:12px 16px; }

.hmc-faq details{ margin-bottom:10px; }
.hmc-faq summary{ padding:15px 20px; padding-right:46px; font-size:15.5px; }
.hmc-faq details p{ padding:0 20px 16px; font-size:14.5px; line-height:1.78; }

/* ============================================================
   8. 响应式兜底
   ============================================================ */
@media (max-width:900px){
  .hmc-svc-grid{ grid-template-columns:repeat(2, 1fr); gap:16px; }
  .hmc-quotes{ grid-template-columns:1fr; gap:16px; }
  .hmc-slide{ padding-top:44px; padding-bottom:50px; }
  .hmc-section{ padding-top:44px; padding-bottom:44px; }
  .hmc-cta{ padding-top:40px; padding-bottom:40px; }
}
@media (max-width:600px){
  .hmc-svc-grid{ grid-template-columns:1fr; gap:14px; }
  .hmc-slide{ padding-top:36px; padding-bottom:46px; }
  .hmc-slide h2{ font-size:23px; }
  .hmc-section{ padding-top:36px; padding-bottom:36px; }
  .hmc-cta{ padding-top:34px; padding-bottom:34px; }
  .hmc-sec-sub{ margin-bottom:24px; }
  .hmc-svc{ padding:22px 20px 20px; }
  .hmc-quote{ padding:20px 20px; }
  .hmc-step, .hmc-card{ padding:22px 20px; }
}

/* ============================================================
   34. 通栏方案 v2（稳定版，替代 100vw 技巧）
   原理：主内容区有左右 padding（主题变量 --spacing--30），
   用等量负边距让区块铺满视口。不再使用 100vw，任何屏幕都无横向滚动。
   ============================================================ */

/* 统一盒模型，杜绝 padding 撑宽 */
.hmc-hero-slider,
.hmc-trustbar,
.hmc-slide{
  box-sizing:border-box;
}

/* 所有需要通栏的区块：宽度撑满 + 负边距抵消父级 padding */
body.home .hmc-hero-slider,
body.home .hmc-trustbar,
body.home .hmc-section,
body.home .hmc-cta,
body.page .hmc-page-head,
body.page .hmc-section,
body.page .hmc-cta,
body.page .hmc-note{
  width:auto !important;
  max-width:none !important;
  margin-left:calc(-1 * var(--wp--preset--spacing--30, 24px)) !important;
  margin-right:calc(-1 * var(--wp--preset--spacing--30, 24px)) !important;
}

/* 信任数据条内容居中限宽 */
.hmc-trustbar-inner{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

/* 轮播控件与横幅文字对齐内容区 */
.hmc-slider-nav{
  left:max(24px, calc((100% - 1180px) / 2));
}
.hmc-slide{
  padding-left:max(24px, calc((100% - 1180px) / 2));
  padding-right:max(24px, calc((100% - 1180px) / 2));
}

/* 保险：文档级禁止横向滚动 */
html{
  overflow-x:hidden;
}
body{
  overflow-x:hidden;
}

/* ============================================================
   35. 页头：导航栏高度减半 + 手机/微信联系方式
   ============================================================ */
header.wp-block-template-part{
  background:#fff;
  border-bottom:1px solid #eef1f6;
  box-shadow:0 1px 3px rgba(13,43,82,.05);
}

/* 导航栏高度压到原来约一半 */
header.wp-block-template-part > .wp-block-group > .wp-block-group{
  padding-top:10px !important;
  padding-bottom:10px !important;
  min-height:0 !important;
  align-items:center !important;
}
header.wp-block-template-part .wp-block-navigation{
  padding:0 !important;
  min-height:0 !important;
}
header.wp-block-template-part .wp-block-navigation__container{
  gap:2px !important;
  align-items:center !important;
}
header.wp-block-template-part .wp-block-navigation-item__content{
  font-size:14.5px !important;
  font-weight:500 !important;
  padding:3px 9px !important;
  line-height:1.5 !important;
  border-radius:6px;
  transition:background .18s ease, color .18s ease;
}
header.wp-block-template-part .wp-block-navigation-item__content:hover{
  background:#f2f6fc;
  color:var(--hmc-blue) !important;
}
/* 站点标题同步收小，保持一行高度 */
header.wp-block-template-part .wp-block-site-title a{
  font-size:19px !important;
  line-height:1.3 !important;
}

/* 右侧联系方式（手机/微信图标 + 号码） */
.hmc-header-contact{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-left:16px;
  padding:5px 13px 5px 11px;
  border-radius:999px;
  background:linear-gradient(135deg,#0d2b52 0%,#1a5fb4 100%);
  color:#fff;
  white-space:nowrap;
  transition:transform .18s ease, box-shadow .18s ease;
}
.hmc-header-contact:hover{
  transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(26,95,180,.32);
}
.hmc-header-contact-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#bcd7ff;
  flex:0 0 auto;
}
.hmc-header-contact-num{
  color:#fff !important;
  font-size:15px !important;
  font-weight:700 !important;
  letter-spacing:.4px;
  text-decoration:none !important;
  line-height:1;
}

/* 窄屏：联系方式换行到第二行并居中，导航允许换行 */
@media (max-width:900px){
  header.wp-block-template-part > .wp-block-group > .wp-block-group{
    flex-wrap:wrap !important;
    row-gap:8px;
  }
  .hmc-header-contact{ margin-left:0; }
}
@media (max-width:600px){
  header.wp-block-template-part .wp-block-site-title a{ font-size:17px !important; }
  .hmc-header-contact-num{ font-size:14px !important; }
  header.wp-block-template-part .wp-block-navigation-item__content{
    font-size:13.5px !important;
    padding:3px 7px !important;
  }
}

/* ============================================================

/* ============================================================
   36. 资讯动态：文章列表美化 + 背景
   ============================================================ */
body.blog,
body.archive,
body.home.blog{
  background:
    radial-gradient(1100px 520px at 12% -8%, rgba(26,95,180,.10), transparent 62%),
    radial-gradient(900px 460px at 92% 4%, rgba(232,150,60,.10), transparent 60%),
    linear-gradient(180deg,#f5f8fd 0%,#eef3fa 42%,#f7f9fc 100%);
  background-attachment:fixed;
}

/* 页头区域 */
.hmc-news-head{
  position:relative;
  max-width:none !important;
  width:auto;
  margin:0 !important;
  padding:46px 24px 40px;
  text-align:center;
  background:linear-gradient(135deg,#0d2b52 0%,#14406f 58%,#1a5fb4 100%);
  overflow:hidden;
}
.hmc-news-head::before{
  content:"";
  position:absolute;
  inset:-40% -10% auto auto;
  width:520px;height:520px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.14), transparent 66%);
  pointer-events:none;
}
.hmc-news-head::after{
  content:"";
  position:absolute;
  left:-70px;bottom:-110px;
  width:340px;height:340px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(232,150,60,.20), transparent 68%);
  pointer-events:none;
}
.hmc-news-eyebrow{
  position:relative;
  margin:0 0 10px !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  letter-spacing:3px;
  color:#8fb8f0 !important;
  text-transform:uppercase;
}
.hmc-news-title{
  position:relative;
  margin:0 0 10px !important;
  font-size:clamp(26px,3.4vw,40px) !important;
  font-weight:800 !important;
  color:#fff !important;
  letter-spacing:1px;
  line-height:1.25;
}
.hmc-news-sub{
  position:relative;
  margin:0 auto !important;
  max-width:640px;
  font-size:clamp(14px,1.35vw,16px) !important;
  color:#c6d8ef !important;
  line-height:1.7;
}

/* 正文容器 */
.hmc-news-body{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:56px 24px 64px !important;
}

/* 卡片网格 */
.hmc-news-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:24px !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.hmc-news-grid > li{ margin:0 !important; list-style:none !important; }

/* 单张卡片 */
.hmc-news-card{
  position:relative;
  height:100%;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  padding:26px 26px 28px;
  border-radius:14px;
  background:#fff;
  border:1px solid #e4ebf5;
  box-shadow:0 2px 10px rgba(13,43,82,.055);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  overflow:hidden;
}
.hmc-news-card::before{
  content:"";
  position:absolute;
  left:0;top:0;
  width:100%;height:3px;
  background:linear-gradient(90deg,#1a5fb4,#3f8ae0 55%,#e8963c);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .28s ease;
}
.hmc-news-card:hover{
  transform:translateY(-5px);
  border-color:#cddef5;
  box-shadow:0 14px 30px rgba(13,43,82,.13);
}
.hmc-news-card:hover::before{ transform:scaleX(1); }

/* 日期 */
.hmc-news-card .hmc-news-date,
.hmc-news-date{
  margin:0 0 12px !important;
  font-size:12.5px !important;
  font-weight:600 !important;
  letter-spacing:.6px;
  color:#7d8ea6 !important;
}
.hmc-news-card .hmc-news-date a,
.hmc-news-date a{ color:#7d8ea6 !important; text-decoration:none !important; }
.hmc-news-card .hmc-news-date::before{
  content:"";
  display:inline-block;
  width:6px;height:6px;
  margin-right:8px;
  border-radius:50%;
  background:#e8963c;
  vertical-align:middle;
}

/* 标题 */
.hmc-news-card .hmc-news-card-title,
.hmc-news-card-title{
  margin:0 0 12px !important;
  font-size:clamp(16.5px,1.55vw,19px) !important;
  font-weight:700 !important;
  line-height:1.5 !important;
}
.hmc-news-card .hmc-news-card-title a,
.hmc-news-card-title a{
  color:#0d2b52 !important;
  text-decoration:none !important;
  transition:color .18s ease;
}
.hmc-news-card .hmc-news-card-title a:hover,
.hmc-news-card-title a:hover{ color:#1a5fb4 !important; }

/* 摘要 */
.hmc-news-card .hmc-news-card-excerpt,
.hmc-news-card-excerpt{
  margin:0 !important;
  font-size:14.5px !important;
  line-height:1.78 !important;
  color:#5c6b80 !important;
  flex:1 1 auto;
}
.hmc-news-card-excerpt a{
  display:inline-block;
  margin-top:12px;
  font-size:13.5px;
  font-weight:600;
  color:#1a5fb4 !important;
  text-decoration:none !important;
}
.hmc-news-card-excerpt a::after{ content:" →"; }

/* 分页 */
.hmc-news-pager{
  margin-top:44px !important;
  gap:6px;
}
.hmc-news-pager .page-numbers,
.hmc-news-pager a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;height:38px;
  padding:0 12px;
  border-radius:9px;
  background:#fff;
  border:1px solid #dde6f2;
  color:#33445c !important;
  font-size:14px;
  font-weight:600;
  text-decoration:none !important;
  transition:all .18s ease;
}
.hmc-news-pager .page-numbers:hover{
  border-color:#1a5fb4;
  color:#1a5fb4 !important;
  transform:translateY(-1px);
}
.hmc-news-pager .page-numbers.current{
  background:linear-gradient(135deg,#0d2b52,#1a5fb4);
  border-color:transparent;
  color:#fff !important;
}

/* 空状态 */
.hmc-news-empty{
  max-width:620px;
  margin:0 auto !important;
  padding:52px 28px;
  text-align:center;
  border-radius:14px;
  background:#fff;
  border:1px dashed #cddef5;
  color:#7d8ea6 !important;
  font-size:15px;
}

/* 响应式 */
@media (max-width:900px){
  .hmc-news-grid{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:20px !important; }
  .hmc-news-head{ padding:38px 20px 34px; }
  .hmc-news-body{ padding:44px 20px 52px !important; }
}
@media (max-width:600px){
  .hmc-news-grid{ grid-template-columns:1fr !important; gap:16px !important; }
  .hmc-news-head{ padding:32px 18px 28px; }
  .hmc-news-eyebrow{ letter-spacing:2px; }
  .hmc-news-body{ padding:36px 18px 44px !important; }
  .hmc-news-card{ padding:20px 20px 22px; }
}

/* ============================================================
   37. 标题栏（页头）高度再减半：49px → 约 25px
   ============================================================ */
header.wp-block-template-part > .wp-block-group > .wp-block-group{
  padding-top:2px !important;
  padding-bottom:2px !important;
  min-height:0 !important;
  line-height:1 !important;
  align-items:center !important;
}
header.wp-block-template-part .wp-block-navigation,
header.wp-block-template-part .wp-block-navigation__container{
  min-height:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  align-items:center !important;
}
header.wp-block-template-part .wp-block-navigation-item__content{
  font-size:13.5px !important;
  padding:1px 8px !important;
  line-height:1.25 !important;
}
header.wp-block-template-part .wp-block-site-title{
  margin:0 !important;
  line-height:1 !important;
}
header.wp-block-template-part .wp-block-site-title a{
  font-size:16px !important;
  line-height:1.1 !important;
}

/* 手机号徽章同步压扁 */
.hmc-header-contact{
  margin-left:12px;
  padding:2px 11px 2px 9px;
  gap:6px;
  line-height:1;
}
.hmc-header-contact-icon svg{ width:14px; height:14px; }
.hmc-header-contact-num{
  font-size:13px !important;
  line-height:1.2 !important;
}

/* 窄屏保持可读，不再继续压缩 */
@media (max-width:600px){
  header.wp-block-template-part > .wp-block-group > .wp-block-group{
    padding-top:6px !important;
    padding-bottom:6px !important;
  }
  header.wp-block-template-part .wp-block-site-title a{ font-size:16px !important; }
  header.wp-block-template-part .wp-block-navigation-item__content{
    font-size:13.5px !important;
    padding:3px 7px !important;
  }
  .hmc-header-contact-num{ font-size:13.5px !important; }
}

/* ============================================================
   38. 首页横幅正文：单行不换行
   ============================================================ */
.hmc-slide .hmc-slide-inner > p{
  white-space:nowrap !important;
  max-width:none !important;
  width:auto !important;
  overflow:visible;
  font-size:clamp(12.5px, 1.02vw, 16px) !important;
  letter-spacing:-.1px;
}
/* 中等窄屏允许略微缩小以维持单行 */
@media (max-width:1200px){
  .hmc-slide .hmc-slide-inner > p{ font-size:clamp(11.5px, 1.16vw, 14.5px) !important; }
}
/* 平板及以下：单行会挤成极小字，回退为正常换行更易读 */
@media (max-width:900px){
  .hmc-slide .hmc-slide-inner > p{
    white-space:normal !important;
    font-size:14.5px !important;
  }
}

/* ============================================================
   39. 页脚备案信息（ICP 号 + 技术支持）
   ============================================================ */
.hmc-footer-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0;
  padding:0 0 14px;
  font-size:13px;
  line-height:1.6;
  color:#8a93a3;
}
.hmc-footer-meta span{ color:#8a93a3; }
.hmc-footer-meta .hmc-footer-sep{
  color:#c8d0dc;
  margin:0 2px;
}
.hmc-footer-meta .hmc-icp{
  color:#8a93a3 !important;
  text-decoration:none !important;
  transition:color .18s ease;
}
.hmc-footer-meta .hmc-icp:hover{
  color:var(--hmc-blue) !important;
  text-decoration:underline !important;
}
@media (max-width:600px){
  .hmc-footer-meta{
    font-size:12px;
    gap:6px;
    padding-bottom:12px;
  }
  .hmc-footer-meta .hmc-footer-sep{ display:none; }
  .hmc-footer-meta span,
  .hmc-footer-meta .hmc-icp{ flex:0 0 auto; }
}