fix: 修复部分bug，优化UI

Author: anghunk

CHANGELOG.md

@@ -1 +1,2 @@
-- fix: 修复 `-` 符号与Discourse论坛快捷键冲突的问题
+- fix: 修复 `-` 符号与 Discourse 论坛快捷键冲突的问题
+- style: 优化基础 UI

entrypoints/App.vue

@@ -101,27 +101,58 @@
 }
 
 #linuxdoscripts .setting-btn .el-button {
-  margin: 0;
-  margin-top: 15px;
   width: 50px;
   height: 50px;
   border-radius: 50%;
-  display: flex;
+  position: relative;
+  display: inline-flex;
   align-items: center;
   justify-content: center;
-  background: var(--tertiary-low);
-  font-size: 14px;
-  cursor: pointer;
+  padding: 0;
+  margin: 0;
+  margin-top: 10px;
+  font-size: 13px;
+  font-weight: 500;
+  color: #fff;
+  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-medium) 100%);
   border: none;
-  box-shadow: 0px 1px 3px rgb(0 0 0 / 25%);
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow: 0 4px 15px rgba(var(--primary-rgb), 0.2);
+  overflow: hidden;
+}
+
+#linuxdoscripts .setting-btn .el-button::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+
+#linuxdoscripts .setting-btn .el-button:hover {
+  box-shadow: 0 6px 20px rgba(var(--primary-rgb), 0.3);
+}
+
+#linuxdoscripts .setting-btn .el-button:hover::before {
+  opacity: 1;
+}
+
+#linuxdoscripts .setting-btn .el-button:active {
+  box-shadow: 0 2px 10px rgba(var(--primary-rgb), 0.2);
 }
 
 #linuxdoscripts .setting-btn .el-button svg {
   margin: 0;
 }
 
-#linuxdoscripts .setting-btn .el-button:hover {
-  opacity: 0.9;
+#linuxdoscripts .setting-btn .el-button span {
+  position: relative;
+  z-index: 1;
 }
 
 #linuxdoscripts .hint {

entrypoints/app.css

@@ -33,7 +33,7 @@
       <div class="config-title">配置信息</div>
 
       <div class="item">
-        <div class="label">选择服务商:</div>
+        <div class="label">选择服务商：</div>
         <div class="info">
           <select v-model="localChecked.provider" @change="handleProviderChange">
             <option value="openai">OpenAI</option>
@@ -68,7 +68,7 @@
       </div>
 
       <div class="item">
-        <div class="label">模型名称:</div>
+        <div class="label">模型名称：</div>
         <div class="info">
           <input
             type="text"
