fix: 移除卡片

Author: Rinai-R

src/components/NoteList.astro

@@ -382,52 +382,44 @@ const notes = await Promise.all(
 
 @media (max-width: 768px) {
     .note-timeline__item {
-        grid-template-columns: minmax(3.2rem, auto) 1.5rem minmax(0, 1fr);
-        column-gap: 0.85rem;
-        padding: 0.75rem 0;
+        grid-template-columns: minmax(2.9rem, auto) 1.3rem minmax(0, 1fr);
+        column-gap: clamp(0.55rem, 1.5vw, 0.85rem);
+        padding: 0.55rem 0;
         align-items: stretch;
     }
 
     .note-timeline__time {
-        align-items: center;
-        text-align: center;
-        padding: 0.65rem 0.25rem;
-        border-radius: 1.15rem;
-        background: linear-gradient(160deg,
-            color-mix(in srgb, var(--note-timeline-accent) 28%, transparent) 0%,
-            color-mix(in srgb, var(--note-timeline-accent) 10%, transparent) 100%);
-        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--note-timeline-accent) 30%, transparent);
+        align-items: flex-end;
+        text-align: right;
+        padding: 0;
+        background: transparent;
+        box-shadow: none;
     }
 
     .note-timeline__day {
-        font-size: 1.65rem;
-        letter-spacing: 0.05em;
-        font-weight: 700;
+        font-size: clamp(1.45rem, 1.6vw + 1rem, 1.9rem);
+        letter-spacing: 0.02em;
     }
 
     .note-timeline__month {
-        font-size: 0.95rem;
+        font-size: 0.85rem;
         font-weight: 600;
     }
 
     .note-timeline__year {
-        font-size: 0.65rem;
-        letter-spacing: 0.15em;
-        opacity: 0.7;
-        text-transform: uppercase;
+        font-size: 0.62rem;
+        letter-spacing: 0.08em;
+        opacity: 0.75;
     }
 
     .note-timeline__axis {
         display: flex;
-        justify-content: center;
-        align-items: stretch;
     }
 
     .note-timeline__card {
-        padding: clamp(1rem, 4vw, 1.65rem) clamp(1rem, 5vw, 1.9rem);
-        border: 1px solid color-mix(in srgb, var(--note-timeline-accent) 28%, transparent);
-        box-shadow: 0 22px 50px -30px rgba(7, 15, 28, 0.2);
-        border-radius: 1.25rem;
+        padding: clamp(0.95rem, 4vw, 1.55rem) clamp(0.95rem, 5vw, 1.75rem);
+        border-radius: 1.1rem;
+        box-shadow: 0 18px 40px -32px rgba(7, 15, 28, 0.18);
     }
 }