add xina

Signed-off-by: 82Flex <82flex@gmail.com>

Author: Lessica

docs/tutorial/img/Requirements.002.png

@@ -320,27 +320,32 @@
 
 .compatList {
   display: grid;
-  grid-template-columns: repeat(2, 160px);
+  grid-template-columns: repeat(2, 160px); /* 2+2+2 on small */
   gap: 2rem;
   margin: 2rem auto;
-  max-width: 1000px;
-  justify-content: center;
-  /* center the grid within container */
-  justify-items: center;
-  /* center items in each cell */
+  max-width: 1120px; /* allow 6 columns (6*160 + gaps) */
+  justify-content: center; /* center the grid within container */
+  justify-items: center; /* center items in each cell */
 }
 
-/* Medium screens: 3 columns => rows become 3+2 for 5 items */
+/* ≥640px: 3 columns => 3+3 */
 @media (min-width: 640px) {
   .compatList {
     grid-template-columns: repeat(3, 160px);
   }
 }
 
-/* Large screens: 5 columns => 5 items on one row */
+/* ≥960px: 4 columns => 4+2 */
 @media (min-width: 960px) {
   .compatList {
-    grid-template-columns: repeat(5, 160px);
+    grid-template-columns: repeat(4, 160px);
+  }
+}
+
+/* ≥1200px: 6 columns => 6 in 1 row */
+@media (min-width: 1200px) {
+  .compatList {
+    grid-template-columns: repeat(6, 160px);
   }
 }
 

i18n/zh-Hans/docusaurus-plugin-content-docs/current/tutorial/img/Requirements.002.png

@@ -492,6 +492,21 @@ function HomepageCompatibility() {
             </div>
             <span>Taurine</span>
           </a>
+          <a
+            href="https://zhuxinlang.github.io"
+            target="_blank"
+            rel="noopener noreferrer"
+            className={styles.jailbreakItem}
+          >
+            <div className={styles.jailbreakIconWrapper}>
+              <img
+                src={useBaseUrl("img/xinaa15.png")}
+                alt="XinaA15"
+                className={styles.jailbreakIcon}
+              />
+            </div>
+            <span>XinaA15</span>
+          </a>
           <a
             href="https://palera.in"
             target="_blank"