From 03f6fd265f1343a0cacbd224bae6ac3978aaf2f6 Mon Sep 17 00:00:00 2001
From: mediabot-pt <295750538+mediabot-pt@users.noreply.github.com>
Date: Mon, 6 Jul 2026 22:24:22 +0800
Subject: [PATCH] style: remove colored left border and hover shadow from rule
 cards

Simpler, cleaner look without the AI-style decorative borders
---
 web/src/views/RiskRules.vue | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/web/src/views/RiskRules.vue b/web/src/views/RiskRules.vue
index d77dd1d..2565689 100644
--- a/web/src/views/RiskRules.vue
+++ b/web/src/views/RiskRules.vue
@@ -76,7 +76,6 @@
         <div v-if="parsed.length" style="display:flex;flex-direction:column;gap:10px">
           <div v-for="(rule, idx) in parsed" :key="idx"
             class="rule-card"
-            :style="rule.type==='EXEMPT'?'border-left-color:#67c23a':''"
             :draggable="true"
             @dragstart="onDragStart($event, idx)"
             @dragover.prevent="onDragOver($event, idx)"
@@ -469,14 +468,10 @@ onMounted(fetchAll)
 <style scoped>
 .rule-card {
   border: 1px solid #e4e7ed;
-  border-left: 4px solid #f56c6c;
-  border-radius: 8px;
+  border-radius: 4px;
   background: #fff;
-  transition: box-shadow .2s;
   cursor: default;
 }
-.rule-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,.08); }
-
 .card-header {
   display: flex; align-items: center; justify-content: space-between;
   padding: 8px 12px; gap: 8px; user-select: none;