/* ==========================================================================
   山东鸿运来工业科技有限公司 · 内页组件
   依赖 style.css 的设计令牌与基础类
   ========================================================================== */

/* ---------- 内页横幅 ---------- */
.page-hero{position:relative;background:var(--navy-800);color:#fff;overflow:hidden;isolation:isolate;}
.page-hero__bg{position:absolute;inset:0;z-index:-2;}
.page-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 46%;}
.page-hero__scrim{
  position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(100deg,rgba(6,26,56,.96) 0%,rgba(6,26,56,.84) 42%,rgba(6,26,56,.46) 100%),
    linear-gradient(0deg,rgba(6,26,56,.55),transparent 60%);
}
.page-hero__inner{padding-block:clamp(44px,5.6vw,80px) clamp(38px,4.6vw,60px);}
.page-hero__title{font-size:clamp(27px,3.4vw,44px);font-weight:800;letter-spacing:-.6px;line-height:1.22;}
.page-hero__desc{margin-top:14px;max-width:760px;font-size:16px;line-height:1.85;color:rgba(255,255,255,.78);}
.page-hero--plain{background:linear-gradient(120deg,var(--navy-900),var(--navy-700));}

/* 面包屑 */
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:16px;font-size:13.4px;color:rgba(255,255,255,.62);}
.crumb a{transition:color .2s;}
.crumb a:hover{color:#fff;}
.crumb i{font-style:normal;opacity:.42;}
.crumb b{font-weight:600;color:#fff;}

/* ---------- 通用版块 ---------- */
.page-sec{padding-block:clamp(56px,6vw,92px);}
.page-sec--paper{background:var(--paper);}
.page-sec--white{background:#fff;}
.page-sec--navy{background:var(--navy-800);color:#fff;}
.page-sec--navy .sec-head__title{color:#fff;}
.page-sec--navy .sec-head__desc{color:rgba(255,255,255,.74);}
.page-sec--navy .sec-head__kicker{color:#FF6A5E;}
.page-sec--tight{padding-block:clamp(40px,4.6vw,64px);}

/* ---------- 品类卡片（产品中心总览） ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.catcard{
  display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s;
}
.catcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-3);border-color:transparent;}
.catcard__media{position:relative;background:linear-gradient(160deg,#F7F9FC,#E9EFF6);padding:20px;}
.catcard__media img{width:100%;aspect-ratio:4/3;object-fit:contain;transition:transform .5s var(--ease);}
.catcard:hover .catcard__media img{transform:scale(1.05);}
.catcard__badge{
  position:absolute;left:16px;top:16px;padding:5px 12px;
  background:var(--navy-700);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.6px;
  border-radius:2px;transition:background .25s;
}
.catcard:hover .catcard__badge{background:var(--red);}
.catcard__body{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1 1 auto;border-top:1px solid var(--line-2);}
.catcard__title{font-size:20px;font-weight:800;color:var(--navy-800);}
.catcard__desc{margin-top:10px;font-size:14.6px;line-height:1.75;color:var(--ink-3);}
.catcard__spec{margin-top:18px;padding-top:16px;border-top:1px solid var(--line-2);display:grid;gap:9px;}
.catcard__spec li{display:grid;grid-template-columns:72px 1fr;gap:10px;font-size:13.6px;color:var(--ink-2);}
.catcard__spec li span{color:var(--ink-3);}
.catcard__link{
  margin-top:20px;display:inline-flex;align-items:center;gap:7px;
  font-size:14px;font-weight:700;color:var(--navy-700);
}
.catcard__link::after{content:"→";transition:transform .25s var(--ease);}
.catcard:hover .catcard__link{color:var(--red);}
.catcard:hover .catcard__link::after{transform:translateX(4px);}

/* ---------- 机型列表 ---------- */
.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.modelcard{
  display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s;
}
.modelcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-2);border-color:transparent;}
.modelcard__media{position:relative;background:linear-gradient(160deg,#F7F9FC,#E9EFF6);padding:22px;}
.modelcard__media img{width:100%;aspect-ratio:4/3;object-fit:contain;transition:transform .5s var(--ease);}
.modelcard:hover .modelcard__media img{transform:scale(1.05);}
.modelcard__tag{
  position:absolute;right:14px;top:14px;padding:4px 10px;
  background:rgba(13,42,85,.88);color:#fff;font-size:11.6px;font-weight:700;
  letter-spacing:.5px;border-radius:2px;
}
.modelcard__body{padding:22px;display:flex;flex-direction:column;flex:1 1 auto;border-top:1px solid var(--line-2);}
.modelcard__name{font-family:var(--font-mono);font-size:19px;font-weight:700;color:var(--navy-800);letter-spacing:.4px;}
.modelcard__sub{margin-top:8px;font-size:14.4px;line-height:1.72;color:var(--ink-3);}
.modelcard__meta{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-2);display:grid;gap:7px;}
.modelcard__meta li{font-size:13.4px;color:var(--ink-3);display:grid;grid-template-columns:60px 1fr;gap:9px;}
.modelcard__meta li b{color:var(--navy-700);font-weight:700;}
.modelcard__foot{margin-top:auto;padding-top:18px;}
.modelcard__foot .btn{width:100%;justify-content:center;min-height:44px;font-size:14.4px;}

/* ---------- 详情页 ---------- */
.detail{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:start;}
.detail__gallery{border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(160deg,#F7F9FC,#E9EFF6);padding:30px;}
.detail__gallery img{width:100%;aspect-ratio:4/3;object-fit:contain;}
.detail__thumbs{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.detail__thumbs img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:6px;}
.detail__name{font-family:var(--font-mono);font-size:clamp(24px,2.6vw,34px);font-weight:700;color:var(--navy-800);letter-spacing:.4px;}
.detail__lead{margin-top:14px;font-size:16.4px;line-height:1.85;color:var(--ink-2);}
.detail__list{margin-top:24px;display:grid;gap:0;}
.detail__list li{padding:14px 0 14px 18px;position:relative;border-top:1px solid var(--line);font-size:14.8px;line-height:1.78;color:var(--ink-3);}
.detail__list li::before{content:"";position:absolute;left:0;top:1.36em;width:6px;height:6px;background:var(--red);border-radius:1px;transform:rotate(45deg);}
.detail__list b{color:var(--navy-800);}
.detail__actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px;}

/* 参数表 */
.spec-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;}
.spec-table caption{text-align:left;padding:18px 22px;font-size:15.4px;font-weight:800;color:var(--navy-800);background:var(--paper);border-bottom:1px solid var(--line);}
.spec-table th,.spec-table td{padding:13px 22px;text-align:left;font-size:14.4px;border-bottom:1px solid var(--line-2);vertical-align:top;}
.spec-table th{width:210px;font-weight:700;color:var(--navy-700);background:#FBFCFE;}
.spec-table td{color:var(--ink-3);}
.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0;}
.spec-note{margin-top:14px;font-size:13.2px;line-height:1.75;color:var(--ink-3);}
.spec-note b{color:var(--navy-700);}

/* ---------- 图文长文 ---------- */
.article{max-width:860px;}
.article h2{margin-top:38px;font-size:23px;font-weight:800;color:var(--navy-800);letter-spacing:-.2px;}
.article h2:first-child{margin-top:0;}
.article h3{margin-top:26px;font-size:18px;font-weight:800;color:var(--navy-700);}
.article p{margin-top:14px;font-size:15.6px;line-height:1.95;color:var(--ink-2);}
.article ul{margin-top:14px;display:grid;gap:10px;}
.article ul li{padding-left:18px;position:relative;font-size:15.4px;line-height:1.9;color:var(--ink-2);}
.article ul li::before{content:"";position:absolute;left:0;top:.66em;width:6px;height:6px;background:var(--red);border-radius:1px;transform:rotate(45deg);}
.article__meta{margin-top:12px;padding-bottom:22px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:13.4px;color:var(--ink-3);}
.article__figure{margin-top:26px;border-radius:var(--r-md);overflow:hidden;}
.article__figure img{width:100%;}
.article__figure figcaption{margin-top:10px;font-size:13px;color:var(--ink-3);}

/* 单页内容被包在 .article 里，.article 的深色文字会盖掉深色底需要的浅色字 */
/* 深色版块：把 .article 内的文字统一反转为浅色 */
.article .page-sec--navy h1,.article .page-sec--navy h2,.article .page-sec--navy h3,.article .page-sec--navy h4{color:#fff;}
.article .page-sec--navy p,.article .page-sec--navy li{color:rgba(255,255,255,.78);}
.article .page-sec--navy ul li::before{background:#FF6A5E;}
.article .page-sec--navy a{color:#FF8A80;}
.article .page-sec--navy .solcard h3{color:#fff;}
.article .page-sec--navy .solcard p{color:rgba(255,255,255,.76);}
.article .page-sec--navy .solcard li{color:rgba(255,255,255,.86);}
.article .page-sec--navy .sec-head__title{color:#fff;}
.article .page-sec--navy .sec-head__desc{color:rgba(255,255,255,.74);}
.article .page-sec--navy .sec-head__kicker{color:#FF6A5E;}
/* 横幅：.article p 会把描述压成深灰，这里还原浅色 */
.article .page-hero__title{color:#fff;}
.article .page-hero__desc{color:rgba(255,255,255,.8);}
.article .page-hero .crumb,.article .page-hero .crumb a{color:rgba(255,255,255,.72);}
.article .page-hero .crumb b{color:#fff;}
.article .page-hero .sec-head__kicker--light{color:#FF6A5E;}
/* 浅色版块的小标签，保持品牌红 */
.article .page-sec--white .sec-head__kicker,.article .page-sec--paper .sec-head__kicker{color:var(--red);}

/* ---------- 侧栏布局 ---------- */
.with-side{display:grid;grid-template-columns:250px 1fr;gap:44px;align-items:start;}
.side-nav{position:sticky;top:calc(var(--head-h) + 20px);background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;}
.side-nav__title{padding:16px 20px;background:var(--navy-700);color:#fff;font-size:15px;font-weight:700;letter-spacing:.4px;}
.side-nav ul{display:grid;}
.side-nav li a{display:block;padding:13px 20px;font-size:14.4px;color:var(--ink-2);border-bottom:1px solid var(--line-2);transition:background .2s,color .2s,padding-left .2s;}
.side-nav li:last-child a{border-bottom:0;}
.side-nav li a:hover{background:var(--paper);color:var(--navy-700);padding-left:26px;}
.side-nav li a.is-current{background:var(--paper);color:var(--navy-700);font-weight:700;box-shadow:inset 3px 0 0 var(--red);}
.side-card{margin-top:18px;padding:22px;background:linear-gradient(150deg,var(--navy-800),var(--navy-600));color:#fff;border-radius:var(--r-md);}
.side-card h3{font-size:16.6px;font-weight:800;}
.side-card p{margin-top:10px;font-size:13.8px;line-height:1.75;color:rgba(255,255,255,.76);}
.side-card a{display:block;font-family:var(--font-mono);font-size:20px;font-weight:700;margin-top:14px;color:#fff;}
.side-card a:hover{color:#FF6A5E;}

/* ---------- 底部行动条 ---------- */
.cta-band{
  padding-block:clamp(44px,5vw,72px);
  background:linear-gradient(120deg,var(--navy-900),var(--navy-700) 62%,var(--navy-600));
  color:#fff;
}
.cta-band__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px;}
.cta-band__title{font-size:clamp(22px,2.6vw,32px);font-weight:800;letter-spacing:-.4px;}
.cta-band__desc{margin-top:10px;font-size:15.4px;color:rgba(255,255,255,.76);max-width:640px;line-height:1.8;}
.cta-band__actions{display:flex;flex-wrap:wrap;gap:14px;}

/* ---------- 分页 ---------- */
.pager{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.pager a{
  padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  display:grid;gap:6px;transition:border-color .24s,box-shadow .24s,transform .24s var(--ease);
}
.pager a:hover{border-color:var(--navy-400);box-shadow:var(--shadow-1);transform:translateY(-3px);}
.pager span{font-size:12.6px;color:var(--ink-3);letter-spacing:.6px;}
.pager b{font-size:15.4px;color:var(--navy-800);font-weight:700;}
.pager a:last-child{text-align:right;}

/* ---------- 联系页 ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;}
.info-list{display:grid;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;}
.info-list li{display:grid;grid-template-columns:104px 1fr;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line-2);align-items:baseline;}
.info-list li:last-child{border-bottom:0;}
.info-list dt{font-size:13.4px;color:var(--ink-3);letter-spacing:.5px;}
.info-list dd{font-size:16px;color:var(--ink);font-weight:600;}
.info-list dd a{color:var(--navy-700);font-family:var(--font-mono);}
.info-list dd a:hover{color:var(--red);}
.visit-note{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline;padding:14px 20px;border:1px dashed var(--line);border-radius:var(--r-md);background:var(--paper-2);font-size:13.6px;color:var(--ink-3);line-height:1.65;}
.visit-note b{font-size:14.2px;color:var(--navy-700);}

/* ---------- 响应式 ---------- */
@media (max-width:1180px){
  .cat-grid,.model-grid{grid-template-columns:repeat(2,1fr);}
  .detail{grid-template-columns:1fr;gap:36px;}
}
@media (max-width:1024px){
  .contact-grid{grid-template-columns:1fr;gap:32px;}
  .with-side{grid-template-columns:1fr;gap:32px;}
  .side-nav{position:static;}
}
@media (max-width:760px){
  .cat-grid,.model-grid{grid-template-columns:1fr;gap:18px;}
  .cta-band__inner{flex-direction:column;align-items:flex-start;}
  .pager{grid-template-columns:1fr;}
  .pager a:last-child{text-align:left;}
  .spec-table th{width:auto;display:block;border-bottom:0;padding-bottom:4px;}
  .spec-table td{display:block;padding-top:0;}
  .spec-table tr{display:block;border-bottom:1px solid var(--line-2);}
  .spec-table tr:last-child{border-bottom:0;}
  .spec-table{display:block;overflow-x:auto;}
  .info-list li{grid-template-columns:1fr;gap:4px;padding:16px 18px;}
  .detail__thumbs{grid-template-columns:repeat(3,1fr);}
  .article h2{margin-top:30px;font-size:20px;}
}

/* ==========================================================
   CMS 适配补充样式（栏目列表 / 详情 / 分页 / 表单提示）
   ========================================================== */

/* 列表页新闻（单列，带日期） */
.news__list--page li{border-bottom:1px solid var(--line);}
.news__list--page li:last-child{border-bottom:0;}
.news__list--page h3{font-size:17.4px;}
.news__list--page p{font-size:14px;}

/* 栏目 tab 用 a 标签时的兜底外观 */
.news__tabs .tab{text-decoration:none;}
.news__tabs .tab.is-on{color:#fff;}

/* 分页条 */
.pager--page{display:flex;flex-wrap:wrap;gap:8px;margin-top:44px;align-items:center;}
.pager--page a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;font-size:14px;color:var(--ink-2);text-decoration:none;transition:all .18s;}
.pager--page a:hover{border-color:var(--navy-400);color:var(--navy-700);background:var(--paper);}
.pager--page a.is-current,.pager--page span.is-current{background:var(--navy-700);border-color:var(--navy-700);color:#fff;}
.pager__info{margin-left:auto;font-size:13px;color:var(--ink-3);}
.pager--page .disabled{opacity:.45;pointer-events:none;}

/* 详情页参数表（正文里的 table） */
.article table{width:100%;border-collapse:collapse;margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;font-size:14px;}
.article table th,.article table td{padding:11px 16px;border-bottom:1px solid var(--line-2);text-align:left;vertical-align:top;line-height:1.7;color:var(--ink-2);}
.article table tr:first-child td{background:var(--paper);font-weight:700;color:var(--navy-800);}
.article table tr:last-child td{border-bottom:0;}
.article table tbody tr:hover td{background:#FBFCFE;}
.article img{max-width:100%;height:auto;border-radius:var(--r-sm);}
.article h4{margin-top:24px;font-size:16.6px;font-weight:800;color:var(--navy-700);}
.article blockquote{margin-top:18px;padding:16px 20px;border-left:3px solid var(--red);background:var(--paper);font-size:14.8px;line-height:1.85;color:var(--ink-2);}
.article--wide{max-width:none;}
.article--spec{max-width:none;}

/* 产品详情缩略图（无多图时隐藏） */
.detail__thumbs:empty{display:none;}

/* 表单提交后的系统提示页兜底 */
.msg-page{padding:80px 0;text-align:center;}

/* 侧栏 sticky 兼容 */
@supports not (position:sticky){.side-nav{position:static;}}