feat: refresh portfolio theme and content

app/about/page.tsx

@@ -41,14 +41,14 @@ export default function About() {
                   institution: "Southern University of Science and Technology",
                   role: "Bachelor of Science",
                   subtitle: "Mathematics",
-                  grade: "3.73/4.00 (89.96/100)",
+                  grade: "3.73 / 4.00",
                 },
                 {
                   years: "2026 – 2026",
                   institution: "University of California, Berkeley",
                   role: "Visiting Student",
                   subtitle: "Computer Science and Data Science",
-                  grade: "4.00/4.00 (100/100)",
+                  grade: "4.00 / 4.00",
                 },
                 {
                   years: "2025 – 2025",
@@ -126,7 +126,7 @@ export default function About() {
                   href={href}
                   target="_blank"
                   rel="noopener noreferrer"
-                  className="group block py-4 -mx-2 px-2 rounded-sm hover:bg-zinc-100 dark:hover:bg-zinc-700/40 transition-all duration-150 no-underline border-b border-zinc-100 dark:border-zinc-800/60 last:border-0"
+                  className="group block py-4 -mx-2 px-2 rounded-sm hover:bg-[#e8f0f4] dark:hover:bg-[#243640] transition-all duration-150 no-underline border-b border-zinc-100 dark:border-zinc-800/60 last:border-0"
                   style={{ textDecoration: "none" }}
                 >
                   <span
@@ -170,11 +170,6 @@ export default function About() {
                       role: "Peer Mentor",
                       detail: "Peer mentor at Zhicheng College for the Class of 2028.",
                     },
-                    {
-                      years: "Feb 2024 – Jul 2024",
-                      role: "Research Assistant",
-                      detail: "Control theory RA at NCC Lab.",
-                    },
                     {
                       years: "Oct 2023 – Jan 2024",
                       role: "Teaching Assistant",

app/components/hover-link-hint.tsx

@@ -21,6 +21,19 @@ export function linkDestinationLabel(href: string): string {
 
     if (host === "github.com") return "GitHub";
     if (host === "open.spotify.com" || host === "spotify.com") return "Spotify";
+    if (host === "primevideo.com") return "Prime Video";
+    if (host === "topgear.com") return "Top Gear";
+    if (host === "hitsujibungaku.info") return "Hitsujibungaku";
+    if (host === "adieu-web.com") return "adieu";
+    if (host === "hayatosum.com") return "Sumino Hayato";
+    if (host === "lavt.jp") return "Lavt";
+    if (host === "lilasikuta.jp") return "Ikuta Lilas";
+    if (host === "sudamasaki-music.com") return "Suda Masaki";
+    if (host === "higedan.com") return "HIGE DANdism";
+    if (host === "radwimps.jp") return "RADWIMPS";
+    if (host === "instagram.com") return "Instagram";
+    if (host === "tomoo.jp") return "TOMOO";
+    if (host === "vaundy.jp") return "Vaundy";
     if (host === "mapbox.com") return "Mapbox";
     if (host.endsWith("wikipedia.org")) return "Wikipedia";
     if (host === "youtube.com" || host === "youtu.be") return "YouTube";
@@ -47,7 +60,7 @@ export function destinationHint(href: string, override?: string): string {
   return `${override ?? linkDestinationLabel(href)} ↗`;
 }
 
-const HINT_ACCENT = "text-black dark:text-white";
+const HINT_ACCENT = "text-[var(--link-color)]";
 const HINT_MOTION = "transition-all duration-150";
 
 /** Leading ↗ — fades + slides in from the left on parent `.group` hover. */

app/components/listening-track-row.tsx

@@ -34,7 +34,7 @@ export default function ListeningTrackRow({
       href={songUrl}
       target="_blank"
       rel="noopener noreferrer"
-      className={`flex items-center group group/track rounded-sm -mx-2 px-2 pl-3 transition-all duration-150 hover:bg-zinc-100 dark:hover:bg-zinc-700/40 ${
+      className={`flex items-center group group/track rounded-sm -mx-2 px-2 pl-3 transition-all duration-150 hover:bg-[#e8f0f4] dark:hover:bg-[#243640] ${
         compact ? "gap-2 py-1" : "gap-3 py-1.5"
       } ${live ? "" : "opacity-[0.97]"} ${className}`}
     >

app/components/nav.tsx

@@ -16,13 +16,13 @@ function isNavActive(pathname: string, href: string) {
   return pathname === href || pathname.startsWith(`${href}/`);
 }
 
-/** Active nav — accent text + rounded underline; hover — text highlight only */
+/** Active nav stays in the shared link palette; hover is handled globally. */
 function navLinkClassName(active: boolean) {
   const base = "nav-link text-sm";
   if (active) {
-    return `${base} nav-link--active text-black dark:text-white`;
+    return `${base} nav-link--active`;
   }
-  return `${base} text-zinc-500 dark:text-zinc-400 hover:text-black dark:hover:text-white`;
+  return base;
 }
 
 export default function Nav() {
@@ -55,7 +55,7 @@ export default function Nav() {
           href="/"
           onClick={() => setIsOpen(false)}
           style={{ fontFamily: "var(--font-nunito)", fontWeight: 600 }}
-          className="text-base tracking-tight text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white"
+          className="site-logo text-base tracking-tight"
         >
           Kai T. Chen
         </Link>

app/components/oxford-dul/course-project-link.tsx

@@ -14,7 +14,7 @@ export default function CourseProjectLink({ entry, variant = "list" }: CoursePro
   const nameStyle = {
     fontFamily: "var(--font-nunito)",
     fontWeight: 600,
-    fontSize: variant === "card" ? 20 : 18,
+    fontSize: variant === "list" ? 18 : 20,
     fontStyle: "italic" as const,
   };
 
@@ -59,8 +59,8 @@ export default function CourseProjectLink({ entry, variant = "list" }: CoursePro
 
   if (variant === "card") {
     const className = external
-      ? "mag-card block group no-underline"
-      : "mag-card block group no-underline";
+      ? "mag-card project-card-theme block group no-underline"
+      : "mag-card project-card-theme block group no-underline";
 
     const content = (
       <>
@@ -105,7 +105,7 @@ export default function CourseProjectLink({ entry, variant = "list" }: CoursePro
   }
 
   const listClassName =
-    "group block py-2 -mx-2 px-2 rounded-sm hover:bg-zinc-100 dark:hover:bg-zinc-700/40 transition-all duration-150 no-underline";
+    "group block py-2 -mx-2 px-2 rounded-sm hover:bg-[#e8f0f4] dark:hover:bg-[#243640] transition-all duration-150 no-underline";
 
   const listContent = (
     <>

app/components/pinned-project-link.tsx

@@ -20,7 +20,7 @@ export default function PinnedProjectLink({
   const nameStyle = {
     fontFamily: "var(--font-nunito)",
     fontWeight: 600,
-    fontSize: variant === "card" ? 20 : 18,
+    fontSize: variant === "list" ? 18 : 20,
     fontStyle: "italic" as const,
   };
 
@@ -30,7 +30,7 @@ export default function PinnedProjectLink({
         href={href}
         target="_blank"
         rel="noopener noreferrer"
-        className="mag-card block group no-underline"
+        className="mag-card project-card-theme block group no-underline"
         style={{ textDecoration: "none" }}
       >
         <div className="flex items-center gap-2 flex-wrap mb-2">
@@ -73,7 +73,7 @@ export default function PinnedProjectLink({
       href={href}
       target="_blank"
       rel="noopener noreferrer"
-      className="group block py-2 -mx-2 px-2 rounded-sm hover:bg-zinc-100 dark:hover:bg-zinc-700/40 transition-all duration-150 no-underline"
+      className="group block py-2 -mx-2 px-2 rounded-sm hover:bg-[#e8f0f4] dark:hover:bg-[#243640] transition-all duration-150 no-underline"
       style={{ textDecoration: "none" }}
     >
       <div className="flex items-center justify-between gap-3">

app/components/playlist-description.tsx

@@ -11,7 +11,7 @@ const CREDIT_CLASS = "text-zinc-400/90 dark:text-zinc-600";
 
 const PLACE_LINK_WRAP =
   "group/place inline rounded-sm px-0.5 -mx-0.5 " +
-  "hover:bg-zinc-100 dark:hover:bg-zinc-700/40 transition-all duration-150 no-underline";
+  "hover:bg-[#e8f0f4] dark:hover:bg-[#243640] transition-all duration-150 no-underline";
 
 const PLACE_LINK_TEXT =
   "underline underline-offset-2 decoration-zinc-300 dark:decoration-zinc-600 " +
@@ -21,7 +21,7 @@ const PLACE_LINK_TEXT =
 
 const CREDIT_LINK_WRAP =
   "group/credit inline rounded-sm px-0.5 -mx-0.5 " +
-  "hover:bg-zinc-100 dark:hover:bg-zinc-700/40 transition-all duration-150 no-underline";
+  "hover:bg-[#e8f0f4] dark:hover:bg-[#243640] transition-all duration-150 no-underline";
 
 const CREDIT_LINK_TEXT =
   "underline underline-offset-2 decoration-zinc-300 dark:decoration-zinc-600 " +

app/components/weather-card.tsx

@@ -41,11 +41,14 @@ export default function WeatherCard({ initialWeather }: WeatherCardProps) {
           <div style={{ width: 110, flexShrink: 0 }}>
             <button
               onClick={() => setIsCelsius((v) => !v)}
+              disabled={!w}
               style={{ fontFamily: "var(--font-nunito)", fontWeight: 600, fontSize: 18, letterSpacing: "-0.01em" }}
-              className="text-zinc-800 dark:text-zinc-200 leading-none cursor-pointer hover:text-black dark:hover:text-white transition-colors duration-150 bg-transparent border-none p-0 text-left"
+              className="weather-unit-toggle"
               aria-label={`Switch to ${isCelsius ? "Fahrenheit" : "Celsius"}`}
+              title={`Switch to ${isCelsius ? "Fahrenheit" : "Celsius"}`}
             >
-              {displayTemp}
+              <span>{displayTemp}</span>
+              <span className="weather-unit-toggle-icon" aria-hidden>↔</span>
             </button>
           </div>