/* =====================================================
   HRKES UI · Pill Controls（全站通用）
   用途：搜索 / 分页 / 标签 / 小按钮
   维护原则：只改变量，不动结构
===================================================== */

:root{
  /* 基础胶囊色阶 */
  --brand:#2e3192;          /* 主色：科研蓝 */ 
  --accent:#c1272d;         /* 点缀：红 */
  --ui-pill-bg: #fff;
  --ui-pill-border: rgba(0,0,0,.10);
  --ui-pill-border-weak: rgba(0,0,0,.08);
  --ui-pill-text: rgba(0,0,0,.68);
  --ui-pill-text-strong: rgba(0,0,0,.82);

  /* 品牌轻反馈（柔和、科研风） */
  --ui-brand-bg: rgba(46,49,146,.05);
  --ui-brand-bg-strong: rgba(46,49,146,.10);
  --ui-brand-border: rgba(46,49,146,.22);

  /* 尺寸体系（统一节奏） */
  --ui-pill-h: 30px;       /* 分页 / 标签 */
  --ui-pill-h-md: 36px;    /* 搜索输入 */
  --ui-pill-radius: 999px;

  /* 阴影（极轻） */
  --ui-shadow-1: 0 1px 6px rgba(0,0,0,.025);
}


/* ===============================
   公共分页器 · 双层胶囊（全站通用）
   外层统一：.page-wrap
================================ */

.page-wrap{
  margin-top:28px;
  text-align:center;
}

/* 外壳：整体胶囊 */
.page-wrap .pagination{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;

  padding:6px 8px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:999px;
  background:#fff;
  box-shadow:0 1px 6px rgba(0,0,0,.025);
}

/* 内部按钮：a / span（兼容 Pboot numbar 输出） */
.page-wrap .pagination a,
.page-wrap .pagination span{
  min-width:32px;
  height:30px;
  padding:0 10px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(0,0,0,.10);
  border-radius:999px;
  background:transparent;

  font-size:12px;
  color:rgba(0,0,0,.68);
  line-height:1;
  text-decoration:none;
}

/* hover：轻品牌反馈 */
@media (hover:hover){
  .page-wrap .pagination a:hover{
    border-color: rgba(46,49,146,.22);
    color: var(--brand);
    background: rgba(46,49,146,.05);
  }
}

/* 当前页 / 激活态
   兼容：span / .page-num-current / .cur / .active */
.page-wrap .pagination span,
.page-wrap .pagination a.page-num-current,
.page-wrap .pagination .cur,
.page-wrap .pagination .active{
  background: rgba(46,49,146,.10);
  border-color: rgba(46,49,146,.20);
  color: var(--brand);
  font-weight:700;
}

/* 功能按钮（首页 / 上一页 / 下一页 / 尾页） */
.page-wrap .pagination .page-btn{
  padding:0 14px;
}

/* 不可用按钮（Pboot 常见输出） */
.page-wrap .pagination a[href="javascript:;"],
.page-wrap .pagination a[href="javascript:"]{
  display:none !important;
}


/* =================================================
   输入型胶囊（搜索框）
================================================= */
.ui-pill-input{
  height: var(--ui-pill-h-md);
  padding:0 42px 0 14px;          /* 右侧给放大镜留空间 */
  border:1px solid var(--ui-pill-border);
  border-radius: var(--ui-pill-radius);
  background: var(--ui-pill-bg);
  font-size:13px;
  color: var(--ui-pill-text-strong);
  outline:none;

  transition: border-color .18s ease, box-shadow .18s ease;
}

.ui-pill-input::placeholder{
  color: rgba(0,0,0,.38);
}

.ui-pill-input:focus{
  border-color: rgba(46,49,146,.55);
  box-shadow: 0 0 0 2px rgba(46,49,146,.08);
}

