职位页微调

src/assets/styles/pages/jobs.scss

@@ -82,7 +82,85 @@
   // 筛选条件外层白色背景条
   &__filters-bar {
     border-radius: 0.12rem;
-    margin: 0 0.24rem 0.2rem 0.24rem;
+    margin: 0 0.24rem 0.5rem 0.24rem;
+  }
+
+  // AI 推荐提示条外层
+  &__ai-tip-wrapper {
+    position: relative;
+    margin: -0.38rem 0.24rem 0.12rem 0.24rem;
+  }
+
+  // 尖角容器（用双伪元素实现：::before 画品牌色外三角，::after 画白色内三角遮住底边）
+  &__ai-tip-arrow {
+    position: absolute;
+    top: 0;
+    transform: translateX(-50%);
+    width: 0;
+    height: 0;
+    z-index: 2;
+
+    // 外层三角（品牌色边框）
+    &::before {
+      content: '';
+      position: absolute;
+      bottom: 100%;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 0;
+      height: 0;
+      border-left: 0.07rem solid transparent;
+      border-right: 0.07rem solid transparent;
+      border-bottom: 0.12rem solid $accent;
+    }
+
+    // 内层白色三角（覆盖外层内部，只露出约0.5px边框）
+    &::after {
+      content: '';
+      position: absolute;
+      bottom: 100%;
+      left: 50%;
+      transform: translateX(-50%) translateY(1px);
+      width: 0;
+      height: 0;
+      border-left: 0.065rem solid transparent;
+      border-right: 0.065rem solid transparent;
+      border-bottom: 0.112rem solid $bg-white;
+    }
+  }
+
+  // 提示条主体
+  &__ai-tip {
+    position: relative;
+    background: $bg-white;
+    border: 1px solid $accent;
+    border-radius: 0.08rem;
+    padding: 0.08rem 0.12rem 0.07rem 0.12rem;
+    z-index: 1;
+  }
+
+  // 提示条内容行
+  &__ai-tip-content {
+
+  }
+
+  // Nova logo
+  &__ai-tip-logo {
+    width: 0.16rem;
+    height: 0.16rem;
+    flex: none;
+  }
+
+  // 提示文字
+  &__ai-tip-text {
+    font-size: 0.12rem;
+    line-height: 0.16rem;
+    color: $accent;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    vertical-align: text-top;
+    margin-left: 0.03rem;
   }
 
   // 筛选条件
@@ -171,14 +249,11 @@
     display: flex;
     align-items: center;
     background: $bg-white;
-    border: 1px solid #E8E8E8;
-    border-radius: 0.2rem;
-    padding: 0.07rem 0.14rem;
+    border-radius: 0.08rem;
+    padding: 0.08rem 0.14rem;
     min-width: 1.6rem;
-    transition: border-color 0.2s ease;
 
     &:focus-within {
-      border-color: $accent;
     }
   }
 
@@ -321,7 +396,7 @@
     display: flex;
     gap: 0.08rem;
     flex-wrap: wrap;
-    margin-top: 0.08rem;
+    margin-top: 0.14rem;
   }
 
   &__job-tag {
@@ -429,7 +504,7 @@
     gap: 0.08rem;
     flex-wrap: wrap;
     min-width: 0;  // 允许内容收缩触发换行
-    margin-top: 0.06rem;
+    margin-top: 0.14rem;
   }
 
   &__company-tag {