feat: 更新侧边栏按钮，添加目标仓库链接和样式优化

sidepanel/sidepanel.css

@@ -412,12 +412,15 @@ header {
 .btn {
   display: inline-flex;
   align-items: center;
+  justify-content: center;
   gap: 6px;
-  padding: 7px 14px;
+  min-height: var(--data-field-height);
+  padding: 0 12px;
   font-family: inherit;
   font-size: 13px;
   font-weight: 600;
-  border: 1px solid transparent;
+  line-height: 1;
+  border: 1px solid var(--border);
   border-radius: var(--radius-sm);
   cursor: pointer;
   transition: all var(--transition);
@@ -433,12 +436,14 @@ header {
 .btn-success {
   background: var(--green);
   color: #fff;
+  border-color: var(--green);
 }
 .btn-success:hover { opacity: 0.9; box-shadow: 0 2px 8px var(--green-soft); }
 
 .btn-danger {
   background: var(--red);
   color: #fff;
+  border-color: var(--red);
 }
 .btn-danger:hover { opacity: 0.9; box-shadow: 0 2px 8px var(--red-soft); }
 
@@ -468,10 +473,9 @@ header {
 .run-count-input:disabled { opacity: 0.5; cursor: not-allowed; }
 
 .btn-ghost {
-  background: transparent;
+  background: var(--bg-field);
   color: var(--text-secondary);
-  padding: 6px;
-  border-radius: var(--radius-sm);
+  border-color: var(--border);
 }
 .btn-ghost:hover { background: var(--bg-hover); color: var(--text-primary); }
 
@@ -482,8 +486,8 @@ header {
 }
 .btn-outline:hover { border-color: var(--blue); color: var(--blue); background: var(--blue-soft); }
 
-.btn-sm { padding: 5px 12px; font-size: 12px; }
-.btn-xs { padding: 4px 10px; font-size: 11px; }
+.btn-sm { padding-inline: 12px; font-size: 12px; }
+.btn-xs { padding-inline: 10px; font-size: 11px; }
 
 /* ============================================================
    Extension Updates
@@ -1547,14 +1551,10 @@ header {
   color: var(--text-secondary);
 }
 
-#btn-fetch-email {
-  padding-inline: 10px;
-  flex-shrink: 0;
-}
-
 .data-inline-btn {
   flex: 0 0 auto;
   min-width: var(--data-inline-action-min-width);
+  min-height: var(--data-field-height);
   justify-content: center;
 }
 
@@ -2437,10 +2437,7 @@ header {
 
 .hero-sms-country-menu-btn {
   width: 100%;
-  height: 33px;
-  min-height: 33px;
-  padding-top: 0;
-  padding-bottom: 0;
+  min-height: var(--data-field-height);
   justify-content: flex-start;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -2543,8 +2540,7 @@ header {
   flex: 1 1 auto;
   min-width: 0;
   width: 100%;
-  height: 33px;
-  min-height: 33px;
+  min-height: var(--data-field-height);
 }
 
 .hero-sms-free-phone-cell {
@@ -2583,10 +2579,7 @@ header {
 }
 
 #btn-hero-sms-price-preview {
-  height: 33px;
-  min-height: 33px;
-  padding-top: 0;
-  padding-bottom: 0;
+  min-height: var(--data-field-height);
   align-self: flex-start;
 }