/* ===== mobile.css：窄屏适配唯一来源，勿再写回各站主样式 =====

   断点（由宽到窄）：
     900 / 820：平板与窄屏桌面——栅格降两列、侧栏改单列、导航换行、首页组件降列
     760      ：手机——顶条/头部/导航单行横滑/栅格单列/页脚单列/浮动按钮/表格横滑兜底
     700 / 600：小屏——图墙两列、参数表分层（需 main.js 打 stackh / stackp 标记）
     560 / 420：超小屏——栅格单列、logo 省略号、字号收紧
   本文件只放媒体查询，不放基础样式；基础样式仍在 main.css 等文件里。
   ============================================================ */

@media(max-width:900px){

  .grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
  .page-wrap{grid-template-columns:1fr}
  .nav ul{flex-wrap:wrap}
  .nav a{padding:10px 14px;font-size:14px}
  .trust{grid-template-columns:repeat(2,1fr)}
  .footer .cols{grid-template-columns:1fr 1fr}
  .hero h1{font-size:24px}
  .header-tel{font-size:15px}
  .com-app{grid-template-columns:repeat(2,1fr)}
  .com-faq{columns:1}
  .cat-nav{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:820px){
.num-cards{grid-template-columns:1fr}
}

@media(max-width:760px){

  /* --- 禁止任何子元素把页面撑宽 --- */
  .page-wrap,.page-wrap>*,.article{min-width:0}
  .container{max-width:100%}

  /* --- 顶条：两段文字改为上下居中，不再挤成一行 --- */
  .topbar{font-size:12px;line-height:1.6;padding:7px 0}
  .topbar .container{flex-direction:column;align-items:center;gap:2px;text-align:center}

  /* --- 头部：logo 与电话缩排，避免挤出屏幕 --- */
  .header .container{height:auto;padding:10px 16px;gap:10px}
  .logo{font-size:16px;gap:8px;min-width:0}
  .logo .logo-mark{min-width:32px;height:32px;font-size:12px;padding:0 5px}
  .header-tel{font-size:14px;line-height:1.4;white-space:nowrap}
  .header-tel small{font-size:11px}

  /* --- 导航：单行横滑，不再折成三四行 --- */
  .nav ul{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .nav ul::-webkit-scrollbar{display:none}
  .nav li{flex:0 0 auto}
  .nav a{padding:11px 14px;font-size:14px;white-space:nowrap}

  /* 导航横滑提示：右侧渐隐阴影，告知用户可右滑出更多分类 */
  .nav{position:relative}
  .nav::after{content:"";position:absolute;top:0;right:0;bottom:0;width:28px;background:linear-gradient(to right,rgba(255,255,255,0),rgba(20,40,60,.18));pointer-events:none}

  /* --- 版式疏密 --- */
  .section{padding-top:30px;padding-bottom:30px}
  .hero{padding:40px 0}
  .hero h1{font-size:22px;line-height:1.45}
  .hero p{font-size:14px;margin-bottom:18px}
  .sec-head{margin-bottom:22px}
  .sec-head h2{font-size:20px}
.sec-head h1{font-size:20px;line-height:1.5}
  .crumbs{padding:10px 0;font-size:12px}
  .grid{gap:14px}
  .help-row{grid-template-columns:1fr;margin-top:18px}
  .article h1{font-size:20px;line-height:1.5}
  .article h2{font-size:17px;margin:22px 0 10px}
  .article h3{font-size:15px}
  .article ul{margin-left:20px}

  /* --- 参数表 / 对比表：改为块级横滑，绝不再撑破页面 --- */
  table.spec{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:13px}
  table.spec th,table.spec td{padding:8px 10px;white-space:normal;min-width:92px}
  table.spec th{position:static}
  table.spec.guide-table{table-layout:auto}
  table.spec.guide-table th,table.spec.guide-table td{min-width:132px}
  table.spec.guide-table col{width:auto!important}

  /* --- 详情页元件 --- */
  .meta-bar{font-size:12px;line-height:1.8}
  .meta-bar span{display:inline-block;margin-right:12px}
  .pdf-box{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}
  .pdf-box .btn{width:100%;text-align:center}
  figure.shot img{max-width:100%}
  .side-box{padding:16px}
  .faq dt{margin-top:12px}

  /* --- 页脚 --- */
  .footer{padding:26px 0 16px;margin-top:32px}
  .footer .cols{grid-template-columns:1fr;gap:18px}
  .footer h4,.footer p.f-tit{font-size:14px}

  /* --- 浮动按钮：缩小并贴边，白底圆角浮层，清晰不糊表格文字 --- */
  .float-contact{right:10px;bottom:70px;gap:6px;background:rgba(255,255,255,.92);border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.2);padding:5px;z-index:99}
  .float-contact a,#backtop{width:44px;height:44px;font-size:11px}
  #backtop{font-size:16px}

  /* --- 图片墙 --- */
  .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .card .body{padding:13px}
  .card h3{font-size:15px}
  .kb-list{grid-template-columns:1fr;column-gap:0}
  /* 窄屏把行业卡改回上图下文，图压扁，避免文字被挤成窄条 */
  .ind-card{display:block}
  .ind-card .thumb{aspect-ratio:16/9;min-height:0}
  .kb-page{gap:5px;margin-top:24px;padding-top:18px;padding-right:62px}
  .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}
}

