/* =========================
   抽屉右上角：灯泡 + 搜索（合并版 + 水平齐平）
   - 统一按钮盒子：34x34
   - 统一图标盒子：20x20，并用 flex 居中（避免“视觉不齐”）
   - 灯泡：根据 html/body 的 .dark 状态只显示 day/night 其中一个
   ========================= */
@media screen and (max-width:1024px) {

  /* 抽屉本体作为定位上下文（你原本就是 fixed，这里确保） */
  .kopf-drawer{
    position: fixed;
  }

  /* 右上角工具栏 */
  .kopf-drawer-tools{
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;     /* 两个按钮在同一水平线 */
    gap: 12px;
    z-index: 1600;
  }

  /* 两个按钮统一容器 */
  .kopf-drawer-tools .kopf-theme-toggle--drawer,
  .kopf-drawer-tools .kopf-search-toggle--drawer{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;
    border-radius: 12px;
    padding: 0;
    box-sizing: border-box;

    text-decoration: none;
    color: #1f3144;          /* 默认深色图标 */
    transition: background .25s ease, color .2s ease;
  }

  /* hover 背景（PC 模拟移动端也能看到） */
  .kopf-drawer-tools .kopf-theme-toggle--drawer:hover,
  .kopf-drawer-tools .kopf-search-toggle--drawer:hover{
    background: rgba(255,255,255,.45);
  }

  /* 关键：统一图标“外盒”，保证两者视觉中心一致 */
  .kopf-drawer-tools .kopf-theme-icon,
  .kopf-drawer-tools .nav-search-svg{
    width: 20px;
    height: 20px;
    display: block;
  }

  /* 灯泡：SVG 作为“绝对一致”的 20x20 块，避免上下偏差 */
  .kopf-drawer-tools .hs-theme-svg{
    width: 20px;
    height: 20px;
    display: block;
  }

  /* 搜索图标颜色跟随 currentColor */
  .kopf-drawer-tools .nav-search-svg,
  .kopf-drawer-tools .nav-search-svg *{
    fill: currentColor;
  }

  /* -------------------------
     灯泡：只显示一个（避免两个叠在一起）
     默认隐藏全部，再按 dark 状态显示 day/night
     ------------------------- */
  .kopf-drawer-tools .hs-theme-svg{
    display: none;
  }

  /* dark：显示 night */
  html.dark .kopf-drawer-tools .hs-theme-night,
  body.dark .kopf-drawer-tools .hs-theme-night{
    display: block;
  }

  /* 非 dark：显示 day */
  html:not(.dark) .kopf-drawer-tools .hs-theme-day,
  body:not(.dark) .kopf-drawer-tools .hs-theme-day{
    display: block;
  }

  /* 如果你的主题切换不是用 .dark，而是 data-theme="dark"，可再补一条：
     html[data-theme="dark"] .kopf-drawer-tools .hs-theme-night{display:block;}
     html[data-theme="dark"] .kopf-drawer-tools .hs-theme-day{display:none;}
  */
}