feat(config): unify mpv plugin options under main config and add CSS/Ani

- Replace subminer.conf plugin config with mpv.* fields in config.jsonc
- Add socketPath, backend, autoStartSubMiner, pauseUntilOverlayReady, aniskipEnabled/buttonKey, subminerBinaryPath to mpv config
- Add subtitleSidebar.css field; migrate legacy sidebar appearance fields
- Add paintOrder and WebkitTextStroke to subtitle style options
- Update default subtitle/sidebar fontFamily to CJK-first stack
- Fix overlay visible state surviving mpv y-r restart
- Fix live config saves applying subtitle CSS immediately to open overlays
- Migrate legacy primary/secondary subtitle appearance into subtitleStyle.css on load
- Switch AniSkip button key setting to click-to-learn key capture

src/config/service.ts

@@ -4,6 +4,7 @@ import { ConfigValidationWarning, RawConfig, ResolvedConfig } from '../types/con
 import { DEFAULT_CONFIG, deepCloneConfig, deepMergeRawConfig } from './definitions';
 import { ConfigPaths, loadRawConfig, loadRawConfigStrict } from './load';
 import { resolveConfig } from './resolve';
+import { applyLegacySubtitleStyleCssMigrationToContent } from './subtitle-style-css-migration';
 
 export type ReloadConfigStrictResult =
   | {
@@ -49,7 +50,10 @@ export class ConfigService {
     if (!loadResult.ok) {
       throw new ConfigStartupParseError(loadResult.path, loadResult.error);
     }
-    this.applyResolvedConfig(loadResult.config, loadResult.path);
+    this.applyResolvedConfig(
+      this.migrateLegacySubtitleStyleCssConfig(loadResult.config, loadResult.path),
+      loadResult.path,
+    );
   }
 
   getConfigPath(): string {
@@ -70,7 +74,10 @@ export class ConfigService {
 
   reloadConfig(): ResolvedConfig {
     const { config, path: configPath } = loadRawConfig(this.configPaths);
-    return this.applyResolvedConfig(config, configPath);
+    return this.applyResolvedConfig(
+      this.migrateLegacySubtitleStyleCssConfig(config, configPath),
+      configPath,
+    );
   }
 
   reloadConfigStrict(): ReloadConfigStrictResult {
@@ -80,7 +87,10 @@ export class ConfigService {
     }
 
     const { config, path: configPath } = loadResult;
-    const resolvedConfig = this.applyResolvedConfig(config, configPath);
+    const resolvedConfig = this.applyResolvedConfig(
+      this.migrateLegacySubtitleStyleCssConfig(config, configPath),
+      configPath,
+    );
     return {
       ok: true,
       config: resolvedConfig,
@@ -113,4 +123,25 @@ export class ConfigService {
     this.warnings = warnings;
     return this.getConfig();
   }
+
+  private migrateLegacySubtitleStyleCssConfig(config: RawConfig, configPath: string): RawConfig {
+    if (!fs.existsSync(configPath)) {
+      return config;
+    }
+
+    try {
+      const content = fs.readFileSync(configPath, 'utf-8');
+      const migration = applyLegacySubtitleStyleCssMigrationToContent({
+        content,
+        rawConfig: config,
+      });
+      if (!migration.migrated) {
+        return config;
+      }
+      fs.writeFileSync(configPath, migration.content, 'utf-8');
+      return migration.rawConfig;
+    } catch {
+      return config;
+    }
+  }
 }