2 files changed, 33 insertions, 2 deletions
diff --git a/micro.pinapelz.moe/css/follows.css b/micro.pinapelz.moe/css/follows.css
new file mode 100644
index 0000000..a6673af
--- /dev/null
+++ b/micro.pinapelz.moe/css/follows.css
@@ -0,0 +1,31 @@
+.follow-card {
+  display: flex;
+  flex-direction: column;
+  padding: 0.6rem 0.8rem;
+  margin: 0.6rem 0 0.6rem 0;
+  background: var(--card-bg, #f9f9f9);
+  border-radius: 8px;
+  border: 1px solid #e5e5e5;
+  font-size: 0.9rem;
+}
+
+.follow-card:hover {
+  background: var(--card-bg-hover, #f2f2f2);
+}
+
+.follow-target {
+  font-weight: 600;
+  text-decoration: none;
+  color: var(--link-color, #3366cc);
+  word-break: break-all;
+}
+
+.follow-target:hover {
+  text-decoration: underline;
+}
+
+.follow-date {
+  color: #777;
+  font-size: 0.8rem;
+  margin-top: 0.25rem;
+}
diff --git a/micro.pinapelz.moe/css/style.css b/micro.pinapelz.moe/css/style.css
index bc04f86..73e3665 100644
--- a/micro.pinapelz.moe/css/style.css
+++ b/micro.pinapelz.moe/css/style.css
@@ -259,13 +259,13 @@ tbody tr:nth-child(even) {
     align-self: center;
     text-align: center;
   }
-  
+
   /* Smaller avatar on mobile */
   .banner .avatar {
     width: 90px;
     height: 90px;
   }
-  
+
   .banner img:first-child {
     border-radius: 6px;
   }