/* ===============================
   Second Row Nav (compact)
   =============================== */

:root{
  --second-nav-gap: 16px;      /* 项目间距 */
  --second-nav-fs: 15px;       /* 字号 */
  --second-nav-pad-y: 4px;     /* 整行上下内边距 */
  --second-nav-link-py: 3px;   /* 链接上下内边距 */
  --second-nav-link-px: 8px;   /* 链接左右内边距 */
}

.my-second-nav{
  background:#fff;
  border-top:0px solid #eee;
  border-bottom:0px solid #eee;
}

.my-second-nav .container{
  max-width:1200px;
  margin:0 auto;
  padding:0;                  /* 防止容器自己有上下内边距 */
}

.my-second-nav .level0-nav{
  display:flex;
  align-items:center;
  gap:var(--second-nav-gap);
  list-style:none;
  margin:0;
  padding:var(--second-nav-pad-y) 0;  /* ↓调小就更矮 */
  flex-wrap:wrap;
  row-gap:6px;
}

.my-second-nav .level0-item{ position:relative; }

.my-second-nav .level0-item > a{
  display:block;
  padding:var(--second-nav-link-py) var(--second-nav-link-px); /* ↓调小就更矮 */
  font-size:var(--second-nav-fs);
  line-height:1.8;
  color:#545454;
  text-decoration:none;
}

.my-second-nav .level0-item > a:hover,
.my-second-nav .level0-item > a:focus{
  color:#1a73e8;
}

/* 下拉菜单（紧凑样式） */
.my-second-nav .level1-nav{
  position:absolute; left:0; top:calc(100% + 2px);
  min-width:200px; padding:4px 0; margin:0;
  background:#fff; border:1px solid #eee; box-shadow:0 6px 24px rgba(0,0,0,.06);
  list-style:none;
  opacity:0; visibility:hidden; transform:translateY(6px);
  transition:opacity .15s ease, transform .15s ease, visibility .15s;
  z-index:50;
  display:flex; flex-direction:column;
}

.my-second-nav .level1-item a{
  display:block; padding:6px 10px;
  color:#333; white-space:nowrap; text-decoration:none;
}
.my-second-nav .level1-item a:hover,
.my-second-nav .level1-item a:focus{ background:#f6f7f9; }

.my-second-nav .level0-item:hover > .level1-nav,
.my-second-nav .level0-item:focus-within > .level1-nav{
  opacity:1; visibility:visible; transform:translateY(0);
}

/* 保障横排（防主题覆盖为 column） */
.my-second-nav .level0-nav,
.my-second-nav .level1-nav{ display:flex; }

/* —— 可选：小屏更紧凑 —— */
@media (max-width: 1024px){
  :root{
    --second-nav-gap: 14px;
    --second-nav-fs: 13px;
    --second-nav-pad-y: 3px;
    --second-nav-link-py: 2px;
    --second-nav-link-px: 6px;
  }
}
@media (max-width: 768px){
  :root{ --second-nav-gap: 12px; --second-nav-fs: 13px; }
  .my-second-nav .level0-nav{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .my-second-nav .level0-nav::-webkit-scrollbar{ display:none; }
}