/* LANDPACK V4 Mobile 设计系统（线上版）· 由设计稿 v4_m 样式适配 2026-10-10
   载入方式：<link media="only screen and (max-width:1236px)" — 桌面端零影响 */

/* ================================================================
   LANDPACK V4 — ICE BLUE (Mobile) iPhone 390 x 844
================================================================ */
:root{
  --i0:#FFFFFF;  --i25:#FAFDFF; --i50:#F3F9FE;  --i100:#E9F4FC; --i150:#DDEBF8;
  --i200:#C9E2F4; --i300:#A3CEEE; --i400:#6FB0E0; --i500:#2F8CD0; --i600:#1B6FB4;
  --i700:#11598F; --i800:#0C4269; --i900:#082F4C;
  --ink:#0A2A44; --body:#45647E; --mut:#7C94A9; --line:#E3EFF9;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:#E7EFF7;color:var(--body);font-size:13.5px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
ul{list-style:none}
.num{font-variant-numeric:tabular-nums}

/* 移动导航条 */
.mnav{height:52px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:relative;z-index:20}
.mnav .lg{display:flex;align-items:center;gap:9px}
.lg .lglogo{height:32px;width:auto;display:block}
.mnav .mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(145deg,var(--i500),var(--i700));color:#fff;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center}
.mnav .lg b{font-size:15px;color:var(--i800);font-weight:900}
.mnav .lg span{font-size:10px;color:var(--mut);letter-spacing:2px;display:block;font-weight:700;line-height:1}
.mnav .act{display:flex;gap:8px;align-items:center}
.mnav .ib{width:34px;height:34px;border-radius:9px;border:1px solid var(--i150);display:flex;align-items:center;justify-content:center;color:#45647E;background:#fff}
.mnav .hb{width:34px;height:34px;border-radius:9px;border:1px solid var(--i150);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.5px;background:#fff}
.mnav .hb i{width:15px;height:1.8px;background:#31506C;border-radius:2px}

/* [2026-10-10 用户拍板] 底部询盘条固定悬底（fixed）·跨端兼容：
   fixed+z90 悬于内容与 53kf 之上；iPhone 底部安全区 env() 双声明（老 WebKit 回退 0）；
   backdrop-filter 补 -webkit- 前缀（iOS Safari）；gap 改 margin（iOS<14.5 无 flex gap） */
.mfoot{flex:none;min-height:58px;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:flex;align-items:center;padding:6px 14px;position:sticky;left:0;right:0;bottom:0;z-index:90;padding-bottom:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}
.mfoot>*+*{margin-left:9px}
.mfoot .fb{flex:1;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:700}
.mfoot .fb-o{border:1px solid var(--i200);color:var(--i700);background:#fff}
.mfoot .fb-p{background:linear-gradient(180deg,var(--i600),var(--i700));color:#fff;box-shadow:0 8px 18px -8px rgba(17,89,143,.5)}
.mfoot .home{width:40px;height:40px;border-radius:9px;border:1px solid var(--i150);display:flex;align-items:center;justify-content:center;color:#45647E}

/* 移动端通用元素 */
.msec{padding:22px 16px}
.mhead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}
.mhead .eb{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--i500);text-transform:uppercase}
.mhead h3{font-size:20px;color:var(--ink);font-weight:800;letter-spacing:-.2px;margin-top:5px}
.mhead .more{font-size:12px;color:var(--i600);font-weight:600}
.mhero{padding:18px 16px 22px;background:
  radial-gradient(500px 260px at 88% -10%, rgba(111,176,224,.35), transparent 62%),
  linear-gradient(180deg,#EAF5FD,#F9FCFF)}
.mhero .badge{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid var(--i150);font-size:11px;color:var(--i700);font-weight:700}
.mhero .badge i{width:6px;height:6px;border-radius:50%;background:var(--i500);box-shadow:0 0 0 3px rgba(47,140,208,.15)}
.mhero h1{font-size:27px;line-height:1.32;color:var(--ink);font-weight:800;letter-spacing:-.4px;margin-top:13px}
.mhero h1 em{font-style:normal;color:var(--i600)}
.mhero .sub{font-size:12.5px;color:#4E6D87;line-height:1.85;margin-top:10px}
.mhero .btns{display:flex;gap:10px;margin-top:16px}
.mbtn{flex:1;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13.5px;font-weight:700}
.mbtn-p{background:linear-gradient(180deg,var(--i600),var(--i700));color:#fff;box-shadow:0 10px 20px -10px rgba(17,89,143,.55)}
.mbtn-o{background:#fff;border:1px solid var(--i200);color:var(--i700)}
.mhero .himg{margin-top:18px;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 24px 48px -24px rgba(8,42,68,.45);border:1px solid rgba(255,255,255,.7)}
.mhero .himg img{width:100%;height:210px;object-fit:cover}
.mhero .himg .tag{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.92);border-radius:6px;padding:3px 9px;font-size:10px;color:var(--i700);font-weight:700}
.mstats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 6px}
.mstats div{text-align:center;border-right:1px solid var(--i50)}
.mstats div:last-child{border:none}
.mstats b{font-size:17px;color:var(--ink);font-weight:800;display:block}
.mstats b i{font-style:normal;font-size:10.5px;color:var(--i500)}
.mstats span{font-size:10px;color:var(--mut)}

/* 系列列表（11 系列） */
.mser{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:9px;padding:14px 15px}
.mser .t{display:flex;align-items:center;justify-content:space-between}
.mser .t b{font-size:14.5px;color:var(--ink);font-weight:800}
.mser .t .n{font-size:10.5px;color:var(--i500);font-weight:700;background:var(--i50);border:1px solid var(--i100);border-radius:999px;padding:1px 8px}
.mser .i{margin-top:6px;display:flex;flex-wrap:wrap;gap:2px 10px}
.mser .i a{font-size:11.5px;color:#5B7992}
.mser .g{font-size:11px;color:var(--i600);font-weight:700;margin-top:8px;display:inline-block}

/* 横滑卡 */
/* [2026-10-10 用户拍板] 明星机型=原生手势左右滑动（跟手），不做滑块/轮播；滚动条隐藏 */
.mhscroll{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}
.mhscroll::-webkit-scrollbar{display:none}
.mhscroll .card{flex:none;width:224px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mhscroll .card img{width:100%;height:128px;object-fit:cover}
.mhscroll .card .in{padding:11px 12px 12px}
.mhscroll .card .cat{font-size:10px;color:var(--i500);font-weight:700}
.mhscroll .card h4{font-size:13px;color:var(--ink);font-weight:700;margin-top:3px;line-height:1.45}
.mhscroll .card .bf{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--i50)}
.mhscroll .card .mo{font-size:10.5px;color:var(--i700);font-weight:700}
.mhscroll .card .go{font-size:10.5px;color:var(--i600);font-weight:600}

/* 列表行 */
.mrow{display:flex;gap:11px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px;margin-bottom:9px}
.mrow img{width:96px;height:74px;border-radius:8px;object-fit:cover;flex:none}
.mrow .in{flex:1;min-width:0}
.mrow .cat{font-size:10px;color:var(--i500);font-weight:600}
.mrow h4{font-size:13px;color:var(--ink);font-weight:700;margin-top:2px;line-height:1.4}
.mrow .kw{font-size:11px;color:var(--mut);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mrow .bf{display:flex;justify-content:space-between;margin-top:5px;align-items:center}
.mrow .mo{font-size:10px;color:var(--i700);background:var(--i50);border-radius:5px;padding:1px 7px;font-weight:700}
.mrow .go{font-size:10.5px;color:var(--i600);font-weight:600}

/* 芯片 */
.mchips{display:flex;gap:8px;overflow:hidden;padding:0 16px 2px}
.mchips .c{flex:none;height:30px;padding:0 13px;border-radius:8px;border:1px solid var(--i200);background:#fff;font-size:11.5px;color:#3F6080;font-weight:600;display:flex;align-items:center}
.mchips .c.on{background:var(--i600);border-color:var(--i600);color:#fff}

/* 移动参数表 */
.mptab{width:100%;border-collapse:collapse;font-size:11.5px;background:#fff;border-radius:10px;overflow:hidden}
.mptab th{background:var(--i50);color:var(--i700);font-weight:700;padding:9px 10px;text-align:left;border-bottom:1px solid var(--i100);font-size:11px}
.mptab td{padding:8px 10px;border-bottom:1px solid var(--i50);color:#3F6080}
.mptab td:first-child{color:var(--mut)}
.mtblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:11px}
.mtblwrap .mptab{min-width:520px;border-radius:0}

/* FAQ */
.mfaq{background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:8px;overflow:hidden}
.mfaq .q{display:flex;gap:9px;align-items:center;padding:13px 14px;font-size:13px;color:var(--ink);font-weight:700}
.mfaq .q .qn{width:20px;height:20px;border-radius:6px;background:var(--i100);color:var(--i600);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.mfaq .a{padding:0 14px 13px 43px;font-size:11.5px;color:#4E6D87;line-height:1.85;display:none}
.mfaq.open .a{display:block}

/* 表单 */
.mf label{display:block;font-size:11.5px;color:var(--i700);font-weight:700;margin:7px 0 5px}
.mf input,.mf select,.mf textarea{width:100%;height:40px;border:1px solid var(--i150);border-radius:9px;padding:0 13px;font-size:13px;color:var(--ink);font-family:inherit;outline:none;background:#fff}
.mf textarea{height:48px;padding:8px 13px}
.mf input:focus{border-color:var(--i400)}

/* 页面头（内页） */
.mphead{padding:16px 16px 18px;background:linear-gradient(180deg,#EDF6FD,#FBFDFF);border-bottom:1px solid var(--i100);flex:none}
.mphead .c{font-size:11px;color:var(--mut)}
.mphead .c b{color:var(--i700)}
.mphead h1{font-size:23px;color:var(--ink);font-weight:800;margin-top:7px;letter-spacing:-.3px}
.mphead p{font-size:12px;color:var(--mut);margin-top:6px;line-height:1.7}

/* 深色底 hero（菜单/页脚等） */
.mdark{background:
  radial-gradient(420px 240px at 90% -8%, rgba(111,176,224,.22), transparent 60%),
  linear-gradient(165deg,#0A3A5F,#082F4C)}
/* 图标体系：内联 SVG，随字号缩放 */
.isvg{width:1em;height:1em;display:inline-block;vertical-align:-.12em;flex:none}
/* ---------- 骨架屏（加载态）组件 ---------- */
.sk{background:linear-gradient(90deg,#EDF4FB 25%,#F9FCFE 37%,#EDF4FB 63%);background-size:400% 100%;
  animation:skShine 1.4s ease infinite;border-radius:6px}
.sk-t{height:13px;border-radius:4px}
.sk-b{border-radius:12px}
@keyframes skShine{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.sk{animation:none}}
/* 样式探针（供 JS 检测主样式是否生效） */
#lpProbe{position:absolute;left:-9999px;top:0;width:1px;height:1px;--lp-css:ok}
/* 骨架兜底提示条：主样式生效时隐藏 */
#skTip{display:none}



/* [2026-10-12 百度 app 修复] 手机百度(XWeb)内核对 fixed/sticky bottom 元素有"头尾平铺"渲染 bug
   （底栏会同时在页面顶部与底部各绘制一份）——UA 检测百度系客户端后降级为普通文档流，
   底栏静止于页尾（保留功能，仅失去悬浮）；其他浏览器维持 sticky 悬浮体验 */
html.is-baidu #mobile .mfoot{position:static!important;left:auto;right:auto;bottom:auto}

/* ---------- 产品详情正文（移动版） ---------- */
.v4dt-mbody{font-size:13.5px;color:#45647E;line-height:1.9;word-break:break-word}
.v4dt-mbody img{max-width:100%;height:auto;border-radius:10px;margin:10px 0}
.v4dt-mbody p{margin:9px 0}
.v4dt-mbody table{width:100%;border-collapse:collapse;font-size:12px;margin:12px 0;display:block;overflow-x:auto}
.v4dt-mbody td,.v4dt-mbody th{border:1px solid var(--i100);padding:7px 9px;white-space:nowrap}
.v4dt-mbody h2,.v4dt-mbody h3{font-size:16px;color:var(--ink);font-weight:800;margin:14px 0 8px}

/* ---------- 新闻列表 M11 / 详情 M12（2026-10-12） ---------- */
.mnw-head{padding:14px 16px 6px}
.mnw-crumb{font-size:10.5px;color:var(--mut);letter-spacing:1px}
.mnw-head h1{font-size:21px;color:var(--ink);font-weight:800;margin:6px 0 4px}
.mnw-head p{font-size:12px;color:var(--mut);line-height:1.7}
.mnw-lead{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;text-decoration:none;margin-bottom:10px}
.mnw-lead .ph{position:relative;height:172px;background:linear-gradient(135deg,var(--i50),var(--i100))}
.mnw-lead .ph img{width:100%;height:100%;object-fit:cover;display:block}
.mnw-lead .ph .tag{position:absolute;left:10px;top:10px;background:var(--i600);color:#fff;font-size:10px;font-weight:700;border-radius:5px;padding:2px 9px}
.mnw-lead .nb{padding:13px 14px 14px}
.mnw-lead .nb b{font-size:14.5px;color:var(--ink);font-weight:700;line-height:1.5;display:block}
.mnw-lead .nb p{font-size:11px;color:var(--mut);margin-top:7px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mnw-lead .nb .mt{display:flex;justify-content:space-between;margin-top:9px;font-size:10px;color:var(--mut)}
.mnw-row{display:block;padding:12px 0;border-bottom:1px solid var(--i50);text-decoration:none}
.mnw-row .cat{font-size:10px;color:var(--i500);font-weight:700}
.mnw-row h4{font-size:13px;color:var(--ink);font-weight:700;line-height:1.55;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mnw-pager,#v4mpages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:20px 12px 10px;font-size:12px;color:#A9C0D4;line-height:1}
.mnw-pager>a:first-child,#v4mpages>a:first-child{height:28px;padding:0 11px;border-radius:999px;background:#EFF7FD;color:#64849E;font-size:11px;font-weight:700;display:inline-flex;align-items:center;letter-spacing:.3px;cursor:default;flex:none;text-decoration:none}
.mnw-pager>a.a1:not(:first-child),#v4mpages>a.a1:not(:first-child){height:34px;padding:0 13px;border:1px solid #D8E9F8;border-radius:9px;background:#fff;color:#3F6080;font-size:12px;font-weight:700;display:inline-flex;align-items:center;text-decoration:none;flex:none}
.mnw-pager>a:not(.a1),#v4mpages>a:not(.a1){min-width:34px;height:34px;padding:0 5px;border:1px solid #D8E9F8;border-radius:9px;background:#fff;color:#45647E;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex:none;font-variant-numeric:tabular-nums}
.mnw-pager>span,#v4mpages>span{min-width:34px;height:34px;padding:0 5px;border-radius:9px;background:linear-gradient(160deg,#2F8CD0,#1B6FB4);color:#fff;font-size:12.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none;font-variant-numeric:tabular-nums;box-shadow:0 8px 16px -10px rgba(27,111,180,.6)}
.mnw-pager>a:active,#v4mpages>a:active{transform:scale(.95)}
.mnw-pager>a:nth-child(2):before,#v4mpages>a:nth-child(2):before{content:"";width:5px;height:5px;border-left:1.6px solid currentColor;border-bottom:1.6px solid currentColor;border-radius:1px;transform:rotate(45deg);margin-right:6px;flex:none}
.mnw-pager>a:last-child:after,#v4mpages>a:last-child:after{content:"";width:5px;height:5px;border-right:1.6px solid currentColor;border-top:1.6px solid currentColor;border-radius:1px;transform:rotate(45deg);margin-left:6px;flex:none}
.mart-wrap{padding:16px 18px 26px}
.mart-wrap .tag{font-size:10px;background:var(--i100);color:var(--i600);border-radius:5px;padding:2px 9px;font-weight:700}
.mart-wrap h1{font-size:20px;color:var(--ink);font-weight:800;line-height:1.45;margin-top:11px}
.mart-wrap .mt{display:flex;gap:8px;margin-top:10px;font-size:10.5px;color:var(--mut)}
.mart-fig{border-radius:12px;overflow:hidden;margin-top:14px}
.mart-fig img{width:100%;display:block}
.mart-pn{margin-top:18px;border-top:1px solid var(--i100);padding-top:6px}
.mart-pn .pi{display:block;padding:11px 0;font-size:12.5px;color:var(--ink);font-weight:600;border-bottom:1px solid var(--i50);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mart-pn .pi span{color:var(--mut);font-weight:500;margin-right:8px;font-size:10.5px}
.mart-back{display:block;margin-top:16px;text-align:center;padding:11px;border-radius:10px;background:var(--i100);color:var(--i700);font-size:12.5px;font-weight:700;text-decoration:none}

/* ---------- 移动图集缩略条（叠加主图底部 · 2026-10-12） ---------- */
.mgal-thumbs{position:absolute;left:0;right:0;bottom:0;padding:12px 12px 8px;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(0deg,rgba(6,34,56,.62),rgba(6,34,56,0));scrollbar-width:none;z-index:5;align-items:flex-end}
.mgal-thumbs::-webkit-scrollbar{display:none}
.mgal-thumbs .tm{width:58px;height:44px;border-radius:7px;overflow:hidden;border:2px solid rgba(255,255,255,.45);flex:none;cursor:pointer;transition:.15s}
.mgal-thumbs .tm.on{border-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.mgal-thumbs .tm img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- M15 联系我们（移动 · 2026-10-12） ---------- */
.mct-head{padding:14px 16px 8px}
.mct-crumb{font-size:10.5px;color:var(--mut);letter-spacing:1px}
.mct-head h1{font-size:21px;color:var(--ink);font-weight:800;margin:6px 0 4px}
.mct-head p{font-size:12px;color:var(--mut);line-height:1.7}

/* ---------- 视频行卡播放标签（2026-10-12） ---------- */
.vmrow .mo{display:inline-flex;align-items:center;gap:4px}

/* ---------- M13 FAQ / M14 服务支持（2026-10-12） ---------- */
.mfaq .a .more{color:var(--i600);font-weight:600;white-space:nowrap}
.faq-cta{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:13px;background:linear-gradient(150deg,#2E8AD0,#155A93);color:#fff}
.faq-cta b{font-size:13.5px;font-weight:800;display:block}
.faq-cta p{font-size:11px;opacity:.88;margin-top:5px;line-height:1.7}
.faq-cta .grp{display:flex;gap:9px}
.faq-cta .btn{display:block;flex:1;text-align:center;padding:10px;border-radius:10px;font-size:12.5px;font-weight:700;box-sizing:border-box}
.faq-cta .btn-p{background:#fff;color:var(--i700)}
.faq-cta .btn-o{border:1px solid rgba(255,255,255,.55);color:#fff}
.sv-step2{display:flex;gap:10px;padding:14px;align-items:flex-start}
.sv-step2 .num{font-size:11px;color:var(--i500);font-weight:800;flex:none;margin-top:2px}
.sv-step2 h5{font-size:13px;color:var(--ink);font-weight:700}
.sv-step2 p{font-size:11px;color:var(--mut);margin-top:4px;line-height:1.7}
.sv-pill2{display:flex;gap:10px;padding:13px 14px;align-items:flex-start}
.sv-pill2 b{font-size:12.5px;color:var(--ink);font-weight:700}
.sv-pill2 p{font-size:10.5px;color:var(--mut);margin-top:4px;line-height:1.6}
.sv-pill2 .icn{width:34px;height:34px;border-radius:9px;background:linear-gradient(160deg,var(--i50),var(--i100));border:1px solid var(--i100);display:flex;align-items:center;justify-content:center;color:var(--i600);flex:none}

/* ---------- M16 询盘表单 chips（移动 · 2026-10-12 修复） ----------
   chips 此前只有 #pcv4 作用域的 PC 样式（css/v4pc.css），移动端无样式裸文字连排。
   以下规格逐项对照设计稿 M16：flex-wrap 换行流式 · gap 5px · 24px 高 ·
   radius 7px · 11px/600 · 未选白底蓝边 · 选中深蓝底白字 */
#mobile .iq-t{display:block}
#mobile .iq-chips{display:flex;flex-wrap:wrap;gap:5px}
#mobile .iq-chips .chip{height:24px;padding:0 10px;border-radius:7px;border:1px solid var(--i200);background:#fff;color:#3F6080;font-size:11px;font-weight:600;display:flex;align-items:center;transition:background .15s,border-color .15s,color .15s;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
#mobile .iq-chips .chip.on{background:var(--i600);border-color:var(--i600);color:#fff}