Align search experience with settings

assets/css/frontend/nav/mobile-toggle.css

@@ -553,6 +553,73 @@
   font-size: 0.75rem;
 }
 
+.nav-searchbox__meta {
+  display: grid;
+  gap: 10px;
+  margin-top: 12px;
+}
+
+.nav-searchbox__types {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.nav-searchbox__type {
+  display: inline-flex;
+  align-items: center;
+  min-height: 32px;
+  padding: 0 12px;
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-pill, 999px);
+  background: var(--surface-2);
+  color: var(--color-ink-3);
+  font-size: 0.8125rem;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.nav-searchbox__type.is-active {
+  border-color: var(--color-primary);
+  background: var(--color-primary-soft);
+  color: var(--color-primary);
+}
+
+.nav-searchbox__category-wrap {
+  position: relative;
+}
+
+.nav-searchbox__category {
+  appearance: none;
+  width: 100%;
+  min-height: 36px;
+  padding: 0 34px 0 12px;
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-pill, 999px);
+  background: var(--surface-2);
+  color: var(--color-ink);
+  font: 500 0.875rem/1 var(--font-ui);
+}
+
+.nav-searchbox__category-wrap::after {
+  content: '';
+  position: absolute;
+  right: 12px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 5px solid var(--color-ink-3);
+  pointer-events: none;
+}
+
+.nav-searchbox__category:disabled {
+  opacity: 0.56;
+  cursor: not-allowed;
+}
+
 .nav-drawer__menu {
   flex: 1;
   padding: 16px 20px 32px;

assets/css/routes/search.css

@@ -242,13 +242,76 @@
   outline: none;
 }
 
-/* ========== 关键词高亮 ========== */
-.item-heading mark,
-.item-excerpt mark {
-  background: color-mix(in srgb, var(--color-primary) 18%, transparent);
-  color: inherit;
-  border-radius: 4px;
-  padding: 0 0.15em;
+
+.search-page-form__meta {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin: 0 0 16px;
+}
+
+.search-page-form__types {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.search-page-form__type {
+  display: inline-flex;
+  align-items: center;
+  min-height: 34px;
+  padding: 0 14px;
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-pill);
+  background: var(--surface-2);
+  color: var(--color-ink-3);
+  font-weight: 500;
+  cursor: pointer;
+  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
+}
+
+.search-page-form__type:hover,
+.search-page-form__type.is-active {
+  border-color: var(--color-primary);
+  color: var(--color-primary);
+  background: var(--color-primary-soft, rgba(59, 130, 246, 0.12));
+}
+
+.search-page-form__category-wrap {
+  position: relative;
+}
+
+.search-page-form__category {
+  appearance: none;
+  min-height: 36px;
+  padding: 0 34px 0 14px;
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-pill);
+  background: var(--surface-2);
+  color: var(--color-ink);
+  font: 500 14px/1 var(--font-ui);
+  cursor: pointer;
+}
+
+.search-page-form__category-wrap::after {
+  content: '';
+  position: absolute;
+  right: 12px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 5px solid var(--color-ink-3);
+  pointer-events: none;
+}
+
+.search-page-form__category:disabled {
+  opacity: 0.56;
+  cursor: not-allowed;
 }
 
 /* ========== 空状态 ========== */
@@ -339,6 +402,19 @@
     padding: 0 14px;
   }
 
+  .search-page-form__meta {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .search-page-form__category-wrap {
+    width: 100%;
+  }
+
+  .search-page-form__category {
+    width: 100%;
+  }
+
   .search-page-toolbar {
     flex-direction: column;
     align-items: flex-start;