0.0.4: update css.

app/views/hooks/_view_issues_show_details_bottom.html.erb

@@ -1,35 +1,58 @@
 <% issue = @issue %>
 
-<% 
-  archive_custom_field = issue.custom_field_values.find do |cfv| 
-    cfv.custom_field.name == "归档地址" 
-  end 
+<%
+  archive_custom_field = issue.custom_field_values.find do |cfv|
+    cfv.custom_field.name == "归档地址"
+  end
 %>
 
 <% if archive_custom_field && archive_custom_field.value.present? %>
   <% archive_url = archive_custom_field.value.strip %>
-  <a href="<%= archive_url %>" 
-     target="_blank" 
-     class="icon icon-attachment archive-button">
-     📂 一键打开归档地址
+  <a href="<%= archive_url %>"
+     target="_blank"
+     class="archive-button">
+     <span class="archive-icon">📂</span> 一键打开归档地址
   </a>
 <% end %>
 
 <style>
   .archive-button {
-    font-weight: bold;
-    padding: 5px 10px;
-    background: #428bca;
+    font-weight: 600;
+    padding: 8px 16px;
+    background: linear-gradient(135deg, #4a6cf7 0%, #2e4fd0 100%);
     color: white;
     text-decoration: none;
-    border-radius: 3px;
-    display: inline-block;
-    transition: background-color 0.3s ease;
+    border-radius: 6px;
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    transition: all 0.3s ease;
+    box-shadow: 0 3px 8px rgba(74, 108, 247, 0.25);
+    border: 1px solid #2e4fd0;
+    font-size: 14px;
+    position: relative;
+    overflow: hidden;
   }
   
   .archive-button:hover {
-    background-color: #3071a9;
+    background: linear-gradient(135deg, #2e4fd0 0%, #1e3db3 100%);
+    transform: translateY(-2px);
+    box-shadow: 0 5px 15px rgba(74, 108, 247, 0.4);
     text-decoration: none;
     color: white;
   }
+  
+  .archive-button:active {
+    transform: translateY(0);
+    box-shadow: 0 2px 5px rgba(74, 108, 247, 0.3);
+  }
+  
+  .archive-icon {
+    font-size: 16px;
+    transition: transform 0.3s ease;
+  }
+  
+  .archive-button:hover .archive-icon {
+    transform: scale(1.2);
+  }
 </style>