@@ -191,7 +191,7 @@ export default {
         // 手动修改输入框的值
         el.value = newValue;
         
-        // 触发input事件来更新v-model绑定的数据
+        // 触发 input 事件来更新 v-model 绑定的数据
         el.dispatchEvent(new Event('input', { bubbles: true }));
         
         // 设置光标位置

entrypoints/components/AIConfig/GPTconfig.vue

@@ -8,7 +8,7 @@
     />
   </div>
   <div class="item" v-if="modelValue">
-    <div class="tit">&nbsp;&nbsp;{{ sort }}.1 无感收藏 (不跳转收藏页)</div>
+    <div class="tit">{{ sort }}.1 无感收藏 (不跳转收藏页)</div>
     <input type="checkbox" :checked="silentBookmark" @change="toggleSilentBookmark" />
   </div>
 </template>

entrypoints/components/BasicSettings/MenuBookmark.vue

@@ -1,7 +1,6 @@
 <template>
   <div>
-    <div class="el-button" @click="togglePopupSize" :class="['linuxDoLevelPopup', isMinimized ? 'minimized' : '']"
-      title="等级查询">
+    <div class="el-button" @click="togglePopupSize" title="等级查询">
       <span>等级</span>
     </div>
     <div v-if="!isMinimized" id="linuxDoLevelPopupContent">
@@ -177,22 +176,27 @@ export default {
 </script>
 
 <style scoped lang="less">
-@keyframes breathAnimation {
-
-  0%,
-  100% {
-    transform: scale(1);
-    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
   }
-
-  50% {
-    transform: scale(1.1);
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
+  to {
+    opacity: 1;
+    transform: translateY(0);
   }
 }
 
-.breath-animation {
-  animation: breathAnimation 4s ease-in-out infinite;
+@keyframes pulse {
+  0% {
+    box-shadow: 0 0 0 0 rgba(var(--primary-rgb), 0.4);
+  }
+  70% {
+    box-shadow: 0 0 0 10px rgba(var(--primary-rgb), 0);
+  }
+  100% {
+    box-shadow: 0 0 0 0 rgba(var(--primary-rgb), 0);
+  }
 }
 
 .minimized {
@@ -202,43 +206,118 @@ export default {
   padding: 0 !important;
   overflow: hidden;
   cursor: pointer;
+  animation: pulse 2s infinite;
 }
 
 #linuxDoLevelPopupContent {
   line-height: 1.6;
   position: fixed;
   bottom: 20px;
   right: 90px;
-  width: 250px;
+  width: 300px;
   height: auto;
-  background-color: var(--tertiary-low);
-  padding: 15px;
+  background-color: var(--secondary);
+  padding: 20px;
   z-index: 10000;
   font-size: 14px;
-  border-radius: 5px;
+  border-radius: 12px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+  animation: fadeIn 0.3s ease-out;
+  border: 1px solid var(--primary-low);
+  box-sizing: border-box;
+
+  *{
+    box-sizing: border-box;
+  }
+
+  strong {
+    color: var(--primary);
+    font-weight: 600;
+  }
 }
 
 #linuxDoUserSearch {
   width: 100%;
-  margin-top: 10px;
+  margin-top: 15px;
+  padding: 10px 12px;
+  border: 2px solid var(--primary-low);
+  border-radius: 8px;
+  font-size: 14px;
+  transition: all 0.3s ease;
+  
+  &:focus {
+    outline: none;
+    border-color: var(--primary);
+    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.1);
+  }
 }
 
-.button {
+.btn {
+  width: 100%;
+  padding: 12px 24px;
+  font-size: 14px;
+  font-weight: 500;
+  color: #fff;
+  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-medium) 100%);
+  border: none;
+  border-radius: 12px;
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow: 0 4px 15px rgba(var(--primary-rgb), 0.2);
+  position: relative;
+  overflow: hidden;
   margin-top: 10px;
+  
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
+    opacity: 0;
+    transition: opacity 0.3s ease;
+  }
+  
+  &:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(var(--primary-rgb), 0.3);
+    
+    &::before {
+      opacity: 1;
+    }
+  }
+  
+  &:active {
+    transform: translateY(0);
+    box-shadow: 0 2px 10px rgba(var(--primary-rgb), 0.2);
+  }
+  
+  .d-button-label {
+    position: relative;
+    z-index: 1;
+  }
 }
 
 .minimize-button {
   position: absolute;
-  top: 5px;
-  right: 5px;
+  top: 8px;
+  right: 8px;
   z-index: 10001;
   background: transparent;
   border: none;
   cursor: pointer;
   border-radius: 50%;
   text-align: center;
-  line-height: 40px;
-  width: 40px;
-  height: 40px;
+  line-height: 32px;
+  width: 32px;
+  height: 32px;
+  color: var(--primary);
+  transition: all 0.3s ease;
+  
+  &:hover {
+    background: var(--primary-low);
+  }
 }
 </style>

entrypoints/components/Button/LevelDiglog.vue

@@ -2,10 +2,9 @@
   <div class="item">
     <div class="tit">{{ sort }}. 自定义论坛标签页 icon 和 title</div>
   </div>
-  <input type="text" v-model="localChecked.iconurl" @input="handleChange"
-    placeholder="输入图片链接，如: https://xxx.com/images.png" />
-
-  <input type="text" v-model="localChecked.title" @input="handleChange" placeholder="输入文字，如：谷歌文档" />
+  <input type="text" v-model="localChecked.iconurl" @input="handleChange" style="margin-bottom:5px;"
+    placeholder="输入icon图链接，如: https://xxx.com/images.png" />
+  <input type="text" v-model="localChecked.title" @input="handleChange" placeholder="输入标题，如：谷歌文档" />
 </template>
 
 <script>

entrypoints/components/CustomText/MenuIconTitle.vue

@@ -6,7 +6,7 @@
     type="text"
     v-model="textarea"
     @input="handleChange"
-    placeholder="输入图片链接，如: https://xxx.com/images.png"
+    placeholder="输入logo图链接，如: https://xxx.com/images.png"
   />
 </template>
 

entrypoints/components/CustomText/MenuLogoUrl.vue

@@ -3,7 +3,7 @@
     <span>
       <a href="https://github.com/dlzmoe/linuxdo-scripts" target="_blank">
         <img alt="GitHub Repo stars"
-          src="https://img.shields.io/github/stars/dlzmoe/linuxdo-scripts?style=flat-square&label=Github%20Stars">
+          src="https://img.shields.io/github/stars/dlzmoe/linuxdo-scripts?style=flat&logoColor=%237F5801&label=Github&labelColor=%230E0E0F">
       </a>
     </span>
     <span>当前版本：{{ version }}</span>

entrypoints/components/Other/Updates.vue

@@ -2,7 +2,7 @@
   "name": "linuxdo-scripts",
   "description": "manifest.json description",
   "private": true,
-  "version": "1.1.13",
+  "version": "1.1.14",
   "type": "module",
   "scripts": {
     "dev": "wxt",