/* =================================================
   关键修复点：搜索胶囊容器（定位上下文）
   没有这段，放大镜一定“飞走”
================================================= */
.ui-pill-search{
  position:relative;             /* 给绝对定位的放大镜做参照 */
  display:flex;
  align-items:center;
  overflow:visible;              /* 防止被父级裁切 */
}

/* =================================================
   图标型胶囊按钮（搜索放大镜）
================================================= */
.ui-pill-icon{
  width:28px;
  height:28px;
  border:0;
  border-radius:50%;
  background:transparent;
  cursor:pointer;
  font-size:0;

  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);

  display:flex;
  align-items:center;
  justify-content:center;

  opacity:1;
  visibility:visible;

  transition: background .18s ease, box-shadow .18s ease;
}

/* 放大镜主体（圆） */
.ui-pill-icon::before{
  content:"";
  width:12px;
  height:12px;
  border:2px solid rgba(0,0,0,.45);
  border-radius:50%;
  box-sizing:border-box;
}

/* 放大镜手柄 */
.ui-pill-icon::after{
  content:"";
  width:7px;
  height:2px;
  background:rgba(0,0,0,.45);
  position:absolute;
  right:6px;
  bottom:6px;
  transform:rotate(45deg);
  border-radius:1px;
}

/* Hover（仅支持 hover 的设备） */
@media (hover:hover){
  .ui-pill-icon:hover{
    background: var(--ui-brand-bg);
  }
  .ui-pill-icon:hover::before{
    border-color: var(--brand);
  }
  .ui-pill-icon:hover::after{
    background: var(--brand);
  }
}

/* 键盘可访问性 */
.ui-pill-icon:focus-visible{
  outline:none;
  box-shadow: 0 0 0 2px rgba(46,49,146,.10);
}



/* ==================================================
   Component · Breadcrumb（公共组件 · 最终版）
   用法：
   <ul class="c-breadcrumb c-breadcrumb--dark">...</ul>
   <ul class="c-breadcrumb c-breadcrumb--light">...</ul>
================================================== */

/* ========== 基础结构（所有主题通用） ========== */
.c-breadcrumb{
  display:flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  margin:0;
  padding:0;
  list-style:none;
}

.c-breadcrumb li{
  position:relative;
  flex:0 0 auto;
  font-size:14px;
}

.c-breadcrumb a{
  text-decoration:none;
  transition:color .2s ease;
}
/* ==================================================
   Breadcrumb · 深色 Banner（白字稳重）
================================================== */

.c-breadcrumb--dark a{
  color:rgba(255,255,255,.78);
}
.c-breadcrumb--dark a:hover{
  color:#fff;
}

/* 分隔符 */
.c-breadcrumb--dark li:not(:first-child){
  padding-left:18px;
}
.c-breadcrumb--dark li:not(:first-child)::before{
  content:"";
  position:absolute;
  left:4px;
  top:50%;
  transform:translateY(-50%);
  width:0;
  height:0;
  border-left:9px solid rgba(255,255,255,.55);
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
}

/* 首页房子 */
.c-breadcrumb--dark li:first-child{
  padding-left:22px;
}
.c-breadcrumb--dark li:first-child::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:14px;
  height:14px;
  background:rgba(255,255,255,.78);
  clip-path: polygon(
    50% 0%,
    100% 40%,
    100% 100%,
    62% 100%,
    62% 60%,
    38% 60%,
    38% 100%,
    0% 100%,
    0% 40%
  );
}

/* ==================================================
   Breadcrumb · 深色背景正文（更白清晰）
================================================== */

.c-breadcrumb--on-dark a{
  color:rgba(255,255,255,.82);
}
.c-breadcrumb--on-dark a:hover{
  color:rgba(255,255,255,.98);
}

/* 分隔符 */
.c-breadcrumb--on-dark li:not(:first-child){
  padding-left:18px;
}
.c-breadcrumb--on-dark li:not(:first-child)::before{
  content:"";
  position:absolute;
  left:4px;
  top:50%;
  transform:translateY(-50%);
  width:0;
  height:0;
  border-left:9px solid rgba(255,255,255,.82);
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  transition:border-left-color .2s ease;
}
.c-breadcrumb--on-dark li:hover::before{
  border-left-color:rgba(255,255,255,.98);
}

