/* dajiayouxuan 导航优化 2026-10-05：顶栏一行布局 + SVG图标 + 全设备适配 */

/* ===== 顶栏一行布局：logo左 / 导航中 / 搜索右 ===== */
.site-header-inner{
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:10px var(--gutter) !important;
  max-width:1280px;
}
.site-header-brand{
  flex:0 0 auto;
  width:auto !important;
  justify-content:flex-start !important;
}
.ma-menu{
  flex:1 1 auto;
  width:auto !important;
  border-top:none !important;
  padding-top:0 !important;
  justify-content:center !important;
}
.ma-menu-list{
  flex-wrap:nowrap !important;
  gap:2px 6px !important;
}
.ma-search{
  flex:0 0 auto;
}
.ma-search input[type="search"]{
  width:160px;
}
.ma-search input[type="search"]:focus{
  width:220px;
}

/* ===== 导航项 SVG 图标 ===== */
.ma-menu .menu-item > a{
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  padding:8px 12px !important;
  border-radius:8px;
  font-size:14.5px !important;
  white-space:nowrap;
}
.ma-menu .menu-item > a:hover{
  background:color-mix(in srgb,var(--accent-color) 10%,transparent);
}
.ma-menu .menu-item > a svg{
  width:16px;height:16px;flex:0 0 auto;
  stroke:currentColor;fill:none;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
/* 下拉子菜单 */
.ma-menu .sub-menu{
  position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);
  min-width:200px;background:var(--background-color);
  border:1px solid var(--border-color);border-radius:12px;
  box-shadow:0 12px 32px rgba(0,0,0,.12);
  padding:8px;list-style:none;margin:0;
  opacity:0;visibility:hidden;transition:all .18s ease;z-index:1000;
}
.ma-menu .menu-item:hover > .sub-menu,
.ma-menu .menu-item:focus-within > .sub-menu{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);
}
.ma-menu .sub-menu a{
  display:flex !important;align-items:center;gap:8px;
  padding:10px 12px !important;border-radius:8px;
  font-size:14px !important;white-space:nowrap;
}
.ma-menu .sub-menu a:hover{
  background:color-mix(in srgb,var(--accent-color) 10%,transparent);
}

/* ===== 平板适配 (≤1024px) ===== */
@media (max-width:1024px){
  .site-header-inner{gap:12px;padding:8px var(--gutter) !important;}
  .ma-menu-list{gap:2px 2px !important;}
  .ma-menu .menu-item > a{padding:8px 8px !important;font-size:14px !important;}
  .ma-menu .menu-item > a svg{display:none;}
  .ma-search input[type="search"]{width:120px;}
  .ma-search input[type="search"]:focus{width:160px;}
}

/* ===== 手机适配 (≤768px)：横向滚动导航 ===== */
@media (max-width:768px){
  .site-header-inner{
    flex-wrap:wrap !important;
    gap:8px !important;
  }
  .site-header-brand{order:1;flex:1 1 auto;}
  .ma-search{order:2;flex:0 0 auto;}
  .ma-search input[type="search"]{width:110px;height:30px;font-size:13px;}
  .ma-search input[type="search"]:focus{width:140px;}
  .ma-menu{
    order:3;flex:1 1 100%;
    justify-content:flex-start !important;
    border-top:1px solid var(--header-border) !important;
    padding-top:6px !important;
    margin-top:2px;
  }
  .ma-menu-list{
    justify-content:flex-start !important;
    overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;padding-bottom:2px;
  }
  .ma-menu-list::-webkit-scrollbar{display:none;}
  .ma-menu .menu-item > a{padding:6px 10px !important;}
  /* 手机端子菜单改为点击展开的全宽下拉 */
  .ma-menu .sub-menu{
    position:fixed;left:12px;right:12px;top:auto;
    transform:translateY(8px);
  }
  .ma-menu .menu-item:hover > .sub-menu{
    transform:translateY(0);
  }
}

/* ===== 独立开发者导航页优化 ===== */
.page-id-19836 .entry-content h2{
  display:flex;align-items:center;gap:8px;
  font-size:1.25em;margin:1.5em 0 .8em;
  padding-bottom:.4em;border-bottom:2px solid var(--accent-color);
}
.page-id-19836 .entry-content ul{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:10px;list-style:none;padding:0;
}
.page-id-19836 .entry-content ul li{
  background:var(--background-color);
  border:1px solid var(--border-color);border-radius:10px;
  padding:12px 14px;transition:all .15s ease;
}
.page-id-19836 .entry-content ul li:hover{
  border-color:var(--accent-color);
  box-shadow:0 4px 16px rgba(0,0,0,.08);
  transform:translateY(-1px);
}
@media (max-width:768px){
  .page-id-19836 .entry-content ul{
    grid-template-columns:1fr;
  }
}