Refine docs center content and correct Taipei settlement source

frontend/components/docs/DocsLayout.module.css

@@ -214,6 +214,30 @@
   margin-top: 8px;
 }
 
+.linkCard {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 42px;
+  padding: 0 16px;
+  border-radius: 999px;
+  border: 1px solid rgba(34, 211, 238, 0.34);
+  background: rgba(8, 47, 73, 0.3);
+  color: #67e8f9;
+  text-decoration: none;
+  font-weight: 700;
+}
+
+.linkCard:hover {
+  background: rgba(34, 211, 238, 0.12);
+}
+
+.linkCaption {
+  margin: 10px 0 0;
+  color: rgba(148, 163, 184, 0.92);
+  line-height: 1.75;
+}
+
 .toc {
   position: sticky;
   top: 86px;

frontend/components/docs/DocsScreen.tsx

@@ -128,6 +128,20 @@ function BlockRenderer({ block }: { block: DocsPageContent["sections"][number]["
           ))}
         </ul>
       );
+    case "link":
+      return (
+        <div>
+          <a
+            href={block.href}
+            target="_blank"
+            rel="noreferrer"
+            className={styles.linkCard}
+          >
+            {block.label}
+          </a>
+          {block.caption ? <p className={styles.linkCaption}>{block.caption}</p> : null}
+        </div>
+      );
     case "image":
       return (
         <figure>