feat: 添加键盘快捷键支持

popup.js

@@ -249,6 +249,9 @@ function createStyleButton(style, meta = {}) {
 }
 
 function attachEventListeners() {
+  // 键盘快捷键支持
+  document.addEventListener('keydown', handleKeyboardShortcut);
+
   elements.presetStyles?.addEventListener('click', event => {
     const button = event.target.closest('button[data-style]');
     if (!button) return;
@@ -925,3 +928,45 @@ function roundAlpha(alpha) {
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
+
+function handleKeyboardShortcut(event) {
+  // 如果正在输入框中，不处理快捷键
+  if (event.target.tagName === 'INPUT' || event.target.tagName === 'SELECT') {
+    return;
+  }
+
+  // Escape 键重置背景
+  if (event.key === 'Escape') {
+    event.preventDefault();
+    applyStyle(null, { quiet: false });
+    return;
+  }
+
+  // 数字键 1-7 选择预设纯色
+  const numKey = parseInt(event.key, 10);
+  if (numKey >= 1 && numKey <= 7) {
+    event.preventDefault();
+    const preset = PRESET_STYLES[numKey - 1];
+    if (preset) {
+      applyStyle(preset.style);
+    }
+    return;
+  }
+
+  // 数字键 8-0 选择预设渐变 (8->极光, 9->落日, 0->海岸线)
+  if (event.key === '8') {
+    event.preventDefault();
+    applyStyle(PRESET_STYLES[7].style); // 极光
+    return;
+  }
+  if (event.key === '9') {
+    event.preventDefault();
+    applyStyle(PRESET_STYLES[8].style); // 落日
+    return;
+  }
+  if (event.key === '0') {
+    event.preventDefault();
+    applyStyle(PRESET_STYLES[9].style); // 海岸线
+    return;
+  }
+}