@media(max-width:700px){
.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){

  table.spec.stackh,table.spec.stackp{display:block;width:100%;overflow:visible;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:13.5px}
  table.spec.stackh tr,table.spec.stackp tr{display:block;padding:12px 14px;border-bottom:1px solid var(--line)}
  table.spec.stackh tr:last-child,table.spec.stackp tr:last-child{border-bottom:0}
  table.spec.stackh tr:nth-child(even),table.spec.stackp tr:nth-child(even){background:#fafcfe}
  table.spec.stackh th,table.spec.stackp th,
  table.spec.stackh td,table.spec.stackp td{display:block;border:0;background:none!important;min-width:0;padding:0}

  /* 有表头：列名在左，值在右 */
  table.spec.stackh tr:first-child{display:none}
  table.spec.stackh tr:not(:first-child) td,
  table.spec.stackh tr:not(:first-child) th{display:flex;align-items:baseline;gap:10px;padding:3px 0;line-height:1.65;font-weight:400;color:var(--text)}
  table.spec.stackh tr:not(:first-child) [data-label]::before{content:attr(data-label);flex:0 0 84px;font-size:12px;color:#8a9aab;line-height:1.9;font-weight:400}

  /* 标签/数值成对表：标签加粗当小标题，数值另起一行 */
  table.spec.stackp th{font-weight:600;color:#2c3a4a;margin-top:10px;line-height:1.6}
  table.spec.stackp tr>th:first-child{margin-top:0}
  table.spec.stackp td{margin:2px 0 0;line-height:1.7;color:var(--text)}
  .kb-chips{gap:6px}
  .kb-chip{padding:5px 11px;font-size:12px}
  .kb-find input{padding:10px 12px;font-size:14px}
}

@media(max-width:560px){

  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
}

@media(max-width:420px){

  .topbar{font-size:11px}
  .logo{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .header-tel{font-size:13px;white-space:nowrap}
  .header-tel small{display:none}
  .nav a{padding:10px 12px;font-size:13px}
  .hero h1{font-size:20px}
  .article h1{font-size:19px}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .trust .item{padding:14px 8px}
  .trust b{font-size:18px}

  /* 首页友情链接：窄屏收紧间距 */
  .footer .friendlinks{padding-top:14px;margin-bottom:12px}
  .footer .friendlinks .fl-list{gap:6px 14px}
  .footer .friendlinks .fl-list a{font-size:12px}
}

/* ---- 列表页窄屏回落（2026-11-11）：四站共用 ---- */
@media (max-width:760px){
  .kb-rows .kb-row{grid-template-columns:72px minmax(0,1fr);gap:10px;padding:12px 14px}
  .kb-row-go{display:none}
  .kb-row-main b{font-size:14.5px}
  .kb-layout{grid-template-columns:1fr;gap:18px}
  .kb-side{position:static}
  .ks-feature{grid-template-columns:1fr;gap:10px;padding:16px}
  .ks-feature-tag{justify-self:start}
  .ks-feature-go{text-align:left}
  .ks-qa-item{padding-left:42px}
}

/* ---- 科胜首页大屏窄屏回落（仅首页引用，其它站无 .ks-hero） ---- */
@media (max-width:980px){
  .ks-hero-in{grid-template-columns:1fr;gap:30px;padding-bottom:34px}
  .ks-hero-visual{max-width:560px;aspect-ratio:16/9}
}
@media (max-width:760px){
  .ks-hero{padding:44px 0 0}
  .ks-hero h1{font-size:28px;line-height:1.4}
  .ks-hero-sub{font-size:17px}
  .ks-hero-lead{font-size:14px}
  .ks-hero-links a{padding:6px 9px;font-size:12px}
}
@media (max-width:420px){
  .ks-hero h1{font-size:24px}
  .ks-hero-act .btn{width:100%;text-align:center}
  .ks-hero-visual{aspect-ratio:4/3}
}