feat: v0.16.16 — 稳定性增强 + 性能优化 + 体验补全

2026-07-31 22:31:02 +08:00
parent afe93d7fed
commit 44094340a5
13 changed files with 661 additions and 66 deletions
@@ -4227,3 +4227,109 @@ html, body {
    font-size: 13px;
    transition: opacity 0.3s;
 }
+
+/* ═══════════════ 对话内搜索条 ═══════════════ */
+.search-bar {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 20px;
+    background: var(--bg-card);
+    border-bottom: 1px solid var(--border-subtle);
+    z-index: 45;
+    flex-shrink: 0;
+}
+
+.search-bar input[type="text"] {
+    flex: 1;
+    max-width: 400px;
+    padding: 6px 12px;
+    border: 1px solid var(--border-default);
+    border-radius: 8px;
+    font-size: 13px;
+    font-family: 'Inter', sans-serif;
+    background: var(--bg-mica);
+    color: var(--text-primary);
+    outline: none;
+    transition: border-color 0.2s;
+}
+
+.search-bar input[type="text"]:focus {
+    border-color: var(--accent-primary);
+}
+
+.search-count {
+    font-size: 12px;
+    color: var(--text-muted);
+    min-width: 60px;
+    text-align: center;
+}
+
+.search-nav-btn {
+    background: none;
+    border: 1px solid var(--border-default);
+    border-radius: 6px;
+    padding: 4px 8px;
+    cursor: pointer;
+    font-size: 11px;
+    color: var(--text-secondary);
+    transition: all 0.15s;
+}
+
+.search-nav-btn:hover {
+    background: var(--bg-hover);
+    border-color: var(--accent-primary);
+}
+
+.search-close-btn {
+    background: none;
+    border: none;
+    border-radius: 6px;
+    padding: 4px 8px;
+    cursor: pointer;
+    font-size: 14px;
+    color: var(--text-muted);
+    transition: all 0.15s;
+}
+
+.search-close-btn:hover {
+    background: var(--bg-hover);
+    color: var(--text-primary);
+}
+
+/* 搜索高亮 */
+.search-highlight {
+    background: rgba(255, 213, 79, 0.4);
+    border-radius: 2px;
+    padding: 0 1px;
+}
+
+.search-highlight-current {
+    background: rgba(255, 152, 0, 0.5);
+    border-radius: 2px;
+    padding: 0 1px;
+}
+
+/* ═══════════════ JSON 语法高亮 ═══════════════ */
+.hl-json-key {
+    color: #9B7ED8;
+    font-weight: 500;
+}
+
+.hl-json-string {
+    color: #4CAF50;
+}
+
+.hl-json-number {
+    color: #D4A03C;
+}
+
+.hl-json-boolean {
+    color: #E8734A;
+    font-weight: 500;
+}
+
+.hl-json-null {
+    color: #9E9E9E;
+    font-style: italic;
+}