fix(editor): Ace 输入框玻璃质感与圆角内边距对齐

- 玻璃主题下让 .ace_editor 与普通输入框一致的染色玻璃、描边、聚焦态
- 重命名格式编辑器改用全局圆角 token，并通过 renderer 补齐内边距

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/styles/themes/glass.scss

@@ -680,6 +680,55 @@ html[data-theme='glass'] {
     opacity: 1;
   }
 
+  // Ace 编辑器自带主题会绘制不透明底色，这里让它与普通输入框一样呈现玻璃质感。
+  .ace_editor {
+    border-radius: var(--app-field-radius);
+    -webkit-backdrop-filter: var(--glass-control-backdrop-filter);
+    backdrop-filter: var(--glass-control-backdrop-filter);
+    background-color: var(--glass-control) !important;
+    box-shadow:
+      inset 0 0 0 1px var(--glass-border),
+      inset 0 1px 0 rgba(255, 255, 255, 8%);
+    transition:
+      background-color var(--glass-motion),
+      box-shadow var(--glass-motion);
+  }
+
+  .ace_editor .ace_gutter,
+  .ace_editor .ace_scroller,
+  .ace_editor .ace_content,
+  .ace_editor .ace_gutter-active-line {
+    background: transparent !important;
+  }
+
+  .ace_editor,
+  .ace_editor .ace_gutter,
+  .ace_editor .ace_scroller,
+  .ace_editor .ace_content {
+    color: rgb(var(--v-theme-on-surface)) !important;
+  }
+
+  .ace_editor .ace_gutter {
+    color: rgba(242, 245, 250, 44%) !important;
+  }
+
+  .ace_editor .ace_marker-layer .ace_active-line,
+  .ace_editor .ace_marker-layer .ace_selection {
+    background: rgba(255, 255, 255, 8%) !important;
+  }
+
+  .ace_editor .ace_cursor {
+    color: rgb(var(--v-theme-primary)) !important;
+  }
+
+  .ace_editor.ace_focus {
+    background-color: color-mix(in srgb, var(--glass-control) 84%, rgba(var(--v-theme-primary), 32%)) !important;
+    box-shadow:
+      0 0 0 3px rgba(var(--v-theme-primary), 14%),
+      inset 0 0 0 1px rgba(var(--v-theme-primary), 32%),
+      inset 0 1px 0 rgba(255, 255, 255, 10%);
+  }
+
   .v-btn {
     letter-spacing: 0;
     transition:

src/views/setting/AccountSettingDirectory.vue

@@ -10,6 +10,7 @@ import { useTheme } from 'vuetify'
 import { storageAttributes } from '@/api/constants'
 import { useSilentSettingRefresh } from '@/composables/useSilentSettingRefresh'
 import { openSharedDialog } from '@/composables/useSharedDialog'
+import type { Ace } from 'ace-builds'
 
 const { t } = useI18n()
 const { global: globalTheme } = useTheme()
@@ -76,6 +77,12 @@ const renameEditorOptions = {
   showGutter: true,
 }
 
+// Ace 的文本层为绝对定位，容器 padding 不会作用于内容，这里通过 renderer 补齐内边距。
+function handleRenameEditorInit(editor: Ace.Editor) {
+  editor.renderer.setPadding(12)
+  editor.renderer.setScrollMargin(8, 8, 0, 0)
+}
+
 // 打开共享分类编辑弹窗，保存后刷新本页分类配置。
 function openCategoryDialog() {
   openSharedDialog(
@@ -409,7 +416,8 @@ useSilentSettingRefresh(loadPageData, {
                   :min-lines="4"
                   :max-lines="12"
                   wrap
-                  class="rename-format-editor__ace rounded"
+                  class="rename-format-editor__ace"
+                  @init="handleRenameEditorInit"
                 />
                 <div class="rename-format-editor__hint">
                   {{ t('setting.directory.movieRenameFormatHint') }}
@@ -431,7 +439,8 @@ useSilentSettingRefresh(loadPageData, {
                   :min-lines="4"
                   :max-lines="12"
                   wrap
-                  class="rename-format-editor__ace rounded"
+                  class="rename-format-editor__ace"
+                  @init="handleRenameEditorInit"
                 />
                 <div class="rename-format-editor__hint">
                   {{ t('setting.directory.tvRenameFormatHint') }}
@@ -468,6 +477,7 @@ useSilentSettingRefresh(loadPageData, {
 .rename-format-editor__ace {
   overflow: hidden;
   border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
+  border-radius: var(--app-field-radius);
   min-block-size: 8rem;
 }
 

src/views/system/WordsView.vue

@@ -930,7 +930,7 @@ onMounted(() => {
   --words-token-operator: #000;
 
   overflow: hidden;
-  block-size: 15.8rem;
+  block-size: 18.8rem;
   border: 1px solid rgba(var(--v-theme-on-surface), var(--v-border-opacity));
   border-radius: var(--app-surface-radius);
   contain: paint;