koishi-plugin-warframe 1.7.4 → 1.7.5

package/lib/index.js

@@ -4178,33 +4178,72 @@ var import_koishi2 = require("koishi");
 
 // src/components/miscs.tsx
 var import_jsx_runtime = require("@satorijs/element/jsx-runtime");
+var rivenTypeLabel = {
+  melee: "近战",
+  rifle: "步枪",
+  pistol: "手枪",
+  shotgun: "霰弹",
+  zaw: "Zaw"
+};
 function HotRivenComponent(data) {
   const displayData = data.slice(0, 20);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: "width: 600px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 8px; background-color: #f8f9fa; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;", children: displayData.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: "display: flex; align-items: center; justify-content: space-between; gap: 4px; background-color: #ffffff; padding: 8px 10px; border-radius: 6px; border: 1px solid #e8ecf0;", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: "flex: 1; min-width: 0; max-width: 60%;", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: "display: flex; align-items: baseline; gap: 4px;", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: "font-size: 13px; font-weight: 600; color: #1a2332; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;", children: item.name_zh }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: "font-size: 10px; color: #6b7a8f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;", children: item.name_en })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: "display: flex; align-items: center; gap: 4px; margin-top: 1px; flex-wrap: wrap;", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: "font-size: 11px; font-weight: 500; color: #1a2332;", children: [
-          "倾向",
-          " ",
-          item.disposition.toFixed(2)
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: "font-size: 10px; color: #9aabb8;", children: "·" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: "font-size: 10px; color: #6b7a8f;", children: [
-          "🟢在线",
-          " ",
-          item.active_count
-        ] })
+  const rankColors = [
+    "var(--wf-rarity-rare)",
+    "#8a8a8a",
+    "var(--wf-rarity-common)"
+  ];
+  const rankColor = /* @__PURE__ */ __name((i) => i < 3 ? rankColors[i] : "var(--wf-border-strong)", "rankColor");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: "width:640px;background-color:var(--wf-bg-card);border:1px solid var(--wf-border);border-radius:var(--wf-radius);padding:16px;box-shadow:var(--wf-shadow-card);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:var(--wf-text-body);", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: "display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--wf-divider);", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { style: "font-size:18px;font-weight:bold;color:var(--wf-text-primary);margin:0;", children: "热门紫卡" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: "font-size:11px;color:var(--wf-text-muted);", children: [
+        "Top",
+        " ",
+        displayData.length
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: "text-align: right; flex-shrink: 0;", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: "font-size: 16px; font-weight: 700; color: #2d7a6d;", children: [
-      item.bottom_price,
-      "p"
-    ] }) })
-  ] })) });
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: "display:grid;grid-template-columns:1fr 1fr;gap:6px;", children: displayData.map((item, index) => {
+      const rank = index + 1;
+      const color = rankColor(index);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: `display:flex;align-items:center;gap:8px;background-color:var(--wf-bg-subtle);padding:8px 10px;border-radius:var(--wf-radius-md);border:1px solid var(--wf-border);border-left:3px solid ${color};`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: `font-size:14px;font-weight:bold;color:${color};min-width:24px;text-align:center;flex-shrink:0;`, children: [
+          "#",
+          rank
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: "flex:1;min-width:0;", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: "display:flex;align-items:baseline;gap:4px;", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: "font-size:13px;font-weight:600;color:var(--wf-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;", children: item.name_zh }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: "font-size:10px;color:var(--wf-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;", children: item.name_en })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: "display:flex;align-items:center;gap:6px;margin-top:2px;flex-wrap:wrap;", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: "font-size:10px;color:var(--wf-text-secondary);background-color:rgba(0,0,0,0.04);padding:1px 6px;border-radius:var(--wf-radius-sm);", children: rivenTypeLabel[item.rivenType] ?? item.rivenType }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: "font-size:10px;color:var(--wf-text-secondary);", children: [
+              "倾向",
+              " ",
+              item.disposition.toFixed(2)
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: "font-size:10px;color:var(--wf-success);white-space:nowrap;", children: [
+              "●",
+              " ",
+              item.active_count
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: "text-align:right;flex-shrink:0;", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: "font-size:15px;font-weight:700;color:var(--wf-platinum);line-height:1.2;", children: [
+            item.bottom_price,
+            "p"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: "font-size:9px;color:var(--wf-text-muted);", children: [
+            "≥",
+            item.min_price,
+            "p"
+          ] })
+        ] })
+      ] });
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: "margin-top:14px;padding-top:10px;border-top:1px solid var(--wf-border);font-size:10px;color:var(--wf-text-muted);text-align:center;", children: "按底价排序 · ● 在线卖家数 · 数据来源 RivenTracker" })
+  ] });
 }
 __name(HotRivenComponent, "HotRivenComponent");
 
@@ -6936,29 +6975,83 @@ __name(rgbToHex, "rgbToHex");
 // src/components/wf.tsx
 var import_jsx_runtime2 = require("@satorijs/element/jsx-runtime");
 function ArbitrationComponent(arbi) {
+  const rewardTier = /* @__PURE__ */ __name((rewards) => {
+    if (rewards >= 400)
+      return { color: "var(--wf-rarity-rare)", bg: "rgba(255, 215, 0, 0.12)" };
+    if (rewards >= 380)
+      return { color: "var(--wf-warning)", bg: "rgba(255, 140, 66, 0.12)" };
+    if (rewards >= 350)
+      return { color: "var(--wf-success)", bg: "rgba(46, 125, 50, 0.12)" };
+    return { color: "var(--wf-rarity-common)", bg: "rgba(205, 127, 50, 0.12)" };
+  }, "rewardTier");
+  const formatDayLabel = /* @__PURE__ */ __name((dateStr) => {
+    const parts = dateStr.split("/");
+    if (parts.length >= 3) {
+      return `${Number(parts[1])}月${Number(parts[2])}日`;
+    }
+    return dateStr;
+  }, "formatDayLabel");
+  const groups = /* @__PURE__ */ new Map();
+  for (const a of arbi) {
+    const spaceIdx = a.time.indexOf(" ");
+    const dateKey = spaceIdx > 0 ? a.time.slice(0, spaceIdx) : a.time;
+    if (!groups.has(dateKey))
+      groups.set(dateKey, []);
+    groups.get(dateKey).push(a);
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "div",
     {
-      style: "width:calc(100dvw-40px);display:flex;flex-direction:column;align-items: center;",
+      style: "width:600px;background-color:var(--wf-bg-card);border-radius:var(--wf-radius);padding:16px;box-shadow:var(--wf-shadow-card);border:1px solid var(--wf-border);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:var(--wf-text-body);",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { children: "高掉落仲裁时间表" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { style: "width:100%;font-size: 30px;", children: arbi.map((a) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
-              "[",
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "color:darkgreen;", children: a.time }),
-              "]"
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "margin-left:10px;", children: `${a.name} ${a.system}-${a.type} (${a.faction})`.replace(
-              /\(|\)/g,
-              ""
-            ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: "margin-left:10px;", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "color:darkgreen;", children: a.rewards }),
-              "精华/h"
-            ] })
-          ] });
-        }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { style: "font-size:22px;font-weight:bold;color:var(--wf-text-primary);margin:0 0 16px 0;padding-bottom:12px;border-bottom:1px solid var(--wf-divider);text-align:center;", children: "高掉落仲裁时间表" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: "display:flex;flex-direction:column;gap:14px;", children: [...groups.entries()].map(([dateKey, items]) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "div",
+            {
+              style: "font-size:13px;font-weight:bold;color:var(--wf-text-secondary);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--wf-border);",
+              children: formatDayLabel(dateKey)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: "display:flex;flex-direction:column;gap:4px;", children: items.map((a) => {
+            const tier = rewardTier(a.rewards);
+            const timeLabel = a.time.includes(" ") ? a.time.slice(a.time.indexOf(" ") + 1) : a.time;
+            return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              "div",
+              {
+                style: "display:flex;align-items:center;gap:10px;padding:6px 10px;background-color:var(--wf-bg-subtle);border-radius:var(--wf-radius-sm);border-left:3px solid var(--wf-border-strong);",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    "span",
+                    {
+                      style: "font-size:13px;font-weight:600;color:var(--wf-text-primary);font-family:monospace;min-width:52px;",
+                      children: timeLabel
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-size:13px;color:var(--wf-text-body);flex:1;min-width:0;", children: `${a.name} ${a.system}-${a.type}` }),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    "span",
+                    {
+                      style: "font-size:13px;color:var(--wf-accent);background-color:rgba(71,181,165,0.1);padding:1px 8px;border-radius:var(--wf-radius-sm);white-space:nowrap;",
+                      children: a.faction
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                    "span",
+                    {
+                      style: `font-size:13px;font-weight:700;color:${tier.color};background-color:${tier.bg};padding:2px 8px;border-radius:var(--wf-radius-sm);white-space:nowrap;min-width:96px;text-align:right;`,
+                      children: [
+                        a.rewards,
+                        " ",
+                        "精华/h"
+                      ]
+                    }
+                  )
+                ]
+              }
+            );
+          }) })
+        ] })) })
       ]
     }
   );
