/* ============================================================
   内页通用样式：面包屑 + 左侧栏（当前栏目+子分类）+ 右侧产品列表
   独立文件 nei.css，由内页模板通过 link 引入
   ============================================================ */

/* ---------- 面包屑 ---------- */
.crumbs{background:#f5f7fa;border-bottom:1px solid #e8ecf2;}
.crumbs .container{display:flex;align-items:center;gap:8px;min-height:46px;padding-top:6px;padding-bottom:6px;font-size:13.5px;color:#667085;}
.crumbs svg{width:15px;height:15px;color:var(--brand,#1359E0);flex:none;}
.crumbs a{color:#667085;transition:color .2s;}
.crumbs a:hover{color:var(--brand,#1359E0);}

/* ---------- 主体两栏 ---------- */
.nei-wrap{padding:48px 0 64px;}
.nei-main{display:flex;gap:26px;align-items:flex-start;}

/* ---------- 左侧栏 ---------- */
.nei-side{width:262px;flex:none;display:flex;flex-direction:column;gap:22px;position:sticky;top:16px;}
.side-box{background:#fff;border:1px solid #e8ecf2;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(16,42,88,.05);}
.side-tit{margin:0;padding:14px 18px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand-deep,#0d3f9e),var(--brand,#1359E0));letter-spacing:.5px;}
.side-cat{list-style:none;margin:0;padding:6px 0;}
.side-cat li a{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;font-size:14.5px;color:#3b4453;border-left:3px solid transparent;transition:.2s;}
.side-cat li a .arrow{color:#b7c0cd;font-size:16px;line-height:1;transition:.2s;}
.side-cat li a:hover{color:var(--brand,#1359E0);background:#f5f8ff;}
.side-cat li a:hover .arrow{color:var(--brand,#1359E0);transform:translateX(3px);}
.side-cat li.on a{color:var(--brand,#1359E0);background:#f0f5ff;border-left-color:var(--brand,#1359E0);font-weight:600;}

/* ---------- 右侧产品列表 ---------- */
.nei-body{flex:1;min-width:0;}
.nei-body-tit{margin:0 0 22px;font-size:22px;font-weight:800;color:#1c2740;padding-left:14px;border-left:4px solid var(--brand,#1359E0);line-height:1.3;}

.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.prod-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e8ecf2;border-radius:10px;overflow:hidden;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;}
.prod-card:hover{transform:translateY(-4px);border-color:var(--brand,#1359E0);box-shadow:0 12px 26px rgba(19,89,224,.14);}

.prod-pic{position:relative;aspect-ratio:1/1;overflow:hidden;background:#f5f7fa;}
.prod-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.prod-card:hover .prod-pic img{transform:scale(1.06);}
.prod-nopic{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:800;color:var(--brand,#1359E0);opacity:.18;letter-spacing:2px;}

.prod-info{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px;}
.prod-tit{margin:0 0 6px;font-size:15px;font-weight:700;color:#1c2740;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.prod-card:hover .prod-tit{color:var(--brand,#1359E0);}
.prod-desc{margin:0;font-size:12.8px;color:#8a94a6;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;}
.prod-foot{margin-top:12px;padding-top:10px;border-top:1px dashed #e8ecf2;display:flex;justify-content:flex-end;}
.prod-more{font-size:13px;font-weight:600;color:var(--brand,#1359E0);}

/* ---------- 分页（迅睿 {$pages} 默认包裹 ul.pagination > li） ---------- */
.nei-pages{margin-top:34px;text-align:center;font-size:14px;}
.nei-pages ul.pagination{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;}
.nei-pages li{list-style:none;}
.nei-pages li a,.nei-pages li span,.nei-pages li strong{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;border:1px solid #dfe5ee;border-radius:8px;background:#fff;color:#3b4453;text-decoration:none;transition:.2s;box-sizing:border-box;}
.nei-pages li a:hover{color:var(--brand,#1359E0);border-color:var(--brand,#1359E0);}
.nei-pages li.active a,.nei-pages li strong{background:var(--brand,#1359E0);border-color:var(--brand,#1359E0);color:#fff;font-weight:600;}
/* 统计条 共N条（li:first-child）去边框，显示为纯文本 */
.nei-pages li:first-child a{border:none;background:none;color:#8a94a6;padding-left:0;margin-left:0;}

/* ---------- 响应式 ---------- */
@media (max-width:1200px){
  .prod-grid{grid-template-columns:repeat(3,1fr);}
  .nei-side{width:240px;}
}
@media (max-width:900px){
  .nei-wrap{padding:30px 0 44px;}
  .nei-main{flex-direction:column;}
  .nei-side{width:100%;position:static;flex-direction:row;flex-wrap:wrap;}
  .nei-side .side-box{flex:1 1 260px;}
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
  .nei-body-tit{font-size:19px;}
}
@media (max-width:520px){
  .nei-side{flex-direction:column;}
  .prod-grid{grid-template-columns:1fr;}
  .crumbs .container{font-size:12.5px;}
}

/* ============================================================
   新闻栏目页：左侧（栏目分类 + 最新资讯 + 联系我们） + 右侧（新闻列表）
   复用上文 .side-box / .side-tit / .side-cat / .nei-pages
   ============================================================ */

/* ---------- 左侧：最新资讯 ---------- */
.side-news-list{display:flex;flex-direction:column;}
.side-news-item{display:flex;gap:12px;align-items:flex-start;padding:12px 18px;border-bottom:1px solid #f0f3f8;text-decoration:none;transition:background .2s;}
.side-news-item:last-child{border-bottom:none;}
.side-news-item:hover{background:#f5f8ff;}
.side-news-date{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:46px;height:46px;background:var(--brand,#1359E0);border-radius:8px;color:#fff;line-height:1;transition:background .2s;}
.side-news-date b{font-size:18px;font-weight:800;}
.side-news-date em{font-size:11px;font-style:normal;opacity:.85;margin-top:2px;}
.side-news-item:hover .side-news-date{background:var(--brand-deep,#0B2545);}
.side-news-tit{flex:1;min-width:0;font-size:14px;color:#3b4453;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s;}
.side-news-item:hover .side-news-tit{color:var(--brand,#1359E0);}

/* ---------- 左侧：联系我们 ---------- */
.side-contact .side-ctit{margin:10px 18px 0;font-size:13px;color:#8a94a6;}
.side-contact .side-ctel{display:block;margin:6px 18px 0;font-size:22px;font-weight:800;color:var(--brand,#1359E0);letter-spacing:.5px;line-height:1.2;}
.side-contact .side-crow{margin:8px 18px 0;font-size:13.5px;color:#5a6473;}
.side-contact .side-crow:last-child{margin-bottom:16px;}

/* ---------- 右侧：新闻列表（竖排，带图） ---------- */
.news-list{display:flex;flex-direction:column;gap:16px;}
.news-item{display:flex;gap:18px;align-items:stretch;padding:16px;background:#fff;border:1px solid #e8ecf2;border-radius:10px;text-decoration:none;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;}
.news-item:hover{transform:translateY(-3px);border-color:var(--brand,#1359E0);box-shadow:0 12px 26px rgba(19,89,224,.12);}
.news-pic{position:relative;flex:none;width:200px;height:130px;border-radius:8px;overflow:hidden;background:#f5f7fa;}
.news-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.news-item:hover .news-pic img{transform:scale(1.06);}
.news-nopic{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;color:var(--brand,#1359E0);opacity:.18;}
.news-info{flex:1;min-width:0;display:flex;flex-direction:column;}
.news-tit{font-size:17px;font-weight:700;color:#1c2740;line-height:1.5;transition:color .2s;}
.news-item:hover .news-tit{color:var(--brand,#1359E0);}
.news-sum{margin-top:8px;font-size:13.5px;color:#8a94a6;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;}
.news-date{margin-top:10px;font-size:12.5px;color:#aab2c0;}

/* ---------- 新闻栏目页：响应式（sidebar 沿用内页通用响应式） ---------- */
@media (max-width:1200px){
  .news-pic{width:170px;height:116px;}
  .side-news-date{width:42px;height:42px;}
  .side-news-date b{font-size:16px;}
}
@media (max-width:900px){
  .news-item{gap:12px;padding:12px;}
  .news-pic{width:128px;height:90px;}
  .news-tit{font-size:15.5px;}
  .news-sum{-webkit-line-clamp:2;}
}
@media (max-width:520px){
  .news-item{flex-direction:column;}
  .news-pic{width:100%;height:180px;}
  .news-tit{font-size:16px;}
  .side-contact .side-ctel{font-size:20px;}
}

/* ============================================================
   新闻详情页：右侧内容区（标题 / 日期·编辑 / 摘要 / 正文 / 上下篇 / 相关文章）
   左侧栏复用上文 .side-box / .side-tit / .side-cat / .side-news-* / .side-contact
   ============================================================ */
.news-detail{background:#fff;border:1px solid #e8ecf2;border-radius:10px;padding:32px 34px 36px;}

.news-detail-head{border-bottom:1px solid #eef1f6;padding-bottom:18px;margin-bottom:22px;}
.news-detail-title{margin:0;font-size:26px;font-weight:800;color:#1c2740;line-height:1.4;}
.news-detail-meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:#8a94a6;}
.news-detail-meta span{display:inline-flex;align-items:center;gap:5px;}

.news-detail-sum{margin:0 0 24px;padding:14px 18px;background:var(--bg-soft,#F5F8FB);border-left:3px solid var(--brand,#1359E0);border-radius:0 8px 8px 0;font-size:14px;color:#5a6473;line-height:1.8;}

.news-detail-content{font-size:15px;color:#374151;line-height:1.9;}
.news-detail-content p{margin:0 0 16px;}
.news-detail-content img{max-width:100%;height:auto;border-radius:8px;margin:8px 0;}
.news-detail-content h2,.news-detail-content h3,.news-detail-content h4{margin:26px 0 12px;color:#1c2740;line-height:1.5;}
.news-detail-content a{color:var(--brand,#1359E0);text-decoration:underline;}
.news-detail-content ul,.news-detail-content ol{margin:0 0 16px;padding-left:22px;}
.news-detail-content li{margin:4px 0;}

/* 上一条 / 下一条（Xunrui 内置 $prev_page / $next_page） */
.news-pager{display:flex;gap:16px;margin-top:34px;padding-top:22px;border-top:1px solid #eef1f6;}
.news-pager .pg-item{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:14px 18px;border:1px solid #e8ecf2;border-radius:10px;background:#fff;text-decoration:none;transition:.2s;}
.news-pager .news-next{text-align:right;align-items:flex-end;}
.news-pager a.pg-item:hover{border-color:var(--brand,#1359E0);box-shadow:0 8px 20px rgba(19,89,224,.1);}
.news-pager .pg-lab{font-style:normal;font-size:12.5px;color:#8a94a6;}
.news-pager .pg-tit{font-size:14.5px;font-weight:600;color:#1c2740;line-height:1.45;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.news-pager a.pg-item:hover .pg-tit{color:var(--brand,#1359E0);}
.news-pager .pg-item.disabled{cursor:default;background:#fafbfc;}
.news-pager .pg-item.disabled .pg-tit{color:#aab2c0;font-weight:500;}

/* 相关文章 */
.news-rel{margin-top:30px;}
.news-rel-tit{margin:0 0 14px;font-size:17px;font-weight:700;color:#1c2740;padding-left:12px;border-left:3px solid var(--brand,#1359E0);}
.news-rel-list{list-style:none;display:flex;flex-direction:column;}
.news-rel-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 4px;border-bottom:1px dashed #eef1f6;}
.news-rel-list li:last-child{border-bottom:none;}
.news-rel-list a{flex:1;min-width:0;font-size:14.5px;color:#3b4453;text-decoration:none;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s;}
.news-rel-list a:hover{color:var(--brand,#1359E0);}
.news-rel-list span{flex:none;font-size:12.5px;color:#aab2c0;}

/* 新闻详情页：响应式（sidebar 沿用内页通用响应式） */
@media (max-width:900px){
  .news-detail{padding:22px 18px 26px;}
  .news-detail-title{font-size:22px;}
}
@media (max-width:520px){
  .news-detail-title{font-size:19px;}
  .news-detail-meta{gap:12px;}
  .news-pager{flex-direction:column;gap:10px;}
  .news-pager .news-next{text-align:left;align-items:flex-start;}
}

/* ============================================================
   资料下载页：左侧（子分类 + 产品展示 + 联系） + 右侧（下载列表，无缩略图）
   ============================================================ */

/* ---------- 左侧：产品展示 ---------- */
.side-prod-list{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;}
.side-prod-item{display:flex;align-items:center;gap:10px;padding:6px;border-radius:8px;text-decoration:none;transition:background .2s;}
.side-prod-item:hover{background:#f5f8ff;}
.side-prod-pic{position:relative;flex:none;width:52px;height:52px;border-radius:8px;overflow:hidden;background:#f5f7fa;}
.side-prod-pic img{width:100%;height:100%;object-fit:cover;}
.side-prod-nopic{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--brand,#1359E0);opacity:.18;}
.side-prod-name{flex:1;min-width:0;font-size:13.5px;color:#3b4453;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s;}
.side-prod-item:hover .side-prod-name{color:var(--brand,#1359E0);}

/* ---------- 右侧：下载列表（无缩略图，点击直接打开 PDF） ---------- */
.down-list{display:flex;flex-direction:column;}
.down-item{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid #e8ecf2;border-bottom:none;background:#fff;transition:background .2s;}
.down-item:first-child{border-radius:10px 10px 0 0;}
.down-item:last-child{border-bottom:1px solid #e8ecf2;border-radius:0 0 10px 10px;}
.down-item:hover{background:#fafcff;}
.down-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;}
.down-tit{font-size:15.5px;font-weight:600;color:#1c2740;text-decoration:none;line-height:1.5;transition:color .2s;}
.down-item:hover .down-tit{color:var(--brand,#1359E0);}
.down-desc{margin:0;font-size:13px;color:#8a94a6;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.down-ico{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1px solid var(--brand,#1359E0);border-radius:8px;color:var(--brand,#1359E0);font-size:13.5px;font-weight:600;background:#fff;transition:.2s;white-space:nowrap;}
.down-ico::before{content:"";width:13px;height:13px;border:2px solid currentColor;border-radius:2px;transform:rotate(0);}
.down-item:hover .down-ico{background:var(--brand,#1359E0);color:#fff;}

/* 下载页响应式（sidebar 沿用内页通用响应式） */
@media (max-width:900px){
  .down-item{padding:13px 14px;gap:12px;}
  .down-tit{font-size:14.5px;}
  .down-ico{padding:7px 12px;}
}
@media (max-width:520px){
  .down-item{flex-wrap:wrap;}
  .down-ico{width:100%;justify-content:center;}
}

/* ============================================================
   轴承型录列表页：左侧（不变） + 右侧（规格参数表格）
   ============================================================ */

/* 表格横向滚动容器（宽列不挤压，移动端自身滚动） */
.cat-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:6px;border-radius:10px;border:1px solid #e6ebf2;}
.cat-table{width:100%;min-width:880px;border-collapse:collapse;background:#fff;font-size:14px;}
.cat-table th,.cat-table td{padding:12px 10px;text-align:center;border:1px solid #e6ebf2;vertical-align:middle;line-height:1.4;}

/* 表头：深蓝分组 + 蓝底单位行 */
.cat-table thead th{color:#fff;font-weight:600;}
.cat-table .cat-hgrp th{background:var(--brand-deep,#0B2545);font-size:15px;letter-spacing:.5px;}
.cat-table .cat-hsub th{background:var(--brand-deep,#0B2545);font-size:13.5px;font-weight:500;color:#cdd9ee;}
.cat-table .cat-hunit th{background:var(--brand,#1359E0);font-size:13px;font-weight:500;}
.cat-table .cat-model{background:var(--brand-deep,#0B2545);min-width:128px;font-size:15px;}

/* 型号列：深色锚定，其余浅色交替 */
.cat-table tbody td{color:#48505f;}
.cat-table tbody .cat-m{font-weight:700;color:var(--brand-deep,#0B2545);background:#fff;}
.cat-table tbody .cat-m a{color:inherit;text-decoration:none;transition:color .2s;}
.cat-table tbody .cat-m a:hover{color:var(--brand,#1359E0);text-decoration:underline;}
.cat-table tbody tr:nth-child(odd) td{background:#fff;}
.cat-table tbody tr:nth-child(even) td{background:#f5f8fc;}
.cat-table tbody tr:hover td{background:#eaf1fb;}

/* 型录页响应式 */
@media (max-width:900px){
  .cat-table{font-size:13.5px;}
  .cat-table th,.cat-table td{padding:11px 8px;}
}
@media (max-width:520px){
  .cat-table{font-size:12.5px;min-width:760px;}
  .cat-table th,.cat-table td{padding:9px 6px;}
}

/* ============================================================
   型号详情页：左侧（不变） + 右侧（卡片式：缩略图 + 结构图 + 参数）
   ============================================================ */
.md-detail{background:#fff;border:1px solid #e6ebf2;border-radius:12px;padding:26px 28px 30px;}
.md-hero{display:flex;gap:30px;align-items:flex-start;}

/* 缩略图（栏目优先，回退到型号自身） */
.md-gallery{flex:none;width:300px;}
.md-img-main{position:relative;width:300px;height:300px;border:1px solid #eef1f6;border-radius:12px;overflow:hidden;background:#f7f9fc;display:flex;align-items:center;justify-content:center;}
.md-img-main img{width:100%;height:100%;object-fit:contain;padding:14px;}
.md-nopic{font-size:64px;font-weight:800;color:var(--brand,#1359E0);opacity:.16;}

.md-meta{flex:1;min-width:0;}
.md-title{margin:2px 0 10px;font-size:26px;font-weight:800;color:var(--brand-deep,#0B2545);line-height:1.3;}
.md-sum{margin:0 0 18px;font-size:14.5px;color:#67707f;line-height:1.8;}
/* 参数表：分组两列表（标签左/值右，仅内部细线，无外边框） */
.md-spec{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 22px;}
.md-spec th,.md-spec td{padding:11px 14px;text-align:center;line-height:1.4;border-bottom:1px solid #e6ebf2;}
.md-spec th{width:42%;border-right:1px solid #e6ebf2;background:#eef2f8;font-weight:600;color:#48505f;}
.md-spec td{background:#fff;color:#1c2740;font-weight:400;}
.md-spec .md-sec th{width:auto;border-right:none;background:#dce6f2;font-weight:700;color:#1c2740;font-size:14.5px;letter-spacing:.5px;}
.md-pdf{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:9px;background:var(--brand,#1359E0);color:#fff;font-size:14.5px;font-weight:600;text-decoration:none;transition:.2s;}
.md-pdf:hover{background:var(--brand-deep,#0B2545);}

/* 结构图 / 介绍 区块 */
.md-block{margin-top:28px;padding-top:24px;border-top:1px solid #f0f3f8;}
.md-block-tit{margin:0 0 16px;font-size:18px;font-weight:700;color:#1c2740;padding-left:12px;border-left:3px solid var(--brand,#1359E0);}
/* 结构图（位于缩略图下边的窄列内） */
.md-struct{margin-top:14px;border:1px solid #eef1f6;border-radius:10px;background:#f7f9fc;padding:12px;text-align:center;}
.md-struct img{width:100%;max-height:260px;object-fit:contain;}
.md-struct-cap{display:block;margin-top:8px;font-size:13px;color:#8a94a6;}
.md-content{font-size:14.5px;color:#3b4453;line-height:1.9;}
.md-content img{max-width:100%;}

/* 相关型号推荐 */
.md-rel{margin-top:30px;}
.md-rel-tit{margin:0 0 16px;font-size:17px;font-weight:700;color:#1c2740;padding-left:12px;border-left:3px solid var(--brand,#1359E0);}
.md-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.md-rel-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;border:1px solid #e8ecf2;border-radius:10px;background:#fff;text-decoration:none;transition:.2s;}
.md-rel-card:hover{border-color:var(--brand,#1359E0);box-shadow:0 8px 20px rgba(19,89,224,.1);transform:translateY(-2px);}
.md-rel-pic{position:relative;width:100%;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:#f5f7fa;display:flex;align-items:center;justify-content:center;}
.md-rel-pic img{width:100%;height:100%;object-fit:contain;padding:8px;}
.md-rel-nopic{font-size:34px;font-weight:800;color:var(--brand,#1359E0);opacity:.18;}
.md-rel-name{font-size:14px;font-weight:600;color:#1c2740;text-align:center;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.md-rel-card:hover .md-rel-name{color:var(--brand,#1359E0);}
.md-rel-sub{font-size:12px;color:#aab2c0;}

/* 型号详情页响应式 */
@media (max-width:900px){
  .md-hero{flex-direction:column;}
  .md-gallery{width:100%;}
  .md-img-main{width:100%;height:auto;aspect-ratio:1/1;}
  .md-rel-grid{grid-template-columns:repeat(3,1fr);}
  .md-detail{padding:20px 18px 24px;}
}
@media (max-width:520px){
  .md-title{font-size:22px;}
  .md-rel-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .md-spec{font-size:13px;}
}

/* ============ 应用领域栏目页 ============ */
.ap-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.ap-card{display:flex;flex-direction:column;background:#fff;border:1px solid #E6ECF2;border-radius:12px;overflow:hidden;transition:.25s;}
.ap-card:hover{transform:translateY(-4px);border-color:var(--brand,#1359E0);box-shadow:0 14px 30px rgba(19,89,224,.12);}
.ap-pic{position:relative;padding-top:62.5%;background:#f5f8fb;overflow:hidden;}
.ap-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.ap-card:hover .ap-pic img{transform:scale(1.05);}
.ap-nopic{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:800;color:var(--brand,#1359E0);opacity:.16;letter-spacing:2px;}
.ap-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1;}
.ap-tit{margin:0;font-size:16.5px;font-weight:700;color:#1c2740;line-height:1.4;transition:color .2s;}
.ap-card:hover .ap-tit{color:var(--brand,#1359E0);}
.ap-desc{margin:8px 0 0;font-size:13.5px;color:#667085;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ap-more{margin-top:auto;padding-top:12px;font-size:13px;font-weight:700;color:var(--brand,#1359E0);}
.ap-sec-tit{margin:34px 0 16px;font-size:18px;font-weight:700;color:#1c2740;padding-left:12px;border-left:3px solid var(--brand,#1359E0);}
@media (max-width:900px){
  .ap-list{grid-template-columns:1fr;gap:14px;}
}

/* ============ 关于我们页 ============ */
.ab-wrap{padding:8px 0 56px;background:#f7f9fc;}
.ab-sec{margin-top:38px;}
.ab-sechead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;}
.ab-tit{margin:0;font-size:20px;font-weight:700;color:#1c2740;padding-left:12px;border-left:4px solid var(--brand,#1359E0);line-height:1.3;}
.ab-tit em{font-style:normal;margin-left:10px;font-size:12.5px;font-weight:500;color:#aab2c0;letter-spacing:1.5px;vertical-align:2px;}
.ab-more{font-size:13.5px;color:#667085;text-decoration:none;white-space:nowrap;transition:color .2s;}
.ab-more:hover{color:var(--brand,#1359E0);}
.ab-intro{background:#fff;border:1px solid #e8ecf2;border-radius:12px;padding:26px 30px;font-size:14.5px;color:#4a5568;line-height:2.05;box-shadow:0 6px 18px rgba(28,39,64,.04);}
.ab-intro p{margin:0 0 12px;}
.ab-intro img{max-width:100%;height:auto;border-radius:8px;}
.ab-intro h2,.ab-intro h3,.ab-intro h4{margin:20px 0 10px;font-size:16.5px;color:#1c2740;line-height:1.6;}

/* 横向滚动轨道（CSS 原生滚动，无脚本） */
.ab-scroll{position:relative;}
.ab-track{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:#c9d3e0 #eef1f6;}
.ab-track>*{scroll-snap-align:start;flex:none;}
.ab-track::-webkit-scrollbar{height:6px;}
.ab-track::-webkit-scrollbar-track{background:#eef1f6;border-radius:6px;}
.ab-track::-webkit-scrollbar-thumb{background:#c9d3e0;border-radius:6px;}
.ab-track:hover::-webkit-scrollbar-thumb{background:var(--brand,#1359E0);}

/* 热推产品：一屏 6 个 */
.ab-track--prod .prod-card{flex:0 0 calc((100% - 90px) / 6);}
/* 库存现货：一屏 4 个（卡片更大） */
.ab-track--stock .prod-card{flex:0 0 calc((100% - 54px) / 4);}
.ab-track--stock .prod-tit{font-size:16px;}
.ab-track--stock .prod-desc{-webkit-line-clamp:2;}
/* 应用领域：两排，一屏每排 6 个（纵向列流，横向滚动） */
.ab-track--app{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:calc((100% - 80px) / 6);gap:14px 16px;align-items:stretch;}

@media (max-width:1200px){
  .ab-track--prod .prod-card{flex:0 0 calc((100% - 54px) / 4);}
  .ab-track--stock .prod-card{flex:0 0 calc((100% - 36px) / 3);}
  .ab-track--app{grid-auto-columns:calc((100% - 48px) / 4);}
}
@media (max-width:900px){
  .ab-intro{padding:18px 16px;font-size:14px;}
  .ab-tit{font-size:18px;}
  .ab-tit em{display:none;}
  .ab-track{gap:14px;}
  .ab-track--prod .prod-card{flex:0 0 calc((100% - 42px) / 3);}
  .ab-track--stock .prod-card{flex:0 0 calc((100% - 28px) / 2);}
  .ab-track--app{grid-auto-columns:calc((100% - 42px) / 3);gap:12px 14px;}
}
@media (max-width:520px){
  .ab-track--prod .prod-card{flex:0 0 calc((100% - 14px) / 1.7);}
  .ab-track--stock .prod-card{flex:0 0 calc((100% - 14px) / 1.4);}
  .ab-track--app{grid-auto-columns:calc((100% - 14px) / 1.7);}
  .ab-track--stock .prod-tit{font-size:15px;}
}

/* ============ 新闻详情：缩略图 + 相关应用 ============ */
/* 原图直接输出：小图按自身尺寸显示不被拉伸，大图最大 600px 不铺满整屏 */
.news-detail-pic{margin:20px 0 4px;max-width:600px;border-radius:10px;overflow:hidden;border:1px solid #e8ecf2;background:#f7f9fc;}
.news-detail-pic img{display:block;width:auto;max-width:100%;height:auto;}
.news-rel-apps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.news-rel-apps a{display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border:1px solid #E6ECF2;border-radius:10px;text-decoration:none;transition:.2s;}
.news-rel-apps a:hover{border-color:var(--brand,#1359E0);transform:translateY(-2px);box-shadow:0 8px 18px rgba(19,89,224,.10);}
.nra-pic{width:64px;height:64px;flex:none;border-radius:8px;overflow:hidden;background:#f5f8fb;display:flex;align-items:center;justify-content:center;}
.nra-pic img{width:100%;height:100%;object-fit:cover;display:block;}
.nra-nopic{font-style:normal;font-size:22px;font-weight:800;color:var(--brand,#1359E0);opacity:.2;letter-spacing:1px;}
.nra-tit{font-size:13.5px;font-weight:600;color:#1c2740;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-rel-apps a:hover .nra-tit{color:var(--brand,#1359E0);}
@media (max-width:520px){
  .news-rel-apps{grid-template-columns:1fr;}
}