/* ===== llid.me 首页推广横幅 + 分类图标条 2026-11-10 ===== */
.llid-nav{margin:-8px 0 12px}
/* 横幅 */
.llid-banner{margin:2px 0 12px;border-radius:14px;overflow:hidden;background:#0b1220}
.llid-banner-link{display:block;text-decoration:none}
.llid-banner picture{display:block}
.llid-banner img{width:100%;display:block;border-radius:14px}
.llid-banner-ph{border:1.5px dashed #cbd5e1;border-radius:14px;background:#f8fafc;
  min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#94a3b8}
.llid-banner-ph b{font-size:13px;color:#64748b}
.llid-banner-ph span{font-size:11px}
/* 图标条 */
.llid-nav-strip{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;padding:4px 10px 6px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.llid-nav-strip::-webkit-scrollbar{display:none}
.llid-nav-item{flex:0 0 auto;width:64px;display:flex;flex-direction:column;align-items:center;gap:7px;
  text-decoration:none;color:#475569;position:relative;padding:0 1px}
.llid-nav-ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;overflow:hidden}
.llid-nav-ico img{width:40px;height:40px;object-fit:contain;border-radius:11px;display:block}
.llid-nav-ico .llid-nav-ph{width:40px;height:40px;border-radius:11px;background:#f1f5f9;
  display:grid;place-items:center;font-size:15px;font-weight:700;color:#64748b}
.llid-nav-name{font-size:11px;line-height:1.25;max-width:62px;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;text-align:center;font-family:inherit}
.llid-nav-item:active .llid-nav-ico{transform:scale(.94);transition:transform .12s}
.llid-nav-ext{position:absolute;top:-2px;right:7px;width:13px;height:13px;border-radius:50%;
  background:#2563eb;color:#fff;font-size:8px;line-height:13px;text-align:center;
  box-shadow:0 1px 3px rgba(37,99,235,.4);font-style:normal;pointer-events:none}
/* 桌面端：保留横幅，隐藏图标条（左侧已有分类栏） */
@media (min-width:1024px){.llid-nav-strip{display:none}}

/* 搜索区：保持原始外观，只加一点上间距 */
@media (max-width:1023px){
  #llid-nav-root + div.relative{margin-top:10px!important}
}
@media (min-width:1024px){
  #llid-nav-root + div.relative{margin-top:14px!important}
}

/* 横幅移到搜索框下方后，作为商品列表前的促销位 */
.llid-nav-banner-wrap{margin:2px 0 12px}

/* 桌面端：banner 在搜索框上方，固定高度上限，避免宽屏越拉越高 */
@media (min-width:1024px){
  #llid-banner-root + div.relative{margin-top:0!important}
  .llid-nav-banner-wrap{margin:0 0 14px}
}



/* ===== 横幅：两个 img 按断点切换 ===== */
.llid-banner img.llid-banner-img{width:100%;display:block;border-radius:14px}
.llid-banner img.llid-banner-img-m{display:none}
@media (max-width:639px){
  .llid-banner img.llid-banner-img-d{display:none}
  .llid-banner img.llid-banner-img-m{display:block}
}
/* 桌面：满宽 + 固定 340 高，只裁掉底部空余 */
@media (min-width:1024px){
  .llid-nav-banner-wrap .llid-banner{overflow:hidden;border-radius:14px}
  .llid-nav-banner-wrap .llid-banner-link{display:block;height:100%}
  .llid-nav-banner-wrap .llid-banner-img{width:100%;height:auto;border-radius:0}
}