/* 科胜栏目页专属版式：公司介绍、联系方式与厂区实拍。
   只由 gen/build_columns_kesheng.py 在 about-us / contact-us 注入；
   不写进四站共用 mobile.css，避免影响其他站。 */
.ks-lead{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px}
.ks-lead p{margin:0 0 12px;line-height:1.9;font-size:15px}
.ks-lead p:last-of-type{margin-bottom:0}
.ks-lead b{color:var(--primary-dark)}
table.spec.ks-facts{margin-top:18px}
.ks-facts td:first-child{white-space:nowrap;background:#f4f8fb;font-weight:600;width:132px}

.ks-pics{display:grid;grid-template-columns:minmax(0,1fr) 38%;gap:20px;margin:24px 0 8px;align-items:start}
.ks-pics3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ks-pics figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.ks-pics .ks-pic{position:relative;aspect-ratio:16/9;overflow:hidden}
.ks-pics .ks-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ks-pics figcaption{padding:9px 12px;font-size:12px;color:var(--text-light);line-height:1.6;border-top:1px solid var(--line)}

.ks-more{margin-top:28px;display:flex;flex-direction:column;gap:22px}
.ks-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ks-mini-grid .card{border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.ks-mini-grid .card .body{padding:15px 17px}
.ks-mini-grid .card h3{font-size:15px;color:var(--primary-dark);margin-bottom:5px}
.ks-contact-note{background:#f4f8fb;border-left:3px solid var(--primary);border-radius:0 var(--radius) var(--radius) 0;padding:18px 22px}
.ks-contact-note h3{font-size:16px;margin-bottom:7px;color:var(--primary-dark)}
.ks-contact-note p{line-height:1.9;font-size:14px;margin:0}

.ks-ct-hero{display:grid;grid-template-columns:minmax(0,1fr) 44%;gap:38px;align-items:stretch;padding:6px 0 34px;border-bottom:1px solid var(--line)}
.ks-ct-kicker{font-size:13px;letter-spacing:2px;color:var(--text-light);margin:0 0 10px}
.ks-ct-headline{font-size:22px;font-weight:700;line-height:1.5;color:var(--primary-dark);margin:0 0 20px}
.ks-ct-tel{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:15px;text-decoration:none;font-size:29px;font-weight:700;line-height:1.25;color:var(--primary-dark);font-variant-numeric:tabular-nums}
.ks-ct-tel:hover{text-decoration:underline}
.ks-ct-tel span{font-size:13px;font-weight:400;color:var(--text-light);margin-top:3px;letter-spacing:0}
.ks-ct-addr{font-size:14px;line-height:1.9;margin:18px 0 0;color:var(--text)}
.ks-ct-pic{margin:0;position:relative;min-height:300px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.ks-ct-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ks-ct-pic figcaption{position:absolute;left:0;right:0;bottom:0;background:rgba(20,45,62,.78);color:#fff;font-size:12px;padding:9px 13px;line-height:1.6}
.ks-ct-minor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 0}
.ks-ct-minor div{border-left:2px solid var(--line);padding-left:14px}
.ks-ct-minor h3{font-size:14px;color:var(--primary-dark);margin-bottom:5px}
.ks-ct-minor p{font-size:13px;color:var(--text-light);line-height:1.8;margin:0}

/* 知识时间线里可展开的问答：保持标题色，悬停才提示可点 */
.ks-qa-item h3 a{color:var(--primary-dark);text-decoration:none}
.ks-qa-item h3 a:hover{text-decoration:underline}

/* 应用行业卡：缩略图/标题链详情页，原产品跳转保留为卡内文字链接 */
.ind-card .thumb{cursor:pointer}
.ind-card .body h3 a{color:var(--text);text-decoration:none}
.ind-card .body h3 a:hover{color:var(--primary)}
.ind-card .ind-links{margin-top:10px;font-size:12.5px;line-height:1.8}
.ind-card .ind-links a{text-decoration:none}
.ind-card .ind-links a:hover{text-decoration:underline}
.ind-card .ind-more{white-space:nowrap}

@media (max-width:760px){
  .ks-lead{padding:20px}
  /* 可核验信息表：手机上按「项目名 + 值」竖排，不走参数表的横滑样式 */
  table.spec.ks-facts{display:block;overflow:visible;border:1px solid var(--line);border-radius:8px;background:#fff}
  table.spec.ks-facts tr{display:block;padding:10px 14px;border-bottom:1px solid var(--line)}
  table.spec.ks-facts tr:last-child{border-bottom:0}
  table.spec.ks-facts tr:first-child{display:none}
  table.spec.ks-facts th,table.spec.ks-facts td{display:block;border:0;background:none!important;min-width:0;padding:0;white-space:normal}
  table.spec.ks-facts td:first-child{width:auto;font-weight:600;color:var(--primary-dark);margin-bottom:2px}
  table.spec.ks-facts td:last-child{line-height:1.7}
  /* main.js 会自动给表格补 stackh / data-label，这里去掉重复的列名标签 */
  table.spec.ks-facts.stackh tr:not(:first-child) td,
  table.spec.ks-facts.stackh tr:not(:first-child) th{display:block;padding:2px 0}
  table.spec.ks-facts.stackh tr:not(:first-child) [data-label]::before{content:none;display:none}
  table.spec.ks-facts.stackh tr:not(:first-child) td:first-child{font-weight:600;color:var(--primary-dark)}
  .ks-pics,.ks-pics3{grid-template-columns:1fr;gap:14px}
  .ks-mini-grid{grid-template-columns:1fr}
  .ks-ct-hero{grid-template-columns:1fr;gap:20px;padding-bottom:24px}
  .ks-ct-headline{font-size:20px}
  .ks-ct-tel{font-size:25px}
  .ks-ct-pic{min-height:0;aspect-ratio:16/9}
  .ks-ct-minor{grid-template-columns:1fr;gap:14px;margin-top:20px}
  .ind-card .ind-links{font-size:12px}
}

/* ---- 关于我们：五个等距分区，取代表格嵌段落、不等宽双图与 2x2 方框堆砌 ---- */
.ks-sec{margin:40px 0 18px}
.ks-sec:first-child{margin-top:0}
.ks-about-intro{display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:center}
.ks-about-intro p{font-size:15px;line-height:1.95;margin:0 0 12px}
.ks-about-intro p:last-child{margin-bottom:0}
.ks-about-intro b{color:var(--primary-dark)}
.ks-about-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ks-about-stats>div{background:#f4f8fb;border:1px solid var(--line);border-left:3px solid var(--primary);border-radius:4px;padding:14px 16px}
.ks-about-stats b{display:block;font-size:22px;color:var(--primary-dark);line-height:1.3}
.ks-about-stats span{display:block;font-size:12.5px;color:var(--text-light);margin-top:5px;line-height:1.6}
.ks-about-note{font-size:14px;color:var(--text-light);line-height:1.9;margin:16px 0 0}
.ks-major{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ks-major .card{display:block;background:#fff;border:1px solid var(--line);border-top:3px solid var(--primary);border-radius:5px;padding:20px 20px 18px;text-decoration:none}
.ks-major .card:hover{border-color:var(--primary);box-shadow:0 6px 18px rgba(20,60,90,.08)}
.ks-major h3{font-size:17px;color:var(--primary-dark);margin:0 0 10px}
.ks-major p{font-size:13.5px;color:var(--text-light);line-height:1.8;margin:0 0 14px}
.ks-major span{font-size:13px;color:var(--primary);font-weight:700}
.ks-about-other{font-size:14px;color:var(--text-light);margin:16px 0 0;line-height:1.8}
.ks-about-other a{color:var(--primary)}
.ks-visit{margin-top:40px;background:#f4f8fb;border:1px solid var(--line);border-radius:6px;padding:24px 26px;display:flex;justify-content:space-between;gap:26px;align-items:center}
.ks-visit h3{font-size:17px;color:var(--primary-dark);margin:0 0 10px}
.ks-visit p{font-size:13.5px;line-height:1.9;color:var(--text-light);margin:0}
.ks-visit-act{text-align:right;flex:0 0 240px}
.ks-visit-act p{font-size:12.5px;margin-top:10px}
@media (max-width:760px){
  .ks-sec{margin:30px 0 15px}
  .ks-about-intro{grid-template-columns:1fr;gap:20px}
  .ks-about-stats b{font-size:19px}
  .ks-major{grid-template-columns:1fr;gap:12px}
  .ks-visit{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}
  .ks-visit-act{text-align:left;width:100%;flex:none}
  .ks-visit-act .btn{width:100%;text-align:center}
}
@media (max-width:420px){
  .ks-about-stats{gap:8px}
  .ks-about-stats>div{padding:11px 12px}
  .ks-about-stats b{font-size:18px}
}

/* 行业详情页配图：8 个行业各一张场景图，放在导语之后、正文之前 */
.ind-fig{margin:20px 0 26px}
.ind-fig img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid var(--line)}

/* 行业知识列表分页条：条目全部在 HTML 里，JS 只切换显示。
   基础样式写在这里，窄屏覆盖也写在这里——ks-pages.css 比 mobile.css 后加载，
   只写在 mobile.css 里的规则会被这份文件里的同名基础规则压掉。 */
.kb-page{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.kb-page button{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;color:var(--text);font:inherit;font-size:14px;line-height:1;padding:9px 14px;border-radius:var(--radius);cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.kb-page button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}
.kb-page button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.kb-page button:disabled{opacity:.4;cursor:default}
.kb-page .kb-pg-nums{display:flex;flex-wrap:wrap;gap:6px}
.kb-page .kb-pg-nums button{min-width:38px;padding:9px 10px;text-align:center}
.kb-page .kb-pg-nums .is-on{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:500}
.kb-page .kb-pg-gap{padding:0 2px;color:var(--text-light);line-height:1}
.kb-page .kb-pg-info{margin-left:auto;font-size:13px;color:var(--text-light)}
.kb-page .kb-pg-all{border-color:transparent;background:none;color:var(--primary);padding:9px 4px;text-decoration:underline}
@media (max-width:760px){
  .ind-fig{margin:16px 0 20px}
  .kb-page{gap:5px;margin-top:22px;padding-top:18px}
  .kb-page button{padding:8px 11px;font-size:13px}
  .kb-page .kb-pg-nums button{min-width:34px;padding:8px 6px}
  .kb-page .kb-pg-prev{order:1}
  .kb-page .kb-pg-nums{order:2}
  .kb-page .kb-pg-next{order:3}
  .kb-page .kb-pg-all{order:4}
  .kb-page .kb-pg-info{order:5;width:100%;margin-left:0;padding-top:6px}
}

/* 关于我们：厂区大门横图，接在「生产与检测」三图之后 */
.ks-gate{margin:24px 0 0}
.ks-gate img{display:block;width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line)}
.ks-gate figcaption{margin-top:8px;font-size:13px;line-height:1.7;color:var(--text-light)}
@media (max-width:760px){.ks-gate{margin-top:18px}}