From 0220aa5ff8c0691385790850dd496d5a1db57a00 Mon Sep 17 00:00:00 2001
From: SeekingGamer <160568653+SeekingGamer@users.noreply.github.com>
Date: Mon, 18 May 2026 16:03:09 +0800
Subject: [PATCH] fix(style): compact reliability row at 1024

---
 src/styles/trust.css | 65 ++++++++++++++++++++++++++++++++++++++------
 1 file changed, 57 insertions(+), 8 deletions(-)

diff --git a/src/styles/trust.css b/src/styles/trust.css
index 33c4a99..1015d21 100644
--- a/src/styles/trust.css
+++ b/src/styles/trust.css
@@ -162,7 +162,7 @@
   height: 100%;
 }
 
-@media (max-width: 1199px) {
+@media (max-width: 1023px) {
   .trust-card__copy {
     align-items: center;
     text-align: center;
@@ -215,7 +215,7 @@
   }
 }
 
-@media (min-width: 768px) and (max-width: 1199px) {
+@media (min-width: 768px) and (max-width: 1023px) {
   .trust__grid > .trust-card:nth-child(1),
   .trust__grid > .trust-card:nth-child(5) {
     position: relative;
@@ -238,10 +238,47 @@
   .trust {
     padding-top: 60px;
     padding-bottom: 60px;
-    padding-left: 36px;
-    padding-right: 36px;
+    padding-left: 28px;
+    padding-right: 28px;
   }
 
+  .trust__grid {
+    display: flex;
+    gap: 14px;
+  }
+
+  .trust-card {
+    flex: 1;
+    padding: 16px 8px;
+  }
+
+  .trust-card__icon-frame {
+    width: 112px;
+    height: 112px;
+  }
+
+  .trust-card__copy {
+    align-items: center;
+    text-align: center;
+  }
+
+  .trust-card__title {
+    font-size: 15px;
+    line-height: 20px;
+    letter-spacing: var(--ls-15);
+    text-align: center;
+  }
+
+  .trust-card__description {
+    font-size: 14px;
+    line-height: 1.45;
+    letter-spacing: var(--ls-14);
+    text-align: center;
+  }
+
+  .trust__divider {
+    display: block;
+  }
 }
 
 @media (min-width: 1200px) {
@@ -256,16 +293,28 @@
   }
 
   .trust__grid {
-    display: flex;
     gap: 24px;
   }
 
   .trust-card {
-    flex: 1;
+    padding: 24px;
   }
 
-  .trust__divider {
-    display: block;
+  .trust-card__icon-frame {
+    width: 128px;
+    height: 128px;
+  }
+
+  .trust-card__title {
+    font-size: 16px;
+    line-height: 22px;
+    letter-spacing: var(--ls-16);
+  }
+
+  .trust-card__description {
+    font-size: 15px;
+    line-height: 1.5;
+    letter-spacing: var(--ls-15);
   }
 }