From 7f180d9f2093f2745a876152b4be42e2415c03cd Mon Sep 17 00:00:00 2001
From: CGH0S7 <jasoncheng@hifuu.ink>
Date: Fri, 23 Jan 2026 19:33:37 +0800
Subject: [PATCH] wofi config update 2026-1-23

---
 config    |  6 ++--
 style.css | 98 +++++++++++++++++++++++++++++++++++++++++++------------
 2 files changed, 80 insertions(+), 24 deletions(-)

diff --git a/config b/config
index db845df..854ee85 100644
--- a/config
+++ b/config
@@ -12,9 +12,9 @@ insensitive=true
 # 启动时不保留之前的搜索词
 prompt=Search...
 
-# 窗口宽度和高度
-width=500
-height=300
+# 窗口宽度和高度（更大更现代）
+width=600
+height=400
 
 # 窗口位置 (center, top_left, bottom_right 等)
 location=center
diff --git a/style.css b/style.css
index 45256cc..836760d 100644
--- a/style.css
+++ b/style.css
@@ -1,55 +1,111 @@
 /* ~/.config/wofi/style.css */
 
-/* 整体窗口 */
+/* 整体窗口 - 现代毛玻璃效果 */
 window {
     margin: 0px;
-    border: 2px solid #5e81ac; /* 边框颜色 (Nord Blue) */
-    background-color: #2e3440; /* 背景颜色 (Nord Dark) */
-    border-radius: 10px;       /* 窗口圆角 */
-    font-family: "JetBrains Mono", monospace; /* 字体 */
+    border: 1px solid rgba(94, 129, 172, 0.3); /* 半透明边框 */
+    background-color: rgba(46, 52, 64, 0.95); /* 半透明背景 */
+    border-radius: 16px;       /* 更大的圆角 */
+    font-family: "JetBrains Mono", "Noto Sans CJK SC", sans-serif; /* 支持中文 */
     font-size: 14px;
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4); /* 深度阴影 */
+    padding: 10px;
 }
 
-/* 输入框区域 */
+/* 输入框区域 - 现代搜索框 */
 #input {
-    margin: 5px;
-    border: none;
+    margin: 8px;
+    padding: 12px 16px;
+    border: 2px solid rgba(94, 129, 172, 0.2);
     color: #eceff4;
-    background-color: #3b4252;
-    border-radius: 5px;
+    background-color: rgba(59, 66, 82, 0.6);
+    border-radius: 12px;
+    transition: all 0.3s ease;
+}
+
+#input:focus {
+    border-color: #5e81ac;
+    background-color: rgba(59, 66, 82, 0.8);
+    box-shadow: 0 0 12px rgba(94, 129, 172, 0.3);
 }
 
 /* 内部容器 */
 #inner-box {
-    margin: 5px;
+    margin: 8px;
+    padding: 4px;
     border: none;
     background-color: transparent;
 }
 
-/* 每一个条目 */
+/* 每一个条目 - 现代卡片效果 */
 #entry {
-    margin: 2px 0px;
+    margin: 4px 0px;
+    padding: 10px 12px;
     border: none;
     background-color: transparent;
-    border-radius: 5px;
+    border-radius: 10px;
+    transition: all 0.2s ease;
 }
 
-/* 选中的条目 */
+/* 悬停效果 */
+#entry:hover {
+    background-color: rgba(76, 86, 106, 0.4);
+}
+
+/* 选中的条目 - 渐变高亮效果 */
 #entry:selected {
-    background-color: #5e81ac; /* 选中项背景 */
-    color: #eceff4;            /* 选中项文字颜色 */
-    font-weight: bold;
+    background: linear-gradient(90deg, rgba(94, 129, 172, 0.8), rgba(136, 192, 208, 0.6));
+    color: #eceff4;
+    font-weight: 600;
+    box-shadow: 0 2px 8px rgba(94, 129, 172, 0.4);
+    transform: translateX(2px);
 }
 
-/* 列表中的图标 */
+/* 列表中的图标 - 增加间距 */
 #img {
-    margin-right: 10px;
+    margin-right: 14px;
     background-color: transparent;
+    border-radius: 8px;
 }
 
-/* 文本 */
+/* 文本 - 更好的可读性 */
 #text {
     margin: 5px;
     border: none;
     color: #d8dee9;
+    font-weight: 500;
+    letter-spacing: 0.3px;
+}
+
+/* 滚动条美化 */
+#scroll {
+    margin: 0px;
+    border: none;
+}
+
+/* 滚动条轨道 */
+scrollbar {
+    background-color: transparent;
+    border-radius: 8px;
+    width: 8px;
+}
+
+/* 滚动条滑块 */
+scrollbar slider {
+    background-color: rgba(94, 129, 172, 0.4);
+    border-radius: 8px;
+    min-height: 20px;
+}
+
+/* 滚动条滑块悬停 */
+scrollbar slider:hover {
+    background-color: rgba(94, 129, 172, 0.6);
+}
+
+/* 外部盒子 */
+#outer-box {
+    margin: 0px;
+    padding: 0px;
+    border: none;
+    background-color: transparent;
 }