/* 首页房子 */
.c-breadcrumb--on-dark li:first-child{
  padding-left:22px;
}
.c-breadcrumb--on-dark li:first-child::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:14px;
  height:14px;
  background:rgba(255,255,255,.82);
  clip-path: polygon(
    50% 0%,
    100% 40%,
    100% 100%,
    62% 100%,
    62% 60%,
    38% 60%,
    38% 100%,
    0% 100%,
    0% 40%
  );
  transition:background-color .2s ease;
}
.c-breadcrumb--on-dark li:first-child:hover::before{
  background:rgba(255,255,255,.98);
}

/* ==================================================
   Breadcrumb · 浅色背景正文（品牌色参与）
================================================== */

.c-breadcrumb--on-light a{
  color:rgba(0,0,0,.78);
}
.c-breadcrumb--on-light a:hover{
  color:var(--brand);
}

/* 分隔符 */
.c-breadcrumb--on-light li:not(:first-child){
  padding-left:18px;
}
.c-breadcrumb--on-light li:not(:first-child)::before{
  content:"";
  position:absolute;
  left:4px;
  top:50%;
  transform:translateY(-50%);
  width:0;
  height:0;
  border-left:9px solid rgba(0,0,0,.38);
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  transition:border-left-color .2s ease;
}
.c-breadcrumb--on-light li:hover::before{
  border-left-color:var(--brand);
}

/* 首页房子 */
.c-breadcrumb--on-light li:first-child{
  padding-left:22px;
}
.c-breadcrumb--on-light li:first-child::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:14px;
  height:14px;
  background:rgba(0,0,0,.55);
  clip-path: polygon(
    50% 0%,
    100% 40%,
    100% 100%,
    62% 100%,
    62% 60%,
    38% 60%,
    38% 100%,
    0% 100%,
    0% 40%
  );
  transition:background-color .2s ease;
}
.c-breadcrumb--on-light li:first-child:hover::before{
  background:var(--brand);
}





/* hover：首页图标同步提亮 */
.c-breadcrumb--light li:first-child:hover::before{
  background:rgba(255,255,255,.98);
}





/* 初始化 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
margin: 0;
padding: 0;
word-wrap: break-word
}

body {
overflow-x: hidden;
}

body,
html,
input {
font-size: 15px;
line-height: 1.5;
font-family: 'Microsoft Yahei';
}

table {
border-collapse: collapse;
border-spacing: 0;
}

img {
border: none
}

pre {
white-space: pre-wrap;
/* css-3 */
white-space: -moz-pre-wrap;
/* Mozilla, since 1999 */
white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap;
/* Opera 7 */
word-wrap: break-word;
/* Internet Explorer 5.5+ */
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
}

input.dialog {
height: 0;
height: 0;
font-size: 0;
line-height: 0;
border: none
}

h1 {
font-size: 34px;
}

h2 {
font-size: 26px;
}

h3 {
font-size: 18px;
}

h4 {
font-size: 16px;
}

h5 {
font-size: 14px;
}

h6 {
font-size: 12px;
}


address,
cite,
dfn,
em,
var {
font-style: normal;
}

code,
kbd,
pre,
samp {
font-family: courier new, courier, monospace;
}

input.button,
input.btn {
padding: 0.25em;
width: auto;
}

button {
border: 0;
border-radius: 0%;
appearance: button;
-moz-appearance: button;
-webkit-appearance: button;
}

textarea,
input {
outline: none;
}

i {
font-style: normal;
}

ul,
ol,
li {
list-style: none;
}

a {
text-decoration: none;
color: #000
}

a,
a:active,
a:focus,
a:hover {
text-decoration: none;
color: #000;
}

div:focus {
border: none;
}

