From b69755c2d6d0769b1d2b03ff296aa9b819887a36 Mon Sep 17 00:00:00 2001
From: gbanyan <gbanyan.huang@gmail.com>
Date: Tue, 18 Nov 2025 23:41:37 +0800
Subject: [PATCH] Force TOC list to remove default bullets

---
 components/post-toc.tsx |  2 +-
 styles/globals.css      | 63 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 64 insertions(+), 1 deletion(-)

diff --git a/components/post-toc.tsx b/components/post-toc.tsx
index 826f6f0..19c38bb 100644
--- a/components/post-toc.tsx
+++ b/components/post-toc.tsx
@@ -104,7 +104,7 @@ export function PostToc() {
           style={{ top: `${indicator.top}px`, opacity: indicator.opacity }}
           aria-hidden="true"
         />
-        <ul ref={listRef} className="list-none space-y-1">
+        <ul ref={listRef} className="toc-list space-y-1">
           {items.map((item) => (
             <li
               key={item.id}
diff --git a/styles/globals.css b/styles/globals.css
index 9ce86ec..ff507bc 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -44,6 +44,69 @@ body {
   color: inherit !important;
 }
 
+.hero-title {
+  position: relative;
+  display: inline-flex;
+  overflow: hidden;
+}
+
+.hero-title__sweep {
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(120deg, transparent 10%, rgba(59, 130, 246, 0.35) 45%, transparent 90%);
+  transform: translateX(-120%);
+  animation: hero-sweep 4s var(--motion-ease-snappy) infinite;
+  pointer-events: none;
+}
+
+.toc-list {
+  list-style: none;
+  padding-left: 0;
+  margin: 0;
+}
+
+@keyframes hero-sweep {
+  0% {
+    transform: translateX(-120%);
+    opacity: 0;
+  }
+  30% {
+    opacity: 0.4;
+  }
+  60% {
+    transform: translateX(120%);
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(120%);
+    opacity: 0;
+  }
+}
+
+.tag-chip {
+  position: relative;
+  overflow: hidden;
+  transition: color var(--motion-duration-short) var(--motion-ease-snappy), background-color var(--motion-duration-short) var(--motion-ease-snappy);
+}
+
+.tag-chip::after {
+  content: '';
+  position: absolute;
+  left: 50%;
+  bottom: 4px;
+  width: 0;
+  height: 2px;
+  background: currentColor;
+  opacity: 0.5;
+  transition: width var(--motion-duration-short) var(--motion-ease-snappy), left var(--motion-duration-short) var(--motion-ease-snappy);
+}
+
+.tag-chip:hover::after,
+.tag-chip:focus-visible::after {
+  width: 100%;
+  left: 0;
+}
+
 @layer components {
   .motion-card {
     transition: transform var(--motion-duration-medium) var(--motion-ease-snappy),