/* ========================================
   menu-mobile-list.css
   PC端保持原样，手机端重新优化
   一行4个 × 2行 = 8个子分类
   ======================================== */

.row.menu-row {
 margin:0 auto;
 width:100%
}
.help_content {
 background:#fff;
 line-height:30px;
 padding-left:10px
}
.help_content a {
 color:#1d7ad9
}

/* ====== PC端样式（原样保留）====== */
.row-item {
 display:flex;
 flex-wrap:nowrap;
 overflow:hidden;
 padding:0 1%
}
.row-item.even {
 background:#f7ebef
}
.row-item.odd {
 background:#f7f7f7
}
.row-item .row-item-title {
 border-radius:5px;
 margin:8px auto 0;
 min-width:78px;
 padding:5px 7px;
 text-align:center;
 vertical-align:middle
}
.row-item .row-item-title .logo-img {
 display:none
}
.row-item .row-item-title a {
 border-radius:5px;
 color:#fff;
 padding:5px 7px
}
.row-item .row-item-title img {
 max-width:100px
}
.row-item .row-item-content {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 margin-bottom:15px;
 padding-left:10px;
 vertical-align:middle;
 width:90%
}
.row-item .row-item-content .item {
 cursor:pointer;
 display:inline-block;
 margin:0;
 padding:15px 0 0;
 text-align:center;
 width:12.5%
}
.row-item .row-item-content .item a {
 cursor:pointer;
 font-size:1em
}

@media (max-width:855px) {
 .row-item {
  margin:0
 }
 .row-item,
 .row-item .row-item-title a {
  padding:5px 0
 }
}

/* ====== 手机端样式（重新优化）====== */
@media (max-width:769px) {
 .row.menu-row {
  margin:0 auto;
  width:100%
 }

 /* -- 整个导航区：圆角卡片边框 -- */
 #section-menu,
 #section-menu-mobile {
  border:1px solid #f0d0d8;
  border-radius:12px;
  margin:10px auto 14px;
  width:92%;
  overflow:hidden;
  background:#fff;
 }

 /* -- 每个分组行 -- */
 .row-item {
  margin:0;
  padding:12px 8px;
  border-bottom:1px solid #f5e4e9;
  align-items:center;
 }
 .row-item:last-of-type {
  border-bottom:none;
 }
 .row-item.even {
  background:#fef8fa;
 }
 .row-item.odd {
  background:#fff;
 }

 /* -- 左侧：图标 + 标题 -- */
 .row-item .row-item-title {
  font-size:13px;
  margin:0;
  min-width:52px;
  padding:0;
  width:52px;
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
 }
 .row-item .row-item-title .logo-img {
  border-radius:10px;
  display:block;
  margin:0 auto 3px;
  max-height:34px;
  max-width:34px;
 }
 .row-item .row-item-title a {
  background:transparent;
  color:#555;
  font-size:11px;
  margin:0;
  padding:0;
  line-height:1.3;
  display:block;
  text-align:center;
  word-break:keep-all;
 }

 /* -- 右侧：子分类网格 -- */
 .row-item .row-item-content {
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  margin:0;
  padding:0 0 0 6px;
  flex:1;
  width:auto;
  gap:0;
 }
 .row-item .row-item-content .item {
  padding:5px 2px;
  width:auto;
  text-align:center;
  line-height:1.4;
 }
 .row-item .row-item-content .item a {
  font-size:13px;
  color:#333;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display:block;
 }
}

/* -- 小屏（≤375px iPhone SE等）微调 -- */
@media (max-width:375px) {
 #section-menu,
 #section-menu-mobile {
  width:95%;
 }
 .row-item {
  padding:10px 6px;
 }
 .row-item .row-item-title {
  min-width:46px;
  width:46px;
 }
 .row-item .row-item-title .logo-img {
  max-height:30px;
  max-width:30px;
 }
 .row-item .row-item-title a {
  font-size:10px;
 }
 .row-item .row-item-content .item a {
  font-size:12px;
 }
}