diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7f83a2a7..0cea7da8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,34 @@ All notable changes to MrRSS will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.3.30] - 2026-09-06
+
+### Added
+
+- Add bilingual settings search with ranked, keyboard-accessible results that open the exact setting without hiding navigation. (#1067)
+- Add an opt-out confirmation setting for bulk mark-as-read actions across article and sidebar menus. (#1063)
+- Add a floating back-to-top button for long articles. (#1057)
+- Show a live reading-progress bar while scrolling through an article. (#1058)
+
+### Changed
+
+- Replace the sidebar's boxed native sort field with a lightweight menu aligned with the surrounding navigation controls. (#1071)
+- Unify shared button, form-control, dropdown, settings-card and keyboard-focus styling. (#1071)
+- Standardize read and unread controls on hollow and filled circle icons across article views. (#1070)
+- Show publication timestamps to minute precision when hovering article dates. (#1066)
+- Let the up-to-date status card shrink to its content when no download action is present. (#1065)
+- Replace the misleading empty unread-list error copy with a clear all-caught-up state. (#1064)
+- Center article bodies at a readable 68-character line width with more consistent paragraph and list spacing. (#1059)
+
+### Fixed
+
+- Localize AI chat failures and feed update-status tooltips instead of exposing English backend values. (#1062)
+- Keep AI feature toggles anchored while their dependent settings expand or collapse. (#1061)
+- Use the theme's neutral primary text color consistently in AI profile forms and article chat. (#1060)
+- Keep the article-summary heading stationary when generated content and action buttons appear. (#1068)
+- Let collapsed article-summary cards shrink to their header instead of leaving a large blank area. (#1056)
+- Keep the article list anchored at the selected item after marking newer or older articles as read. (#1055)
+
 ## [1.3.29] - 2026-09-05
 
 ### Added
diff --git a/README.md b/README.md
index 5d385244..967d5c19 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@
    <strong>English</strong> | <a href="README_zh.md">简体中文</a>
 </p>
 
-[![Version](https://img.shields.io/badge/version-1.3.29-blue.svg)](https://github.com/DevXDojo/MrRSS/releases)
+[![Version](https://img.shields.io/badge/version-1.3.30-blue.svg)](https://github.com/DevXDojo/MrRSS/releases)
 [![License](https://img.shields.io/badge/license-GPLv3-green.svg)](LICENSE)
 [![Go](https://img.shields.io/badge/Go-1.27+-00ADD8?logo=go)](https://go.dev/)
 [![Wails](https://img.shields.io/badge/Wails-v3%20alpha-red)](https://wails.io/)
diff --git a/README_zh.md b/README_zh.md
index b0703394..0dd232bc 100644
--- a/README_zh.md
+++ b/README_zh.md
@@ -8,7 +8,7 @@
    <a href="README.md">English</a> | <strong>简体中文</strong>
 </p>
 
-[![Version](https://img.shields.io/badge/version-1.3.29-blue.svg)](https://github.com/DevXDojo/MrRSS/releases)
+[![Version](https://img.shields.io/badge/version-1.3.30-blue.svg)](https://github.com/DevXDojo/MrRSS/releases)
 [![License](https://img.shields.io/badge/license-GPLv3-green.svg)](LICENSE)
 [![Go](https://img.shields.io/badge/Go-1.27+-00ADD8?logo=go)](https://go.dev/)
 [![Wails](https://img.shields.io/badge/Wails-v3%20alpha-red)](https://wails.io/)
diff --git a/build/config.yml b/build/config.yml
index 830fdeb1..9864c4bd 100644
--- a/build/config.yml
+++ b/build/config.yml
@@ -11,7 +11,7 @@ info:
   description: "A modern, standalone RSS reader" # The application description
   copyright: "Copyright © 2026" # Copyright text
   comments: "Built with Wails" # Comments
-  version: "1.3.29" # The application version
+  version: "1.3.30" # The application version
 
 # iOS build configuration (uncomment to customise iOS project generation)
 # Note: Keys under `ios` OVERRIDE values under `info` when set.
@@ -21,7 +21,7 @@ info:
 #   # The display name shown under the app icon (CFBundleDisplayName/CFBundleName)
 #   displayName: "MrRSS"
 #   # The app version to embed in Info.plist (CFBundleShortVersionString/CFBundleVersion)
-#   version: "1.3.29"
+#   version: "1.3.30"
 #   # The company/organisation name for templates and project settings
 #   company: "Ch3nyang"
 #   # Additional comments to embed in Info.plist metadata
diff --git a/build/linux/Taskfile.yml b/build/linux/Taskfile.yml
index 41b5a7a9..4d9303b5 100644
--- a/build/linux/Taskfile.yml
+++ b/build/linux/Taskfile.yml
@@ -124,7 +124,7 @@ tasks:
     cmds:
       - cd {{.BIN_DIR}} && tar -czf {{.APP_NAME}}-{{.VERSION}}-linux-{{.ARCH}}.tar.gz {{.APP_NAME}}
     vars:
-      VERSION: '1.3.29'
+      VERSION: '1.3.30'
       ARCH: '{{.ARCH | default "amd64"}}'
 
   generate:dotdesktop:
diff --git a/build/linux/nfpm/nfpm.yaml b/build/linux/nfpm/nfpm.yaml
index d84f82a9..1a646920 100644
--- a/build/linux/nfpm/nfpm.yaml
+++ b/build/linux/nfpm/nfpm.yaml
@@ -6,7 +6,7 @@
 name: "MrRSS"
 arch: ${GOARCH}
 platform: "linux"
-version: "1.3.29"
+version: "1.3.30"
 section: "default"
 priority: "extra"
 maintainer: ${GIT_COMMITTER_NAME} <${GIT_COMMITTER_EMAIL}>
diff --git a/config/defaults.json b/config/defaults.json
index 889e5b22..b7d193e8 100644
--- a/config/defaults.json
+++ b/config/defaults.json
@@ -18,6 +18,7 @@
   "baidu_app_id": "",
   "baidu_secret_key": "",
   "close_to_tray": true,
+  "confirm_mark_as_read": true,
   "content_font_family": "system",
   "content_font_size": 16,
   "content_line_height": "1.6",
diff --git a/docs/SERVER_MODE/swagger.json b/docs/SERVER_MODE/swagger.json
index aca96928..385e6d9b 100644
--- a/docs/SERVER_MODE/swagger.json
+++ b/docs/SERVER_MODE/swagger.json
@@ -12,7 +12,7 @@
             "name": "GPL-3.0",
             "url": "https://www.gnu.org/licenses/gpl-3.0.en.html"
         },
-        "version": "1.3.29"
+        "version": "1.3.30"
     },
     "host": "localhost:1234",
     "basePath": "/api",
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 5b38c215..411325b9 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "mrrss-frontend",
-  "version": "1.3.29",
+  "version": "1.3.30",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "mrrss-frontend",
-      "version": "1.3.29",
+      "version": "1.3.30",
       "dependencies": {
         "@eslint/js": "^10.0.1",
         "@phosphor-icons/vue": "^2.2.1",
diff --git a/frontend/package.json b/frontend/package.json
index c8af3212..77229eeb 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,7 +1,7 @@
 {
   "name": "mrrss-frontend",
   "private": true,
-  "version": "1.3.29",
+  "version": "1.3.30",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/frontend/src/components/article/ArticleCardItem.vue b/frontend/src/components/article/ArticleCardItem.vue
index 10738cb0..8a62616d 100644
--- a/frontend/src/components/article/ArticleCardItem.vue
+++ b/frontend/src/components/article/ArticleCardItem.vue
@@ -4,7 +4,7 @@ import { ref, computed, onMounted, onBeforeUnmount } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { PhEyeSlash, PhStar, PhClockCountdown } from '@phosphor-icons/vue';
 import type { Article } from '@/types/models';
-import { formatDate as formatDateUtil } from '@/utils/date';
+import { formatDate as formatDateUtil, formatExactDateTime } from '@/utils/date';
 import { getProxiedMediaUrl, isMediaCacheEnabled } from '@/utils/mediaProxy';
 import { useAppStore } from '@/stores/app';
 import { imageCache } from '@/utils/imageCache';
@@ -205,7 +205,9 @@ function handleImageError(event: Event) {
       <!-- Meta info -->
       <div class="card-meta">
         <span class="feed-name">{{ article.feed_title }}</span>
-        <span class="publish-date">{{ formatDateWithI18n(article.published_at) }}</span>
+        <span class="publish-date" :title="formatExactDateTime(article.published_at, locale)">
+          {{ formatDateWithI18n(article.published_at) }}
+        </span>
       </div>
     </div>
   </div>
diff --git a/frontend/src/components/article/ArticleChatPanel.vue b/frontend/src/components/article/ArticleChatPanel.vue
index bee2d2ed..8cbf37a3 100644
--- a/frontend/src/components/article/ArticleChatPanel.vue
+++ b/frontend/src/components/article/ArticleChatPanel.vue
@@ -13,6 +13,7 @@ import {
   PhPencil,
 } from '@phosphor-icons/vue';
 import type { Article } from '@/types/models';
+import { readAIError } from '@/utils/aiError';
 
 interface ChatMessage {
   id: number;
@@ -292,36 +293,20 @@ async function sendMessage() {
 
       isFirstMessage.value = false;
     } else {
-      const errorText = await response.text();
       console.error('AI chat request failed:', response.status);
-
-      let errorMessage = t('article.chat.aiChatError');
-      let persistedSessionID = 0;
-      try {
-        const errorData = JSON.parse(errorText);
-        persistedSessionID = Number(errorData.session_id || 0);
-        // Extract error message from various possible formats
-        if (typeof errorData.error === 'string') {
-          errorMessage = errorData.error;
-        } else if (errorData.error?.message) {
-          errorMessage = errorData.error.message;
-        } else if (errorData.message) {
-          errorMessage = errorData.message;
-        } else if (typeof errorData === 'string') {
-          errorMessage = errorData;
-        } else {
-          errorMessage = t('article.chat.aiChatError');
-        }
-      } catch {
-        errorMessage = t('article.chat.aiChatError');
-      }
+      const chatError = await readAIError(response);
+      const errorPayload =
+        chatError.payload !== null && typeof chatError.payload === 'object'
+          ? (chatError.payload as Record<string, unknown>)
+          : null;
+      const persistedSessionID = Number(errorPayload?.session_id || 0);
 
       if (persistedSessionID > 0) {
         currentSessionId.value = persistedSessionID;
         await loadSessions();
         await selectSession(persistedSessionID, true);
       }
-      window.showToast(errorMessage, 'error');
+      window.showToast(chatError.message, 'error');
     }
   } catch (e) {
     console.error('AI chat error:', e);
@@ -361,7 +346,7 @@ const currentSessionTitle = computed(() => {
       <div
         v-if="isOpen"
         ref="panelElement"
-        class="chat-panel fixed bottom-10 right-4 md:bottom-14 md:right-6 w-[500px] h-[600px] bg-bg-primary border border-border rounded-xl shadow-2xl flex flex-col z-50"
+        class="chat-panel fixed bottom-10 right-4 md:bottom-14 md:right-6 w-[500px] h-[600px] bg-bg-primary text-text-primary border border-border rounded-xl shadow-2xl flex flex-col z-50"
         :class="{ 'select-none': isResizing }"
       >
         <!-- Header -->
diff --git a/frontend/src/components/article/ArticleContent.css b/frontend/src/components/article/ArticleContent.css
index e4fd59d2..44da3481 100644
--- a/frontend/src/components/article/ArticleContent.css
+++ b/frontend/src/components/article/ArticleContent.css
@@ -148,8 +148,8 @@
 }
 
 .prose p {
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
+  margin-top: 1em;
+  margin-bottom: 1em;
   line-height: var(--content-line-height, 1.75);
   /* Prevent overflow from long words/links */
   overflow-wrap: break-word;
@@ -365,8 +365,8 @@
 
 .prose ul,
 .prose ol {
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
+  margin-top: 1em;
+  margin-bottom: 1em;
   padding-left: 1.625em;
 }
 
diff --git a/frontend/src/components/article/ArticleContent.vue b/frontend/src/components/article/ArticleContent.vue
index b64c517d..0be858c3 100644
--- a/frontend/src/components/article/ArticleContent.vue
+++ b/frontend/src/components/article/ArticleContent.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, watch, onMounted, onBeforeUnmount, computed, nextTick } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { PhSpinnerGap, PhArticleNyTimes } from '@phosphor-icons/vue';
+import { PhSpinnerGap, PhArticleNyTimes, PhArrowUp } from '@phosphor-icons/vue';
 import type { Article } from '@/types/models';
 import ArticleTitle from './parts/ArticleTitle.vue';
 import ArticleSummary from './parts/ArticleSummary.vue';
@@ -76,6 +76,8 @@ const { settings: appSettings, fetchSettings } = useSettings();
 const store = useAppStore();
 const isChatPanelOpen = ref(false);
 const articleScrollContainer = ref<HTMLElement | null>(null);
+const readingProgress = ref(0);
+const showBackToTop = ref(false);
 const { onContextMenu: onTextContextMenu } = useArticleSelectionMenu(articleScrollContainer);
 const ARTICLE_SCROLL_POSITIONS_KEY = 'mrrssArticleScrollPositions';
 let scrollSaveTimer: ReturnType<typeof setTimeout> | null = null;
@@ -246,6 +248,30 @@ function scheduleSaveArticleScrollPosition() {
   }, 200);
 }
 
+function updateReadingProgress() {
+  const container = articleScrollContainer.value;
+  if (!container) {
+    readingProgress.value = 0;
+    return;
+  }
+
+  const scrollableHeight = container.scrollHeight - container.clientHeight;
+  showBackToTop.value = container.scrollTop > 480;
+  readingProgress.value =
+    scrollableHeight > 0
+      ? Math.min(100, Math.max(0, (container.scrollTop / scrollableHeight) * 100))
+      : 100;
+}
+
+function handleArticleScroll() {
+  updateReadingProgress();
+  scheduleSaveArticleScrollPosition();
+}
+
+function scrollToArticleTop() {
+  articleScrollContainer.value?.scrollTo({ top: 0, behavior: 'smooth' });
+}
+
 function restoreArticleScrollPosition(articleId: number | null | undefined = props.article?.id) {
   const container = articleScrollContainer.value;
   if (!container || !articleId) return;
@@ -902,6 +928,8 @@ watch(
       if (articleScrollContainer.value) {
         articleScrollContainer.value.scrollTop = 0;
       }
+      readingProgress.value = 0;
+      showBackToTop.value = false;
       pendingScrollRestoreArticleId = newId ?? null;
       pendingScrollRestoreAttempts = 0;
 
@@ -1019,6 +1047,8 @@ watch(
 
 onMounted(async () => {
   await loadSettings();
+  await nextTick();
+  updateReadingProgress();
   if (props.article) {
     pendingScrollRestoreArticleId = props.article.id;
     pendingScrollRestoreAttempts = 0;
@@ -1117,12 +1147,25 @@ onBeforeUnmount(() => {
 
 <template>
   <div class="relative flex-1 overflow-hidden bg-bg-primary">
+    <div
+      class="pointer-events-none absolute inset-x-0 top-0 z-20 h-0.5 bg-border/40"
+      role="progressbar"
+      :aria-label="t('article.content.readingProgress')"
+      aria-valuemin="0"
+      aria-valuemax="100"
+      :aria-valuenow="Math.round(readingProgress)"
+    >
+      <div
+        class="h-full bg-accent transition-[width] duration-100 ease-out"
+        :style="{ width: `${readingProgress}%` }"
+      ></div>
+    </div>
     <div
       ref="articleScrollContainer"
       class="h-full overflow-y-scroll p-3 sm:p-6 scroll-smooth"
       @click="handleContainerClick"
       @contextmenu="onTextContextMenu"
-      @scroll="scheduleSaveArticleScrollPosition"
+      @scroll="handleArticleScroll"
     >
       <div
         class="max-w-3xl mx-auto bg-bg-primary [container-type:inline-size]"
@@ -1207,6 +1250,26 @@ onBeforeUnmount(() => {
       :scroll-container="articleScrollContainer"
     />
 
+    <Transition
+      enter-active-class="transition duration-200 ease-out"
+      enter-from-class="translate-y-2 opacity-0"
+      enter-to-class="translate-y-0 opacity-100"
+      leave-active-class="transition duration-150 ease-in"
+      leave-from-class="translate-y-0 opacity-100"
+      leave-to-class="translate-y-2 opacity-0"
+    >
+      <button
+        v-if="showBackToTop"
+        class="absolute bottom-6 z-30 flex h-10 w-10 items-center justify-center rounded-full border border-border bg-bg-secondary/95 text-text-secondary shadow-lg backdrop-blur-sm transition-colors hover:bg-bg-tertiary hover:text-text-primary"
+        :class="showChatButton && !isChatPanelOpen ? 'right-24' : 'right-6'"
+        :title="t('article.action.backToTop')"
+        :aria-label="t('article.action.backToTop')"
+        @click="scrollToArticleTop"
+      >
+        <PhArrowUp :size="20" />
+      </button>
+    </Transition>
+
     <!-- Chat Button (shown when content is loaded and chat is enabled) -->
     <ArticleChatButton v-if="showChatButton && !isChatPanelOpen" @click="isChatPanelOpen = true" />
 
diff --git a/frontend/src/components/article/ArticleItem.vue b/frontend/src/components/article/ArticleItem.vue
index 4188e8ef..c437052b 100644
--- a/frontend/src/components/article/ArticleItem.vue
+++ b/frontend/src/components/article/ArticleItem.vue
@@ -4,7 +4,7 @@ import { ref, computed, onMounted, onBeforeUnmount, onUnmounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { PhEyeSlash, PhStar, PhClockCountdown } from '@phosphor-icons/vue';
 import type { Article } from '@/types/models';
-import { formatDate as formatDateUtil } from '@/utils/date';
+import { formatDate as formatDateUtil, formatExactDateTime } from '@/utils/date';
 import { getProxiedMediaUrl, isMediaCacheEnabled } from '@/utils/mediaProxy';
 import { useShowPreviewImages } from '@/composables/ui/useShowPreviewImages';
 import { useAppStore } from '@/stores/app';
@@ -381,7 +381,11 @@ onUnmounted(() => {
               alt="RSSHub"
             />
           </template>
-          <span class="whitespace-nowrap">{{ formatDateWithI18n(article.published_at) }}</span>
+          <span
+            class="whitespace-nowrap"
+            :title="formatExactDateTime(article.published_at, locale)"
+            >{{ formatDateWithI18n(article.published_at) }}</span
+          >
         </div>
       </div>
     </div>
diff --git a/frontend/src/components/article/ArticleList.vue b/frontend/src/components/article/ArticleList.vue
index 5f8dc48f..cbd1adfc 100644
--- a/frontend/src/components/article/ArticleList.vue
+++ b/frontend/src/components/article/ArticleList.vue
@@ -10,8 +10,6 @@ import {
   PhFunnel,
   PhTrash,
   PhCheckCircle,
-  PhEye,
-  PhEyeSlash,
   PhCircle,
   PhClock,
   PhLightning,
@@ -200,10 +198,49 @@ function searchFieldLabel(field: 'title' | 'summary' | 'content'): string {
   return t(`aiSearch.matchFields.${field}`);
 }
 
-const { showArticleContextMenu } = useArticleActions(t, defaultViewMode, async () => {
-  await store.fetchUnreadCounts();
-  await store.fetchFilterCounts();
-});
+const { showArticleContextMenu } = useArticleActions(
+  t,
+  defaultViewMode,
+  async () => {
+    await store.fetchUnreadCounts();
+    await store.fetchFilterCounts();
+  },
+  preserveRelativeReadPosition
+);
+
+async function preserveRelativeReadPosition(
+  referenceArticle: Article,
+  direction: 'above' | 'below'
+): Promise<void> {
+  const list = listRef.value;
+  const anchor = list?.querySelector<HTMLElement>(
+    `[data-article-id="${referenceArticle.id}"]`
+  );
+  const anchorTop = anchor?.getBoundingClientRect().top;
+  const referenceTime = new Date(referenceArticle.published_at).getTime();
+
+  if (Number.isFinite(referenceTime)) {
+    filteredArticles.value.forEach((article) => {
+      const publishedTime = new Date(article.published_at).getTime();
+      if (
+        Number.isFinite(publishedTime) &&
+        (direction === 'above' ? publishedTime > referenceTime : publishedTime < referenceTime)
+      ) {
+        article.is_read = true;
+      }
+    });
+  }
+
+  await nextTick();
+  if (list && anchorTop !== undefined) {
+    const updatedAnchor = list.querySelector<HTMLElement>(
+      `[data-article-id="${referenceArticle.id}"]`
+    );
+    if (updatedAnchor) {
+      list.scrollTop += updatedAnchor.getBoundingClientRect().top - anchorTop;
+    }
+  }
+}
 
 // Virtual rendering: only render visible articles + buffer
 const visibleArticles = computed(() => {
@@ -620,14 +657,15 @@ async function refreshArticles(): Promise<void> {
 }
 
 async function markAllAsRead(): Promise<void> {
-  // Show confirmation dialog
-  const confirmed = await window.showConfirm({
-    title: t('article.action.markAllReadConfirmTitle'),
-    message: t('article.action.markAllReadConfirmMessage'),
-    confirmText: t('common.confirm'),
-    cancelText: t('common.cancel'),
-    isDanger: false,
-  });
+  const confirmed = settings.value.confirm_mark_as_read
+    ? await window.showConfirm({
+        title: t('article.action.markAllReadConfirmTitle'),
+        message: t('article.action.markAllReadConfirmMessage'),
+        confirmText: t('common.confirm'),
+        cancelText: t('common.cancel'),
+        isDanger: false,
+      })
+    : true;
 
   if (!confirmed) {
     return;
@@ -849,6 +887,10 @@ const shouldShowBottomMarkAllRead = computed(() => {
   );
 });
 
+const isUnreadEmptyState = computed(
+  () => store.currentFilter === 'unread' || store.showOnlyUnread
+);
+
 // Mark all currently visible articles as read
 async function markAllVisibleAsRead(): Promise<void> {
   const articleIds = filteredArticles.value.map((a) => a.id);
@@ -924,10 +966,10 @@ async function markAllVisibleAsRead(): Promise<void> {
             "
             @click="store.toggleShowOnlyUnread()"
           >
-            <component
-              :is="store.showOnlyUnread ? PhEyeSlash : PhEye"
+            <PhCircle
               :size="18"
               class="sm:w-5 sm:h-5"
+              :weight="store.showOnlyUnread ? 'fill' : 'regular'"
             />
           </button>
           <div class="relative">
@@ -1096,9 +1138,18 @@ async function markAllVisibleAsRead(): Promise<void> {
         v-if="
           filteredArticles.length === 0 && !store.isLoading && !isFilterLoading && !isAISearchActive
         "
-        class="p-4 sm:p-5 text-center text-text-secondary text-sm sm:text-base"
+        class="flex flex-col items-center p-6 sm:p-8 text-center text-text-secondary"
       >
-        {{ t('article.content.noArticles') }}
+        <template v-if="isUnreadEmptyState">
+          <PhCheckCircle :size="40" weight="duotone" class="mb-3 text-green-500" />
+          <div class="text-base font-medium text-text-primary">
+            {{ t('article.list.allCaughtUp') }}
+          </div>
+          <div class="mt-1 text-sm">{{ t('article.list.noUnreadArticles') }}</div>
+        </template>
+        <template v-else>
+          {{ t('article.content.noArticles') }}
+        </template>
       </div>
 
       <!-- AI Search no results message -->
diff --git a/frontend/src/components/article/ArticleToolbar.vue b/frontend/src/components/article/ArticleToolbar.vue
index 855a9de2..25d89d79 100644
--- a/frontend/src/components/article/ArticleToolbar.vue
+++ b/frontend/src/components/article/ArticleToolbar.vue
@@ -8,8 +8,7 @@ import {
   PhX,
   PhGlobe,
   PhArticle,
-  PhEnvelopeOpen,
-  PhEnvelope,
+  PhCircle,
   PhStar,
   PhClockCountdown,
   PhArrowSquareOut,
@@ -129,8 +128,12 @@ async function copyLink(article: Article) {
         "
         @click="$emit('toggleRead')"
       >
-        <PhEnvelopeOpen v-if="article.is_read" :size="18" class="sm:w-5 sm:h-5" />
-        <PhEnvelope v-else :size="18" class="sm:w-5 sm:h-5" />
+        <PhCircle
+          :size="18"
+          class="sm:w-5 sm:h-5"
+          :class="{ 'text-accent': !article.is_read }"
+          :weight="article.is_read ? 'regular' : 'fill'"
+        />
       </button>
       <button
         :class="[
diff --git a/frontend/src/components/article/imageGallery/components/ImageGalleryHeader.vue b/frontend/src/components/article/imageGallery/components/ImageGalleryHeader.vue
index 80f68fc5..9cc787ad 100644
--- a/frontend/src/components/article/imageGallery/components/ImageGalleryHeader.vue
+++ b/frontend/src/components/article/imageGallery/components/ImageGalleryHeader.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n';
-import { PhList, PhTextT, PhTextTSlash, PhEye, PhEyeSlash } from '@phosphor-icons/vue';
+import { PhCircle, PhList, PhTextT, PhTextTSlash } from '@phosphor-icons/vue';
 
 interface Props {
   showTextOverlay: boolean;
@@ -50,8 +50,7 @@ const { t } = useI18n();
         "
         @click="emit('toggleShowOnlyUnread')"
       >
-        <PhEyeSlash v-if="showOnlyUnread" :size="20" />
-        <PhEye v-else :size="20" />
+        <PhCircle :size="20" :weight="showOnlyUnread ? 'fill' : 'regular'" />
       </button>
 
       <!-- Toggle text overlay button -->
diff --git a/frontend/src/components/article/parts/ArticleBody.vue b/frontend/src/components/article/parts/ArticleBody.vue
index b29965e8..4e479aae 100644
--- a/frontend/src/components/article/parts/ArticleBody.vue
+++ b/frontend/src/components/article/parts/ArticleBody.vue
@@ -49,7 +49,7 @@ const contentStyle = computed(() => {
   <!-- Content display with inline translations -->
   <div v-if="articleContent">
     <div
-      class="prose prose-sm sm:prose-lg max-w-none text-text-primary prose-content"
+      class="prose prose-sm sm:prose-lg mx-auto w-full max-w-[68ch] text-text-primary prose-content"
       :class="{ 'custom-css-active': hasCustomCSS }"
       :style="contentStyle"
       v-html="articleContent"
diff --git a/frontend/src/components/article/parts/ArticleSummary.vue b/frontend/src/components/article/parts/ArticleSummary.vue
index f5a16f2d..bddbb471 100644
--- a/frontend/src/components/article/parts/ArticleSummary.vue
+++ b/frontend/src/components/article/parts/ArticleSummary.vue
@@ -187,7 +187,7 @@ async function handleSummaryLinkClick(event: MouseEvent) {
   >
     <!-- Summary Header -->
     <div
-      class="flex items-center justify-between gap-2 cursor-pointer select-none"
+      class="flex min-h-[30px] items-center justify-between gap-2 cursor-pointer select-none"
       @click="toggleSummary"
     >
       <div class="flex items-center gap-2">
@@ -343,9 +343,7 @@ async function handleSummaryLinkClick(event: MouseEvent) {
 
 <style scoped>
 .summary-container {
-  min-height: 8rem;
   transition:
-    min-height 0.2s ease,
     background-color 0.2s ease,
     border-color 0.2s ease;
 }
diff --git a/frontend/src/components/article/parts/ArticleTitle.vue b/frontend/src/components/article/parts/ArticleTitle.vue
index 47a18019..8a9becd9 100644
--- a/frontend/src/components/article/parts/ArticleTitle.vue
+++ b/frontend/src/components/article/parts/ArticleTitle.vue
@@ -2,7 +2,7 @@
 import { computed } from 'vue';
 import { PhSpinnerGap, PhTranslate, PhArrowsClockwise } from '@phosphor-icons/vue';
 import type { Article } from '@/types/models';
-import { formatDate } from '@/utils/date';
+import { formatDate, formatExactDateTime } from '@/utils/date';
 import { useI18n } from 'vue-i18n';
 import { useAppStore } from '@/stores/app';
 
@@ -110,7 +110,11 @@ function selectArticleFeed() {
       </template>
     </div>
     <div class="flex items-center gap-2 sm:gap-3 w-full sm:w-auto">
-      <span class="text-text-secondary">{{ formatDateWithI18n(article.published_at) }}</span>
+      <span
+        class="text-text-secondary"
+        :title="formatExactDateTime(article.published_at, locale)"
+        >{{ formatDateWithI18n(article.published_at) }}</span
+      >
       <span
         v-if="translationEnabled"
         class="flex items-center gap-1.5 sm:gap-2"
diff --git a/frontend/src/components/common/BaseSelect.vue b/frontend/src/components/common/BaseSelect.vue
index 9145948c..66e5afed 100644
--- a/frontend/src/components/common/BaseSelect.vue
+++ b/frontend/src/components/common/BaseSelect.vue
@@ -452,6 +452,8 @@ onUnmounted(() => {
 }
 
 .input-field {
-  @apply p-1.5 sm:p-2 border border-border rounded-md bg-bg-secondary text-text-primary focus:border-accent focus:outline-none transition-colors text-xs sm:text-sm;
+  @apply p-1.5 sm:p-2 border border-border bg-bg-secondary text-text-primary focus:border-accent focus:outline-none transition-colors text-xs sm:text-sm;
+  min-height: var(--ui-control-height);
+  border-radius: var(--ui-radius-control);
 }
 </style>
diff --git a/frontend/src/components/common/select.css b/frontend/src/components/common/select.css
index c56b6fa5..efaee401 100644
--- a/frontend/src/components/common/select.css
+++ b/frontend/src/components/common/select.css
@@ -6,10 +6,11 @@
 
 /* Trigger button - based on TagSelector and RuleConditionItem */
 .select-trigger {
-  @apply w-full p-1.5 sm:p-2 border border-border rounded-md bg-bg-primary text-text-primary;
+  @apply w-full p-1.5 sm:p-2 border border-border bg-bg-primary text-text-primary;
   @apply flex items-center justify-between cursor-pointer hover:border-accent transition-colors;
   @apply text-xs sm:text-sm;
-  height: 38px;
+  height: var(--ui-control-height);
+  border-radius: var(--ui-radius-control);
   box-sizing: border-box;
 }
 
@@ -33,8 +34,9 @@
 
 /* Dropdown menu */
 .select-dropdown {
-  @apply border border-border rounded-md bg-bg-primary;
+  @apply border border-border bg-bg-primary;
   @apply overflow-y-auto shadow-lg scroll-smooth;
+  border-radius: var(--ui-radius-surface);
   /* Position and dimensions are set via inline styles by useSelect */
 }
 
@@ -44,7 +46,7 @@
   @apply text-text-primary hover:bg-bg-tertiary;
   @apply text-xs sm:text-sm;
   min-height: 36px;
-  transition: background-color 0.15s ease;
+  transition: background-color var(--ui-transition-fast);
 }
 
 .select-option:disabled {
diff --git a/frontend/src/components/modals/SettingsModal.vue b/frontend/src/components/modals/SettingsModal.vue
index ee019dae..357e3cc7 100644
--- a/frontend/src/components/modals/SettingsModal.vue
+++ b/frontend/src/components/modals/SettingsModal.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useAppStore } from '@/stores/app';
 import { useI18n } from 'vue-i18n';
-import { ref, onMounted, type Ref } from 'vue';
+import { computed, nextTick, ref, onMounted, watch, type Component, type Ref } from 'vue';
 import GeneralTab from './settings/general/GeneralTab.vue';
 import ReadingDisplayTab from './settings/reading/ReadingDisplayTab.vue';
 import FeedsTab from './settings/feeds/FeedsTab.vue';
@@ -27,6 +27,8 @@ import {
   PhKeyboard,
   PhChartBar,
   PhInfo,
+  PhMagnifyingGlass,
+  PhX,
 } from '@phosphor-icons/vue';
 import type { TabName } from '@/types/settings';
 import type { ThemePreference } from '@/stores/app';
@@ -36,7 +38,7 @@ import { useFeedManagement } from '@/composables/feed/useFeedManagement';
 import { useModalClose, LARGE_MODAL_Z_INDEX } from '@/composables/ui/useModalClose';
 
 const store = useAppStore();
-const { t } = useI18n();
+const { t, tm } = useI18n();
 
 // Modal close handling - use lower z-index for large modal so nested modals appear on top
 const { zIndex: modalZIndex } = useModalClose(() => emit('close'), LARGE_MODAL_Z_INDEX);
@@ -76,6 +78,219 @@ const emit = defineEmits<{
 
 const activeTab: Ref<TabName> = ref('general');
 const showDiscoverAllModal = ref(false);
+const settingsContentRef = ref<HTMLElement | null>(null);
+const settingsSearchRef = ref<HTMLElement | null>(null);
+const settingsSearchQuery = ref('');
+const settingsSearchOpen = ref(false);
+const highlightedSearchIndex = ref(0);
+
+const settingsTabs: Array<{
+  id: TabName;
+  icon: Component;
+  labelKey: string;
+  searchNamespaces: string[];
+}> = [
+  {
+    id: 'general',
+    icon: PhSlidersHorizontal,
+    labelKey: 'setting.tab.general',
+    searchNamespaces: ['setting.general', 'setting.update', 'setting.database'],
+  },
+  {
+    id: 'reading',
+    icon: PhBookOpen,
+    labelKey: 'setting.tab.readingAndDisplay',
+    searchNamespaces: ['setting.reading', 'setting.typography', 'setting.customization'],
+  },
+  {
+    id: 'feeds',
+    icon: PhRss,
+    labelKey: 'sidebar.feedList.feeds',
+    searchNamespaces: ['setting.feed', 'modal.feed', 'modal.discovery'],
+  },
+  {
+    id: 'content',
+    icon: PhTextT,
+    labelKey: 'setting.tab.content',
+    searchNamespaces: ['setting.content', 'setting.translation'],
+  },
+  {
+    id: 'ai',
+    icon: PhBrain,
+    labelKey: 'setting.tab.ai',
+    searchNamespaces: ['setting.ai', 'aiErrors'],
+  },
+  {
+    id: 'rules',
+    icon: PhFunnel,
+    labelKey: 'modal.rule.rules',
+    searchNamespaces: ['setting.rule', 'modal.rule'],
+  },
+  {
+    id: 'network',
+    icon: PhGlobe,
+    labelKey: 'setting.tab.network',
+    searchNamespaces: ['setting.network'],
+  },
+  {
+    id: 'plugins',
+    icon: PhPuzzlePiece,
+    labelKey: 'setting.tab.plugins',
+    searchNamespaces: [
+      'setting.plugins',
+      'setting.freshrss',
+      'setting.rsshub',
+      'setting.notion',
+      'setting.obsidian',
+      'setting.zotero',
+    ],
+  },
+  {
+    id: 'shortcuts',
+    icon: PhKeyboard,
+    labelKey: 'setting.shortcut.shortcuts',
+    searchNamespaces: ['setting.shortcut'],
+  },
+  {
+    id: 'statistics',
+    icon: PhChartBar,
+    labelKey: 'setting.statistic.statistics',
+    searchNamespaces: ['setting.statistic'],
+  },
+  {
+    id: 'about',
+    icon: PhInfo,
+    labelKey: 'setting.tab.about',
+    searchNamespaces: ['setting.about', 'setting.update'],
+  },
+];
+
+interface SettingsSearchResult {
+  id: string;
+  tab: TabName;
+  tabLabel: string;
+  label: string;
+}
+
+function collectSearchText(value: unknown): string[] {
+  if (typeof value === 'string') return [value];
+  if (Array.isArray(value)) return value.flatMap(collectSearchText);
+  if (value && typeof value === 'object') {
+    return Object.values(value as Record<string, unknown>).flatMap(collectSearchText);
+  }
+  return [];
+}
+
+const settingsSearchResults = computed<SettingsSearchResult[]>(() => {
+  const query = settingsSearchQuery.value.trim().toLocaleLowerCase();
+  if (!query) return [];
+
+  const results: Array<SettingsSearchResult & { rank: number }> = [];
+  const seen = new Set<string>();
+
+  for (const tab of settingsTabs) {
+    const tabLabel = t(tab.labelKey);
+    const searchableText = [
+      tabLabel,
+      ...tab.searchNamespaces.flatMap((namespace) => collectSearchText(tm(namespace))),
+    ];
+
+    for (const text of searchableText) {
+      const label = text.trim().replace(/\s+/g, ' ');
+      const normalized = label.toLocaleLowerCase();
+      const id = `${tab.id}:${normalized}`;
+      if (!label || !normalized.includes(query) || seen.has(id)) continue;
+
+      seen.add(id);
+      results.push({
+        id,
+        tab: tab.id,
+        tabLabel,
+        label,
+        rank: normalized === query ? 0 : normalized.startsWith(query) ? 1 : 2,
+      });
+    }
+  }
+
+  return results
+    .sort((left, right) => left.rank - right.rank || left.label.length - right.label.length)
+    .slice(0, 12)
+    .map(({ rank: _rank, ...result }) => result);
+});
+
+function selectSettingsTab(tab: TabName) {
+  activeTab.value = tab;
+  clearSettingsSearch();
+}
+
+async function selectSettingsSearchResult(result: SettingsSearchResult) {
+  activeTab.value = result.tab;
+  settingsSearchOpen.value = false;
+
+  await nextTick();
+  const candidates =
+    settingsContentRef.value?.querySelectorAll<HTMLElement>(
+      '.setting-item, .sub-setting-item, .setting-item-col, .setting-group'
+    ) || [];
+  const target = result.label.toLocaleLowerCase();
+  const query = settingsSearchQuery.value.trim().toLocaleLowerCase();
+  const match = Array.from(candidates)
+    .filter((element) => {
+      const text = element.textContent?.toLocaleLowerCase() || '';
+      return text.includes(target) || text.includes(query);
+    })
+    .sort((left, right) => (left.textContent?.length || 0) - (right.textContent?.length || 0))[0];
+  if (!match) return;
+
+  match.scrollIntoView({ behavior: 'smooth', block: 'center' });
+  match.setAttribute('data-settings-search-match', 'true');
+  window.setTimeout(() => match.removeAttribute('data-settings-search-match'), 1600);
+}
+
+function clearSettingsSearch() {
+  settingsSearchQuery.value = '';
+  settingsSearchOpen.value = false;
+  highlightedSearchIndex.value = 0;
+}
+
+function handleSettingsSearchKeydown(event: KeyboardEvent) {
+  const resultCount = settingsSearchResults.value.length;
+  if (event.key === 'Escape') {
+    settingsSearchOpen.value = false;
+    return;
+  }
+  if (!resultCount) return;
+
+  if (event.key === 'ArrowDown') {
+    event.preventDefault();
+    settingsSearchOpen.value = true;
+    highlightedSearchIndex.value = (highlightedSearchIndex.value + 1) % resultCount;
+  } else if (event.key === 'ArrowUp') {
+    event.preventDefault();
+    settingsSearchOpen.value = true;
+    highlightedSearchIndex.value =
+      (highlightedSearchIndex.value - 1 + resultCount) % resultCount;
+  } else if (event.key === 'Enter') {
+    event.preventDefault();
+    const result = settingsSearchResults.value[highlightedSearchIndex.value];
+    if (result) void selectSettingsSearchResult(result);
+  }
+}
+
+function handleSettingsSearchFocusOut(event: FocusEvent) {
+  if (
+    event.relatedTarget instanceof Node &&
+    settingsSearchRef.value?.contains(event.relatedTarget)
+  ) {
+    return;
+  }
+  settingsSearchOpen.value = false;
+}
+
+watch(settingsSearchQuery, (query) => {
+  highlightedSearchIndex.value = 0;
+  settingsSearchOpen.value = Boolean(query.trim());
+});
 
 onMounted(async () => {
   try {
@@ -101,11 +316,78 @@ function handleDiscoverAll() {
     <div
       class="bg-bg-primary w-full max-w-5xl h-full sm:h-[800px] sm:max-h-[90vh] flex flex-col rounded-none sm:rounded-2xl shadow-2xl border border-border overflow-hidden animate-fade-in mx-2 sm:mx-4 my-2 sm:my-4"
     >
-      <div class="p-3 sm:p-5 border-b border-border flex justify-between items-center shrink-0">
+      <div class="p-3 sm:p-5 border-b border-border flex items-center gap-3 shrink-0">
         <h3 class="text-text-secondary sm:text-lg font-semibold m-0 flex items-center gap-2">
           <PhGear :size="20" :weight="'fill'" class="sm:w-6 sm:h-6" />
           {{ t('setting.tab.settingsTitle') }}
         </h3>
+        <div
+          ref="settingsSearchRef"
+          class="relative ml-auto w-full max-w-xs"
+          @focusout="handleSettingsSearchFocusOut"
+        >
+          <PhMagnifyingGlass
+            :size="16"
+            class="pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
+          />
+          <input
+            v-model="settingsSearchQuery"
+            type="search"
+            class="w-full rounded-lg border border-border bg-bg-secondary py-2 pl-9 pr-9 text-sm text-text-primary outline-none transition-colors focus:border-accent"
+            :placeholder="t('setting.search.placeholder')"
+            :aria-label="t('setting.search.placeholder')"
+            :aria-expanded="settingsSearchOpen"
+            aria-autocomplete="list"
+            role="combobox"
+            @focus="settingsSearchOpen = Boolean(settingsSearchQuery.trim())"
+            @keydown="handleSettingsSearchKeydown"
+          />
+          <button
+            v-if="settingsSearchQuery"
+            type="button"
+            class="absolute right-2 top-1/2 -translate-y-1/2 rounded p-1 text-text-secondary hover:bg-bg-tertiary hover:text-text-primary"
+            :title="t('setting.search.clear')"
+            @click="clearSettingsSearch"
+          >
+            <PhX :size="14" />
+          </button>
+          <div
+            v-if="settingsSearchQuery.trim() && settingsSearchOpen"
+            class="absolute right-0 top-[calc(100%+0.5rem)] z-50 w-full min-w-72 overflow-hidden rounded-xl border border-border bg-bg-primary py-1.5 shadow-2xl"
+            role="listbox"
+          >
+            <button
+              v-for="(result, index) in settingsSearchResults"
+              :key="result.id"
+              type="button"
+              role="option"
+              :aria-selected="highlightedSearchIndex === index"
+              :class="[
+                'flex w-full items-center gap-3 px-3 py-2 text-left transition-colors',
+                highlightedSearchIndex === index ? 'bg-bg-tertiary' : 'hover:bg-bg-secondary',
+              ]"
+              @mouseenter="highlightedSearchIndex = index"
+              @mousedown.prevent
+              @click="selectSettingsSearchResult(result)"
+            >
+              <component
+                :is="settingsTabs.find((tab) => tab.id === result.tab)?.icon"
+                :size="18"
+                class="shrink-0 text-text-secondary"
+              />
+              <span class="min-w-0">
+                <span class="block truncate text-sm text-text-primary">{{ result.label }}</span>
+                <span class="block text-xs text-text-secondary">{{ result.tabLabel }}</span>
+              </span>
+            </button>
+            <p
+              v-if="settingsSearchResults.length === 0"
+              class="m-0 px-3 py-5 text-center text-sm text-text-secondary"
+            >
+              {{ t('setting.search.noResults') }}
+            </p>
+          </div>
+        </div>
         <span
           class="text-2xl cursor-pointer text-text-secondary hover:text-text-primary"
           @click="emit('close')"
@@ -118,87 +400,23 @@ function handleDiscoverAll() {
         <div class="w-48 sm:w-56 border-r border-border bg-bg-secondary shrink-0 overflow-y-scroll">
           <nav class="p-2 space-y-1">
             <button
-              :class="['sidebar-tab-btn', activeTab === 'general' ? 'active' : '']"
-              @click="activeTab = 'general'"
-            >
-              <PhSlidersHorizontal :size="22" />
-              <span>{{ t('setting.tab.general') }}</span>
-            </button>
-            <button
-              :class="['sidebar-tab-btn', activeTab === 'reading' ? 'active' : '']"
-              @click="activeTab = 'reading'"
-            >
-              <PhBookOpen :size="22" />
-              <span>{{ t('setting.tab.readingAndDisplay') }}</span>
-            </button>
-            <button
-              :class="['sidebar-tab-btn', activeTab === 'feeds' ? 'active' : '']"
-              @click="activeTab = 'feeds'"
-            >
-              <PhRss :size="22" />
-              <span>{{ t('sidebar.feedList.feeds') }}</span>
-            </button>
-            <button
-              :class="['sidebar-tab-btn', activeTab === 'content' ? 'active' : '']"
-              @click="activeTab = 'content'"
-            >
-              <PhTextT :size="22" />
-              <span>{{ t('setting.tab.content') }}</span>
-            </button>
-            <button
-              :class="['sidebar-tab-btn', activeTab === 'ai' ? 'active' : '']"
-              @click="activeTab = 'ai'"
-            >
-              <PhBrain :size="22" />
-              <span>{{ t('setting.tab.ai') }}</span>
-            </button>
-            <button
-              :class="['sidebar-tab-btn', activeTab === 'rules' ? 'active' : '']"
-              @click="activeTab = 'rules'"
+              v-for="tab in settingsTabs"
+              :key="tab.id"
+              :class="['sidebar-tab-btn', activeTab === tab.id ? 'active' : '']"
+              @click="selectSettingsTab(tab.id)"
             >
-              <PhFunnel :size="22" />
-              <span>{{ t('modal.rule.rules') }}</span>
-            </button>
-            <button
-              :class="['sidebar-tab-btn', activeTab === 'network' ? 'active' : '']"
-              @click="activeTab = 'network'"
-            >
-              <PhGlobe :size="22" />
-              <span>{{ t('setting.tab.network') }}</span>
-            </button>
-            <button
-              :class="['sidebar-tab-btn', activeTab === 'plugins' ? 'active' : '']"
-              @click="activeTab = 'plugins'"
-            >
-              <PhPuzzlePiece :size="22" />
-              <span>{{ t('setting.tab.plugins') }}</span>
-            </button>
-            <button
-              :class="['sidebar-tab-btn', activeTab === 'shortcuts' ? 'active' : '']"
-              @click="activeTab = 'shortcuts'"
-            >
-              <PhKeyboard :size="22" />
-              <span>{{ t('setting.shortcut.shortcuts') }}</span>
-            </button>
-            <button
-              :class="['sidebar-tab-btn', activeTab === 'statistics' ? 'active' : '']"
-              @click="activeTab = 'statistics'"
-            >
-              <PhChartBar :size="22" />
-              <span>{{ t('setting.statistic.statistics') }}</span>
-            </button>
-            <button
-              :class="['sidebar-tab-btn', activeTab === 'about' ? 'active' : '']"
-              @click="activeTab = 'about'"
-            >
-              <PhInfo :size="22" />
-              <span>{{ t('setting.tab.about') }}</span>
+              <component :is="tab.icon" :size="22" />
+              <span>{{ t(tab.labelKey) }}</span>
             </button>
           </nav>
         </div>
 
         <!-- Content Area -->
-        <div class="flex-1 overflow-y-scroll p-3 sm:p-6 min-h-0 scroll-smooth">
+        <div
+          ref="settingsContentRef"
+          class="flex-1 overflow-y-scroll p-3 sm:p-6 min-h-0 scroll-smooth"
+          data-settings-content
+        >
           <GeneralTab
             v-if="activeTab === 'general'"
             :settings="settings"
@@ -319,6 +537,12 @@ function handleDiscoverAll() {
   border-radius: 0 2px 2px 0;
 }
 
+:deep([data-settings-search-match='true']) {
+  outline: 2px solid var(--accent-color);
+  outline-offset: 2px;
+  transition: outline-color 0.2s ease;
+}
+
 .btn-primary {
   @apply bg-accent text-white border-none px-5 py-2.5 rounded-lg cursor-pointer font-semibold hover:bg-accent-hover transition-colors;
 }
diff --git a/frontend/src/components/modals/settings/about/AboutTab.vue b/frontend/src/components/modals/settings/about/AboutTab.vue
index 8522cd32..54400a6e 100644
--- a/frontend/src/components/modals/settings/about/AboutTab.vue
+++ b/frontend/src/components/modals/settings/about/AboutTab.vue
@@ -122,7 +122,8 @@ function formatBytes(bytes: number): string {
 
     <div
       v-if="updateInfo && !updateInfo.error"
-      class="mt-3 sm:mt-4 mx-auto max-w-md text-left bg-bg-secondary p-3 sm:p-4 rounded-lg border border-border"
+      class="mt-3 sm:mt-4 mx-auto max-w-full text-left bg-bg-secondary p-3 sm:p-4 rounded-lg border border-border"
+      :class="updateInfo.has_update ? 'w-full max-w-md' : 'w-fit'"
     >
       <div class="flex items-start gap-2 sm:gap-3">
         <PhArrowCircleUp
diff --git a/frontend/src/components/modals/settings/ai/AIFeatureSettings.vue b/frontend/src/components/modals/settings/ai/AIFeatureSettings.vue
index 7cbfce15..c740ef4f 100644
--- a/frontend/src/components/modals/settings/ai/AIFeatureSettings.vue
+++ b/frontend/src/components/modals/settings/ai/AIFeatureSettings.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { nextTick, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import {
   PhRobot,
@@ -31,11 +31,23 @@ const emit = defineEmits<{
   'update:settings': [settings: SettingsData];
 }>();
 
-function updateSetting(key: keyof SettingsData, value: any) {
+async function updateSetting(key: keyof SettingsData, value: any) {
+  const anchor =
+    document.activeElement instanceof HTMLElement
+      ? document.activeElement.closest<HTMLElement>('.setting-item')
+      : null;
+  const scrollContainer = anchor?.closest<HTMLElement>('[data-settings-content]');
+  const anchorTop = anchor?.getBoundingClientRect().top;
+
   emit('update:settings', {
     ...props.settings,
     [key]: value,
   });
+
+  await nextTick();
+  if (anchor && scrollContainer && anchorTop !== undefined) {
+    scrollContainer.scrollTop += anchor.getBoundingClientRect().top - anchorTop;
+  }
 }
 
 const isDeleting = ref(false);
diff --git a/frontend/src/components/modals/settings/ai/AIProfileModal.vue b/frontend/src/components/modals/settings/ai/AIProfileModal.vue
index c91e6196..7a28983b 100644
--- a/frontend/src/components/modals/settings/ai/AIProfileModal.vue
+++ b/frontend/src/components/modals/settings/ai/AIProfileModal.vue
@@ -224,7 +224,7 @@ function handleClose() {
   <Teleport to="body">
     <BaseModal v-if="isOpen" :title="modalTitle" size="2xl" :z-index="60" @close="handleClose">
       <!-- Form Content -->
-      <div class="p-4 sm:p-6 space-y-4">
+      <div class="p-4 sm:p-6 space-y-4 text-text-primary">
         <!-- Profile Name -->
         <SettingItem
           :icon="PhRobot"
@@ -289,7 +289,9 @@ function handleClose() {
           <div class="flex items-center gap-2 sm:gap-3">
             <PhSliders :size="20" class="text-text-secondary shrink-0 sm:w-6 sm:h-6" />
             <div class="flex-1 min-w-0">
-              <div class="font-medium text-sm">{{ t('setting.ai.aiCustomHeaders') }}</div>
+              <div class="font-medium text-sm text-text-primary">
+                {{ t('setting.ai.aiCustomHeaders') }}
+              </div>
               <div class="text-xs text-text-secondary hidden sm:block">
                 {{ t('setting.ai.aiCustomHeadersDesc') }}
               </div>
diff --git a/frontend/src/components/modals/settings/feeds/FeedManagementSettings.vue b/frontend/src/components/modals/settings/feeds/FeedManagementSettings.vue
index c4316c69..b267f524 100644
--- a/frontend/src/components/modals/settings/feeds/FeedManagementSettings.vue
+++ b/frontend/src/components/modals/settings/feeds/FeedManagementSettings.vue
@@ -602,7 +602,9 @@ onUnmounted(() =>
                 :title="
                   feed.last_update_status === 'failed'
                     ? getFriendlyErrorMessage(feed.last_error || '')
-                    : feed.last_update_status || ''
+                    : feed.last_update_status === 'success'
+                      ? t('setting.update.updateSuccess')
+                      : ''
                 "
                 data-testid="feed-status"
               >
diff --git a/frontend/src/components/modals/settings/reading/InteractionSettings.vue b/frontend/src/components/modals/settings/reading/InteractionSettings.vue
index 3ad5632e..4d8d5cde 100644
--- a/frontend/src/components/modals/settings/reading/InteractionSettings.vue
+++ b/frontend/src/components/modals/settings/reading/InteractionSettings.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n';
-import { PhCursorClick, PhEyeSlash } from '@phosphor-icons/vue';
+import { PhCheckCircle, PhCursorClick, PhEyeSlash } from '@phosphor-icons/vue';
 import { SettingGroup, SettingWithToggle } from '@/components/settings';
 import '@/components/settings/styles.css';
 import type { SettingsData } from '@/types/settings';
@@ -35,6 +35,14 @@ function updateSetting(key: keyof SettingsData, value: any) {
       @update:model-value="updateSetting('hover_mark_as_read', $event)"
     />
 
+    <SettingWithToggle
+      :icon="PhCheckCircle"
+      :title="t('setting.reading.confirmMarkAsRead')"
+      :description="t('setting.reading.confirmMarkAsReadDesc')"
+      :model-value="settings.confirm_mark_as_read"
+      @update:model-value="updateSetting('confirm_mark_as_read', $event)"
+    />
+
     <SettingWithToggle
       :icon="PhEyeSlash"
       :title="t('setting.reading.showHiddenArticles')"
diff --git a/frontend/src/components/settings/base/SettingControl/ButtonControl.vue b/frontend/src/components/settings/base/SettingControl/ButtonControl.vue
index 735341b4..472b7d13 100644
--- a/frontend/src/components/settings/base/SettingControl/ButtonControl.vue
+++ b/frontend/src/components/settings/base/SettingControl/ButtonControl.vue
@@ -38,7 +38,9 @@ async function handleClick() {
 <style scoped>
 @reference "../../../../style.css";
 .btn {
-  @apply px-3 sm:px-4 py-1.5 sm:py-2 rounded-md cursor-pointer flex items-center gap-1.5 sm:gap-2 font-medium transition-colors shrink-0;
+  @apply px-3 sm:px-4 py-1.5 sm:py-2 cursor-pointer flex items-center justify-center gap-1.5 sm:gap-2 font-medium transition-colors shrink-0;
+  min-height: var(--ui-control-height);
+  border-radius: var(--ui-radius-control);
 }
 
 .btn:disabled {
diff --git a/frontend/src/components/settings/base/SettingControl/InputControl.vue b/frontend/src/components/settings/base/SettingControl/InputControl.vue
index c7af9f29..c03223d5 100644
--- a/frontend/src/components/settings/base/SettingControl/InputControl.vue
+++ b/frontend/src/components/settings/base/SettingControl/InputControl.vue
@@ -59,7 +59,9 @@ const widthClass = (width?: string) => {
 <style scoped>
 @reference "../../../../style.css";
 .input-field {
-  @apply p-1.5 sm:p-2.5 border border-border rounded-md bg-bg-secondary text-text-primary focus:border-accent focus:outline-none transition-colors text-xs sm:text-sm;
+  @apply p-1.5 sm:p-2.5 border border-border bg-bg-secondary text-text-primary focus:border-accent focus:outline-none transition-colors text-xs sm:text-sm;
+  min-height: var(--ui-control-height);
+  border-radius: var(--ui-radius-control);
 }
 
 .input-field:disabled {
diff --git a/frontend/src/components/settings/base/SettingControl/NumberControl.vue b/frontend/src/components/settings/base/SettingControl/NumberControl.vue
index 0cb06af5..f35cb942 100644
--- a/frontend/src/components/settings/base/SettingControl/NumberControl.vue
+++ b/frontend/src/components/settings/base/SettingControl/NumberControl.vue
@@ -83,7 +83,9 @@ const widthClass = (width?: string) => {
 <style scoped>
 @reference "../../../../style.css";
 .input-field {
-  @apply p-1.5 sm:p-2.5 border border-border rounded-md bg-bg-secondary text-text-primary focus:border-accent focus:outline-none transition-colors text-xs sm:text-sm;
+  @apply p-1.5 sm:p-2.5 border border-border bg-bg-secondary text-text-primary focus:border-accent focus:outline-none transition-colors text-xs sm:text-sm;
+  min-height: var(--ui-control-height);
+  border-radius: var(--ui-radius-control);
 }
 
 .input-field:disabled {
diff --git a/frontend/src/components/settings/base/SettingControl/TextAreaControl.vue b/frontend/src/components/settings/base/SettingControl/TextAreaControl.vue
index 3454f34e..8fef61b8 100644
--- a/frontend/src/components/settings/base/SettingControl/TextAreaControl.vue
+++ b/frontend/src/components/settings/base/SettingControl/TextAreaControl.vue
@@ -45,7 +45,8 @@ function handleInput(event: Event) {
 <style scoped>
 @reference "../../../../style.css";
 .input-field {
-  @apply p-1.5 sm:p-2.5 border border-border rounded-md bg-bg-secondary text-text-primary focus:border-accent focus:outline-none transition-colors text-xs sm:text-sm;
+  @apply p-1.5 sm:p-2.5 border border-border bg-bg-secondary text-text-primary focus:border-accent focus:outline-none transition-colors text-xs sm:text-sm;
+  border-radius: var(--ui-radius-control);
 }
 
 .input-field:disabled {
diff --git a/frontend/src/components/settings/base/SettingItem.vue b/frontend/src/components/settings/base/SettingItem.vue
index 528af5cf..6ef583b9 100644
--- a/frontend/src/components/settings/base/SettingItem.vue
+++ b/frontend/src/components/settings/base/SettingItem.vue
@@ -46,7 +46,11 @@ withDefaults(defineProps<Props>(), {
 <style scoped>
 @reference "../../../style.css";
 .setting-item {
-  @apply flex items-center sm:items-start justify-between gap-2 sm:gap-4 p-2 sm:p-3 rounded-lg bg-bg-secondary border border-border;
+  @apply flex items-center sm:items-start justify-between gap-2 sm:gap-4 p-2 sm:p-3 bg-bg-secondary border border-border;
+  border-radius: var(--ui-radius-surface);
+  transition:
+    border-color var(--ui-transition-fast),
+    background-color var(--ui-transition-fast);
 }
 
 .setting-item-action {
diff --git a/frontend/src/components/settings/base/StatusBox.vue b/frontend/src/components/settings/base/StatusBox.vue
index 20cabdab..72729007 100644
--- a/frontend/src/components/settings/base/StatusBox.vue
+++ b/frontend/src/components/settings/base/StatusBox.vue
@@ -47,7 +47,7 @@ const displayIcon = computed(() => {
 
 <template>
   <div
-    class="status-box flex flex-col gap-2 p-3 rounded-lg bg-bg-primary border w-full sm:min-w-[120px]"
+    class="status-box flex flex-col gap-2 p-3 bg-bg-primary border w-full sm:min-w-[120px]"
     :class="statusClass"
   >
     <span class="text-sm text-text-secondary text-left">{{ status.label }}</span>
@@ -62,9 +62,11 @@ const displayIcon = computed(() => {
 </template>
 
 <style scoped>
+@reference "../../../style.css";
 .status-box {
+  border-radius: var(--ui-radius-surface);
   transition:
-    border-color 0.2s,
-    color 0.2s;
+    border-color var(--ui-transition-fast),
+    color var(--ui-transition-fast);
 }
 </style>
diff --git a/frontend/src/components/settings/base/SubSettingItem.vue b/frontend/src/components/settings/base/SubSettingItem.vue
index c53705ff..90815e93 100644
--- a/frontend/src/components/settings/base/SubSettingItem.vue
+++ b/frontend/src/components/settings/base/SubSettingItem.vue
@@ -50,6 +50,7 @@ withDefaults(defineProps<Props>(), {
 <style scoped>
 @reference "../../../style.css";
 .sub-setting-item {
-  @apply flex items-center sm:items-start gap-2 sm:gap-4 p-2 sm:p-2.5 rounded-md bg-bg-tertiary;
+  @apply flex items-center sm:items-start gap-2 sm:gap-4 p-2 sm:p-2.5 bg-bg-tertiary;
+  border-radius: var(--ui-radius-surface);
 }
 </style>
diff --git a/frontend/src/components/settings/base/TipBox.vue b/frontend/src/components/settings/base/TipBox.vue
index 67bc9bbf..92381434 100644
--- a/frontend/src/components/settings/base/TipBox.vue
+++ b/frontend/src/components/settings/base/TipBox.vue
@@ -55,7 +55,8 @@ const boxClass = computed(() => {
 <style scoped>
 @reference "../../../style.css";
 .tip-box {
-  @apply py-2.5 px-3 rounded-lg border;
+  @apply py-2.5 px-3 border;
+  border-radius: var(--ui-radius-surface);
 }
 
 .tip-box-header {
diff --git a/frontend/src/components/settings/styles.css b/frontend/src/components/settings/styles.css
index ba0745aa..2c8754b4 100644
--- a/frontend/src/components/settings/styles.css
+++ b/frontend/src/components/settings/styles.css
@@ -7,7 +7,9 @@
 
 /* Secondary button style for settings */
 .btn-secondary {
-  @apply bg-bg-tertiary border border-border text-text-primary px-3 sm:px-4 py-1.5 sm:py-2 rounded-md cursor-pointer flex items-center gap-1.5 sm:gap-2 font-medium hover:bg-bg-secondary transition-colors;
+  @apply bg-bg-tertiary border border-border text-text-primary px-3 sm:px-4 py-1.5 sm:py-2 cursor-pointer flex items-center justify-center gap-1.5 sm:gap-2 font-medium hover:bg-bg-secondary transition-colors;
+  min-height: var(--ui-control-height);
+  border-radius: var(--ui-radius-control);
 }
 
 .btn-secondary:disabled {
@@ -16,22 +18,26 @@
 
 /* Sub setting item - nested settings with left border */
 .sub-setting-item {
-  @apply flex items-center sm:items-start justify-between gap-2 sm:gap-4 p-2 sm:p-2.5 rounded-md bg-bg-tertiary;
+  @apply flex items-center sm:items-start justify-between gap-2 sm:gap-4 p-2 sm:p-2.5 bg-bg-tertiary;
+  border-radius: var(--ui-radius-surface);
 }
 
 /* Sub setting item with column layout (for textarea) */
 .sub-setting-item-col {
-  @apply flex flex-col items-stretch gap-2 sm:gap-3 p-2 sm:p-2.5 rounded-md bg-bg-tertiary;
+  @apply flex flex-col items-stretch gap-2 sm:gap-3 p-2 sm:p-2.5 bg-bg-tertiary;
+  border-radius: var(--ui-radius-surface);
 }
 
 /* Setting item with column layout (for complex content like custom headers) */
 .setting-item-col {
-  @apply flex flex-col items-stretch gap-2 sm:gap-3 p-2 sm:p-3 rounded-lg bg-bg-secondary border border-border;
+  @apply flex flex-col items-stretch gap-2 sm:gap-3 p-2 sm:p-3 bg-bg-secondary border border-border;
+  border-radius: var(--ui-radius-surface);
 }
 
 /* Status box group container */
 .status-box-group {
-  @apply flex flex-col sm:flex-row sm:items-stretch sm:justify-between gap-3 sm:gap-4 p-2 sm:p-3 rounded-lg bg-bg-secondary border border-border;
+  @apply flex flex-col sm:flex-row sm:items-stretch sm:justify-between gap-3 sm:gap-4 p-2 sm:p-3 bg-bg-secondary border border-border;
+  border-radius: var(--ui-radius-surface);
 }
 
 .status-box-group .status-box {
diff --git a/frontend/src/components/sidebar/FeedList.vue b/frontend/src/components/sidebar/FeedList.vue
index 90c1f985..e99ce58d 100644
--- a/frontend/src/components/sidebar/FeedList.vue
+++ b/frontend/src/components/sidebar/FeedList.vue
@@ -21,6 +21,8 @@ import {
   PhCheck,
   PhPushPin,
   PhFloppyDisk,
+  PhSortAscending,
+  PhCaretDown,
 } from '@phosphor-icons/vue';
 import type { Feed } from '@/types/models';
 import type { FilterCondition, SavedFilter } from '@/types/filter';
@@ -128,6 +130,9 @@ const draggingFilterId = ref<number | null>(null);
 // Compact mode setting (layout_mode === 'compact')
 const { entries: categoryEntries } = useCategoryOrder();
 const { mode: sidebarSortMode, setMode: setSidebarSortMode } = useSidebarSort();
+const sortMenuRef = ref<HTMLElement | null>(null);
+const showSortMenu = ref(false);
+const currentSidebarSortLabel = computed(() => t(`sidebar.order.${sidebarSortMode.value}`));
 
 const compactMode = computed(() => {
   return settings.value.layout_mode === 'compact';
@@ -146,6 +151,7 @@ onMounted(async () => {
   window.addEventListener('layout-mode-changed', handleLayoutModeChange);
   // Listen for category expansion events
   window.addEventListener('categories-expanded', handleCategoriesExpanded);
+  document.addEventListener('click', handleSortMenuClickOutside);
 });
 
 // Handle layout mode changes
@@ -168,9 +174,25 @@ function handleCategoriesExpanded() {
 onUnmounted(() => {
   window.removeEventListener('layout-mode-changed', handleLayoutModeChange);
   window.removeEventListener('categories-expanded', handleCategoriesExpanded);
+  document.removeEventListener('click', handleSortMenuClickOutside);
   if (autoExpandTimeout) clearTimeout(autoExpandTimeout);
 });
 
+function handleSortMenuClickOutside(event: MouseEvent) {
+  if (
+    showSortMenu.value &&
+    event.target instanceof Node &&
+    !sortMenuRef.value?.contains(event.target)
+  ) {
+    showSortMenu.value = false;
+  }
+}
+
+function selectSidebarSortMode(mode: string) {
+  showSortMenu.value = false;
+  void setSidebarSortMode(mode);
+}
+
 // Edit mode for drag reordering
 const isEditMode = ref(false);
 
@@ -677,17 +699,53 @@ function handleFilterDragEnd() {
             </div>
           </div>
 
-          <div class="px-2 pb-2">
-            <select
-              :value="sidebarSortMode"
+          <div ref="sortMenuRef" class="relative px-2 py-1">
+            <button
+              type="button"
+              class="flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-xs text-text-secondary transition-colors hover:bg-bg-tertiary hover:text-text-primary"
+              :title="t('sidebar.order.sort')"
               :aria-label="t('sidebar.order.sort')"
-              class="w-full rounded bg-bg-tertiary text-text-secondary text-xs p-1.5"
-              @change="setSidebarSortMode(($event.target as HTMLSelectElement).value)"
+              :aria-expanded="showSortMenu"
+              @click="showSortMenu = !showSortMenu"
+              @keydown.esc="showSortMenu = false"
+            >
+              <PhSortAscending :size="15" class="shrink-0" />
+              <span class="min-w-0 flex-1 truncate text-left">{{ currentSidebarSortLabel }}</span>
+              <PhCaretDown
+                :size="12"
+                class="shrink-0 transition-transform"
+                :class="showSortMenu ? 'rotate-180' : ''"
+              />
+            </button>
+            <Transition
+              enter-active-class="transition duration-100 ease-out"
+              enter-from-class="-translate-y-1 opacity-0"
+              enter-to-class="translate-y-0 opacity-100"
+              leave-active-class="transition duration-75 ease-in"
+              leave-from-class="translate-y-0 opacity-100"
+              leave-to-class="-translate-y-1 opacity-0"
             >
-              <option v-for="mode in sidebarSortModes" :key="mode" :value="mode">
-                {{ t(`sidebar.order.${mode}`) }}
-              </option>
-            </select>
+              <div
+                v-if="showSortMenu"
+                class="absolute left-2 right-2 top-full z-30 overflow-hidden rounded-lg border border-border bg-bg-primary py-1 shadow-xl"
+              >
+                <button
+                  v-for="mode in sidebarSortModes"
+                  :key="mode"
+                  type="button"
+                  class="flex w-full items-center gap-2 px-2.5 py-2 text-left text-xs text-text-primary transition-colors hover:bg-bg-tertiary"
+                  :class="sidebarSortMode === mode ? 'bg-bg-secondary text-accent' : ''"
+                  @click="selectSidebarSortMode(mode)"
+                >
+                  <PhCheck
+                    :size="14"
+                    class="shrink-0"
+                    :class="sidebarSortMode === mode ? 'opacity-100' : 'opacity-0'"
+                  />
+                  <span>{{ t(`sidebar.order.${mode}`) }}</span>
+                </button>
+              </div>
+            </Transition>
           </div>
           <!-- Categories List -->
           <div
diff --git a/frontend/src/composables/article/useArticleActions.ts b/frontend/src/composables/article/useArticleActions.ts
index 0b3c92a7..6ac96c20 100644
--- a/frontend/src/composables/article/useArticleActions.ts
+++ b/frontend/src/composables/article/useArticleActions.ts
@@ -1,17 +1,24 @@
 import { openInBrowser } from '@/utils/browser';
 import { copyArticleLink, copyArticleTitle } from '@/utils/clipboard';
 import { useAppStore } from '@/stores/app';
+import { useSettings } from '@/composables/core/useSettings';
 import type { Article } from '@/types/models';
 import type { Composer } from 'vue-i18n';
 
 type ViewMode = 'original' | 'rendered' | 'external';
+type RelativeReadDirection = 'above' | 'below';
 
 export function useArticleActions(
   t: Composer['t'],
   defaultViewMode: { value: ViewMode },
-  onReadStatusChange?: () => void
+  onReadStatusChange?: () => void | Promise<void>,
+  onRelativeRead?: (
+    article: Article,
+    direction: RelativeReadDirection
+  ) => void | Promise<void>
 ) {
   const store = useAppStore();
+  const { settings } = useSettings();
 
   // Get effective view mode for an article based on feed settings and global settings
   function getEffectiveViewMode(article: Article): ViewMode {
@@ -42,7 +49,9 @@ export function useArticleActions(
       {
         label: article.is_read ? t('article.action.markAsUnread') : t('article.action.markAsRead'),
         action: 'toggleRead',
-        icon: article.is_read ? 'ph-envelope' : 'ph-envelope-open',
+        icon: 'ph-circle',
+        iconWeight: article.is_read ? 'regular' : 'fill',
+        iconColor: article.is_read ? '' : 'text-accent',
       },
       {
         label: t('article.action.markAboveAsRead'),
@@ -221,7 +230,8 @@ export function useArticleActions(
       }
     } else if (action === 'markAboveAsRead' || action === 'markBelowAsRead') {
       try {
-        const direction = action === 'markAboveAsRead' ? 'above' : 'below';
+        const direction: RelativeReadDirection =
+          action === 'markAboveAsRead' ? 'above' : 'below';
 
         // Show confirmation dialog
         const confirmTitle =
@@ -233,13 +243,15 @@ export function useArticleActions(
             ? t('article.action.markAboveReadConfirmMessage')
             : t('article.action.markBelowReadConfirmMessage');
 
-        const confirmed = await window.showConfirm({
-          title: confirmTitle,
-          message: confirmMessage,
-          confirmText: t('common.confirm'),
-          cancelText: t('common.cancel'),
-          isDanger: false,
-        });
+        const confirmed = settings.value.confirm_mark_as_read
+          ? await window.showConfirm({
+              title: confirmTitle,
+              message: confirmMessage,
+              confirmText: t('common.confirm'),
+              cancelText: t('common.cancel'),
+              isDanger: false,
+            })
+          : true;
 
         if (!confirmed) {
           return;
@@ -268,13 +280,14 @@ export function useArticleActions(
 
         const data = await res.json();
 
-        // Refresh the article list to show updated read status
-        if (onReadStatusChange) {
-          onReadStatusChange();
+        // Update the visible list in place so it never clears and loses its scroll position.
+        if (onRelativeRead) {
+          await onRelativeRead(article, direction);
         }
 
-        // Refresh articles from server
-        await store.fetchArticles();
+        if (onReadStatusChange) {
+          await onReadStatusChange();
+        }
 
         window.showToast(
           t('article.action.markedNArticlesAsRead', { count: data.count || 0 }),
diff --git a/frontend/src/composables/core/useSettings.generated.ts b/frontend/src/composables/core/useSettings.generated.ts
index d7a8f6fc..b575916d 100644
--- a/frontend/src/composables/core/useSettings.generated.ts
+++ b/frontend/src/composables/core/useSettings.generated.ts
@@ -32,6 +32,7 @@ export function generateInitialSettings(): SettingsData {
     baidu_app_id: settingsDefaults.baidu_app_id,
     baidu_secret_key: settingsDefaults.baidu_secret_key,
     close_to_tray: settingsDefaults.close_to_tray,
+    confirm_mark_as_read: settingsDefaults.confirm_mark_as_read,
     content_font_family: settingsDefaults.content_font_family,
     content_font_size: settingsDefaults.content_font_size,
     content_line_height: settingsDefaults.content_line_height,
@@ -149,8 +150,7 @@ export function parseSettingsData(data: Record<string, string>): SettingsData {
     ai_search_profile_id: data.ai_search_profile_id || settingsDefaults.ai_search_profile_id,
     ai_summary_profile_id: data.ai_summary_profile_id || settingsDefaults.ai_summary_profile_id,
     ai_summary_prompt: data.ai_summary_prompt || settingsDefaults.ai_summary_prompt,
-    ai_translation_profile_id:
-      data.ai_translation_profile_id || settingsDefaults.ai_translation_profile_id,
+    ai_translation_profile_id: data.ai_translation_profile_id || settingsDefaults.ai_translation_profile_id,
     ai_translation_prompt: data.ai_translation_prompt || settingsDefaults.ai_translation_prompt,
     ai_usage_limit: data.ai_usage_limit || settingsDefaults.ai_usage_limit,
     ai_usage_tokens: data.ai_usage_tokens || settingsDefaults.ai_usage_tokens,
@@ -159,60 +159,46 @@ export function parseSettingsData(data: Record<string, string>): SettingsData {
     baidu_app_id: data.baidu_app_id || settingsDefaults.baidu_app_id,
     baidu_secret_key: data.baidu_secret_key || settingsDefaults.baidu_secret_key,
     close_to_tray: data.close_to_tray === 'true',
+    confirm_mark_as_read: data.confirm_mark_as_read === 'true',
     content_font_family: data.content_font_family || settingsDefaults.content_font_family,
     content_font_size: parseInt(data.content_font_size) || settingsDefaults.content_font_size,
     content_line_height: data.content_line_height || settingsDefaults.content_line_height,
     custom_css_file: data.custom_css_file || settingsDefaults.custom_css_file,
-    custom_translation_body_template:
-      data.custom_translation_body_template || settingsDefaults.custom_translation_body_template,
+    custom_translation_body_template: data.custom_translation_body_template || settingsDefaults.custom_translation_body_template,
     custom_translation_enabled: data.custom_translation_enabled === 'true',
-    custom_translation_endpoint:
-      data.custom_translation_endpoint || settingsDefaults.custom_translation_endpoint,
-    custom_translation_headers:
-      data.custom_translation_headers || settingsDefaults.custom_translation_headers,
-    custom_translation_lang_mapping:
-      data.custom_translation_lang_mapping || settingsDefaults.custom_translation_lang_mapping,
-    custom_translation_method:
-      data.custom_translation_method || settingsDefaults.custom_translation_method,
-    custom_translation_name:
-      data.custom_translation_name || settingsDefaults.custom_translation_name,
-    custom_translation_response_path:
-      data.custom_translation_response_path || settingsDefaults.custom_translation_response_path,
-    custom_translation_timeout:
-      parseInt(data.custom_translation_timeout) || settingsDefaults.custom_translation_timeout,
+    custom_translation_endpoint: data.custom_translation_endpoint || settingsDefaults.custom_translation_endpoint,
+    custom_translation_headers: data.custom_translation_headers || settingsDefaults.custom_translation_headers,
+    custom_translation_lang_mapping: data.custom_translation_lang_mapping || settingsDefaults.custom_translation_lang_mapping,
+    custom_translation_method: data.custom_translation_method || settingsDefaults.custom_translation_method,
+    custom_translation_name: data.custom_translation_name || settingsDefaults.custom_translation_name,
+    custom_translation_response_path: data.custom_translation_response_path || settingsDefaults.custom_translation_response_path,
+    custom_translation_timeout: parseInt(data.custom_translation_timeout) || settingsDefaults.custom_translation_timeout,
     deepl_api_key: data.deepl_api_key || settingsDefaults.deepl_api_key,
     deepl_endpoint: data.deepl_endpoint || settingsDefaults.deepl_endpoint,
     default_view_mode: data.default_view_mode || settingsDefaults.default_view_mode,
     feed_drawer_expanded: data.feed_drawer_expanded === 'true',
     feed_drawer_pinned: data.feed_drawer_pinned === 'true',
     freshrss_api_password: data.freshrss_api_password || settingsDefaults.freshrss_api_password,
-    freshrss_auto_sync_interval:
-      parseInt(data.freshrss_auto_sync_interval) || settingsDefaults.freshrss_auto_sync_interval,
+    freshrss_auto_sync_interval: parseInt(data.freshrss_auto_sync_interval) || settingsDefaults.freshrss_auto_sync_interval,
     freshrss_enabled: data.freshrss_enabled === 'true',
-    freshrss_last_sync_time:
-      data.freshrss_last_sync_time || settingsDefaults.freshrss_last_sync_time,
+    freshrss_last_sync_time: data.freshrss_last_sync_time || settingsDefaults.freshrss_last_sync_time,
     freshrss_server_url: data.freshrss_server_url || settingsDefaults.freshrss_server_url,
     freshrss_sync_on_startup: data.freshrss_sync_on_startup === 'true',
     freshrss_username: data.freshrss_username || settingsDefaults.freshrss_username,
     full_text_fetch_enabled: data.full_text_fetch_enabled === 'true',
-    google_translate_endpoint:
-      data.google_translate_endpoint || settingsDefaults.google_translate_endpoint,
+    google_translate_endpoint: data.google_translate_endpoint || settingsDefaults.google_translate_endpoint,
     hover_mark_as_read: data.hover_mark_as_read === 'true',
     image_gallery_enabled: data.image_gallery_enabled === 'true',
     language: data.language || settingsDefaults.language,
     last_global_refresh: data.last_global_refresh || settingsDefaults.last_global_refresh,
     last_network_test: data.last_network_test || settingsDefaults.last_network_test,
     layout_mode: data.layout_mode || settingsDefaults.layout_mode,
-    max_article_age_days:
-      parseInt(data.max_article_age_days) || settingsDefaults.max_article_age_days,
+    max_article_age_days: parseInt(data.max_article_age_days) || settingsDefaults.max_article_age_days,
     max_cache_size_mb: parseInt(data.max_cache_size_mb) || settingsDefaults.max_cache_size_mb,
-    max_concurrent_refreshes:
-      data.max_concurrent_refreshes || settingsDefaults.max_concurrent_refreshes,
+    max_concurrent_refreshes: data.max_concurrent_refreshes || settingsDefaults.max_concurrent_refreshes,
     media_cache_enabled: data.media_cache_enabled === 'true',
-    media_cache_max_age_days:
-      parseInt(data.media_cache_max_age_days) || settingsDefaults.media_cache_max_age_days,
-    media_cache_max_size_mb:
-      parseInt(data.media_cache_max_size_mb) || settingsDefaults.media_cache_max_size_mb,
+    media_cache_max_age_days: parseInt(data.media_cache_max_age_days) || settingsDefaults.media_cache_max_age_days,
+    media_cache_max_size_mb: parseInt(data.media_cache_max_size_mb) || settingsDefaults.media_cache_max_size_mb,
     media_proxy_fallback: data.media_proxy_fallback === 'true',
     microsoft_api_key: data.microsoft_api_key || settingsDefaults.microsoft_api_key,
     microsoft_endpoint: data.microsoft_endpoint || settingsDefaults.microsoft_endpoint,
@@ -233,8 +219,7 @@ export function parseSettingsData(data: Record<string, string>): SettingsData {
     proxy_type: data.proxy_type || settingsDefaults.proxy_type,
     proxy_username: data.proxy_username || settingsDefaults.proxy_username,
     refresh_mode: data.refresh_mode || settingsDefaults.refresh_mode,
-    retry_timeout_seconds:
-      parseInt(data.retry_timeout_seconds) || settingsDefaults.retry_timeout_seconds,
+    retry_timeout_seconds: parseInt(data.retry_timeout_seconds) || settingsDefaults.retry_timeout_seconds,
     rsshub_api_key: data.rsshub_api_key || settingsDefaults.rsshub_api_key,
     rsshub_enabled: data.rsshub_enabled === 'true',
     rsshub_endpoint: data.rsshub_endpoint || settingsDefaults.rsshub_endpoint,
@@ -260,8 +245,7 @@ export function parseSettingsData(data: Record<string, string>): SettingsData {
     translation_enabled: data.translation_enabled === 'true',
     translation_only_mode: data.translation_only_mode === 'true',
     translation_provider: data.translation_provider || settingsDefaults.translation_provider,
-    translation_trigger_mode:
-      data.translation_trigger_mode || settingsDefaults.translation_trigger_mode,
+    translation_trigger_mode: data.translation_trigger_mode || settingsDefaults.translation_trigger_mode,
     ui_font_family: data.ui_font_family || settingsDefaults.ui_font_family,
     ui_font_size: parseInt(data.ui_font_size) || settingsDefaults.ui_font_size,
     update_check_enabled: data.update_check_enabled === 'true',
@@ -284,138 +268,74 @@ export function parseSettingsData(data: Record<string, string>): SettingsData {
 export function buildAutoSavePayload(settingsRef: Ref<SettingsData>): Record<string, string> {
   return {
     ai_api_key: settingsRef.value.ai_api_key ?? settingsDefaults.ai_api_key,
-    ai_chat_enabled: (
-      settingsRef.value.ai_chat_enabled ?? settingsDefaults.ai_chat_enabled
-    ).toString(),
+    ai_chat_enabled: (settingsRef.value.ai_chat_enabled ?? settingsDefaults.ai_chat_enabled).toString(),
     ai_chat_profile_id: settingsRef.value.ai_chat_profile_id ?? settingsDefaults.ai_chat_profile_id,
     ai_custom_headers: settingsRef.value.ai_custom_headers ?? settingsDefaults.ai_custom_headers,
     ai_endpoint: settingsRef.value.ai_endpoint ?? settingsDefaults.ai_endpoint,
     ai_model: settingsRef.value.ai_model ?? settingsDefaults.ai_model,
-    ai_search_enabled: (
-      settingsRef.value.ai_search_enabled ?? settingsDefaults.ai_search_enabled
-    ).toString(),
-    ai_search_profile_id:
-      settingsRef.value.ai_search_profile_id ?? settingsDefaults.ai_search_profile_id,
-    ai_summary_profile_id:
-      settingsRef.value.ai_summary_profile_id ?? settingsDefaults.ai_summary_profile_id,
+    ai_search_enabled: (settingsRef.value.ai_search_enabled ?? settingsDefaults.ai_search_enabled).toString(),
+    ai_search_profile_id: settingsRef.value.ai_search_profile_id ?? settingsDefaults.ai_search_profile_id,
+    ai_summary_profile_id: settingsRef.value.ai_summary_profile_id ?? settingsDefaults.ai_summary_profile_id,
     ai_summary_prompt: settingsRef.value.ai_summary_prompt ?? settingsDefaults.ai_summary_prompt,
-    ai_translation_profile_id:
-      settingsRef.value.ai_translation_profile_id ?? settingsDefaults.ai_translation_profile_id,
-    ai_translation_prompt:
-      settingsRef.value.ai_translation_prompt ?? settingsDefaults.ai_translation_prompt,
+    ai_translation_profile_id: settingsRef.value.ai_translation_profile_id ?? settingsDefaults.ai_translation_profile_id,
+    ai_translation_prompt: settingsRef.value.ai_translation_prompt ?? settingsDefaults.ai_translation_prompt,
     ai_usage_limit: settingsRef.value.ai_usage_limit ?? settingsDefaults.ai_usage_limit,
     ai_usage_tokens: settingsRef.value.ai_usage_tokens ?? settingsDefaults.ai_usage_tokens,
-    auto_cleanup_enabled: (
-      settingsRef.value.auto_cleanup_enabled ?? settingsDefaults.auto_cleanup_enabled
-    ).toString(),
-    auto_show_all_content: (
-      settingsRef.value.auto_show_all_content ?? settingsDefaults.auto_show_all_content
-    ).toString(),
+    auto_cleanup_enabled: (settingsRef.value.auto_cleanup_enabled ?? settingsDefaults.auto_cleanup_enabled).toString(),
+    auto_show_all_content: (settingsRef.value.auto_show_all_content ?? settingsDefaults.auto_show_all_content).toString(),
     baidu_app_id: settingsRef.value.baidu_app_id ?? settingsDefaults.baidu_app_id,
     baidu_secret_key: settingsRef.value.baidu_secret_key ?? settingsDefaults.baidu_secret_key,
     close_to_tray: (settingsRef.value.close_to_tray ?? settingsDefaults.close_to_tray).toString(),
-    content_font_family:
-      settingsRef.value.content_font_family ?? settingsDefaults.content_font_family,
-    content_font_size: (
-      settingsRef.value.content_font_size ?? settingsDefaults.content_font_size
-    ).toString(),
-    content_line_height:
-      settingsRef.value.content_line_height ?? settingsDefaults.content_line_height,
+    confirm_mark_as_read: (settingsRef.value.confirm_mark_as_read ?? settingsDefaults.confirm_mark_as_read).toString(),
+    content_font_family: settingsRef.value.content_font_family ?? settingsDefaults.content_font_family,
+    content_font_size: (settingsRef.value.content_font_size ?? settingsDefaults.content_font_size).toString(),
+    content_line_height: settingsRef.value.content_line_height ?? settingsDefaults.content_line_height,
     custom_css_file: settingsRef.value.custom_css_file ?? settingsDefaults.custom_css_file,
-    custom_translation_body_template:
-      settingsRef.value.custom_translation_body_template ??
-      settingsDefaults.custom_translation_body_template,
-    custom_translation_enabled: (
-      settingsRef.value.custom_translation_enabled ?? settingsDefaults.custom_translation_enabled
-    ).toString(),
-    custom_translation_endpoint:
-      settingsRef.value.custom_translation_endpoint ?? settingsDefaults.custom_translation_endpoint,
-    custom_translation_headers:
-      settingsRef.value.custom_translation_headers ?? settingsDefaults.custom_translation_headers,
-    custom_translation_lang_mapping:
-      settingsRef.value.custom_translation_lang_mapping ??
-      settingsDefaults.custom_translation_lang_mapping,
-    custom_translation_method:
-      settingsRef.value.custom_translation_method ?? settingsDefaults.custom_translation_method,
-    custom_translation_name:
-      settingsRef.value.custom_translation_name ?? settingsDefaults.custom_translation_name,
-    custom_translation_response_path:
-      settingsRef.value.custom_translation_response_path ??
-      settingsDefaults.custom_translation_response_path,
-    custom_translation_timeout: (
-      settingsRef.value.custom_translation_timeout ?? settingsDefaults.custom_translation_timeout
-    ).toString(),
+    custom_translation_body_template: settingsRef.value.custom_translation_body_template ?? settingsDefaults.custom_translation_body_template,
+    custom_translation_enabled: (settingsRef.value.custom_translation_enabled ?? settingsDefaults.custom_translation_enabled).toString(),
+    custom_translation_endpoint: settingsRef.value.custom_translation_endpoint ?? settingsDefaults.custom_translation_endpoint,
+    custom_translation_headers: settingsRef.value.custom_translation_headers ?? settingsDefaults.custom_translation_headers,
+    custom_translation_lang_mapping: settingsRef.value.custom_translation_lang_mapping ?? settingsDefaults.custom_translation_lang_mapping,
+    custom_translation_method: settingsRef.value.custom_translation_method ?? settingsDefaults.custom_translation_method,
+    custom_translation_name: settingsRef.value.custom_translation_name ?? settingsDefaults.custom_translation_name,
+    custom_translation_response_path: settingsRef.value.custom_translation_response_path ?? settingsDefaults.custom_translation_response_path,
+    custom_translation_timeout: (settingsRef.value.custom_translation_timeout ?? settingsDefaults.custom_translation_timeout).toString(),
     deepl_api_key: settingsRef.value.deepl_api_key ?? settingsDefaults.deepl_api_key,
     deepl_endpoint: settingsRef.value.deepl_endpoint ?? settingsDefaults.deepl_endpoint,
     default_view_mode: settingsRef.value.default_view_mode ?? settingsDefaults.default_view_mode,
-    freshrss_api_password:
-      settingsRef.value.freshrss_api_password ?? settingsDefaults.freshrss_api_password,
-    freshrss_auto_sync_interval: (
-      settingsRef.value.freshrss_auto_sync_interval ?? settingsDefaults.freshrss_auto_sync_interval
-    ).toString(),
-    freshrss_enabled: (
-      settingsRef.value.freshrss_enabled ?? settingsDefaults.freshrss_enabled
-    ).toString(),
-    freshrss_last_sync_time:
-      settingsRef.value.freshrss_last_sync_time ?? settingsDefaults.freshrss_last_sync_time,
-    freshrss_server_url:
-      settingsRef.value.freshrss_server_url ?? settingsDefaults.freshrss_server_url,
-    freshrss_sync_on_startup: (
-      settingsRef.value.freshrss_sync_on_startup ?? settingsDefaults.freshrss_sync_on_startup
-    ).toString(),
+    freshrss_api_password: settingsRef.value.freshrss_api_password ?? settingsDefaults.freshrss_api_password,
+    freshrss_auto_sync_interval: (settingsRef.value.freshrss_auto_sync_interval ?? settingsDefaults.freshrss_auto_sync_interval).toString(),
+    freshrss_enabled: (settingsRef.value.freshrss_enabled ?? settingsDefaults.freshrss_enabled).toString(),
+    freshrss_last_sync_time: settingsRef.value.freshrss_last_sync_time ?? settingsDefaults.freshrss_last_sync_time,
+    freshrss_server_url: settingsRef.value.freshrss_server_url ?? settingsDefaults.freshrss_server_url,
+    freshrss_sync_on_startup: (settingsRef.value.freshrss_sync_on_startup ?? settingsDefaults.freshrss_sync_on_startup).toString(),
     freshrss_username: settingsRef.value.freshrss_username ?? settingsDefaults.freshrss_username,
-    full_text_fetch_enabled: (
-      settingsRef.value.full_text_fetch_enabled ?? settingsDefaults.full_text_fetch_enabled
-    ).toString(),
-    google_translate_endpoint:
-      settingsRef.value.google_translate_endpoint ?? settingsDefaults.google_translate_endpoint,
-    hover_mark_as_read: (
-      settingsRef.value.hover_mark_as_read ?? settingsDefaults.hover_mark_as_read
-    ).toString(),
-    image_gallery_enabled: (
-      settingsRef.value.image_gallery_enabled ?? settingsDefaults.image_gallery_enabled
-    ).toString(),
+    full_text_fetch_enabled: (settingsRef.value.full_text_fetch_enabled ?? settingsDefaults.full_text_fetch_enabled).toString(),
+    google_translate_endpoint: settingsRef.value.google_translate_endpoint ?? settingsDefaults.google_translate_endpoint,
+    hover_mark_as_read: (settingsRef.value.hover_mark_as_read ?? settingsDefaults.hover_mark_as_read).toString(),
+    image_gallery_enabled: (settingsRef.value.image_gallery_enabled ?? settingsDefaults.image_gallery_enabled).toString(),
     language: settingsRef.value.language ?? settingsDefaults.language,
     last_network_test: settingsRef.value.last_network_test ?? settingsDefaults.last_network_test,
     layout_mode: settingsRef.value.layout_mode ?? settingsDefaults.layout_mode,
-    max_article_age_days: (
-      settingsRef.value.max_article_age_days ?? settingsDefaults.max_article_age_days
-    ).toString(),
-    max_cache_size_mb: (
-      settingsRef.value.max_cache_size_mb ?? settingsDefaults.max_cache_size_mb
-    ).toString(),
-    max_concurrent_refreshes:
-      settingsRef.value.max_concurrent_refreshes ?? settingsDefaults.max_concurrent_refreshes,
-    media_cache_enabled: (
-      settingsRef.value.media_cache_enabled ?? settingsDefaults.media_cache_enabled
-    ).toString(),
-    media_cache_max_age_days: (
-      settingsRef.value.media_cache_max_age_days ?? settingsDefaults.media_cache_max_age_days
-    ).toString(),
-    media_cache_max_size_mb: (
-      settingsRef.value.media_cache_max_size_mb ?? settingsDefaults.media_cache_max_size_mb
-    ).toString(),
-    media_proxy_fallback: (
-      settingsRef.value.media_proxy_fallback ?? settingsDefaults.media_proxy_fallback
-    ).toString(),
+    max_article_age_days: (settingsRef.value.max_article_age_days ?? settingsDefaults.max_article_age_days).toString(),
+    max_cache_size_mb: (settingsRef.value.max_cache_size_mb ?? settingsDefaults.max_cache_size_mb).toString(),
+    max_concurrent_refreshes: settingsRef.value.max_concurrent_refreshes ?? settingsDefaults.max_concurrent_refreshes,
+    media_cache_enabled: (settingsRef.value.media_cache_enabled ?? settingsDefaults.media_cache_enabled).toString(),
+    media_cache_max_age_days: (settingsRef.value.media_cache_max_age_days ?? settingsDefaults.media_cache_max_age_days).toString(),
+    media_cache_max_size_mb: (settingsRef.value.media_cache_max_size_mb ?? settingsDefaults.media_cache_max_size_mb).toString(),
+    media_proxy_fallback: (settingsRef.value.media_proxy_fallback ?? settingsDefaults.media_proxy_fallback).toString(),
     microsoft_api_key: settingsRef.value.microsoft_api_key ?? settingsDefaults.microsoft_api_key,
     microsoft_endpoint: settingsRef.value.microsoft_endpoint ?? settingsDefaults.microsoft_endpoint,
     microsoft_region: settingsRef.value.microsoft_region ?? settingsDefaults.microsoft_region,
-    network_bandwidth_mbps:
-      settingsRef.value.network_bandwidth_mbps ?? settingsDefaults.network_bandwidth_mbps,
+    network_bandwidth_mbps: settingsRef.value.network_bandwidth_mbps ?? settingsDefaults.network_bandwidth_mbps,
     network_latency_ms: settingsRef.value.network_latency_ms ?? settingsDefaults.network_latency_ms,
     network_speed: settingsRef.value.network_speed ?? settingsDefaults.network_speed,
     notion_api_key: settingsRef.value.notion_api_key ?? settingsDefaults.notion_api_key,
-    notion_enabled: (
-      settingsRef.value.notion_enabled ?? settingsDefaults.notion_enabled
-    ).toString(),
+    notion_enabled: (settingsRef.value.notion_enabled ?? settingsDefaults.notion_enabled).toString(),
     notion_page_id: settingsRef.value.notion_page_id ?? settingsDefaults.notion_page_id,
-    obsidian_enabled: (
-      settingsRef.value.obsidian_enabled ?? settingsDefaults.obsidian_enabled
-    ).toString(),
+    obsidian_enabled: (settingsRef.value.obsidian_enabled ?? settingsDefaults.obsidian_enabled).toString(),
     obsidian_vault: settingsRef.value.obsidian_vault ?? settingsDefaults.obsidian_vault,
-    obsidian_vault_path:
-      settingsRef.value.obsidian_vault_path ?? settingsDefaults.obsidian_vault_path,
+    obsidian_vault_path: settingsRef.value.obsidian_vault_path ?? settingsDefaults.obsidian_vault_path,
     proxy_enabled: (settingsRef.value.proxy_enabled ?? settingsDefaults.proxy_enabled).toString(),
     proxy_host: settingsRef.value.proxy_host ?? settingsDefaults.proxy_host,
     proxy_password: settingsRef.value.proxy_password ?? settingsDefaults.proxy_password,
@@ -423,70 +343,39 @@ export function buildAutoSavePayload(settingsRef: Ref<SettingsData>): Record<str
     proxy_type: settingsRef.value.proxy_type ?? settingsDefaults.proxy_type,
     proxy_username: settingsRef.value.proxy_username ?? settingsDefaults.proxy_username,
     refresh_mode: settingsRef.value.refresh_mode ?? settingsDefaults.refresh_mode,
-    retry_timeout_seconds: (
-      settingsRef.value.retry_timeout_seconds ?? settingsDefaults.retry_timeout_seconds
-    ).toString(),
+    retry_timeout_seconds: (settingsRef.value.retry_timeout_seconds ?? settingsDefaults.retry_timeout_seconds).toString(),
     rsshub_api_key: settingsRef.value.rsshub_api_key ?? settingsDefaults.rsshub_api_key,
-    rsshub_enabled: (
-      settingsRef.value.rsshub_enabled ?? settingsDefaults.rsshub_enabled
-    ).toString(),
+    rsshub_enabled: (settingsRef.value.rsshub_enabled ?? settingsDefaults.rsshub_enabled).toString(),
     rsshub_endpoint: settingsRef.value.rsshub_endpoint ?? settingsDefaults.rsshub_endpoint,
     rules: settingsRef.value.rules ?? settingsDefaults.rules,
     shortcuts: settingsRef.value.shortcuts ?? settingsDefaults.shortcuts,
-    shortcuts_enabled: (
-      settingsRef.value.shortcuts_enabled ?? settingsDefaults.shortcuts_enabled
-    ).toString(),
-    show_article_preview_images: (
-      settingsRef.value.show_article_preview_images ?? settingsDefaults.show_article_preview_images
-    ).toString(),
-    show_floating_toc: (
-      settingsRef.value.show_floating_toc ?? settingsDefaults.show_floating_toc
-    ).toString(),
-    show_hidden_articles: (
-      settingsRef.value.show_hidden_articles ?? settingsDefaults.show_hidden_articles
-    ).toString(),
-    sidebar_category_order:
-      settingsRef.value.sidebar_category_order ?? settingsDefaults.sidebar_category_order,
-    sidebar_pinned_items:
-      settingsRef.value.sidebar_pinned_items ?? settingsDefaults.sidebar_pinned_items,
+    shortcuts_enabled: (settingsRef.value.shortcuts_enabled ?? settingsDefaults.shortcuts_enabled).toString(),
+    show_article_preview_images: (settingsRef.value.show_article_preview_images ?? settingsDefaults.show_article_preview_images).toString(),
+    show_floating_toc: (settingsRef.value.show_floating_toc ?? settingsDefaults.show_floating_toc).toString(),
+    show_hidden_articles: (settingsRef.value.show_hidden_articles ?? settingsDefaults.show_hidden_articles).toString(),
+    sidebar_category_order: settingsRef.value.sidebar_category_order ?? settingsDefaults.sidebar_category_order,
+    sidebar_pinned_items: settingsRef.value.sidebar_pinned_items ?? settingsDefaults.sidebar_pinned_items,
     sidebar_sort_mode: settingsRef.value.sidebar_sort_mode ?? settingsDefaults.sidebar_sort_mode,
-    startup_on_boot: (
-      settingsRef.value.startup_on_boot ?? settingsDefaults.startup_on_boot
-    ).toString(),
-    summary_enabled: (
-      settingsRef.value.summary_enabled ?? settingsDefaults.summary_enabled
-    ).toString(),
+    startup_on_boot: (settingsRef.value.startup_on_boot ?? settingsDefaults.startup_on_boot).toString(),
+    summary_enabled: (settingsRef.value.summary_enabled ?? settingsDefaults.summary_enabled).toString(),
     summary_length: settingsRef.value.summary_length ?? settingsDefaults.summary_length,
     summary_provider: settingsRef.value.summary_provider ?? settingsDefaults.summary_provider,
-    summary_trigger_mode:
-      settingsRef.value.summary_trigger_mode ?? settingsDefaults.summary_trigger_mode,
+    summary_trigger_mode: settingsRef.value.summary_trigger_mode ?? settingsDefaults.summary_trigger_mode,
     target_language: settingsRef.value.target_language ?? settingsDefaults.target_language,
     tencent_region: settingsRef.value.tencent_region ?? settingsDefaults.tencent_region,
     tencent_secret_id: settingsRef.value.tencent_secret_id ?? settingsDefaults.tencent_secret_id,
     tencent_secret_key: settingsRef.value.tencent_secret_key ?? settingsDefaults.tencent_secret_key,
     theme: settingsRef.value.theme ?? settingsDefaults.theme,
-    translation_enabled: (
-      settingsRef.value.translation_enabled ?? settingsDefaults.translation_enabled
-    ).toString(),
-    translation_only_mode: (
-      settingsRef.value.translation_only_mode ?? settingsDefaults.translation_only_mode
-    ).toString(),
-    translation_provider:
-      settingsRef.value.translation_provider ?? settingsDefaults.translation_provider,
-    translation_trigger_mode:
-      settingsRef.value.translation_trigger_mode ?? settingsDefaults.translation_trigger_mode,
+    translation_enabled: (settingsRef.value.translation_enabled ?? settingsDefaults.translation_enabled).toString(),
+    translation_only_mode: (settingsRef.value.translation_only_mode ?? settingsDefaults.translation_only_mode).toString(),
+    translation_provider: settingsRef.value.translation_provider ?? settingsDefaults.translation_provider,
+    translation_trigger_mode: settingsRef.value.translation_trigger_mode ?? settingsDefaults.translation_trigger_mode,
     ui_font_family: settingsRef.value.ui_font_family ?? settingsDefaults.ui_font_family,
     ui_font_size: (settingsRef.value.ui_font_size ?? settingsDefaults.ui_font_size).toString(),
-    update_check_enabled: (
-      settingsRef.value.update_check_enabled ?? settingsDefaults.update_check_enabled
-    ).toString(),
-    update_interval: (
-      settingsRef.value.update_interval ?? settingsDefaults.update_interval
-    ).toString(),
+    update_check_enabled: (settingsRef.value.update_check_enabled ?? settingsDefaults.update_check_enabled).toString(),
+    update_interval: (settingsRef.value.update_interval ?? settingsDefaults.update_interval).toString(),
     zotero_api_key: settingsRef.value.zotero_api_key ?? settingsDefaults.zotero_api_key,
-    zotero_enabled: (
-      settingsRef.value.zotero_enabled ?? settingsDefaults.zotero_enabled
-    ).toString(),
+    zotero_enabled: (settingsRef.value.zotero_enabled ?? settingsDefaults.zotero_enabled).toString(),
     zotero_user_id: settingsRef.value.zotero_user_id ?? settingsDefaults.zotero_user_id,
-  };
+  }
 }
diff --git a/frontend/src/composables/core/useSidebar.ts b/frontend/src/composables/core/useSidebar.ts
index c876da41..5a8b4859 100644
--- a/frontend/src/composables/core/useSidebar.ts
+++ b/frontend/src/composables/core/useSidebar.ts
@@ -3,6 +3,7 @@ import { useAppStore } from '@/stores/app';
 import { useI18n } from 'vue-i18n';
 import { openInBrowser } from '@/utils/browser';
 import { useSidebarSort } from '@/composables/ui/useSidebarSort';
+import { useSettings } from '@/composables/core/useSettings';
 import type { Feed } from '@/types/models';
 
 interface TreeNode {
@@ -21,6 +22,7 @@ export function useSidebar() {
   const store = useAppStore();
   const contentOptionsFeed = ref<Feed | null>(null);
   const { compareFeeds, isPinned, togglePin } = useSidebarSort();
+  const { settings } = useSettings();
   const { t } = useI18n();
 
   // Load saved category state from localStorage
@@ -229,6 +231,16 @@ export function useSidebar() {
       return;
     }
     if (action === 'markAllRead') {
+      if (settings.value.confirm_mark_as_read) {
+        const confirmed = await window.showConfirm({
+          title: t('article.action.markAllReadConfirmTitle'),
+          message: t('article.action.markAllReadConfirmMessage'),
+          confirmText: t('common.confirm'),
+          cancelText: t('common.cancel'),
+          isDanger: false,
+        });
+        if (!confirmed) return;
+      }
       await store.markAllAsRead(feed.id);
       window.showToast(t('article.action.markedAllAsRead'), 'success');
     } else if (action === 'refreshFeed') {
@@ -405,6 +417,16 @@ export function useSidebar() {
       return;
     }
     if (action === 'markAllRead') {
+      if (settings.value.confirm_mark_as_read) {
+        const confirmed = await window.showConfirm({
+          title: t('article.action.markAllReadConfirmTitle'),
+          message: t('article.action.markAllReadConfirmMessage'),
+          confirmText: t('common.confirm'),
+          cancelText: t('common.cancel'),
+          isDanger: false,
+        });
+        if (!confirmed) return;
+      }
       // Use the category parameter for the API call
       const category = categoryName === 'uncategorized' ? '' : categoryName;
       await fetch(`/api/articles/mark-all-read?category=${encodeURIComponent(category)}`, {
diff --git a/frontend/src/i18n/locales/en.ts b/frontend/src/i18n/locales/en.ts
index 9366a373..4047fee7 100644
--- a/frontend/src/i18n/locales/en.ts
+++ b/frontend/src/i18n/locales/en.ts
@@ -27,6 +27,7 @@ const en: TranslationMessages = {
       markBelowReadConfirmTitle: 'Mark Below as Read',
       markAsRead: 'Mark as Read',
       markAsUnread: 'Mark as Unread',
+      backToTop: 'Back to top',
       markBelowAsRead: 'Mark Below as Read',
       markedAllAsRead: 'All articles marked as read',
       markedNArticlesAsRead: 'Marked {count} articles as read',
@@ -81,6 +82,7 @@ const en: TranslationMessages = {
       fetchingArticleContent: 'Fetching article content from RSS feed...',
       loadingContent: 'Loading content',
       noArticles: 'No articles found.',
+      readingProgress: 'Reading progress',
       noContentAvailable: 'No content available',
       renderContent: 'Render Content',
       selectArticle: 'Select an article to start reading',
@@ -93,6 +95,8 @@ const en: TranslationMessages = {
     list: {
       markAllVisibleAsRead: 'Mark All Visible as Read',
       allArticlesLoaded: 'All articles loaded',
+      allCaughtUp: "You're all caught up",
+      noUnreadArticles: 'There are no unread articles left.',
     },
     navigation: {
       goToAllArticles: 'Go to All Articles',
@@ -588,6 +592,11 @@ const en: TranslationMessages = {
     },
   },
   setting: {
+    search: {
+      clear: 'Clear settings search',
+      noResults: 'No matching settings',
+      placeholder: 'Search settings',
+    },
     about: {
       version: 'Version',
       viewOnGitHub: 'View on GitHub',
@@ -1064,6 +1073,9 @@ const en: TranslationMessages = {
         'Automatically display the full content of all articles when viewed as rendered content (may increase loading time)',
       defaultViewMode: 'Article View Mode',
       defaultViewModeDesc: 'Choose how articles should be displayed',
+      confirmMarkAsRead: 'Confirm Bulk Mark as Read',
+      confirmMarkAsReadDesc:
+        'Ask for confirmation before marking all, newer, or older articles as read',
       hideAdvancedSettings: 'Hide Advanced Settings',
       hideFromTimeline: 'Hide from Timeline',
       hideFromTimelineDesc: 'Hide this feed\'s articles from "All Articles" and "Unread" views',
diff --git a/frontend/src/i18n/locales/zh.ts b/frontend/src/i18n/locales/zh.ts
index 6ac111d2..73bb8a95 100644
--- a/frontend/src/i18n/locales/zh.ts
+++ b/frontend/src/i18n/locales/zh.ts
@@ -25,6 +25,7 @@ const zh: TranslationMessages = {
       markBelowReadConfirmTitle: '将以下标记为已读',
       markAsRead: '标记为已读',
       markAsUnread: '标记为未读',
+      backToTop: '返回顶部',
       markBelowAsRead: '将以下标记为已读',
       markedAllAsRead: '所有文章已标记为已读',
       markedNArticlesAsRead: '已标记 {count} 篇文章为已读',
@@ -78,6 +79,7 @@ const zh: TranslationMessages = {
       fetchingArticleContent: '正在获取 RSS 订阅源中的文章内容...',
       loadingContent: '加载内容中',
       noArticles: '未找到文章',
+      readingProgress: '阅读进度',
       noContentAvailable: '暂无内容',
       renderContent: '渲染内容',
       selectArticle: '选择一篇文章开始阅读',
@@ -90,6 +92,8 @@ const zh: TranslationMessages = {
     list: {
       markAllVisibleAsRead: '全部标记为已读',
       allArticlesLoaded: '已加载全部文章',
+      allCaughtUp: '已读完全部文章',
+      noUnreadArticles: '当前没有未读文章，稍后再来看看吧。',
     },
     navigation: {
       goToAllArticles: '转到所有文章',
@@ -572,6 +576,11 @@ const zh: TranslationMessages = {
     },
   },
   setting: {
+    search: {
+      clear: '清除设置搜索',
+      noResults: '没有匹配的设置',
+      placeholder: '搜索设置',
+    },
     about: {
       version: '版本',
       viewOnGitHub: '在 GitHub 上查看',
@@ -1036,6 +1045,8 @@ const zh: TranslationMessages = {
         '作为渲染内容查看时，自动显示所有文章的完整内容（可能会增加加载时间）',
       defaultViewMode: '文章查看模式',
       defaultViewModeDesc: '选择文章应如何显示',
+      confirmMarkAsRead: '批量标记已读前确认',
+      confirmMarkAsReadDesc: '将全部、以上或以下文章标记为已读前请求确认',
       hideAdvancedSettings: '隐藏高级设置',
       hideFromTimeline: '从时间线中隐藏',
       hideFromTimelineDesc: '在"全部文章"和"未读"视图中隐藏此订阅源的文章',
diff --git a/frontend/src/style.css b/frontend/src/style.css
index 299172bd..006bbfc2 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -24,6 +24,10 @@ button[title] > img {
     --ui-font-family: Inter, 'Noto Sans CJK SC', system-ui, sans-serif;
     --ui-font-size: 16px;
     --ui-font-scale: 1;
+    --ui-radius-control: 0.5rem;
+    --ui-radius-surface: 0.75rem;
+    --ui-control-height: 2.375rem;
+    --ui-transition-fast: 150ms ease;
   }
 
   .dark-mode {
@@ -75,6 +79,12 @@ textarea,
   user-select: text;
 }
 
+/* Keep keyboard focus feedback consistent across native and custom controls. */
+:where(button, a, input, textarea, select, [role='button']):focus-visible {
+  outline: 2px solid color-mix(in srgb, var(--accent-color) 65%, transparent);
+  outline-offset: 2px;
+}
+
 /* Allow text selection in article content area */
 .prose-content,
 .prose-content * {
diff --git a/frontend/src/types/settings.generated.ts b/frontend/src/types/settings.generated.ts
index 2d5e0103..1e7c5f04 100644
--- a/frontend/src/types/settings.generated.ts
+++ b/frontend/src/types/settings.generated.ts
@@ -24,6 +24,7 @@ export interface SettingsData {
   baidu_app_id: string;
   baidu_secret_key: string;
   close_to_tray: boolean;
+  confirm_mark_as_read: boolean;
   content_font_family: string;
   content_font_size: number;
   content_line_height: string;
diff --git a/frontend/src/utils/date.ts b/frontend/src/utils/date.ts
index 5aaefb33..d9daa550 100644
--- a/frontend/src/utils/date.ts
+++ b/frontend/src/utils/date.ts
@@ -70,6 +70,25 @@ export function formatDate(
   }
 }
 
+/** Format an article timestamp with date and time, rounded to minute precision. */
+export function formatExactDateTime(dateStr: string, locale: string = 'en-US'): string {
+  if (!dateStr) return '';
+
+  try {
+    const date = new Date(dateStr);
+    if (Number.isNaN(date.getTime())) return '';
+    return new Intl.DateTimeFormat(locale, {
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit',
+    }).format(date);
+  } catch {
+    return '';
+  }
+}
+
 /**
  * Format a timestamp as an absolute date (year-month-day)
  * @param timestamp - ISO timestamp string
diff --git a/internal/config/config.go b/internal/config/config.go
index 5904592a..8eb959eb 100644
--- a/internal/config/config.go
+++ b/internal/config/config.go
@@ -37,6 +37,7 @@ type Defaults struct {
 	BaiduAppId string                   `json:"baidu_app_id"`
 	BaiduSecretKey string               `json:"baidu_secret_key"`
 	CloseToTray bool                    `json:"close_to_tray"`
+	ConfirmMarkAsRead bool              `json:"confirm_mark_as_read"`
 	ContentFontFamily string            `json:"content_font_family"`
 	ContentFontSize int                 `json:"content_font_size"`
 	ContentLineHeight string            `json:"content_line_height"`
@@ -191,6 +192,8 @@ func GetString(key string) string {
 		return defaults.BaiduSecretKey
 	case "close_to_tray":
 		return strconv.FormatBool(defaults.CloseToTray)
+	case "confirm_mark_as_read":
+		return strconv.FormatBool(defaults.ConfirmMarkAsRead)
 	case "content_font_family":
 		return defaults.ContentFontFamily
 	case "content_font_size":
diff --git a/internal/config/defaults.json b/internal/config/defaults.json
index 889e5b22..b7d193e8 100644
--- a/internal/config/defaults.json
+++ b/internal/config/defaults.json
@@ -18,6 +18,7 @@
   "baidu_app_id": "",
   "baidu_secret_key": "",
   "close_to_tray": true,
+  "confirm_mark_as_read": true,
   "content_font_family": "system",
   "content_font_size": 16,
   "content_line_height": "1.6",
diff --git a/internal/config/settings_keys.go b/internal/config/settings_keys.go
index e8ae69e9..2cd1bb20 100644
--- a/internal/config/settings_keys.go
+++ b/internal/config/settings_keys.go
@@ -7,5 +7,5 @@ package config
 
 // SettingsKeys returns all valid setting keys
 func SettingsKeys() []string {
-	return []string{"ai_api_key", "ai_chat_enabled", "ai_chat_profile_id", "ai_custom_headers", "ai_endpoint", "ai_model", "ai_search_enabled", "ai_search_profile_id", "ai_summary_profile_id", "ai_summary_prompt", "ai_translation_profile_id", "ai_translation_prompt", "ai_usage_limit", "ai_usage_tokens", "auto_cleanup_enabled", "auto_show_all_content", "baidu_app_id", "baidu_secret_key", "close_to_tray", "content_font_family", "content_font_size", "content_line_height", "custom_css_file", "custom_translation_body_template", "custom_translation_enabled", "custom_translation_endpoint", "custom_translation_headers", "custom_translation_lang_mapping", "custom_translation_method", "custom_translation_name", "custom_translation_response_path", "custom_translation_timeout", "deepl_api_key", "deepl_endpoint", "default_view_mode", "feed_drawer_expanded", "feed_drawer_pinned", "freshrss_api_password", "freshrss_auto_sync_interval", "freshrss_enabled", "freshrss_last_sync_time", "freshrss_server_url", "freshrss_sync_on_startup", "freshrss_username", "full_text_fetch_enabled", "google_translate_endpoint", "hover_mark_as_read", "image_gallery_enabled", "language", "last_global_refresh", "last_network_test", "layout_mode", "max_article_age_days", "max_cache_size_mb", "max_concurrent_refreshes", "media_cache_enabled", "media_cache_max_age_days", "media_cache_max_size_mb", "media_proxy_fallback", "microsoft_api_key", "microsoft_endpoint", "microsoft_region", "network_bandwidth_mbps", "network_latency_ms", "network_speed", "notion_api_key", "notion_enabled", "notion_page_id", "obsidian_enabled", "obsidian_vault", "obsidian_vault_path", "proxy_enabled", "proxy_host", "proxy_password", "proxy_port", "proxy_type", "proxy_username", "refresh_mode", "retry_timeout_seconds", "rsshub_api_key", "rsshub_enabled", "rsshub_endpoint", "rules", "shortcuts", "shortcuts_enabled", "show_article_preview_images", "show_floating_toc", "show_hidden_articles", "sidebar_category_order", "sidebar_pinned_items", "sidebar_sort_mode", "startup_on_boot", "summary_enabled", "summary_length", "summary_provider", "summary_trigger_mode", "target_language", "tencent_region", "tencent_secret_id", "tencent_secret_key", "theme", "translation_enabled", "translation_only_mode", "translation_provider", "translation_trigger_mode", "ui_font_family", "ui_font_size", "update_check_enabled", "update_interval", "window_height", "window_maximized", "window_width", "window_x", "window_y", "zotero_api_key", "zotero_enabled", "zotero_user_id"}
+	return []string{"ai_api_key", "ai_chat_enabled", "ai_chat_profile_id", "ai_custom_headers", "ai_endpoint", "ai_model", "ai_search_enabled", "ai_search_profile_id", "ai_summary_profile_id", "ai_summary_prompt", "ai_translation_profile_id", "ai_translation_prompt", "ai_usage_limit", "ai_usage_tokens", "auto_cleanup_enabled", "auto_show_all_content", "baidu_app_id", "baidu_secret_key", "close_to_tray", "confirm_mark_as_read", "content_font_family", "content_font_size", "content_line_height", "custom_css_file", "custom_translation_body_template", "custom_translation_enabled", "custom_translation_endpoint", "custom_translation_headers", "custom_translation_lang_mapping", "custom_translation_method", "custom_translation_name", "custom_translation_response_path", "custom_translation_timeout", "deepl_api_key", "deepl_endpoint", "default_view_mode", "feed_drawer_expanded", "feed_drawer_pinned", "freshrss_api_password", "freshrss_auto_sync_interval", "freshrss_enabled", "freshrss_last_sync_time", "freshrss_server_url", "freshrss_sync_on_startup", "freshrss_username", "full_text_fetch_enabled", "google_translate_endpoint", "hover_mark_as_read", "image_gallery_enabled", "language", "last_global_refresh", "last_network_test", "layout_mode", "max_article_age_days", "max_cache_size_mb", "max_concurrent_refreshes", "media_cache_enabled", "media_cache_max_age_days", "media_cache_max_size_mb", "media_proxy_fallback", "microsoft_api_key", "microsoft_endpoint", "microsoft_region", "network_bandwidth_mbps", "network_latency_ms", "network_speed", "notion_api_key", "notion_enabled", "notion_page_id", "obsidian_enabled", "obsidian_vault", "obsidian_vault_path", "proxy_enabled", "proxy_host", "proxy_password", "proxy_port", "proxy_type", "proxy_username", "refresh_mode", "retry_timeout_seconds", "rsshub_api_key", "rsshub_enabled", "rsshub_endpoint", "rules", "shortcuts", "shortcuts_enabled", "show_article_preview_images", "show_floating_toc", "show_hidden_articles", "sidebar_category_order", "sidebar_pinned_items", "sidebar_sort_mode", "startup_on_boot", "summary_enabled", "summary_length", "summary_provider", "summary_trigger_mode", "target_language", "tencent_region", "tencent_secret_id", "tencent_secret_key", "theme", "translation_enabled", "translation_only_mode", "translation_provider", "translation_trigger_mode", "ui_font_family", "ui_font_size", "update_check_enabled", "update_interval", "window_height", "window_maximized", "window_width", "window_x", "window_y", "zotero_api_key", "zotero_enabled", "zotero_user_id"}
 }
diff --git a/internal/config/settings_schema.json b/internal/config/settings_schema.json
index 1ac33878..0f558679 100644
--- a/internal/config/settings_schema.json
+++ b/internal/config/settings_schema.json
@@ -74,6 +74,13 @@
       "encrypted": false,
       "frontend_key": "hoverMarkAsRead"
     },
+    "confirm_mark_as_read": {
+      "type": "bool",
+      "default": true,
+      "category": "reading",
+      "encrypted": false,
+      "frontend_key": "confirm_mark_as_read"
+    },
     "translation_enabled": {
       "type": "bool",
       "default": false,
diff --git a/internal/handlers/settings/settings_base.go b/internal/handlers/settings/settings_base.go
index bee64b1a..7b962e5c 100644
--- a/internal/handlers/settings/settings_base.go
+++ b/internal/handlers/settings/settings_base.go
@@ -36,6 +36,7 @@ var AllSettings = []SettingDef{
 	{Key: "baidu_app_id", Encrypted: false},
 	{Key: "baidu_secret_key", Encrypted: true},
 	{Key: "close_to_tray", Encrypted: false},
+	{Key: "confirm_mark_as_read", Encrypted: false},
 	{Key: "content_font_family", Encrypted: false},
 	{Key: "content_font_size", Encrypted: false},
 	{Key: "content_line_height", Encrypted: false},
diff --git a/internal/version/version.go b/internal/version/version.go
index 6fbef229..2b39d95f 100644
--- a/internal/version/version.go
+++ b/internal/version/version.go
@@ -1,4 +1,4 @@
 package version
 
 // Version is the current application version
-const Version = "1.3.29"
+const Version = "1.3.30"
diff --git a/main-core.go b/main-core.go
index ece0faac..4116de03 100644
--- a/main-core.go
+++ b/main-core.go
@@ -31,7 +31,7 @@ import (
 )
 
 // @title           MrRSS API
-// @version         1.3.29
+// @version         1.3.30
 // @description     MrRSS is a modern, cross-platform desktop RSS reader with auto-translation, smart feed discovery, and AI-powered summarization.
 
 // @contact.name   API Support
diff --git a/skills/mrrss-assistant/references/api.md b/skills/mrrss-assistant/references/api.md
index 626df98d..5dcc0b86 100644
--- a/skills/mrrss-assistant/references/api.md
+++ b/skills/mrrss-assistant/references/api.md
@@ -6,7 +6,7 @@ Generated from `docs/SERVER_MODE/swagger.json`. Regenerate with:
 python skills/mrrss-assistant/scripts/generate_api_reference.py docs/SERVER_MODE/swagger.json skills/mrrss-assistant/references/api.md
 ```
 
-- API version: `1.3.29`
+- API version: `1.3.30`
 - API root: `{base_url}/api`
 - Endpoint paths below are relative to the API root unless they already start with `/api/`.
 
diff --git a/website/package-lock.json b/website/package-lock.json
index aa0b36be..ad16c580 100644
--- a/website/package-lock.json
+++ b/website/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "mrrss-website",
-  "version": "1.3.29",
+  "version": "1.3.30",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "mrrss-website",
-      "version": "1.3.29",
+      "version": "1.3.30",
       "dependencies": {
         "@phosphor-icons/vue": "^2.2.1",
         "vue": "^3.5.42"
diff --git a/website/package.json b/website/package.json
index 9ab2e511..d5ca7fab 100644
--- a/website/package.json
+++ b/website/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mrrss-website",
-  "version": "1.3.29",
+  "version": "1.3.30",
   "description": "MrRSS - AI-Powered RSS Reader Landing Page",
   "type": "module",
   "scripts": {