:focus {
outline: none;
}

/*for IE*/

::-moz-focus-inner {
border-color: transparent;
}

/*for mozilla*/

.white,
.white a {
color: #fff
}

.blue,
.blue a {
color: #004499
}

.gray4,
a.gray4 {
color: #999
}

.red,
.red a,
a.red {
color: red;
}

.green {
color: #0E774A
}

select optgroup {
color: #CAC8BB;
}

.fr {
float: right;
}

.fl {
float: left;
}

.block {
display: block;
}

.inline {
display: inline;
}

.inline-block {
display: inline-block !important;
*display: inline;
zoom: 1;
}

.relative {
position: relative;
z-index: 1;
}

.absolute {
position: absolute;
}

.t-hide {
opacity: 0;
visibility: hidden;
}

.text-over {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
}
.tc{ text-align: center;}
.pointer {
cursor: pointer !important;
}

.el {
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}

.breadcrumb {
display: none;
}
/*page*/
.page{color: #777777; text-align: center; clear:both; margin-top: 40px; }
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 7px 12px;vertical-align: rightdle; margin-left:5px}
.page .gonext,.page .count {margin-left: 10px;}
/*.page a:hover,.page span{color:#fff; background: #208740;border: 1px solid #208740;padding: 7px 12px;}*/
.page a:hover,.page span{
  color:#fff;
  background: var(--brand);
  border: 1px solid var(--brand);
  padding: 7px 12px;
}