@@ -6969,13 +7062,14 @@ function CircuitComponent(currentIncarnons, currentWarframes, allIncarnons, allW
     "div",
     {
       style: `
-      background: linear-gradient(135deg, #f5f0e8 0%, #fff8f0 100%);
-      border-radius: 8px;
+      background-color: var(--wf-bg-card);
+      border-radius: var(--wf-radius);
       padding: 16px;
       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
       width: 1000px;
-      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-      border: 1px solid rgba(0, 0, 0, 0.05);
+      box-shadow: var(--wf-shadow-card);
+      border: 1px solid var(--wf-border);
+      color: var(--wf-text-body);
     `,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
@@ -6985,7 +7079,7 @@ function CircuitComponent(currentIncarnons, currentWarframes, allIncarnons, allW
         text-align: center;
         margin-bottom: 20px;
         padding-bottom: 12px;
-        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+        border-bottom: 1px solid var(--wf-divider);
       `,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -6994,7 +7088,7 @@ function CircuitComponent(currentIncarnons, currentWarframes, allIncarnons, allW
                   style: `
           font-size: 22px;
           font-weight: bold;
-          color: #1a1a1a;
+          color: var(--wf-text-primary);
           margin: 0 0 8px 0;
         `,
                   children: "回廊奖励总览"
@@ -7004,7 +7098,7 @@ function CircuitComponent(currentIncarnons, currentWarframes, allIncarnons, allW
                 "p",
                 {
                   style: `
-          color: #666666;
+          color: var(--wf-text-secondary);
           font-size: 11px;
           margin: 0;
         `,
@@ -7039,11 +7133,11 @@ function CircuitComponent(currentIncarnons, currentWarframes, allIncarnons, allW
                 {
                   style: `
           flex: 1;
-          background: rgba(255, 255, 255, 0.8);
-          border-radius: 8px;
+          background-color: var(--wf-bg-subtle);
+          border-radius: var(--wf-radius);
           padding: 12px;
-          border: 1px solid rgba(0, 0, 0, 0.08);
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
+          border: 1px solid var(--wf-border);
+          box-shadow: var(--wf-shadow-inner);
         `,
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -7052,10 +7146,10 @@ function CircuitComponent(currentIncarnons, currentWarframes, allIncarnons, allW
                         style: `
             font-weight: bold;
             font-size: 15px;
-            color: #333333;
+            color: var(--wf-text-body);
             margin-bottom: 12px;
             padding-bottom: 8px;
-            border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+            border-bottom: 1px solid var(--wf-border);
           `,
                         children: "灵化之源"
                       }
@@ -7074,11 +7168,11 @@ function CircuitComponent(currentIncarnons, currentWarframes, allIncarnons, allW
                             "div",
                             {
                               style: `
-                    background: ${isCurrent ? "#fff8f0" : "#ffffff"};
-                    border-radius: 4px;
+                    background-color: ${isCurrent ? "var(--wf-bg-tint)" : "var(--wf-bg-card)"};
+                    border-radius: var(--wf-radius-sm);
                     padding: 8px 10px;
-                    border-left: 4px solid ${isCurrent ? "#ff8c42" : "#e0e0e0"};
-                    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
+                    border-left: 4px solid ${isCurrent ? "var(--wf-warning)" : "var(--wf-border-strong)"};
+                    box-shadow: var(--wf-shadow-subtle);
                   `,
                               children: [
                                 /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
@@ -7087,7 +7181,7 @@ function CircuitComponent(currentIncarnons, currentWarframes, allIncarnons, allW
                                     style: `
                     font-size: 10px;
                     font-weight: bold;
-                    color: ${isCurrent ? "#ff8c42" : "#999999"};
+                    color: ${isCurrent ? "var(--wf-warning)" : "var(--wf-text-muted)"};
                     margin-bottom: 6px;
                   `,
                                     children: [
@@ -7111,13 +7205,13 @@ function CircuitComponent(currentIncarnons, currentWarframes, allIncarnons, allW
                                       "span",
                                       {
                                         style: `
-                        background: ${isCurrent ? "#fff0e0" : "#f5f5f5"};
+                        background-color: ${isCurrent ? "var(--wf-bg-tint)" : "var(--wf-bg-subtle)"};
                         padding: 3px 10px;
-                        border-radius: 4px;
+                        border-radius: var(--wf-radius-sm);
                         font-size: 11px;
                         font-weight: 500;
-                        color: #333333;
-                        border: 1px solid ${isCurrent ? "#ffe0b5" : "#e8e8e8"};
+                        color: var(--wf-text-body);
+                        border: 1px solid ${isCurrent ? "var(--wf-border-strong)" : "var(--wf-border)"};
                       `,
                                         children: item
                                       }
@@ -7138,11 +7232,11 @@ function CircuitComponent(currentIncarnons, currentWarframes, allIncarnons, allW
                 {
                   style: `
           flex: 1;
-          background: rgba(255, 255, 255, 0.8);
-          border-radius: 8px;
+          background-color: var(--wf-bg-subtle);
+          border-radius: var(--wf-radius);
           padding: 12px;
-          border: 1px solid rgba(0, 0, 0, 0.08);
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
+          border: 1px solid var(--wf-border);
+          box-shadow: var(--wf-shadow-inner);
         `,
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -7151,10 +7245,10 @@ function CircuitComponent(currentIncarnons, currentWarframes, allIncarnons, allW
                         style: `
             font-weight: bold;
             font-size: 15px;
-            color: #333333;
+            color: var(--wf-text-body);
             margin-bottom: 12px;
             padding-bottom: 8px;
-            border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+            border-bottom: 1px solid var(--wf-border);
           `,
                         children: "战甲"
                       }
@@ -7173,11 +7267,11 @@ function CircuitComponent(currentIncarnons, currentWarframes, allIncarnons, allW
                             "div",
                             {
                               style: `
-                    background: ${isCurrent ? "#f0faf8" : "#ffffff"};
-                    border-radius: 4px;
+                    background-color: ${isCurrent ? "var(--wf-bg-tint)" : "var(--wf-bg-card)"};
+                    border-radius: var(--wf-radius-sm);
                     padding: 8px 10px;
-                    border-left: 4px solid ${isCurrent ? "#47b5a5" : "#e0e0e0"};
-                    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
+                    border-left: 4px solid ${isCurrent ? "var(--wf-accent)" : "var(--wf-border-strong)"};
+                    box-shadow: var(--wf-shadow-subtle);
                   `,
                               children: [
                                 /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
@@ -7186,7 +7280,7 @@ function CircuitComponent(currentIncarnons, currentWarframes, allIncarnons, allW
                                     style: `
                     font-size: 10px;
                     font-weight: bold;
-                    color: ${isCurrent ? "#47b5a5" : "#999999"};
+                    color: ${isCurrent ? "var(--wf-accent)" : "var(--wf-text-muted)"};
                     margin-bottom: 6px;
                   `,
                                     children: [
@@ -7210,13 +7304,13 @@ function CircuitComponent(currentIncarnons, currentWarframes, allIncarnons, allW
                                       "span",
                                       {
                                         style: `
-                        background: ${isCurrent ? "#e0f7f2" : "#f5f5f5"};
+                        background-color: ${isCurrent ? "var(--wf-bg-tint)" : "var(--wf-bg-subtle)"};
                         padding: 3px 10px;
-                        border-radius: 4px;
+                        border-radius: var(--wf-radius-sm);
                         font-size: 11px;
                         font-weight: 500;
-                        color: #333333;
-                        border: 1px solid ${isCurrent ? "#c0e0d8" : "#e8e8e8"};
+                        color: var(--wf-text-body);
+                        border: 1px solid ${isCurrent ? "var(--wf-border-strong)" : "var(--wf-border)"};
                       `,
                                         children: item
                                       }
@@ -7241,9 +7335,9 @@ function CircuitComponent(currentIncarnons, currentWarframes, allIncarnons, allW
             style: `
         margin-top: 16px;
         padding-top: 12px;
-        border-top: 1px solid rgba(0, 0, 0, 0.08);
+        border-top: 1px solid var(--wf-border);
         font-size: 10px;
-        color: #999999;
+        color: var(--wf-text-muted);
         text-align: center;
       `,
             children: "每周一更新"
@@ -7260,27 +7354,27 @@ function FissureComponent(fissures, type) {
     "sp-fissure": "虚空裂缝 (钢铁之路)",
     "rj-fissure": "虚空裂缝 (九重天)"
   };
-  const colors = [
-    "#B87333",
-    "#4A6F43",
-    "#B2B2B2",
-    "#D4AF37",
-    "#8B0000",
-    "#2F9E88"
+  const tierColors = [
+    "var(--wf-rarity-common)",
+    "var(--wf-success)",
+    "var(--wf-rarity-uncommon)",
+    "var(--wf-rarity-rare)",
+    "var(--wf-danger)",
+    "var(--wf-accent)"
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: "display:flex;flex-direction:column;align-items:center;", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { style: "font-size: 50px;", children: titles[type] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { style: "font-size: 30px;margin-top:30px;", children: fissures.filter((f) => f.expiry - Date.now() > 0).map((f) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: "display:flex;flex-direction:column;align-items:center;background-color:var(--wf-bg-card);border-radius:var(--wf-radius);padding:16px;box-shadow:var(--wf-shadow-card);border:1px solid var(--wf-border);", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { style: "font-size:50px;color:var(--wf-text-primary);", children: titles[type] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { style: "font-size:30px;margin-top:30px;", children: fissures.filter((f) => f.expiry - Date.now() > 0).map((f) => {
       const timeLeft = f.expiry - Date.now();
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { style: "margin-top: 10px;", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: `color:${colors[f.tierNum - 1]};`, children: `${f.tier}(T${f.tierNum})` }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: "margin-left: 20px;", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { style: "margin-top:10px;color:var(--wf-text-body);", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: `color:${tierColors[f.tierNum - 1]};`, children: `${f.tier}(T${f.tierNum})` }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: "margin-left:20px;", children: [
           f.node.name,
           " ",
           f.node.system
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "margin-left: 10px;", children: f.node.type }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: "margin-left: 10px;color:purple;", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "margin-left:10px;", children: f.node.type }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: "margin-left:10px;color:var(--wf-accent);", children: [
           f.node.faction,
           "(",
           f.node.minLevel + 5 + (f.hard ? 100 : 0),
@@ -7291,7 +7385,7 @@ function FissureComponent(fissures, type) {
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
           "span",
           {
-            style: `margin-left: 10px;color:${timeLeft > 36e5 ? "green" : timeLeft > 6e5 ? "blue" : "red"};`,
+            style: `margin-left:10px;color:${timeLeft > 36e5 ? "var(--wf-success)" : timeLeft > 6e5 ? "var(--wf-info)" : "var(--wf-danger)"};`,
             children: [
               "剩余",
               msToHumanReadable(timeLeft)
@@ -7300,7 +7394,7 @@ function FissureComponent(fissures, type) {
         )
       ] });
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: "margin-top: 30px; font-size: 30px;", children: "注: 该功能的数据有一定延迟" })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: "margin-top:30px;font-size:30px;color:var(--wf-text-muted);", children: "注: 该功能的数据有一定延迟" })
   ] });
 }
 __name(FissureComponent, "FissureComponent");
@@ -7310,17 +7404,17 @@ function WeeklyRivenComponent(items, minPrice) {
     "div",
     {
       style: `
-        color: #333333;
+        color: var(--wf-text-body);
         line-height: 1.5;
         font-size: 14px;
-        background: linear-gradient(135deg, #f5f0e8 0%, #fff8f0 100%);
+        background-color: var(--wf-bg-card);
         font-family: 'Segoe UI', system-ui, sans-serif;
         max-width: 600px;
         margin: 0 auto;
         padding: 16px;
-        border-radius: 8px;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        border: 1px solid rgba(0, 0, 0, 0.05);
+        border-radius: var(--wf-radius);
+        box-shadow: var(--wf-shadow-card);
+        border: 1px solid var(--wf-border);
       `,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
@@ -7329,10 +7423,10 @@ function WeeklyRivenComponent(items, minPrice) {
             style: `
           font-size: 22px;
           font-weight: bold;
-          color: #1a1a1a;
+          color: var(--wf-text-primary);
           margin: 0 0 16px 0;
           padding-bottom: 12px;
-          border-bottom: 2px solid rgba(0, 0, 0, 0.1);
+          border-bottom: 2px solid var(--wf-divider);
           text-align: center;
         `,
             children: [
@@ -7354,21 +7448,21 @@ function WeeklyRivenComponent(items, minPrice) {
             children: items.map((item, index) => {
               const weaponName = item.compatibility ? `${item.compatibility}` : item.itemType.replace(" Riven Mod", "");
               const tierNum = index + 1;
-              const tierColors = ["#ffd700", "#c0c0c0", "#cd7f32", "rgba(0, 0, 0, 0.08)"];
+              const tierColors = ["var(--wf-rarity-rare)", "var(--wf-rarity-uncommon)", "var(--wf-rarity-common)", "var(--wf-border-strong)"];
               const tierColor = tierNum === 1 ? tierColors[0] : tierNum === 2 ? tierColors[1] : tierNum === 3 ? tierColors[2] : tierColors[3];
               return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                 "div",
                 {
                   style: `
-                background-color: #ffffff;
-                border: 1px solid rgba(0, 0, 0, 0.08);
-                border-radius: 8px;
+                background-color: var(--wf-bg-card);
+                border: 1px solid var(--wf-border);
+                border-radius: var(--wf-radius-md);
                 padding: 10px 14px;
                 display: flex;
                 justify-content: space-between;
                 align-items: center;
                 border-left: 4px solid ${tierColor};
-                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+                box-shadow: var(--wf-shadow-subtle);
               `,
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
@@ -7401,7 +7495,7 @@ function WeeklyRivenComponent(items, minPrice) {
                               style: `
                     font-weight: 600;
                     font-size: 15px;
-                    color: #333333;
+                    color: var(--wf-text-body);
                   `,
                               children: weaponName
                             }
@@ -7422,7 +7516,7 @@ function WeeklyRivenComponent(items, minPrice) {
                             "span",
                             {
                               style: `
-                    color: #2e7d32;
+                    color: var(--wf-success);
                     font-weight: 600;
                     font-size: 15px;
                   `,
@@ -7432,7 +7526,7 @@ function WeeklyRivenComponent(items, minPrice) {
                               ]
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: "#888888", fontSize: 12 }, children: `均价:${formatPrice(item.avg)}P 交易量:${item.pop} 区间:[${item.min}-${item.max}]` })
+                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: "var(--wf-text-muted)", fontSize: 12 }, children: `均价:${formatPrice(item.avg)}P 交易量:${item.pop} 区间:[${item.min}-${item.max}]` })
                         ]
                       }
                     )
@@ -7448,9 +7542,9 @@ function WeeklyRivenComponent(items, minPrice) {
             style: `
           margin-top: 16px;
           padding-top: 12px;
-          border-top: 1px solid rgba(0, 0, 0, 0.08);
+          border-top: 1px solid var(--wf-border);
           font-size: 10px;
-          color: #999999;
+          color: var(--wf-text-muted);
           text-align: center;
         `,
             children: "数据来源: warframe.com weeklyRivensPC · 按未洗卡中位价排序，均价仅作参考"
@@ -7462,209 +7556,86 @@ function WeeklyRivenComponent(items, minPrice) {
 }
 __name(WeeklyRivenComponent, "WeeklyRivenComponent");
 function WeeklyComponent(archon, deepArchimedea, temporalArchimedea) {
-  const archonHuntSection = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "section",
-    {
-      style: `
-            border-radius: 8px;
-            border: 1px solid #1f2937;
-            padding: 12px 14px;
-            background-color: #0b0f19;
-            box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.9);
-            color: #e5e7eb;
-          `,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "div",
-          {
-            style: `
-              font-size: 12px;
-              color: #9ca3af;
-              margin-bottom: 6px;
-            `,
-            children: "Archon Hunt"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "div",
-          {
-            style: `
-              font-size: 16px;
-              font-weight: 600;
-            `,
-            children: `执行官刺杀: ${archon.name}`
-          }
-        )
-      ]
-    }
-  );
-  const deepArchimedeaSection = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "section",
-    {
-      style: `
-            border-radius: 8px;
-            border: 1px solid #1f2937;
-            padding: 12px 14px;
-            background-color: #0b0f19;
-            box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.9);
-            color: #e5e7eb;
-          `,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "div",
-          {
-            style: `
-              font-size: 12px;
-              color: #6ee7b7;
-              margin-bottom: 6px;
-            `,
-            children: "Deep Archimedea"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "div",
-          {
-            style: `
-              font-size: 16px;
-              font-weight: 600;
-              margin-bottom: 8px;
-            `,
-            children: deepArchimedea.name
-          }
-        ),
-        deepArchimedea.missions.map((m) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-          "div",
-          {
-            style: `
-                border-radius: 6px;
-                border: 1px solid rgba(255,255,255,0.15);
-                padding: 8px 10px;
-                margin-bottom: 8px;
-                background-color: rgba(255,255,255,0.05);
-              `,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                "div",
-                {
-                  style: `
-                  font-size: 13px;
-                  font-weight: 600;
-                  margin-bottom: 4px;
-                `,
-                  children: m.type
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: "font-size: 12px;", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-weight: 600; margin-right: 4px;", children: "偏差:" }),
-                  `${m.deviation.name}(${m.deviation.desc})`
-                ] }),
-                m.risks.map((r) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-weight: 600; margin-right: 4px;", children: "风险:" }),
-                  `${r.name}(${r.desc})`
-                ] }))
-              ] })
-            ]
-          }
-        )),
-        deepArchimedea.peronal.map((p) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: "font-size: 12px; margin-top: 4px;", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-weight: 600; margin-right: 4px;", children: "个人变量:" }),
-          `${p.name}(${p.desc})`
+  const sectionStyle = `
+    border-radius: var(--wf-radius);
+    border: 1px solid var(--wf-border);
+    padding: 12px 14px;
+    background-color: var(--wf-bg-subtle);
+    box-shadow: var(--wf-shadow-inner);
+    color: var(--wf-text-body);
+  `;
+  const missionCardStyle = `
+    border-radius: var(--wf-radius-md);
+    border: 1px solid var(--wf-border);
+    padding: 8px 10px;
+    margin-bottom: 8px;
+    background-color: var(--wf-bg-card);
+  `;
+  const archonHuntSection = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { style: sectionStyle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: "font-size:12px;color:var(--wf-text-muted);margin-bottom:6px;", children: "Archon Hunt" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: "font-size:16px;font-weight:600;color:var(--wf-text-primary);", children: `执行官刺杀: ${archon.name}` })
+  ] });
+  const deepArchimedeaSection = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { style: sectionStyle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: "font-size:12px;color:var(--wf-success);margin-bottom:6px;", children: "Deep Archimedea" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: "font-size:16px;font-weight:600;color:var(--wf-text-primary);margin-bottom:8px;", children: deepArchimedea.name }),
+    deepArchimedea.missions.map((m) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: missionCardStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: "font-size:13px;font-weight:600;margin-bottom:4px;color:var(--wf-text-body);", children: m.type }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: "font-size:12px;color:var(--wf-text-secondary);", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-weight:600;margin-right:4px;color:var(--wf-text-body);", children: "偏差:" }),
+          `${m.deviation.name}(${m.deviation.desc})`
+        ] }),
+        m.risks.map((r) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-weight:600;margin-right:4px;color:var(--wf-text-body);", children: "风险:" }),
+          `${r.name}(${r.desc})`
         ] }))
-      ]
-    }
-  );
-  const temporalArchimedeaSection = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "section",
-    {
-      style: `
-            border-radius: 8px;
-            border: 1px solid #1f2937;
-            padding: 12px 14px;
-            background-color: #0b0f19;
-            box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.9);
-            color: #e5e7eb;
-          `,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "div",
-          {
-            style: `
-              font-size: 12px;
-              color: #a5b4fc;
-              margin-bottom: 6px;
-            `,
-            children: "Temporal Archimedea"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "div",
-          {
-            style: `
-              font-size: 16px;
-              font-weight: 600;
-              margin-bottom: 8px;
-            `,
-            children: temporalArchimedea.name
-          }
-        ),
-        temporalArchimedea.missions.map((m) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-          "div",
-          {
-            style: `
-                border-radius: 6px;
-                border: 1px solid rgba(255,255,255,0.15);
-                padding: 8px 10px;
-                margin-bottom: 8px;
-                background-color: rgba(255,255,255,0.05);
-              `,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                "div",
-                {
-                  style: `
-                  font-size: 13px;
-                  font-weight: 600;
-                  margin-bottom: 4px;
-                `,
-                  children: m.type
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: "font-size: 12px;", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-weight: 600; margin-right: 4px;", children: "偏差:" }),
-                  `${m.deviation.name}(${m.deviation.desc})`
-                ] }),
-                m.risks.map((r) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-weight: 600; margin-right: 4px;", children: "风险:" }),
-                  `${r.name}(${r.desc})`
-                ] }))
-              ] })
-            ]
-          }
-        )),
-        temporalArchimedea.peronal.map((p) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: "font-size: 12px; margin-top: 4px;", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-weight: 600; margin-right: 4px;", children: "个人变量:" }),
-          `${p.name}(${p.desc})`
+      ] })
+    ] })),
+    deepArchimedea.peronal.map((p) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: "font-size:12px;margin-top:4px;color:var(--wf-text-secondary);", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-weight:600;margin-right:4px;color:var(--wf-text-body);", children: "个人变量:" }),
+      `${p.name}(${p.desc})`
+    ] }))
+  ] });
+  const temporalArchimedeaSection = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { style: sectionStyle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: "font-size:12px;color:var(--wf-info);margin-bottom:6px;", children: "Temporal Archimedea" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: "font-size:16px;font-weight:600;color:var(--wf-text-primary);margin-bottom:8px;", children: temporalArchimedea.name }),
+    temporalArchimedea.missions.map((m) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: missionCardStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: "font-size:13px;font-weight:600;margin-bottom:4px;color:var(--wf-text-body);", children: m.type }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: "font-size:12px;color:var(--wf-text-secondary);", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-weight:600;margin-right:4px;color:var(--wf-text-body);", children: "偏差:" }),
+          `${m.deviation.name}(${m.deviation.desc})`
+        ] }),
+        m.risks.map((r) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-weight:600;margin-right:4px;color:var(--wf-text-body);", children: "风险:" }),
+          `${r.name}(${r.desc})`
         ] }))
-      ]
-    }
-  );
+      ] })
+    ] })),
+    temporalArchimedea.peronal.map((p) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: "font-size:12px;margin-top:4px;color:var(--wf-text-secondary);", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-weight:600;margin-right:4px;color:var(--wf-text-body);", children: "个人变量:" }),
+      `${p.name}(${p.desc})`
+    ] }))
+  ] });
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "div",
     {
       style: `
-          color: #e4e7ec;
-          line-height: 1.5;
-          font-size: 14px;
-          background-color: #05060a;
-          font-family: 'Segoe UI', system-ui, sans-serif;
-          max-width: 1024px;
-          margin: 0 auto;
-          display: grid;
-          grid-template-columns: 1fr 1fr 1fr;
-          gap: 16px;
-        `,
+        color: var(--wf-text-body);
+        line-height: 1.5;
+        font-size: 14px;
+        background-color: var(--wf-bg-card);
+        font-family: 'Segoe UI', system-ui, sans-serif;
+        max-width: 1024px;
+        margin: 0 auto;
+        padding: 16px;
+        border-radius: var(--wf-radius);
+        border: 1px solid var(--wf-border);
+        box-shadow: var(--wf-shadow-card);
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr;
+        gap: 16px;
+      `,
       children: [
         archonHuntSection,
         deepArchimedeaSection,
@@ -7680,12 +7651,12 @@ function RelicComponent(relic) {
   const bronze = relic.items.filter((i) => i.rarity === "COMMON");
   const getRateColor = /* @__PURE__ */ __name((rarity) => {
     if (rarity === "RARE")
-      return "#ffd700";
+      return "var(--wf-rarity-rare)";
     if (rarity === "UNCOMMON")
-      return "#c0c0c0";
+      return "var(--wf-rarity-uncommon)";
     if (rarity === "COMMON")
-      return "#cd7f32";
-    return "#000000";
+      return "var(--wf-rarity-common)";
+    return "var(--wf-text-primary)";
   }, "getRateColor");
   const relicRewardDropRate = {
     RARE: "2/4/6/10",
@@ -7700,19 +7671,19 @@ function RelicComponent(relic) {
       {
         style: `padding: 8px 12px;
           margin: 4px 0;
-          border-radius: 4px;
-          background-color: rgba(255, 255, 255, 0.05);
+          border-radius: var(--wf-radius-sm);
+          background-color: var(--wf-bg-subtle);
           border-left: 4px solid ${getRateColor(item.rarity)};
           display: flex;
           justify-content: space-between;
           align-items: center;
           line-height: 1;`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "color: #000000; font-size: 14px;", children: item.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "color: var(--wf-text-primary); font-size: 14px;", children: item.name }),
           /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
             "span",
             {
-              style: `color: #a0a0a0;
+              style: `color: var(--wf-text-faint);
               font-size: 12px;
               font-family: monospace;
               display:flex;
@@ -7721,7 +7692,7 @@ function RelicComponent(relic) {
                 item.platinum ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                   "span",
                   {
-                    style: "\n                color: #0d93b8;\n                display:flex;\n                line-height:1;",
+                    style: "\n                color: var(--wf-platinum);\n                display:flex;\n                line-height:1;",
                     children: [
                       item.platinum,
                       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -7735,7 +7706,7 @@ function RelicComponent(relic) {
                     ]
                   }
                 ) : "",
-                item.ducats ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: "color: #a0a000;display:flex;line-height:1;", children: [
+                item.ducats ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: "color: var(--wf-ducats);display:flex;line-height:1;", children: [
                   item.ducats,
                   /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     "svg",
@@ -7761,12 +7732,13 @@ function RelicComponent(relic) {
     "div",
     {
       style: `
-        border-radius: 8px;
+        border-radius: var(--wf-radius);
         padding: 16px;
         margin: 12px;
-        border: 1px solid rgba(255, 255, 255, 0.1);
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        color: #000000;
+        border: 1px solid var(--wf-border);
+        box-shadow: var(--wf-shadow-card);
+        background-color: var(--wf-bg-card);
+        color: var(--wf-text-primary);
         font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
         max-width: 500px;
         min-width: 320px;`,
@@ -7779,14 +7751,14 @@ function RelicComponent(relic) {
           align-items: center;
           margin-bottom: 16px;
           padding-bottom: 12px;
-          border-bottom: 1px solid rgba(255, 255, 255, 0.1);`,
+          border-bottom: 1px solid var(--wf-divider);`,
             children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               "h1",
               {
                 style: `font-size: 20px;
             font-weight: bold;
             margin: 0;
-            color: #000000;`,
+            color: var(--wf-text-primary);`,
                 children: `${relic.tier} ${relic.num} 遗物`
               }
             )
@@ -7804,7 +7776,7 @@ function RelicComponent(relic) {
                 {
                   style: `font-size: 14px;
                 font-weight: bold;
-                color: #ffd700;
+                color: var(--wf-rarity-rare);
                 margin: 0;
                 text-transform: uppercase;`,
                   children: "稀有"
@@ -7826,7 +7798,7 @@ function RelicComponent(relic) {
                 {
                   style: `font-size: 14px;
                 font-weight: bold;
-                color: #c0c0c0;
+                color: var(--wf-rarity-uncommon);
                 margin: 0;
                 text-transform: uppercase;`,
                   children: "罕见"
@@ -7848,7 +7820,7 @@ function RelicComponent(relic) {
                 {
                   style: `font-size: 14px;
                 font-weight: bold;
-                color: #cd7f32;
+                color: var(--wf-rarity-common);
                 margin: 0;
                 text-transform: uppercase;`,
                   children: "常见"
@@ -7863,9 +7835,9 @@ function RelicComponent(relic) {
           {
             style: `margin-top: 16px;
           padding-top: 12px;
-          border-top: 1px solid rgba(255, 255, 255, 0.1);
+          border-top: 1px solid var(--wf-border);
           font-size: 10px;
-          color: #888888;
+          color: var(--wf-text-muted);
           text-align: center;`,
             children: "价格数据来源于 WFM Ducanator, 约有1小时延迟"
           }
@@ -7956,18 +7928,18 @@ function RivenComponent(data) {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: "display: flex; gap: 20px; width: 600px;", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "div",
     {
-      style: "width: 100%; border-radius: 8px; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.3); border: 1px solid #444;",
+      style: "width: 100%; border-radius: var(--wf-radius); padding: 20px; box-shadow: var(--wf-shadow-card); border: 1px solid var(--wf-border); background-color: var(--wf-bg-card); color: var(--wf-text-body);",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
           "div",
           {
-            style: "display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #444;",
+            style: "display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid var(--wf-divider);",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { style: "margin: 0; font-size: 20px;", children: data.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { style: "margin: 0; font-size: 20px; color: var(--wf-text-primary);", children: data.name }),
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                 "div",
                 {
-                  style: "background-color: #f0f0f0; padding: 4px 12px; border-radius: 12px; font-size: 14px; line-height: 1;",
+                  style: "background-color: var(--wf-bg-subtle); padding: 4px 12px; border-radius: 12px; font-size: 14px; line-height: 1; color: var(--wf-text-body);",
                   children: `倾向: ${getDispositionIcon(
                     data.disposition
                   )} (${data.disposition.toFixed(2)})`
@@ -7980,7 +7952,7 @@ function RivenComponent(data) {
           /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
             "h3",
             {
-              style: "color: #4caf50; margin: 0 0 15px 0; font-size: 16px; display: flex; align-items: center;",
+              style: "color: var(--wf-success); margin: 0 0 15px 0; font-size: 16px; display: flex; align-items: center;",
               children: [
                 "正面词条 (",
                 data.buffs.length,
@@ -7995,8 +7967,8 @@ function RivenComponent(data) {
               "li",
               {
                 style: `
-                    background-color: #eeeeee;
-                    border-radius: 6px;
+                    background-color: var(--wf-bg-subtle);
+                    border-radius: var(--wf-radius-md);
                     padding: 12px;
                     margin-bottom: 10px;
                     border-left: 4px solid ${percentColor};
@@ -8007,15 +7979,15 @@ function RivenComponent(data) {
                     {
                       style: "display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-weight: bold;", children: buff.name }),
-                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-size: 18px; font-weight: bold;", children: formatValue(buff.value, buff.unit) })
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-weight: bold; color: var(--wf-text-primary);", children: buff.name }),
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-size: 18px; font-weight: bold; color: var(--wf-text-primary);", children: formatValue(buff.value, buff.unit) })
                       ]
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     "div",
                     {
-                      style: "height: 10px; background-color: #444; border-radius: 3px; margin-bottom: 8px;",
+                      style: "height: 10px; background-color: var(--wf-border-strong); border-radius: 3px; margin-bottom: 8px;",
                       children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                         "div",
                         {
@@ -8035,7 +8007,7 @@ function RivenComponent(data) {
                   /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                     "div",
                     {
-                      style: "display: flex; justify-content: space-between; font-size: 12px; color: #aaa;",
+                      style: "display: flex; justify-content: space-between; font-size: 12px; color: var(--wf-text-muted);",
                       children: [
                         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
                           "范围:",
@@ -8052,7 +8024,7 @@ function RivenComponent(data) {
                   !inRange ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                     "div",
                     {
-                      style: "margin-top: 8px; padding: 6px; background-color: rgba(244, 67, 54, 0.2); border-radius: 4px; font-size: 12px; color: #f44336; display: flex; align-items: center;",
+                      style: "margin-top: 8px; padding: 6px; background-color: rgba(224, 80, 80, 0.12); border-radius: var(--wf-radius-sm); font-size: 12px; color: var(--wf-danger); display: flex; align-items: center;",
                       children: [
                         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "margin-right: 6px;", children: "⚠" }),
                         "数值不在正常范围内（可能未满级或倾向未更新）"
@@ -8068,7 +8040,7 @@ function RivenComponent(data) {
           /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
             "h3",
             {
-              style: "color: #f44336; margin: 0 0 15px 0; font-size: 16px; display: flex; align-items: center;",
+              style: "color: var(--wf-danger); margin: 0 0 15px 0; font-size: 16px; display: flex; align-items: center;",
               children: [
                 "负面词条 (",
                 data.curses.length,
@@ -8082,22 +8054,22 @@ function RivenComponent(data) {
             return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
               "li",
               {
-                style: `background-color: #eeeeee; border-radius: 6px; padding: 12px; margin-bottom: 10px; border-left: 4px solid ${percentColor};`,
+                style: `background-color: var(--wf-bg-subtle); border-radius: var(--wf-radius-md); padding: 12px; margin-bottom: 10px; border-left: 4px solid ${percentColor};`,
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                     "div",
                     {
                       style: "display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-weight: bold;", children: curse.name }),
-                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-size: 18px; font-weight: bold;", children: formatValue(curse.value, curse.unit) })
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-weight: bold; color: var(--wf-text-primary);", children: curse.name }),
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "font-size: 18px; font-weight: bold; color: var(--wf-text-primary);", children: formatValue(curse.value, curse.unit) })
                       ]
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     "div",
                     {
-                      style: "height: 10px; background-color: #444; border-radius: 3px; margin-bottom: 8px;",
+                      style: "height: 10px; background-color: var(--wf-border-strong); border-radius: 3px; margin-bottom: 8px;",
                       children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                         "div",
                         {
@@ -8117,7 +8089,7 @@ function RivenComponent(data) {
                   /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                     "div",
                     {
-                      style: "display: flex; justify-content: space-between; font-size: 12px; color: #aaa;",
+                      style: "display: flex; justify-content: space-between; font-size: 12px; color: var(--wf-text-muted);",
                       children: [
                         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
                           "范围:",
@@ -8134,7 +8106,7 @@ function RivenComponent(data) {
                   !inRange ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                     "div",
                     {
-                      style: "margin-top: 8px; padding: 6px; background-color: rgba(244, 67, 54, 0.2); border-radius: 4px; font-size: 12px; color: #f44336; display: flex; align-items: center;",
+                      style: "margin-top: 8px; padding: 6px; background-color: rgba(224, 80, 80, 0.12); border-radius: var(--wf-radius-sm); font-size: 12px; color: var(--wf-danger); display: flex; align-items: center;",
                       children: [
                         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: "margin-right: 6px;", children: "⚠" }),
                         "数值不在正常范围内（可能未满级或倾向未更新）"
@@ -8172,9 +8144,12 @@ function RivenStatComponent(data) {
         flex-direction: column;
         gap: 16px;
         padding: 16px;
-        font-family: system-ui, sans-serif;
-        background-color: #1a1a2e;
-        border-radius: 8px;
+        font-family: 'Segoe UI', system-ui, sans-serif;
+        background-color: var(--wf-bg-card);
+        border: 1px solid var(--wf-border);
+        border-radius: var(--wf-radius);
+        box-shadow: var(--wf-shadow-card);
+        color: var(--wf-text-body);
         max-width: 600px;
       `,
       children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
@@ -8208,7 +8183,7 @@ function RivenStatComponent(data) {
                           {
                             style: `
               margin: 0;
-              color: #7dd56f;
+              color: var(--wf-success);
               font-size: 16px;
               font-weight: 600;
             `,
@@ -8227,7 +8202,7 @@ function RivenStatComponent(data) {
                                 "span",
                                 {
                                   style: `
-                color: #888;
+                color: var(--wf-text-muted);
                 font-size: 12px;
               `,
                                   children: "最小"
@@ -8237,7 +8212,7 @@ function RivenStatComponent(data) {
                                 "span",
                                 {
                                   style: `
-                color: #888;
+                color: var(--wf-text-muted);
                 font-size: 12px;
               `,
                                   children: "最大"
@@ -8265,16 +8240,16 @@ function RivenStatComponent(data) {
       justify-content: space-between;
       align-items: center;
       padding: 6px 8px;
-      background-color: #16213e;
-      border-radius: 4px;
-      border-left: 3px solid #7dd56f;
+      background-color: var(--wf-bg-subtle);
+      border-radius: var(--wf-radius-sm);
+      border-left: 3px solid var(--wf-success);
     `,
                           children: [
                             /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                               "span",
                               {
                                 style: `
-      color: #e0e0e0;
+      color: var(--wf-text-body);
       font-size: 13px;
     `,
                                 children: value.name
@@ -8292,7 +8267,7 @@ function RivenStatComponent(data) {
                                     "span",
                                     {
                                       style: `
-        color: #7dd56f;
+        color: var(--wf-success);
         font-size: 13px;
         font-weight: 500;
         min-width: 60px;
@@ -8305,7 +8280,7 @@ function RivenStatComponent(data) {
                                     "span",
                                     {
                                       style: `
-        color: #7dd56f;
+        color: var(--wf-success);
         font-size: 13px;
         font-weight: 500;
         min-width: 60px;
@@ -8329,28 +8304,28 @@ function RivenStatComponent(data) {
               "div",
               {
                 style: `
-          flex: 1;
+            flex: 1;
         `,
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                     "div",
                     {
                       style: `
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              margin-bottom: 8px;
-              padding: 0 4px;
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 8px;
+                padding: 0 4px;
             `,
                       children: [
                         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                           "h3",
                           {
                             style: `
-              margin: 0;
-              color: #e35f5f;
-              font-size: 16px;
-              font-weight: 600;
+                margin: 0;
+                color: var(--wf-danger);
+                font-size: 16px;
+                font-weight: 600;
             `,
                             children: "负面属性"
                           }
@@ -8359,16 +8334,16 @@ function RivenStatComponent(data) {
                           "div",
                           {
                             style: `
-              display: flex;
-              gap: 12px;
+                display: flex;
+                gap: 12px;
             `,
                             children: [
                               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                                 "span",
                                 {
                                   style: `
-                color: #888;
-                font-size: 12px;
+                  color: var(--wf-text-muted);
+                  font-size: 12px;
               `,
                                   children: "最小"
                                 }
@@ -8377,8 +8352,8 @@ function RivenStatComponent(data) {
                                 "span",
                                 {
                                   style: `
-                color: #888;
-                font-size: 12px;
+                  color: var(--wf-text-muted);
+                  font-size: 12px;
               `,
                                   children: "最大"
                                 }
@@ -8393,9 +8368,9 @@ function RivenStatComponent(data) {
                     "div",
                     {
                       style: `
-              display: flex;
-              flex-direction: column;
-              gap: 4px;
+                display: flex;
+                flex-direction: column;
+                gap: 4px;
             `,
                       children: Object.entries(data.negative).map(([, value]) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                         "div",
@@ -8405,16 +8380,16 @@ function RivenStatComponent(data) {
       justify-content: space-between;
       align-items: center;
       padding: 6px 8px;
-      background-color: #16213e;
-      border-radius: 4px;
-      border-left: 3px solid #e35f5f;
+      background-color: var(--wf-bg-subtle);
+      border-radius: var(--wf-radius-sm);
+      border-left: 3px solid var(--wf-danger);
     `,
                           children: [
                             /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                               "span",
                               {
                                 style: `
-      color: #e0e0e0;
+      color: var(--wf-text-body);
       font-size: 13px;
     `,
                                 children: value.name
@@ -8432,7 +8407,7 @@ function RivenStatComponent(data) {
                                     "span",
                                     {
                                       style: `
-        color: #e35f5f;
+        color: var(--wf-danger);
         font-size: 13px;
         font-weight: 500;
         min-width: 60px;
@@ -8445,7 +8420,7 @@ function RivenStatComponent(data) {
                                     "span",
                                     {
                                       style: `
-        color: #e35f5f;
+        color: var(--wf-danger);
         font-size: 13px;
         font-weight: 500;
         min-width: 60px;
@@ -8476,30 +8451,30 @@ function VoidTraderComponent(data) {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "div",
     {
-      style: "width: 400px; padding: 10px; font-family: sans-serif; font-size: 14px;",
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("table", { style: "width: 100%; border-collapse: collapse;", children: [
+      style: "width:400px;padding:16px;font-family:'Segoe UI',sans-serif;font-size:14px;background-color:var(--wf-bg-card);border-radius:var(--wf-radius);border:1px solid var(--wf-border);box-shadow:var(--wf-shadow-card);color:var(--wf-text-body);",
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("table", { style: "width:100%;border-collapse:collapse;", children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
             "th",
             {
-              style: "border-bottom: 1px solid #ccc; text-align: left; padding: 6px;",
+              style: "border-bottom:1px solid var(--wf-border-strong);text-align:left;padding:6px;color:var(--wf-text-primary);",
               children: "名称"
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
             "th",
             {
-              style: "border-bottom: 1px solid #ccc; text-align: left; padding: 6px;",
+              style: "border-bottom:1px solid var(--wf-border-strong);text-align:left;padding:6px;color:var(--wf-text-primary);",
               children: "价格"
             }
           )
         ] }) }),
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tbody", { children: data.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { style: "padding: 6px; border-bottom: 1px solid #eee;", children: item.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { style: "padding:6px;border-bottom:1px solid var(--wf-border);", children: item.name }),
           /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
             "td",
             {
-              style: "padding: 6px; border-bottom: 1px solid #eee; text-align: center;line-height: 1;",
+              style: "padding:6px;border-bottom:1px solid var(--wf-border);text-align:center;line-height:1;",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: item.ducats }),
                 /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -8692,7 +8667,7 @@ function trendArrow(trend) {
 }
 __name(trendArrow, "trendArrow");
 function trendColor(trend) {
-  return trend === "up" ? "#e0533a" : trend === "down" ? "#3a9e5a" : "#888";
+  return trend === "up" ? "var(--wf-danger)" : trend === "down" ? "var(--wf-success)" : "var(--wf-text-muted)";
 }
 __name(trendColor, "trendColor");
 function ItemStatisticsChart(stats) {
@@ -8731,34 +8706,34 @@ function ItemStatisticsChart(stats) {
   const baselineY = stats.baselineMedian !== void 0 ? yPos(stats.baselineMedian) : null;
   const onlineYRaw = yPos(stats.onlineMin);
   const onlineY = Math.max(padT, Math.min(H - padB, onlineYRaw));
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: W, height: H, style: "font-family: Arial, sans-serif; background: #eee;", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: W, height: H, style: "font-family: Arial, sans-serif; background: var(--wf-bg-subtle);", children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polygon", { points: bandPoints, fill: "#5a95ff", fillOpacity: 0.12, stroke: "none" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: padL, y1: onlineY, x2: W - padR, y2: onlineY, stroke: "#ff6b35", strokeWidth: 1.5, strokeDasharray: "6 4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("text", { x: W - padR, y: onlineY - 6, textAnchor: "end", fontSize: 12, fill: "#ff6b35", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: padL, y1: onlineY, x2: W - padR, y2: onlineY, stroke: "var(--wf-warning)", strokeWidth: 1.5, strokeDasharray: "6 4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("text", { x: W - padR, y: onlineY - 6, textAnchor: "end", fontSize: 12, fill: "var(--wf-warning)", children: [
       "在线最低",
       stats.onlineMin,
       "p"
     ] }),
     baselineY !== null ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("g", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: padL, y1: baselineY, x2: W - padR, y2: baselineY, stroke: "#999", strokeWidth: 1, strokeDasharray: "3 3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("text", { x: padL + 4, y: baselineY - 5, textAnchor: "start", fontSize: 11, fill: "#999", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: padL, y1: baselineY, x2: W - padR, y2: baselineY, stroke: "var(--wf-text-faint)", strokeWidth: 1, strokeDasharray: "3 3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("text", { x: padL + 4, y: baselineY - 5, textAnchor: "start", fontSize: 11, fill: "var(--wf-text-muted)", children: [
         "7天中位",
         stats.baselineMedian,
         "p"
       ] })
     ] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: linePoints, fill: "none", stroke: "#5a95ff", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }),
-    points.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: xPos(i), cy: yPos(p.median), r: 3.5, fill: "#5a95ff", stroke: "#fff", strokeWidth: 1 })),
-    points.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("text", { x: xPos(i), y: H - padB + 20, textAnchor: "middle", fontSize: 11, fill: "#666", children: formatShortDate(p.datetime) })),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("text", { x: padL - 8, y: padT + 5, textAnchor: "end", fontSize: 11, fill: "#666", children: Math.round(dataMax) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("text", { x: padL - 8, y: H - padB, textAnchor: "end", fontSize: 11, fill: "#666", children: Math.round(dataMin) })
+    points.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: xPos(i), cy: yPos(p.median), r: 3.5, fill: "#5a95ff", stroke: "var(--wf-bg-card)", strokeWidth: 1 })),
+    points.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("text", { x: xPos(i), y: H - padB + 20, textAnchor: "middle", fontSize: 11, fill: "var(--wf-text-secondary)", children: formatShortDate(p.datetime) })),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("text", { x: padL - 8, y: padT + 5, textAnchor: "end", fontSize: 11, fill: "var(--wf-text-secondary)", children: Math.round(dataMax) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("text", { x: padL - 8, y: H - padB, textAnchor: "end", fontSize: 11, fill: "var(--wf-text-secondary)", children: Math.round(dataMin) })
   ] });
 }
 __name(ItemStatisticsChart, "ItemStatisticsChart");
 function StatCard(label, value, accent) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "flex:1;min-width:0;border-radius:6px;padding:8px 10px;background:#f5f7fa;border:1px solid #e0e4e8;display:flex;flex-direction:column;align-items:center;gap:2px;", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: "font-size:0.9rem;color:#888;", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: `font-size:1.4rem;font-weight:700;color:${accent ?? "#1a1a1a"};`, children: value })
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "flex:1;min-width:0;border-radius:var(--wf-radius-md);padding:8px 10px;background:var(--wf-bg-subtle);border:1px solid var(--wf-border);display:flex;flex-direction:column;align-items:center;gap:2px;", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: "font-size:0.9rem;color:var(--wf-text-muted);", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: `font-size:1.4rem;font-weight:700;color:${accent ?? "var(--wf-text-primary)"};`, children: value })
   ] });
 }
 __name(StatCard, "StatCard");
@@ -8780,16 +8755,16 @@ function ItemStatisticsCards(stats) {
       "90天区间",
       stats.rangeMin !== void 0 && stats.rangeMax !== void 0 ? `${stats.rangeMin}-${stats.rangeMax}p` : "—"
     ),
-    StatCard("在线最低", `${stats.onlineMin}p`, "#ff6b35")
+    StatCard("在线最低", `${stats.onlineMin}p`, "var(--wf-warning)")
   ] });
 }
 __name(ItemStatisticsCards, "ItemStatisticsCards");
 function ItemStatisticsComponent(stats) {
   const hasData = stats.chart.length > 0 || stats.recentAvg !== void 0 || stats.baselineMedian !== void 0;
   if (!hasData) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: "margin-top:16px;padding:12px;border-top:2px solid #e0e4e8;text-align:center;color:#999;font-size:1.2rem;", children: "暂无近期成交统计数据" });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: "margin-top:16px;padding:12px;border-top:2px solid var(--wf-divider);text-align:center;color:var(--wf-text-muted);font-size:1.2rem;", children: "暂无近期成交统计数据" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "margin-top:16px;padding:12px;border-top:2px solid #e0e4e8;", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "margin-top:16px;padding:12px;border-top:2px solid var(--wf-divider);", children: [
     stats.chart.length >= 2 ? ItemStatisticsChart(stats) : null,
     ItemStatisticsCards(stats)
   ] });
@@ -8798,23 +8773,26 @@ __name(ItemStatisticsComponent, "ItemStatisticsComponent");
 function ItemOrderComponent(item, orders, statistics) {
   const itemNameCN = item.i18n["zh-hans"]?.name;
   const itemNameEN = item.i18n.en?.name;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "display:flex; flex-direction: column; width: 1600px;", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "display:flex;flex-direction:column;width:1600px;background-color:var(--wf-bg-card);border-radius:var(--wf-radius);padding:16px;border:1px solid var(--wf-border);box-shadow:var(--wf-shadow-card);color:var(--wf-text-body);", children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("style", { children: `
           th {
             align-items: center;
             font-size: 1.8rem;
+            color: var(--wf-text-primary);
+            border-bottom: 1px solid var(--wf-border-strong);
           }
 
           td {
             text-align: center;
             font-size: 1.5rem;
+            border-bottom: 1px solid var(--wf-border);
           }
 
           tr {
             height: 3rem;
           }
           ` }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("h1", { style: "text-align: center;", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("h1", { style: "text-align:center;color:var(--wf-text-primary);", children: [
       itemNameCN,
       " ",
       "/",
@@ -8836,7 +8814,7 @@ function ItemOrderComponent(item, orders, statistics) {
       orders.map((order) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tr", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { children: order.user.ingameName }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { children: order.user.status }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { children: order.platinum }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { style: "color:var(--wf-platinum);font-weight:600;", children: order.platinum }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { children: order.quantity }),
         item.maxRank && item.maxRank > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { children: order.rank }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { children: order.user.reputation })
@@ -8850,8 +8828,8 @@ function RivenOrderComponent(item, orders) {
   const itemNameCN = item.i18n ? item.i18n["zh-hans"]?.name : void 0;
   const itemNameEN = item.i18n ? item.i18n.en?.name : void 0;
   const itemThumb = item.i18n ? item.i18n.en?.thumb : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "display:flex; flex-direction: column; font-size: 12px;", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("h1", { style: "text-align: center;", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "display:flex;flex-direction:column;font-size:12px;background-color:var(--wf-bg-card);border-radius:var(--wf-radius);padding:16px;border:1px solid var(--wf-border);box-shadow:var(--wf-shadow-card);color:var(--wf-text-body);", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("h1", { style: "text-align:center;color:var(--wf-text-primary);", children: [
       itemNameCN,
       " ",
       "/",
@@ -8876,31 +8854,31 @@ function RivenOrderItemComponent(order, cnName, enName, thumb) {
   const itemNameCN = cnName ?? enName;
   const itemIconLink = thumb ? `https://warframe.market/static/assets/${thumb}` : void 0;
   const ownerAvatarLink = order.owner.avatar ? `https://warframe.market/static/assets/${order.owner.avatar}` : void 0;
-  const reputationColor = order.owner.reputation >= 5 ? "#00a96c" : "#739098";
+  const reputationColor = order.owner.reputation >= 5 ? "var(--wf-success)" : "var(--wf-text-muted)";
   const reputationIconLink = order.owner.reputation >= 5 ? "#icon-smile" : "#icon-meh";
   const statusData = {
-    ingame: ["ONLINE IN GAME", "#634b93"],
-    online: ["ONLINE", "darkgreen"],
-    offline: ["OFFLINE", "darkred"],
-    _: ["UNKNOWN", "grey"]
+    ingame: ["ONLINE IN GAME", "var(--wf-accent)"],
+    online: ["ONLINE", "var(--wf-success)"],
+    offline: ["OFFLINE", "var(--wf-danger)"],
+    _: ["UNKNOWN", "var(--wf-text-muted)"]
   };
   const status = order.owner.status in statusData ? order.owner.status : "_";
   const statusText = statusData[status][0];
   const statusColor = statusData[status][1];
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "border: 1px solid gray; margin: 20px; padding: 10px 15px 10px 11px; font-family: 'Lato', sans-serif, Helvetica, Arial; display: flex; flex-direction: column;", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "display: flex; align-items: center; padding-bottom: 10px; min-height: 45px;", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "border:1px solid var(--wf-border-strong);margin:20px;padding:10px 15px 10px 11px;font-family:'Segoe UI',sans-serif,Helvetica,Arial;display:flex;flex-direction:column;background-color:var(--wf-bg-subtle);border-radius:var(--wf-radius-md);", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "display:flex;align-items:center;padding-bottom:10px;min-height:45px;", children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "img",
         {
           src: itemIconLink,
-          style: "height: 30px; width: 30px; object-fit: contain; border-radius: 50%; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .15); vertical-align: middle;"
+          style: "height:30px;width:30px;object-fit:contain;border-radius:50%;box-shadow:0 0 10px 1px rgba(0,0,0,.15);vertical-align:middle;"
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
         "span",
         {
           id: "title",
-          style: "margin-left: 15px; font-size: 16px; line-height: 16px; font-weight: 700; text-overflow: ellipsis; text-decoration: underline; cursor: pointer;",
+          style: "margin-left:15px;font-size:16px;line-height:16px;font-weight:700;text-overflow:ellipsis;color:var(--wf-text-primary);",
           children: [
             itemNameCN,
             " ",
@@ -8913,25 +8891,25 @@ function RivenOrderItemComponent(order, cnName, enName, thumb) {
       "div",
       {
         id: "body",
-        style: "display: flex; flex-wrap: wrap; justify-content: space-between;",
+        style: "display:flex;flex-wrap:wrap;justify-content:space-between;",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { id: "body-left", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { style: "display: flex; padding-top: 5px;", children: order.item.attributes.filter((attr) => attr.positive).map(RivenAttributeComponent) }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { style: "display: flex; width: 100%; padding-top: 5px;", children: order.item.attributes.filter((attr) => !attr.positive).map(RivenAttributeComponent) }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("ul", { style: "display: flex; padding: 5px 0; font-size: 12px;", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { style: "margin-right: 10px;", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { style: "display:flex;padding-top:5px;", children: order.item.attributes.filter((attr) => attr.positive).map(RivenAttributeComponent) }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { style: "display:flex;width:100%;padding-top:5px;", children: order.item.attributes.filter((attr) => !attr.positive).map(RivenAttributeComponent) }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("ul", { style: "display:flex;padding:5px 0;font-size:12px;color:var(--wf-text-secondary);", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { style: "margin-right:10px;", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "段位 " }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("b", { children: order.item.mastery_level })
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("b", { style: "color:var(--wf-text-primary);", children: order.item.mastery_level })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { style: "margin-right: 10px;", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { style: "margin-right:10px;", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "等级: " }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("b", { children: order.item.mod_rank })
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("b", { style: "color:var(--wf-text-primary);", children: order.item.mod_rank })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { style: "margin-right: 10px;", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { style: "margin-right:10px;", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "循环: " }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("b", { children: order.item.re_rolls })
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("b", { style: "color:var(--wf-text-primary);", children: order.item.re_rolls })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { style: "margin-right: 10px;", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { style: "margin-right:10px;", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "极性: " }),
                 /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("b", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "svg",
@@ -8948,16 +8926,16 @@ function RivenOrderItemComponent(order, cnName, enName, thumb) {
             "div",
             {
               id: "body-right",
-              style: "display: flex; flex-direction: column; justify-content: center; padding-left: 10px;",
-              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "display: flex; justify-content: flex-end; font-size: 16px;", children: [
+              style: "display:flex;flex-direction:column;justify-content:center;padding-left:10px;",
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "display:flex;justify-content:flex-end;font-size:16px;color:var(--wf-text-body);", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "售价: " }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "padding-left: 5px; line-height: 1.5;", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("b", { children: order.starting_price }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "padding-left:5px;line-height:1.5;", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("b", { style: "color:var(--wf-platinum);", children: order.starting_price }),
                   /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "svg",
                     {
                       viewBox: "0 0 215.535 215.535",
-                      style: "\n                margin: 0 0 0 3px;\n                color: rgb(64 64 64 / 75%);\n                height: 1em;\n                width: 1em;\n                vertical-align: -.125em;\n                fill: currentcolor;",
+                      style: "\n                margin: 0 0 0 3px;\n                color: var(--wf-platinum);\n                height: 1em;\n                width: 1em;\n                vertical-align: -.125em;\n                fill: currentcolor;",
                       children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("use", { href: "#icon-platinum" })
                     }
                   )
@@ -8972,32 +8950,32 @@ function RivenOrderItemComponent(order, cnName, enName, thumb) {
       "div",
       {
         id: "footer",
-        style: "display: flex; margin-top: 10px; line-height: 1.5;",
+        style: "display:flex;margin-top:10px;line-height:1.5;align-items:center;",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "display: flex;", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "display:flex;align-items:center;", children: [
             /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "img",
               {
                 src: ownerAvatarLink,
-                style: "height: 20px; width: 20px; object-fit: contain; border-radius: 50%; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .15); vertical-align: middle;"
+                style: "height:20px;width:20px;object-fit:contain;border-radius:50%;box-shadow:0 0 10px 1px rgba(0,0,0,.15);vertical-align:middle;"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: "margin-left: 5px;", children: order.owner.ingame_name })
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: "margin-left:5px;color:var(--wf-text-body);", children: order.owner.ingame_name })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "div",
             {
-              style: `margin-left: 10px; color:${statusColor ?? "gray"}; font-size: 12px;`,
+              style: `margin-left:10px;color:${statusColor};font-size:12px;font-weight:600;`,
               children: statusText
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: `margin-left: 10px; color:${reputationColor};`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: `margin-left:10px;color:${reputationColor};display:flex;align-items:center;`, children: [
             order.owner.reputation,
             /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "svg",
               {
                 viewBox: "0 0 496 512",
-                style: "margin-left: 5px; margin-top: -2px; overflow:hidden; height: 1em; width: 1em; vertical-align: -.125em; fill: currentcolor;",
+                style: "margin-left:5px;margin-top:-2px;overflow:hidden;height:1em;width:1em;vertical-align:-.125em;fill:currentcolor;",
                 children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("use", { href: reputationIconLink })
               }
             )
@@ -9019,21 +8997,18 @@ function RivenAttributeComponent(attr, index) {
   };
   const attrValueSuffix = unitSuffixMap[attrInfo.unit] || "";
   const attrValue = attrValuePrefix + attr.value + attrValueSuffix;
-  const positiveColors = [
-    "--color_rgb_attribute_background_first",
-    "--color_rgb_attribute_background_second",
-    "--color_rgb_attribute_background_third"
-  ];
-  const color = attr.positive ? positiveColors[index] : "--color_rgb_attribute_background_negative";
+  const positiveColors = ["#2e7d32", "#4a8c5a", "#6b9b78"];
+  const negativeColor = "#e05050";
+  const color = attr.positive ? positiveColors[index] ?? positiveColors[0] : negativeColor;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "li",
     {
       style: `
-        border: 1px solid rgb(var(${color})/50%);
-        background-color: rgb(var(${color})/10%);
-        color: rgb(var(${color}));
+        border: 1px solid ${color}80;
+        background-color: ${color}1a;
+        color: ${color};
         padding: 2px 10px;
-        border-radius: 4px;
+        border-radius: var(--wf-radius-sm);
         margin-right: 5px;
         font-size: 14px;
         line-height: 1.5;`,
@@ -9062,19 +9037,19 @@ function getPriceTier(plats) {
   }
   if (plats > 80) {
     return {
-      borderColor: "#ff6b35",
-      bgColor: "rgba(255,107,53,0.12)",
+      borderColor: "var(--wf-warning)",
+      bgColor: "rgba(255,140,66,0.12)",
       label: "premium"
     };
   }
-  if (plats > 60) {
+  if (plats > 50) {
     return {
       borderColor: "#f0c040",
       bgColor: "rgba(240,192,64,0.10)",
       label: "high"
     };
   }
-  return { borderColor: "#d0d0d0", bgColor: "transparent", label: "normal" };
+  return { borderColor: "var(--wf-border-strong)", bgColor: "transparent", label: "normal" };
 }
 __name(getPriceTier, "getPriceTier");
 function calcDaysAgo(dateStr) {
@@ -9090,7 +9065,7 @@ function calcDaysAgo(dateStr) {
 __name(calcDaysAgo, "calcDaysAgo");
 function PMHCard(item, _index) {
   const pr = item.plats;
-  const tier = pr !== void 0 ? getPriceTier(pr) : { borderColor: "#d0d0d0", bgColor: "transparent", label: "normal" };
+  const tier = pr !== void 0 ? getPriceTier(pr) : { borderColor: "var(--wf-border-strong)", bgColor: "transparent", label: "normal" };
   const dateStr = item.last ? (() => {
     const d = new Date(item.last);
     if (!Number.isNaN(d.getTime())) {
@@ -9131,7 +9106,7 @@ function PMHCard(item, _index) {
           justify-content: space-between;
           align-items: center;
           font-weight: 600;
-          color: #1a1a1a;
+          color: var(--wf-text-primary);
           white-space: nowrap;
           overflow: hidden;
           text-overflow: ellipsis;
@@ -9142,7 +9117,7 @@ function PMHCard(item, _index) {
               daysAgo ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                 "span",
                 {
-                  style: `flex-shrink:0;margin-left:4px;background:#eee;color:${isOld ? "#e05050" : "#999"};border-radius:3px;padding:0 5px;font-size:9px;font-weight:400;line-height:1.5;`,
+                  style: `flex-shrink:0;margin-left:4px;background:var(--wf-bg-subtle);color:${isOld ? "var(--wf-danger)" : "var(--wf-text-muted)"};border-radius:3px;padding:0 5px;font-size:9px;font-weight:400;line-height:1.5;`,
                   children: [
                     "距今",
                     daysAgo,
@@ -9163,7 +9138,7 @@ function PMHCard(item, _index) {
           font-variant-numeric: tabular-nums;
         `,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: "color: #888; font-size: 10px;", children: dateStr || "未知" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: "color:var(--wf-text-muted);font-size:10px;", children: dateStr || "未知" }),
               pr !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                 "span",
                 {
@@ -9173,7 +9148,7 @@ function PMHCard(item, _index) {
               gap: 2px;
               font-weight: 700;
               font-size: 12px;
-              color: #0d93b8;
+              color: var(--wf-platinum);
               ${isLegendary ? "text-shadow: 0 0 6px rgba(255,50,100,0.7), 0 0 12px rgba(200,50,255,0.4);" : ""}
             `,
                   children: [
@@ -9188,7 +9163,7 @@ function PMHCard(item, _index) {
                     )
                   ]
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: "color: #bbb; font-size: 10px;", children: "暂无" })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: "color:var(--wf-text-faint);font-size:10px;", children: "暂无" })
             ]
           }
         )
@@ -9214,15 +9189,16 @@ function PrimedModHistoryComponent(history) {
     "div",
     {
       style: `
-        border-radius: 8px;
+        border-radius: var(--wf-radius);
         padding: 16px;
         margin: 12px;
-        border: 1px solid rgba(255, 255, 255, 0.1);
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        border: 1px solid var(--wf-border);
+        box-shadow: var(--wf-shadow-card);
         font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
         max-width: 100%;
         min-width: 320px;
-        background: #ffffff;
+        background: var(--wf-bg-card);
+        color: var(--wf-text-body);
       `,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
@@ -9234,22 +9210,25 @@ function PrimedModHistoryComponent(history) {
           align-items: center;
           margin-bottom: 12px;
           padding-bottom: 10px;
-          border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+          border-bottom: 1px solid var(--wf-border);
         `,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                "h1",
-                {
-                  style: `
-            font-size: 18px;
-            font-weight: bold;
-            margin: 0;
-            color: #1a1a1a;
-          `,
-                  children: "Prime Mod 历史记录"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: "color: #999; font-size: 11px;", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: "display:flex;align-items:baseline;gap:8px;", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  "h1",
+                  {
+                    style: `
+              font-size: 18px;
+              font-weight: bold;
+              margin: 0;
+              color: var(--wf-text-primary);
+            `,
+                    children: "Prime Mod 历史记录"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: "font-size:10px;color:var(--wf-text-faint);", children: (/* @__PURE__ */ new Date()).toLocaleString("zh-cn", { hour12: false }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: "color: var(--wf-text-muted); font-size: 11px;", children: [
                 history.length,
                 " ",
                 "项"