Fix learn 404, coin animation, full regions, and AI key errors.

Use numeric /learn/{num} routes, register Tailwind coin animations with方孔铜钱 UI, expand to 34 provinces, and surface missing OPENAI_API_KEY clearly.

Co-authored-by: Cursor <cursoragent@cursor.com>

components/result.tsx

@@ -1,4 +1,6 @@
 import React from "react";
+import Link from "next/link";
+import { guaNumFromMark } from "@/lib/content/zhouyi";
 
 export interface ResultObj {
   guaTitle: string;
@@ -8,16 +10,17 @@ export interface ResultObj {
 }
 
 function Result(props: ResultObj) {
+  const guaNum = guaNumFromMark(props.guaMark);
   return (
     <div className="flex flex-col items-start justify-center gap-2 sm:gap-3">
       {props.guaTitle}
-      <a
+      <Link
         className="group flex items-center gap-1 font-medium text-primary/80 underline underline-offset-4 transition-colors hover:text-primary/100"
-        href={`/learn/${props.guaMark}`}
+        href={`/learn/${guaNum}`}
       >
         <div className="mt-1 h-[90%] w-1.5 bg-blue-400/80 transition-colors group-hover:bg-blue-400/100" />
         <span>{props.guaResult}</span>
-      </a>
+      </Link>
       <span className="text-sm italic text-muted-foreground">
         {props.guaChange}
       </span>