.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page .fa{ font-size:22px;}
@media (max-width:426px) {
.page a,.page span { padding: 4px 8px; margin-left:2px}
.page a:hover,.page span{padding: 4px 8px;}
}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.f-cb {zoom: 1;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-36{padding-bottom: 36%;}
.rect-40{padding-bottom: 40%;}
.rect-50{padding-bottom: 50%;}
.rect-53{padding-bottom: 53%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-61{padding-bottom: 61%;}
.rect-618{padding-bottom: 61.8%;}
.rect-62{padding-bottom: 62%;}
.rect-65{padding-bottom: 65%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-78{padding-bottom: 78%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-120{padding-bottom: 120%;}
.rect-144{padding-bottom: 144%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#fafafa;}
.rect-485 {
padding-bottom: 48.5%;
}

.rect-50 {
padding-bottom: 50%;
}

.rect-5625 {
padding-bottom: 56.25%;
}

.rect-60 {
padding-bottom: 60%;
}

.rect-61 {
padding-bottom: 61%;
}

.rect-618 {
padding-bottom: 61.8%;
}

.rect-65 {
padding-bottom: 65%;
}

.rect-66 {
padding-bottom: 66%;
}

.rect-665 {
padding-bottom: 66.5%;
}

.rect-70 {
padding-bottom: 70%;
}

.rect-725 {
padding-bottom: 72.5%;
}

.rect-75 {
padding-bottom: 75%;
}

.rect-775 {
padding-bottom: 77.5%;
}

.rect-80 {
padding-bottom: 80%;
}

.rect-90 {
padding-bottom: 90%;
}

.rect-95 {
padding-bottom: 95%;
}

.rect-100 {
padding-bottom: 100%;
}

.rect-112 {
padding-bottom: 112%;
}

.rect-120 {
padding-bottom: 120%;
}

.rect-130 {
padding-bottom: 130%;
}

.d-block {
display: block;
}

.col-xs-05 {
width: 20%;
float: left;
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}

*[class*="rect"] {
position: relative;
display: block;
width: 100%;
height: 0;
overflow: hidden;
}

*[class*="rect"] img {
position: absolute;
left: 0;
top: 0;
width: 100%;
}

.relative {
position: relative;
}

.img-box {
overflow: hidden;
}

.img-box>img {
width: 100%;
-webkit-transition: all 1s;
-o-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
}

.img-box:hover>img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
/*.infor .tit{ font-size: 22px; font-weight: bold; margin-bottom: 30px; color: #208740; text-align: center;}*/
.infor .tit{
  font-size:22px;
  font-weight:bold;
  margin-bottom:30px;
  color: var(--brand);
  text-align:center;
}

.float-right {
float: right;
}

.float-left {
float: left;
}
.index-more a {
display: inline-block;
border: 1px solid;
padding: 10px 35px;
margin-top: 20px;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
white-space: nowrap;
}
@media only screen and (max-device-width: 760px){
.index-more a { margin-top: 20px;}
}




/* ================
Footer 
================== */

/* Footer · PC 端 */
.site-footer{
  position:relative; overflow:hidden; color:#e6e8ee; font-size:14px;
  background:#05070b url("/skin/images/foot-bg.png") center/cover no-repeat;
  background-blend-mode:normal;
}
.site-footer a{color:#fff;opacity:.9;}
.site-footer a:hover{color:var(--accent);opacity:.9;}
.site-footer .container{max-width:1400px;margin:0 auto;padding:0 20px;}

/* 背景层：雾化 + 压暗 */
.site-footer::before{
  content:"";position:absolute;inset:-20px;background:inherit;
  filter:blur(20px);transform:scale(1.04);z-index:0;pointer-events:none;
}
.site-footer::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.20) 45%,rgba(0,0,0,.38) 100%);
  z-index:1;pointer-events:none;
}
/* 内容层：压到背景上面 */
.site-footer>*{position:relative;z-index:2;}

/* 上半区：导航 + 推荐 */
.footer-top{padding:60px 0 50px;}
.footer-top-main{display:flex;justify-content:space-between;gap:80px;max-width:1600px;margin:0 auto;}
.footer-nav-columns{display:grid;grid-template-columns:repeat(5,1fr);gap:60px;column-gap:80px;}
.footer-nav-col dt{font-size:18px;font-weight:600;margin-bottom:24px;}
.footer-nav-col dd{margin:0 0 18px;opacity:.85;line-height:1.7;}
.footer-nav-col dd a{font-size:16px;font-weight:500;}
.footer-recommend{width:325px;flex-shrink:0;margin-left:auto;padding-left:70px;}
.footer-recommend-title{font-size:18px;font-weight:600;margin-bottom:18px;}
.footer-recommend-list li{margin-bottom:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85;line-height:1.9;}
.footer-recommend-list a{font-size:16px;}

/* 分割线 */
.footer-divider{border:0;height:1px;margin:0;background:rgba(255,255,255,.06);}

/* 信息区：品牌 + 联系方式 + 二维码 */
.footer-info{padding:35px 0;}
.footer-info-main{display:flex;justify-content:space-between;gap:120px;align-items:flex-end;}
.footer-left{max-width:920px;}
.footer-brand{max-width:320px;}
.footer-logo img{height:48px;margin-bottom:8px;}
.footer-company{margin-top:0;font-size:16px;font-weight:600;opacity:.95;}
.footer-contact{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;column-gap:140px;row-gap:10px;font-size:15px;}
.footer-contact-item{margin-bottom:12px;display:flex;align-items:center;gap:14px;font-size:15px;line-height:1.6;opacity:.95;white-space:nowrap;}
.footer-contact-item i{width:22px;text-align:center;font-size:18px;opacity:.9;transform:translateY(1px);}
.footer-contact-item a,.footer-contact-item span{word-break:break-word;letter-spacing:.2px;}
.footer-contact-item.phone{white-space:normal;}
/* 二维码：右侧留白，让它离页面右边更远一点 */
.footer-qrcode{text-align:center;margin-top:0;padding-right:20px;}
.footer-qrcode img{width:150px;height:auto;background:#fff;padding:6px;border-radius:4px;}
.footer-qrcode span{display:block;margin-top:8px;font-size:13px;opacity:.9;}

/* 版权区 */
.footer-bottom{padding:18px 0;background:rgba(0,0,0,.12);font-size:13px;}
.footer-bottom-main{display:flex;justify-content:space-between;align-items:center;}
.footer-legal a{margin-left:18px;opacity:.85;}


/* Footer · 响应效果） */
/* <=1400：中屏防挤（标题/链接强制单行省略） */
@media (max-width:1400px){
  .footer-nav-col dt a,.footer-recommend-title{
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%;
  }
  .footer-nav-col dd a,.footer-recommend-list a{
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%;vertical-align:top;
  }
}

/* <=1200：隐藏推荐产品 */
@media (max-width:1200px){
  .footer-recommend{display:none;}
}

/* <=992：只显示前三个导航列 */
@media (max-width:992px){
  .footer-nav-columns .footer-nav-col{display:none;}
  .footer-nav-columns .footer-nav-col:nth-child(-n+3){display:block;}
}

/* <=991：平板布局（上下结构 + 导航 3 列 + 信息区纵向） */
@media (max-width:991px){
  .footer-top{padding:56px 0 44px;}
  .footer-top-main{flex-direction:column;gap:34px;max-width:100%;}
  .footer-nav-columns{grid-template-columns:repeat(3,1fr);gap:28px;column-gap:40px;}
  .footer-recommend{width:auto;margin-left:0;padding-left:0;} /* 若上面 <=1200 隐藏，这里不影响 */
  .footer-info{padding:38px 0;}
  .footer-info-main{flex-direction:column;align-items:flex-start;gap:28px;padding-right:0;}
  .footer-left,.footer-brand{max-width:100%;}
  .footer-contact{column-gap:50px;row-gap:10px;}
  .footer-qrcode{padding-right:0;text-align:left;}
}

/* <=767：手机布局（不显示 footer 导航 + 内容更紧凑） */
@media (max-width:767px){
  .site-footer{font-size:13px;}
  .site-footer .container{padding:0 16px;}
  .footer-nav{display:none;}                 /* 手机端不显示导航 */

  .footer-top{padding:10px 0 10px;}
  .footer-top-main{gap:26px;}
  .footer-nav-columns{grid-template-columns:repeat(2,1fr);gap:22px;column-gap:26px;}
  .footer-nav-col dt{font-size:16px;margin-bottom:14px;}
  .footer-nav-col dd{margin:0 0 12px;line-height:1.65;}
  .footer-nav-col dd a{font-size:14px;}

  .footer-recommend-title{font-size:16px;margin-bottom:12px;}
  .footer-recommend-list a{font-size:14px;}
  .footer-recommend-list li{margin-bottom:10px;line-height:1.75;}

  .footer-info{padding:30px 0;}
  .footer-contact{grid-template-columns:1fr;column-gap:0;row-gap:8px;margin-top:14px;}
  .footer-contact-item{margin-bottom:0;white-space:normal;}
  .footer-qrcode img{width:130px;padding:5px;}
  .footer-bottom{display:none;}
}

/* <=575：极窄屏微调 */
@media (max-width:575px){
  .footer-nav-columns{grid-template-columns:1fr;}
  .footer-qrcode img{width:120px;}
}

/* Mobile Bottom Bar（≤767，bg:--brand，active:--accent） */
.mbar{display:none;}
@media (max-width:767px){
  body{padding-bottom:calc(60px + env(safe-area-inset-bottom));} /* 预留底部安全区 */
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9999;height:66px;padding-bottom:env(safe-area-inset-bottom);background:var(--brand);border-top:1px solid rgba(255,255,255,.18);}
  .mbar-item{flex:1;height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-decoration:none;line-height:1;}
  .mbar-item i{font-size:21px;margin-bottom:6px;opacity:.95;}
  .mbar-item span{font-size:12.5px;letter-spacing:.2px;opacity:.98;}
  .mbar-item:active,.mbar-item:active i,.mbar-item:active span{color:var(--accent);opacity:1;} /* 按下变色 */
  .mbar-item.is-product i,.mbar-item.is-product span{font-weight:600;} /* 产品轻加权 */
}