fix: support website color schemes

website/app/page.tsx

@@ -38,7 +38,7 @@ const heroStats = [
 const routes = [
   { type: "GPT", model: "gpt-5.5", state: "深度推理", tone: "hot", featured: true },
   { type: "Image", model: "gpt-image-2", state: "图像生成", tone: "lime", featured: true },
-  { type: "Claude", model: "claude-opus-4-8", state: "Messages", tone: "white" },
+  { type: "Claude", model: "claude-opus-4-8", state: "Messages", tone: "claude" },
   { type: "Gemini", model: "gemini-3-pro-preview", state: "多模态", tone: "cyan" },
   { type: "Video", model: "doubao-seedance-2-0-260128", state: "视频队列", tone: "blue" },
 ];
@@ -176,9 +176,9 @@ function FlowGlyph() {
     <svg className="flow-glyph" viewBox="0 0 520 360" aria-hidden="true">
       <defs>
         <linearGradient id="lineGradient" x1="0" x2="1" y1="0" y2="1">
-          <stop offset="0%" stopColor="#D7FF4D" />
-          <stop offset="55%" stopColor="#8BF6FF" />
-          <stop offset="100%" stopColor="#FFFFFF" />
+          <stop offset="0%" stopColor="var(--acid)" />
+          <stop offset="55%" stopColor="var(--blue)" />
+          <stop offset="100%" stopColor="var(--flow-end)" />
         </linearGradient>
         <filter id="softGlow" x="-30%" y="-30%" width="160%" height="160%">
           <feGaussianBlur stdDeviation="6" result="blur" />