diff --git a/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.css b/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.css
index 510f9a7..7874f33 100644
--- a/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.css
+++ b/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.css
@@ -233,7 +233,7 @@
 /* 通用协议指引网格 */
 .proto-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
   gap: 12px;
 }
 
@@ -254,23 +254,30 @@
 }
 
 .proto-header {
-  display: flex;
+  display: grid;
+  grid-template-columns: max-content minmax(0, 1fr);
   align-items: center;
-  justify-content: space-between;
-  gap: 8px;
+  gap: 2px 6px;
   padding-bottom: 8px;
   border-bottom: 1px solid var(--pm-border-color);
 }
 
 .proto-name-badge {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-wrap: wrap;
-  min-width: 0;
+  display: contents;
+}
+
+.proto-name-badge > .el-tag {
+  grid-column: 2;
+  grid-row: 2;
+  justify-self: end;
+  max-width: 100%;
+  padding-inline: 4px;
+  font-size: 11px;
 }
 
 .proto-title {
+  grid-column: 1;
+  grid-row: 1 / 3;
   display: flex;
   flex-direction: column;
   gap: 2px;
@@ -292,6 +299,9 @@
 }
 
 .btn-card-copy {
+  grid-column: 2;
+  grid-row: 1;
+  justify-self: end;
   flex-shrink: 0;
   padding-inline: 0;
   font-weight: 600;
@@ -308,7 +318,7 @@
   grid-template-columns: max-content minmax(0, 1fr);
   align-items: baseline;
   font-size: 13px;
-  gap: 8px;
+  gap: 6px;
   line-height: 1.5;
 }
 
diff --git a/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.vue b/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.vue
index f4e68cc..07d3c55 100644
--- a/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.vue
+++ b/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.vue
@@ -173,7 +173,7 @@
               </div>
               <div class="field-item">
                 <span class="field-k">加密</span>
-                <span class="field-v">SSL / TLS 隐式加密</span>
+                <span class="field-v">SSL / TLS</span>
               </div>
             </div>
           </div>
@@ -210,7 +210,7 @@
               </div>
               <div class="field-item">
                 <span class="field-k">加密</span>
-                <span class="field-v">SSL / TLS 隐式加密</span>
+                <span class="field-v">SSL / TLS</span>
               </div>
             </div>
           </div>
@@ -247,7 +247,7 @@
               </div>
               <div class="field-item">
                 <span class="field-k">加密</span>
-                <span class="field-v">SSL 隐式加密 / STARTTLS</span>
+                <span class="field-v">SSL / STARTTLS</span>
               </div>
             </div>
           </div>