feat: 优化简历技能栏技术栈呈现

src/styles.css

@@ -581,19 +581,53 @@ main {
 }
 
 /* ============ Round 4: 技能 ============ */
+.skills-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 14px;
+}
+
 .skill-group {
-  margin-bottom: 20px;
+  min-width: 0;
+  padding: 14px;
+  border: 1px solid rgba(139, 151, 173, 0.18);
+  border-radius: 8px;
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
+    rgba(11, 17, 32, 0.54);
+}
+
+.g-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 8px;
 }
 
 .skill-group .g-name {
   font-family: var(--mono);
   font-size: 11px;
-  letter-spacing: 0.2em;
-  color: var(--ink-faint);
-  margin-bottom: 8px;
+  letter-spacing: 0;
+  color: var(--ink);
   text-transform: uppercase;
 }
 
+.g-count {
+  flex: 0 0 auto;
+  font-family: var(--mono);
+  font-size: 10px;
+  color: var(--ink-faint);
+}
+
+.g-summary {
+  min-height: 42px;
+  margin-bottom: 12px;
+  font-size: 12px;
+  line-height: 1.65;
+  color: var(--ink-dim);
+}
+
 .skill-token {
   font-family: var(--mono);
   font-size: 12px;
@@ -607,6 +641,7 @@ main {
 
 .skill-token.hot {
   border-color: rgba(34, 211, 238, 0.5);
+  background: rgba(34, 211, 238, 0.08);
   color: var(--cyan);
 }
 
@@ -768,6 +803,10 @@ main {
     grid-template-columns: 1fr;
   }
 
+  .skills-grid {
+    grid-template-columns: 1fr;
+  }
+
   #session-rail {
     right: auto;
     top: 54px;