/* ===== JCE 栏目页样式 ===== */
:root {
  --jce-navy: #102136;
  --jce-navy-2: #18324d;
  --jce-accent: #0B5FA5;
  --jce-accent-d: #0a4c84;
  --jce-text: #26313d;
  --jce-muted: #6d7b8a;
  --jce-line: #e6ebf1;
  --jce-bg: #f6f8fb;
}

/* 版心 */
.jce-wrap { max-width: 1290px; margin: 0 auto; padding: 0 24px; }
.jce-layout { display: grid; grid-template-columns: minmax(0, 1fr) 312px; gap: 44px; align-items: start; }
@media (max-width: 1080px) { .jce-layout { grid-template-columns: 1fr; gap: 28px; } }

/* 栏目头 */
.jce-hero {
  background: linear-gradient(120deg, #102136 0%, #16304a 52%, #1d3f5e 100%);
  color: #fff; padding: 150px 0 0; position: relative; overflow: hidden;
}
.jce-hero:after {
  content: ""; position: absolute; right: -120px; top: -90px; width: 420px; height: 420px;
  background: radial-gradient(circle, rgba(11,95,165,.28) 0%, rgba(116,86,241,0) 68%);
}
.jce-hero .jce-wrap { position: relative; z-index: 2; }
.jce-crumb { font-size: 13.5px; color: rgba(255,255,255,.62); margin-bottom: 16px; letter-spacing: .02em; }
.jce-crumb a { color: rgba(255,255,255,.78); text-decoration: none; }
.jce-crumb a:hover { color: #fff; text-decoration: underline; }
.jce-hero h1 { font-size: 42px; line-height: 1.22; margin: 0 0 16px; color: #fff; font-weight: 800; letter-spacing: -.01em; }
.jce-hero .lead { font-size: 16.5px; line-height: 1.85; color: #cfdcea; max-width: 760px; margin: 0 0 20px; }
.jce-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 30px; }
.jce-tags span {
  font-size: 13px; padding: 5px 12px; border-radius: 999px;
  background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.18); color: #dbe6f2;
}
.jce-hero .stats {
  display: flex; gap: 46px; padding: 22px 0 26px; border-top: 1px solid rgba(255,255,255,.13);
}
.jce-hero .stats div { font-size: 13.5px; color: #a9c0d6; }
.jce-hero .stats b { display: block; font-size: 28px; color: #fff; line-height: 1.15; font-weight: 800; }

/* 二级栏目卡片 */
.jce-subs { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; margin: 36px 0 10px; }
.jce-sub {
  display: block; background: #fff; border: 1px solid var(--jce-line); border-radius: 6px;
  padding: 18px 18px 16px; text-decoration: none; transition: .16s ease; position: relative;
}
.jce-sub:hover { border-color: var(--jce-accent); box-shadow: 0 8px 22px rgba(16,33,54,.09); transform: translateY(-2px); }
.jce-sub .n { font-size: 16px; font-weight: 700; color: var(--jce-navy); margin-bottom: 7px; }
.jce-sub .c { font-size: 13px; color: var(--jce-muted); }
.jce-sub .c b { color: var(--jce-accent); font-size: 15px; font-weight: 800; }
.jce-sub .arw { position: absolute; right: 16px; bottom: 16px; color: #c3cdda; font-size: 15px; }

/* 区块标题 */
.jce-h2 { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin: 42px 0 18px; }
.jce-h2 h2 { font-size: 23px; font-weight: 800; color: var(--jce-navy); margin: 0; }
.jce-h2 span { font-size: 13.5px; color: var(--jce-muted); }
.jce-h2 a { font-size: 13.5px; color: var(--jce-accent); text-decoration: none; font-weight: 600; }

/* 精选卡片 */
.jce-featured { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.jce-fea { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--jce-line); border-radius: 6px; overflow: hidden; text-decoration: none; transition: .16s; }
.jce-fea:hover { border-color: var(--jce-accent); box-shadow: 0 10px 26px rgba(16,33,54,.10); }
.jce-fea .thumb { aspect-ratio: 16 / 9; background: var(--jce-bg); overflow: hidden; }
.jce-fea .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.jce-fea .body { padding: 16px 18px 18px; }
.jce-fea h3 { font-size: 16px; line-height: 1.55; margin: 0 0 10px; color: var(--jce-navy); font-weight: 700; }
.jce-fea .meta { font-size: 12.5px; color: var(--jce-muted); display: flex; gap: 10px; }

/* 列表 */
.jce-list { border-top: 1px solid var(--jce-line); }
.jce-item { display: grid; grid-template-columns: 88px 1fr auto; gap: 16px; align-items: baseline; padding: 15px 4px; border-bottom: 1px solid var(--jce-line); text-decoration: none; }
.jce-item:hover { background: #fbfcfe; }
.jce-item .d { font-size: 12.5px; color: #9aa7b5; font-variant-numeric: tabular-nums; }
.jce-item .t { font-size: 15.5px; line-height: 1.62; color: var(--jce-navy); font-weight: 600; }
.jce-item:hover .t { color: var(--jce-accent); }
.jce-item .r { font-size: 12px; color: #9aa7b5; white-space: nowrap; }

/* 分页 */
.jce-pager { margin: 30px 0 64px; display: flex; gap: 8px; flex-wrap: wrap; }
.jce-pager .page-numbers {
  min-width: 38px; height: 38px; line-height: 36px; text-align: center; padding: 0 10px;
  border: 1px solid var(--jce-line); border-radius: 4px; text-decoration: none;
  color: var(--jce-text); font-size: 14px; background: #fff;
}
.jce-pager .page-numbers.current { background: var(--jce-accent); border-color: var(--jce-accent); color: #fff; font-weight: 700; }

/* 侧栏 */
.jce-side { position: sticky; top: 22px; }
.jce-card { background: #fff; border: 1px solid var(--jce-line); border-radius: 6px; padding: 20px; margin-bottom: 20px; }
.jce-card h3 { font-size: 15.5px; font-weight: 800; color: var(--jce-navy); margin: 0 0 14px; }
.jce-search { display: flex; gap: 8px; }
.jce-search input {
  flex: 1; min-width: 0; height: 38px; border: 1px solid var(--jce-line); border-radius: 4px;
  padding: 0 12px; font-size: 14px; color: var(--jce-text); background: #fff;
}
.jce-search input:focus { outline: none; border-color: var(--jce-accent); box-shadow: 0 0 0 3px rgba(11,95,165,.12); }
.jce-search button {
  height: 38px; padding: 0 16px; border: 0; border-radius: 4px; background: var(--jce-accent);
  color: #fff; font-size: 14px; font-weight: 600; cursor: pointer;
}
.jce-cats { list-style: none; margin: 0; padding: 0; }
.jce-cats > li { border-bottom: 1px dashed var(--jce-line); padding: 9px 0; }
.jce-cats > li:last-child { border-bottom: 0; }
.jce-cats a { color: var(--jce-text); text-decoration: none; font-size: 14.5px; font-weight: 600; display: flex; justify-content: space-between; gap: 8px; }
.jce-cats a:hover, .jce-cats > li.on > a { color: var(--jce-accent); }
.jce-cats .cnt { color: #a6b2c0; font-size: 12.5px; font-weight: 500; }
.jce-cats ul { list-style: none; margin: 8px 0 2px; padding: 0 0 0 12px; border-left: 2px solid var(--jce-line); }
.jce-cats ul li { padding: 5px 0; }
.jce-cats ul a { font-size: 13.5px; font-weight: 500; color: var(--jce-muted); }
.jce-cats ul a:hover, .jce-cats ul li.on a { color: var(--jce-accent); }
.jce-hot { list-style: none; margin: 0; padding: 0; }
.jce-hot li { padding: 9px 0; border-bottom: 1px dashed var(--jce-line); display: flex; gap: 10px; }
.jce-hot li:last-child { border-bottom: 0; }
.jce-hot .no { font-size: 13px; font-weight: 800; color: #cbd4e0; width: 16px; flex: 0 0 16px; }
.jce-hot a { font-size: 13.8px; line-height: 1.55; color: var(--jce-text); text-decoration: none; }
.jce-hot a:hover { color: var(--jce-accent); }
.jce-cta { background: linear-gradient(135deg, #1a2c42, #24405d); border: 0; color: #fff; }
.jce-cta h3 { color: #fff; font-size: 16px; margin-bottom: 10px; }
.jce-cta p { font-size: 13px; color: #b9cadd; line-height: 1.7; margin: 0 0 14px; }
.jce-cta a.btn { display: inline-block; background: var(--jce-accent); color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; padding: 10px 18px; border-radius: 4px; }
.jce-cta a.btn:hover { background: #fff; color: var(--jce-navy); }

@media (max-width: 1080px) {
  .jce-hero h1 { font-size: 32px; }
  .jce-featured { grid-template-columns: 1fr 1fr; }
  .jce-side { position: static; }
}
@media (max-width: 680px) {
  .jce-featured { grid-template-columns: 1fr; }
  .jce-item { grid-template-columns: 1fr; gap: 4px; }
  .jce-item .r { display: none; }
  .jce-hero { padding-top: 108px; }
  .jce-hero h1 { font-size: 27px; }
  .jce-hero .stats { gap: 26px; }
}

/* 一级落地页：hero 从视口顶部开始、导航浮在其上，首行文字要离导航底边更远 */
.jce-hero--l1 { padding-top: 178px; }
@media (max-width: 782px) { .jce-hero--l1 { padding-top: 124px; } }

/* 导航 9 项适配：1000~1439px 不折叠进「更多」（2026-11-06 测针栏目上线） */
@media (min-width: 1000px) {
  .ct-menu-link { padding-left: 7px !important; padding-right: 7px !important; font-size: 15px !important; }
}

/* ===== 测针栏目：速查横幅 / 螺纹对照表 / 速查器开发中页 ===== */
.jce-finder{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:center;background:linear-gradient(135deg,#102136 0%,#1b3a56 60%,#21507a 100%);border-radius:8px;padding:24px 26px;color:#fff;margin:0 0 26px}
.jce-finder h3{margin:0 0 8px;font-size:20px;font-weight:800;color:#fff}
.jce-finder p{margin:0;font-size:14px;line-height:1.8;color:#c6d7e6}
.jce-finder .go{display:block;background:#fff;color:#102136;font-weight:700;font-size:15px;padding:12px 18px;border-radius:4px;text-align:center;text-decoration:none}
.jce-finder .go small{display:block;font-weight:500;font-size:12px;color:#6d7b8a;margin-top:3px}
.jce-map{margin:0 0 8px}
.jce-map h3{font-size:18px;margin:0 0 12px;color:#102136}
.jce-map table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border:1px solid #e6ebf1}
.jce-map th{background:#f6f8fb;text-align:left;padding:11px 14px;color:#102136;font-size:13px;border-bottom:1px solid #e6ebf1}
.jce-map td{padding:10px 14px;border-bottom:1px solid #f0f3f7;color:#3a4653}
.jce-map td.t{font-weight:700;color:#0B5FA5;white-space:nowrap}
.jce-map .note{padding:10px 14px;background:#fbfcfe;color:#6d7b8a;font-size:13px;line-height:1.7;border-bottom:0}
.jce-wip{max-width:760px;margin:48px auto 64px;text-align:center}
.jce-wip .ic{width:72px;height:72px;margin:0 auto 22px;border-radius:18px;background:#fff;border:1px solid #e6ebf1;display:flex;align-items:center;justify-content:center;font-size:30px;color:#0B5FA5;box-shadow:0 10px 30px rgba(16,33,54,.07)}
.jce-wip h2{font-size:28px;margin:0 0 12px;color:#102136}
.jce-wip > p{font-size:15.5px;line-height:1.85;color:#6d7b8a;margin:0 0 26px}
.jce-wip .panel{background:#fff;border:1px solid #e6ebf1;border-radius:8px;padding:24px 28px;text-align:left;margin-bottom:26px}
.jce-wip .panel h3{font-size:15px;margin:0 0 12px;color:#102136}
.jce-wip .panel ul{margin:0;padding-left:18px;font-size:14px;line-height:2;color:#3a4653}
.jce-wip .btns a{display:inline-block;padding:12px 22px;border-radius:4px;font-size:14.5px;font-weight:600;margin:0 6px;text-decoration:none}
.jce-wip .b1{background:#0B5FA5;color:#fff}
.jce-wip .b2{background:#fff;border:1px solid #e6ebf1;color:#102136}
@media(max-width:782px){.jce-finder{grid-template-columns:1fr}}

/* 测针栏目 Hero 产品图 */
.jce-hero { position: relative; overflow: hidden; }
@media (max-width: 1180px) {  }

/* 测针栏目首屏示例图轮播（2026-11-06，尺寸对齐首页 Hero 卡片） */
.jce-hero-carousel { position: absolute; right: max(20px, calc((100% - 1290px)/2 + 40px)); bottom: 22px; width: 500px; z-index: 1; }
.jce-slides { position: relative; aspect-ratio: 5 / 4; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 22px 48px rgba(4,12,24,.5); }
.jce-slide { position: absolute; inset: 0; opacity: 0; transition: opacity .7s ease; background: #fff; }
.jce-slide.on { opacity: 1; }
.jce-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.jce-slide .cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 34px 18px 13px; background: linear-gradient(transparent, rgba(255,255,255,.98) 52%); }
.jce-slide .cap b { display: block; font-size: 15px; color: #102136; margin-bottom: 3px; }
.jce-slide .cap span { font-size: 12px; color: #5b6b7c; }
.jce-dots { display: flex; gap: 7px; justify-content: center; margin-top: 13px; }
.jce-dots i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.35); cursor: pointer; transition: .25s; }
.jce-dots i.on { width: 22px; border-radius: 4px; background: #fff; }
@media (max-width: 1699px) { .jce-hero-carousel { width: 420px; } }
@media (max-width: 1439px) { .jce-hero-carousel { width: 360px; } }
@media (max-width: 1279px) { .jce-hero-carousel { width: 320px; } }
@media (max-width: 1179px) { .jce-hero-carousel { display: none; } }