feat: add portfolio external links

src/styles.css

@@ -43,6 +43,27 @@ a {
   text-decoration: none;
 }
 
+.entity-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--ink);
+  transition: color 0.18s ease;
+}
+
+.entity-link::after {
+  content: "↗";
+  font-family: var(--mono);
+  font-size: 10px;
+  color: var(--cyan);
+  opacity: 0.72;
+  transform: translateY(-1px);
+}
+
+.entity-link:hover {
+  color: var(--cyan);
+}
+
 /* ============ 底层画布与氛围 ============ */
 #mind-canvas {
   position: fixed;
@@ -470,6 +491,7 @@ main {
 .project-head {
   display: flex;
   align-items: center;
+  flex-wrap: wrap;
   gap: 14px;
   margin-bottom: 6px;
 }
@@ -487,6 +509,37 @@ main {
   font-weight: 700;
 }
 
+.project-meta {
+  min-width: 0;
+  flex: 1 1 220px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.project-links {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.mini-link {
+  font-family: var(--mono);
+  font-size: 10px;
+  line-height: 1.4;
+  padding: 2px 7px;
+  border-radius: 999px;
+  border: 1px solid rgba(34, 211, 238, 0.28);
+  color: var(--cyan);
+  background: rgba(34, 211, 238, 0.06);
+  transition: border-color 0.18s ease, background 0.18s ease;
+}
+
+.mini-link:hover {
+  border-color: rgba(34, 211, 238, 0.62);
+  background: rgba(34, 211, 238, 0.12);
+}
+
 .project-head .period {
   margin-left: auto;
   font-family: var(--mono);