dsh-recency-guard 0.16.0 → 0.18.0

package/dist/client.js

@@ -61,6 +61,8 @@ var zh_default = {
     emptyHint: "\u5B88\u62A4\u63D2\u4EF6\u5C1A\u672A\u8BB0\u5F55\u4EFB\u4F55\u542F\u52A8\u4E8B\u5B9E\u3002",
     snapshotAt: "\u5FEB\u7167\u65F6\u523B {time}",
     pollingOn: "\u6BCF {seconds} \u79D2\u8F6E\u8BE2",
+    pollingBackoff: "\u6570\u636E\u7A33\u5B9A\uFF0C\u5DF2\u653E\u6162\u5237\u65B0",
+    pollingHint: "\u95F4\u9694\u6309\u5185\u5BB9\u7A33\u5B9A\u6027\u81EA\u9002\u5E94\uFF083\u201330 \u79D2\uFF09\uFF1B\u6570\u636E\u7A33\u5B9A\u65F6\u653E\u6162\uFF0C\u53D8\u5316\u65F6\u7ACB\u523B\u56DE\u5230 5 \u79D2\u3002",
     pollingPaused: "\u8F6E\u8BE2\u5DF2\u6682\u505C\uFF08\u753B\u9762\u505C\u5728\u6682\u505C\u65F6\u523B\uFF09",
     restore: "\u6062\u590D\u975E\u5ACC\u7591\u63D2\u4EF6",
     stale: "\u6570\u636E\u5DF2\u505C\u7559 {minutes} \u5206\u949F\uFF08\u8F6E\u8BE2\u5DF2\u6682\u505C\uFF09",
@@ -98,6 +100,7 @@ var zh_default = {
     markov: "\u8F6C\u79FB\u77E9\u9635",
     dataflow: "\u6570\u636E\u6D41",
     diagnostics: "\u7CFB\u7EDF\u8BCA\u65AD",
+    preventive: "\u9884\u8B66\uFF08\u53EA\u89C2\u6D4B\uFF09",
     cooccurrence: "\u5171\u73B0\u9A8C\u8BC1",
     calibration: "\u8BEF\u4F24\u6821\u51C6",
     bayes: "\u8D1D\u53F6\u65AF\u8BFB\u6570"
@@ -133,6 +136,15 @@ var zh_default = {
     intervals: "\u5D29\u6E83\u95F4\u9694\uFF08\u4E2D\u4F4D / CV\uFF09",
     changePoint: "CUSUM \u53D8\u70B9",
     controlBand: "\u63A7\u5236\u5E26\uFF08\u4F11\u54C8\u7279\uFF09",
+    survival: "\u751F\u5B58\u5206\u6790\uFF08\u6307\u6570 / Weibull \u5747\u503C\uFF09",
+    intervalTrend: "\u95F4\u9694\u8D8B\u52BF\uFF08\u8FD1\u6BB5 / \u57FA\u51C6\uFF09",
+    shapeAtBound: "\u649E\u754C\u4F2A\u503C",
+    directionDenser: "\u5D29\u6E83\u53D8\u5BC6",
+    directionSparser: "\u5D29\u6E83\u53D8\u7A00",
+    directionSteady: "\u5E73\u7A33",
+    mismatchAtBound: "Weibull \u5F62\u72B6\u649E\u641C\u7D22\u4E0A\u754C\uFF1Ak \u662F\u8FB9\u754C\u4F2A\u503C\uFF0C\u5747\u503C\u4E0D\u53EF\u4FE1\uFF08\u95F4\u9694\u8FD1\u4E4E\u5B8C\u5168\u89C4\u5219\uFF09",
+    mismatchCv: "\u89C2\u6D4B CV={cv} \u504F\u79BB\u6307\u6570\u5047\u8BBE\u7684 1\uFF1A\u6307\u6570\u6A21\u578B\u5931\u914D\uFF0C\u03BB\u0302/\u5747\u503C\u4EC5\u4F9B\u53C2\u8003",
+    mismatchDirection: "\u65B9\u5411\u5224\u5B9A\u6837\u672C\u4E0D\u8DB3\uFF08<9\uFF09\uFF1A\u5371\u9669\u7387\u65B9\u5411\u53EA\u662F\u63D0\u793A\u4E0D\u662F\u7ED3\u8BBA",
     undefined: "\u4E0D\u53EF\u5224\u5B9A",
     valueUndefined: "\u6307\u6807\u58F0\u660E\u4E3A\u53EF\u5224\u5B9A\u4F46\u503C\u4E3A\u7A7A\uFF08\u7ED3\u6784\u4E0D\u5B8C\u6574\uFF09",
     unavailableReason: "\u8DE8\u5206\u533A\u53EA\u8BFB\u89C6\u56FE\u4E0D\u63D0\u4F9B\u8FD0\u884C\u65F6\u6307\u6807\uFF08\u8BFB\u4E0D\u5230 \u2260 \u4E00\u5207\u4E3A\u96F6\uFF09"
@@ -202,6 +214,9 @@ var zh_default = {
     watch: "\u89C2\u5BDF\u4E2D",
     rounds: "\u7B2C {rounds}/{required} \u8F6E"
   },
+  unresolved: {
+    title: "\u4E0A\u6B21\u9694\u79BB\u540E\u4ECD\u6709 {count} \u6761\u65E0\u6CD5\u81EA\u52A8\u89E3\u51B3\u7684\u51B2\u7A81\u6B8B\u4F59\uFF08\u53D7\u4FDD\u62A4\u7EC4\u4EF6\u5BFC\u81F4\uFF09"
+  },
   card: {
     enlarge: "\u6269\u5927\u9762\u677F",
     shrink: "\u6062\u590D\u9762\u677F"
@@ -224,6 +239,32 @@ var zh_default = {
       note: "\u5907\u6CE8"
     }
   },
+  preventive: {
+    title: "\u9884\u9632\u6027\u9884\u8B66",
+    hint: "\u53EA\u9884\u8B66\uFF0C\u4E0D\u884C\u52A8",
+    alertOnly: "\u53EA\u9884\u8B66\uFF0C\u4E0D\u5173\u95ED\u4EFB\u4F55\u63D2\u4EF6 \u2014\u2014 \u52A8\u4F5C\u4ECD\u8D70\u53D6\u8BC1\u6D41\u7A0B\uFF08RQ1/RQ2\uFF09\u3002",
+    unavailable: "\u8BE5\u89C6\u56FE\u4E0D\u63D0\u4F9B\u9884\u9632\u6027\u8BFB\u6570\uFF08\u4E0D\u53EF\u5F97 \u2260 \u4E00\u5207\u6B63\u5E38\uFF09\u3002",
+    loadTime: "\u542F\u52A8\u9891\u7387\uFF08\u52A0\u8F7D\u8017\u65F6\u4EE3\u7406\uFF09",
+    configChanges: "\u914D\u7F6E\u53D8\u66F4\u9891\u7387\uFF08CUSUM\uFF09",
+    current: "\u5F53\u524D\u6C34\u5E73",
+    baseline: "\u4E2D\u5FC3\u7EBF",
+    upper: "\u4E0A\u63A7\u5236\u9650\uFF08\u8D8A\u754C\u9884\u8B66\uFF09",
+    lower: "\u4E0B\u63A7\u5236\u9650\uFF08\u5BF9\u7167\uFF09",
+    sigma: "\u7A33\u5065 \u03C3\u0302",
+    samples: "\u6837\u672C\u6570",
+    perMinute: "\u6B21/\u5206\u949F",
+    statistic: "\u7EDF\u8BA1\u91CF S",
+    threshold: "\u5224\u5B9A\u9608\u503C h",
+    reference: "\u53C2\u8003\u503C k",
+    baselineGap: "\u57FA\u7EBF\u95F4\u9694",
+    intervals: "\u95F4\u9694\u6570",
+    breach: "\u6F02\u79FB\u5224\u5B9A",
+    noBreach: "\u672A\u8D8A\u754C",
+    breachAt: "\u7B2C {index} \u4E2A\u95F4\u9694\u9996\u6B21\u8D8A\u754C",
+    alertYes: "\u9884\u8B66\uFF1A\u8D8A\u754C",
+    alertNo: "\u672A\u8D8A\u754C",
+    source: "\u6765\u6E90\uFF1A{boots} \u6B21\u542F\u52A8 / {changes} \u6B21\u53D8\u66F4 \xB7 \u5355\u4F4D {units}"
+  },
   graphStruct: {
     title: "\u7ED3\u6784\u6D1E\u5BDF",
     hubs: "\u67A2\u7EBD",
@@ -235,6 +276,11 @@ var zh_default = {
     less: "\u6536\u8D77",
     nodeTitle: "{label} \xB7 \u5165 {in} / \u51FA {out}"
   },
+  graphImpact: {
+    label: "\u5F71\u54CD\u9762",
+    hint: "\u52A8\u5B83\u4F1A\u6CE2\u53CA\u8C01\uFF1A\u4E0A\u6E38 = \u53CD\u5411\u53EF\u8FBE\uFF08\u5931\u53BB\u8F93\u5165\u65B9\uFF09\uFF0C\u4E0B\u6E38 = \u6B63\u5411\u53EF\u8FBE\uFF08\u8F93\u51FA\u6D41\u5411\uFF09\u3002\u4E0E\u76F8\u90BB\u5217\u8868\u7684 1 \u8DF3\u4E0D\u540C\uFF0C\u8FD9\u91CC\u662F\u5168\u5B50\u56FE",
+    value: "\u4E0A\u6E38 {up} \xB7 \u4E0B\u6E38 {down}"
+  },
   decisionEvidence: {
     empty: "\u5C1A\u65E0\u5ACC\u7591\u540D\u5355\uFF08\u672A\u53D1\u751F\u8FC7\u5D29\u6E83\u6062\u590D\u51B3\u7B56\uFF09",
     legacy: "\u8BE5\u51B3\u7B56\u6765\u81EA\u65E7\u7248\u672C\uFF0C\u672A\u8BB0\u5F55\u56E0\u5B50\u5206\u89E3 \u2014\u2014 \u4E0D\u663E\u793A\u5047\u7684\u96F6\u503C",
@@ -479,6 +525,8 @@ var en_default = {
     emptyHint: "The guard has not recorded any startup facts yet.",
     snapshotAt: "Snapshot at {time}",
     pollingOn: "polling every {seconds}s",
+    pollingBackoff: "data is stable, refresh slowed down",
+    pollingHint: "The interval adapts to content stability (3\u201330s); slower when stable, back to 5s on change.",
     pollingPaused: "polling paused (the view is frozen at the pause moment)",
     restore: "Restore non-suspects",
     stale: "Data is {minutes} min old (polling paused)",
@@ -516,6 +564,7 @@ var en_default = {
     markov: "Transition matrix",
     dataflow: "Data flow",
     diagnostics: "Diagnostics",
+    preventive: "Warnings (observe only)",
     cooccurrence: "Co-occurrence",
     calibration: "False-positive calibration",
     bayes: "Bayesian reading"
@@ -551,6 +600,15 @@ var en_default = {
     intervals: "Crash intervals (median / CV)",
     changePoint: "CUSUM change point",
     controlBand: "Control band (Shewhart)",
+    survival: "Survival (exponential / Weibull mean)",
+    intervalTrend: "Interval trend (recent / baseline)",
+    shapeAtBound: "boundary artifact",
+    directionDenser: "crashes densifying",
+    directionSparser: "crashes spacing out",
+    directionSteady: "steady",
+    mismatchAtBound: "Weibull shape hit the search bound: k is a boundary artifact, the mean is untrustworthy (near-regular intervals)",
+    mismatchCv: "Observed CV={cv} deviates from the exponential assumption of 1: exponential model mismatched, \u03BB\u0302/mean are indicative only",
+    mismatchDirection: "Direction under-sampled (<9): hazard direction is a hint, not a conclusion",
     undefined: "not determinable",
     valueUndefined: "Metric is marked defined but its value is empty (incomplete shape)",
     unavailableReason: "A cross-partition read-only view has no runtime metrics (unavailable \u2260 all zero)"
@@ -620,6 +678,9 @@ var en_default = {
     watch: "Watching",
     rounds: "round {rounds}/{required}"
   },
+  unresolved: {
+    title: "{count} conflict finding(s) remained unresolved after the last quarantine (protected components involved)"
+  },
   card: {
     enlarge: "Enlarge panel",
     shrink: "Restore panel"
@@ -642,6 +703,32 @@ var en_default = {
       note: "note"
     }
   },
+  preventive: {
+    title: "Preventive warnings",
+    hint: "warn only, never act",
+    alertOnly: "Warnings only \u2014 no plugin is ever disabled here; actions still go through evidence (RQ1/RQ2).",
+    unavailable: "This view does not provide preventive readings (unavailable \u2260 all clear).",
+    loadTime: "Startup frequency (load-time proxy)",
+    configChanges: "Config change frequency (CUSUM)",
+    current: "Current level",
+    baseline: "Centre line",
+    upper: "Upper control limit (alert)",
+    lower: "Lower control limit (reference)",
+    sigma: "Robust \u03C3\u0302",
+    samples: "Samples",
+    perMinute: "per minute",
+    statistic: "Statistic S",
+    threshold: "Threshold h",
+    reference: "Reference k",
+    baselineGap: "Baseline gap",
+    intervals: "Intervals",
+    breach: "Drift verdict",
+    noBreach: "not breached",
+    breachAt: "first breached at interval {index}",
+    alertYes: "Alert: breached",
+    alertNo: "not breached",
+    source: "Source: {boots} startups / {changes} changes \xB7 units {units}"
+  },
   graphStruct: {
     title: "Structure",
     hubs: "Hubs",
@@ -653,6 +740,11 @@ var en_default = {
     less: "Show less",
     nodeTitle: "{label} \xB7 in {in} / out {out}"
   },
+  graphImpact: {
+    label: "Impact",
+    hint: "What breaks if this node changes: upstream = reverse-reachable (who loses input), downstream = forward-reachable (where output flows). Whole subgraph, unlike the 1-hop neighbor list",
+    value: "upstream {up} \xB7 downstream {down}"
+  },
   decisionEvidence: {
     empty: "No suspect list yet (no crash-recovery decision has been made)",
     legacy: "This decision predates factor recording \u2014 showing no fake zero values",
@@ -2118,7 +2210,11 @@ function GraphDetails(props) {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: t("graph.refLabel") }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "rg-mono", children: node.ref ?? "\u2014" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: t("graph.degreeLabel") }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: t("graph.degreeValue", { in: props.degree.in, out: props.degree.out }) })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: t("graph.degreeValue", { in: props.degree.in, out: props.degree.out }) }),
+      props.impact !== void 0 && props.impact !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { title: t("graphImpact.hint"), children: t("graphImpact.label") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: t("graphImpact.value", { up: props.impact.upstreamCount, down: props.impact.downstreamCount }) })
+      ] })
     ] }),
     labelText.truncated || (detailText?.truncated ?? false) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", { className: "rg-graph-longtext", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("summary", { children: t("graph.omittedChars", { count: labelText.omitted + (detailText?.omitted ?? 0) }) }),
@@ -2288,6 +2384,103 @@ function GraphTooltip({ node, degree, x, y, containerWidth }) {
   ] });
 }
 
+// src/client/graph/graph-analysis.ts
+function analyzeStructure(nodes, edges, hubThreshold = 3) {
+  const inCount = /* @__PURE__ */ new Map();
+  const outCount = /* @__PURE__ */ new Map();
+  const known = new Set(nodes.map((n) => n.id));
+  let edgeCount = 0;
+  for (const edge of edges) {
+    if (edge.from === edge.to) continue;
+    if (!known.has(edge.from) || !known.has(edge.to)) continue;
+    edgeCount += 1;
+    outCount.set(edge.from, (outCount.get(edge.from) ?? 0) + 1);
+    inCount.set(edge.to, (inCount.get(edge.to) ?? 0) + 1);
+  }
+  const degrees = nodes.map((node) => {
+    const inDegree = inCount.get(node.id) ?? 0;
+    const outDegree = outCount.get(node.id) ?? 0;
+    const total = inDegree + outDegree;
+    const role = total === 0 ? "isolated" : inDegree > 0 && outDegree > 0 ? total >= hubThreshold ? "hub" : "middle" : outDegree > 0 ? "source" : "sink";
+    return { id: node.id, label: node.label, inDegree, outDegree, total, role };
+  });
+  degrees.sort((a, b) => b.total - a.total || a.id.localeCompare(b.id));
+  return {
+    degrees,
+    hubs: degrees.filter((d) => d.role === "hub"),
+    sources: degrees.filter((d) => d.role === "source"),
+    sinks: degrees.filter((d) => d.role === "sink"),
+    isolated: degrees.filter((d) => d.role === "isolated"),
+    edgeCount,
+    empty: nodes.length === 0
+  };
+}
+function reachableFrom(from, nodes, edges) {
+  if (!nodes.some((n) => n.id === from)) return null;
+  const known = new Set(nodes.map((n) => n.id));
+  const outgoing = /* @__PURE__ */ new Map();
+  for (const edge of edges) {
+    if (edge.from === edge.to) continue;
+    if (!known.has(edge.from) || !known.has(edge.to)) continue;
+    const list = outgoing.get(edge.from) ?? [];
+    list.push(edge.to);
+    outgoing.set(edge.from, list);
+  }
+  const seen = /* @__PURE__ */ new Set();
+  const queue = [from];
+  while (queue.length > 0) {
+    const cur = queue.shift();
+    for (const next of outgoing.get(cur) ?? []) {
+      if (seen.has(next) || next === from) continue;
+      seen.add(next);
+      queue.push(next);
+    }
+  }
+  return seen;
+}
+function impactedBy(target, nodes, edges) {
+  if (!nodes.some((n) => n.id === target)) return null;
+  const known = new Set(nodes.map((n) => n.id));
+  const incoming = /* @__PURE__ */ new Map();
+  for (const edge of edges) {
+    if (edge.from === edge.to) continue;
+    if (!known.has(edge.from) || !known.has(edge.to)) continue;
+    const list = incoming.get(edge.to) ?? [];
+    list.push(edge.from);
+    incoming.set(edge.to, list);
+  }
+  const seen = /* @__PURE__ */ new Set();
+  const queue = [target];
+  while (queue.length > 0) {
+    const cur = queue.shift();
+    for (const prev of incoming.get(cur) ?? []) {
+      if (seen.has(prev) || prev === target) continue;
+      seen.add(prev);
+      queue.push(prev);
+    }
+  }
+  return seen;
+}
+function structureInsights(structure) {
+  if (structure.empty) return [];
+  const out = [];
+  if (structure.hubs.length > 0) {
+    const top = structure.hubs[0];
+    out.push(`\u67A2\u7EBD ${structure.hubs.length} \u4E2A\uFF0C\u6700\u9AD8\u4E3A ${top.label}\uFF08\u8FDB ${top.inDegree} / \u51FA ${top.outDegree}\uFF09`);
+  }
+  if (structure.sources.length > 0) {
+    out.push(`\u53EA\u751F\u4EA7\u4E0D\u6D88\u8D39 ${structure.sources.length} \u4E2A\uFF1A${structure.sources.slice(0, 3).map((d) => d.label).join("\u3001")}`);
+  }
+  if (structure.sinks.length > 0) {
+    out.push(`\u53EA\u6D88\u8D39\u4E0D\u751F\u4EA7 ${structure.sinks.length} \u4E2A\uFF1A${structure.sinks.slice(0, 3).map((d) => d.label).join("\u3001")}`);
+  }
+  if (structure.isolated.length > 0) {
+    out.push(`\u5B64\u7ACB\u8282\u70B9 ${structure.isolated.length} \u4E2A\uFF1A${structure.isolated.slice(0, 3).map((d) => d.label).join("\u3001")}`);
+  }
+  out.push(`\u5171 ${structure.edgeCount} \u6761\u8FB9`);
+  return out;
+}
+
 // src/client/graph/GuardGraph.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var MINIMAP_CANVAS = { width: 152, height: 96 };
@@ -2714,6 +2907,15 @@ function GuardGraph({ graph, height = VIEWPORT_HEIGHT_WIDE, focusId, onFocusChan
     () => focusId === null ? { upstream: [], downstream: [] } : neighborsOf(focusId, visibleEdges, nodeById),
     [focusId, visibleEdges, nodeById]
   );
+  const focusImpact = (0, import_react2.useMemo)(() => {
+    if (focusId === null) return null;
+    const upstream = impactedBy(focusId, graph.nodes, visibleEdges);
+    const downstream = reachableFrom(focusId, graph.nodes, visibleEdges);
+    if (upstream === null || downstream === null) return null;
+    upstream.delete(focusId);
+    downstream.delete(focusId);
+    return { upstreamCount: upstream.size, downstreamCount: downstream.size };
+  }, [focusId, graph.nodes, visibleEdges]);
   const labelOf = (0, import_react2.useCallback)(
     (id) => {
       const node = nodeById.get(id);
@@ -3013,7 +3215,8 @@ function GuardGraph({ graph, height = VIEWPORT_HEIGHT_WIDE, focusId, onFocusChan
           downstream: focusNeighbors.downstream,
           labelOf,
           onLocate: locateNode,
-          onClose: () => onFocusChange(null)
+          onClose: () => onFocusChange(null),
+          impact: focusImpact
         }
       ),
       !focusNode && selectedEdgeDetail !== null && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(EdgeDetails, { detail: selectedEdgeDetail, onClose: () => setSelectedEdgeId(null) })
@@ -3044,6 +3247,96 @@ function GuardGraph({ graph, height = VIEWPORT_HEIGHT_WIDE, focusId, onFocusChan
 // src/client/panel/PanelCards.tsx
 var import_react3 = require("react");
 
+// src/client/panel/preventive-model.ts
+function finite2(value) {
+  return typeof value === "number" && Number.isFinite(value);
+}
+function percentOrValue(value, digits = 2) {
+  return finite2(value) ? value.toFixed(digits) : t("metrics.undefined");
+}
+function preMinute(value) {
+  return finite2(value) ? `${value.toFixed(2)} ${t("preventive.perMinute")}` : t("metrics.undefined");
+}
+function secondsOfMs(value, digits = 1) {
+  return finite2(value) ? `${(value / 1e3).toFixed(digits)} s` : t("metrics.undefined");
+}
+function usable(metric, required) {
+  return metric.defined === true && metric.value !== null && required(metric.value);
+}
+function preventiveSummary(snapshot) {
+  const note = t("preventive.alertOnly");
+  const preventive = snapshot.preventive;
+  if (preventive === null || preventive === void 0) {
+    return { available: false, reads: [], source: null, note, anyAlert: false };
+  }
+  const load = preventive.loadTime;
+  const loadDefined = usable(
+    load,
+    (value) => finite2(value.current) && finite2(value.baseline) && finite2(value.upper) && finite2(value.lower) && finite2(value.sigma) && finite2(value.ratio)
+  );
+  const loadRead = {
+    key: "loadTime",
+    title: t("preventive.loadTime"),
+    defined: loadDefined,
+    reason: loadDefined ? null : load.reason ?? t("metrics.valueUndefined"),
+    label: load.label,
+    samples: finite2(load.samples) ? load.samples : 0,
+    alert: loadDefined ? load.value.alert === true : false,
+    rows: loadDefined ? [
+      { key: "current", label: t("preventive.current"), value: preMinute(load.value.current) },
+      { key: "baseline", label: t("preventive.baseline"), value: preMinute(load.value.baseline) },
+      { key: "upper", label: t("preventive.upper"), value: preMinute(load.value.upper) },
+      { key: "lower", label: t("preventive.lower"), value: preMinute(load.value.lower) },
+      {
+        key: "sigma",
+        label: t("preventive.sigma"),
+        value: `${percentOrValue(load.value.sigma)} (${load.value.sigmaEstimator})`
+      },
+      { key: "samples", label: t("preventive.samples"), value: String(load.samples) }
+    ] : []
+  };
+  const config = preventive.configChanges;
+  const configDefined = usable(
+    config,
+    (value) => finite2(value.statistic) && finite2(value.threshold) && finite2(value.reference) && finite2(value.intervals) && finite2(value.baselineMs)
+  );
+  const configRead = {
+    key: "configChanges",
+    title: t("preventive.configChanges"),
+    defined: configDefined,
+    reason: configDefined ? null : config.reason ?? t("metrics.valueUndefined"),
+    label: config.label,
+    samples: finite2(config.samples) ? config.samples : 0,
+    alert: configDefined ? config.value.alert === true : false,
+    rows: configDefined ? [
+      { key: "statistic", label: t("preventive.statistic"), value: percentOrValue(config.value.statistic, 2) },
+      { key: "threshold", label: t("preventive.threshold"), value: percentOrValue(config.value.threshold, 2) },
+      { key: "reference", label: t("preventive.reference"), value: percentOrValue(config.value.reference, 2) },
+      { key: "baseline", label: t("preventive.baselineGap"), value: secondsOfMs(config.value.baselineMs) },
+      { key: "sigma", label: t("preventive.sigma"), value: secondsOfMs(config.value.sigmaMs) },
+      { key: "intervals", label: t("preventive.intervals"), value: String(config.value.intervals) },
+      {
+        key: "breach",
+        label: t("preventive.breach"),
+        value: config.value.breachIndex === null ? t("preventive.noBreach") : t("preventive.breachAt", { index: config.value.breachIndex })
+      }
+    ] : []
+  };
+  const source = preventive.source;
+  return {
+    available: true,
+    reads: [loadRead, configRead],
+    source: source === void 0 || source === null ? null : {
+      bootSamples: finite2(source.bootSamples) ? source.bootSamples : 0,
+      changeSamples: finite2(source.changeSamples) ? source.changeSamples : 0,
+      units: source.units,
+      note: source.note
+    },
+    note,
+    anyAlert: loadRead.alert || configRead.alert
+  };
+}
+
 // src/client/panel/panel-model.ts
 var STAGE_ORDER = ["idle", "monitoring", "crashed", "deciding", "stabilizing", "recovered"];
 function stageLabelOf(stage, fallback) {
@@ -3172,14 +3465,14 @@ function metricRows(snapshot) {
   const rows = [];
   const push = (key, label, metric, format, bar) => {
     const raw = metric.value;
-    const usable = metric.defined && raw !== null;
+    const usable2 = metric.defined && raw !== null;
     rows.push({
       key,
       label,
-      value: usable ? format(raw) : t("metrics.undefined"),
-      defined: usable,
-      reason: usable ? null : metric.reason ?? (metric.defined ? t("metrics.valueUndefined") : null),
-      bar: usable ? bar : null
+      value: usable2 ? format(raw) : t("metrics.undefined"),
+      defined: usable2,
+      reason: usable2 ? null : metric.reason ?? (metric.defined ? t("metrics.valueUndefined") : null),
+      bar: usable2 ? bar : null
     });
   };
   push("crashRate", t("metrics.crashRate"), metrics.crashRate, (value) => pctText(value), metrics.crashRate.value ?? null);
@@ -3235,8 +3528,39 @@ function metricRows(snapshot) {
     (value) => typeof value.label === "string" && value.label !== "" ? value.label : t("metrics.undefined"),
     null
   );
+  const mismatch = survivalMismatchReason(metrics.survival);
+  push(
+    "survival",
+    t("metrics.survival"),
+    metrics.survival,
+    (value) => {
+      const shape = value.weibullShapeAtBound ? `k ${t("metrics.shapeAtBound")}` : `k ${isFiniteNumber(value.weibullShape) ? value.weibullShape.toFixed(2) : t("metrics.undefined")}`;
+      const base = `${secondsText(value.exponentialMeanMs, 1)} / ${secondsText(value.weibullMeanMs, 1)} \xB7 ${shape}`;
+      return mismatch === null ? base : `${base} \u26A0`;
+    },
+    null
+  );
+  push(
+    "intervalTrend",
+    t("metrics.intervalTrend"),
+    metrics.intervalTrend,
+    (value) => {
+      const ratio = isFiniteNumber(value.ratio) ? value.ratio.toFixed(2) : t("metrics.undefined");
+      const directionKey = value.direction === "denser" ? "metrics.directionDenser" : value.direction === "sparser" ? "metrics.directionSparser" : "metrics.directionSteady";
+      return `\xD7${ratio} \xB7 ${t(directionKey)}`;
+    },
+    null
+  );
   return rows;
 }
+function survivalMismatchReason(survival) {
+  if (!survival.defined || survival.value === null) return survival.reason ?? null;
+  const v = survival.value;
+  if (v.weibullShapeAtBound) return t("metrics.mismatchAtBound");
+  if (isFiniteNumber(v.cvObserved) && Math.abs(v.cvObserved - 1) > 0.5) return t("metrics.mismatchCv", { cv: v.cvObserved.toFixed(2) });
+  if (!v.hazardDirectionReliable) return t("metrics.mismatchDirection");
+  return null;
+}
 var MARKOV_EXITS_LIMIT = 2;
 function markovView(snapshot) {
   const markov = snapshot.markov;
@@ -3564,6 +3888,14 @@ function LifecycleBody({ snapshot }) {
         ]
       }
     ),
+    (snapshot.unresolved?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "rg-unresolved", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "rg-unresolved-title", children: t("unresolved.title", { count: snapshot.unresolved?.length ?? 0 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { children: snapshot.unresolved?.map((finding, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "rg-badge rg-badge-warn", children: finding.kind }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "rg-unresolved-bundle", children: finding.plugins.join(" \u2194 ") }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "rg-unresolved-detail", children: finding.message })
+      ] }, `${finding.kind}-${index}`)) })
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ol", { className: "rg-stage-rail", "aria-label": t("state.stages"), children: rail.map((cell) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { className: `rg-stage-cell rg-stage-${cell.state}`, "aria-current": cell.state === "current" ? "step" : void 0, children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "rg-stage-dot", "aria-hidden": true }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "rg-stage-name", children: cell.label })
@@ -3864,6 +4196,34 @@ function CooccurrenceBody({ snapshot }) {
     ] })
   ] });
 }
+function PreventiveBody({ snapshot }) {
+  const summary = preventiveSummary(snapshot);
+  if (!summary.available) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "rg-empty", children: t("preventive.unavailable") });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "rg-notice rg-preventive-alertonly", children: summary.note }),
+    summary.reads.map((read) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "rg-preventive-read", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("h4", { className: "rg-card-subtitle", children: [
+        read.title,
+        read.defined && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `rg-badge ${read.alert ? "rg-badge-warn" : "rg-badge-neutral"}`, children: read.alert ? t("preventive.alertYes") : t("preventive.alertNo") })
+      ] }),
+      read.defined ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "rg-card-note", title: read.label, children: read.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dl", { className: "rg-dl rg-dl-compact", children: read.rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "rg-dl-pair", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { children: row.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: row.value })
+        ] }, row.key)) })
+      ] }) : (
+        // 不可判定 ⇒ 只说原因；绝不渲染 0 值（也绝不显示「一切正常」）。
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "rg-empty", children: read.reason ?? t("metrics.undefined") })
+      )
+    ] }, read.key)),
+    summary.source !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "rg-card-note", title: summary.source.note, children: t("preventive.source", {
+      boots: summary.source.bootSamples,
+      changes: summary.source.changeSamples,
+      units: summary.source.units
+    }) })
+  ] });
+}
 function PartitionsBody({
   snapshot,
   selectedKey,
@@ -4073,59 +4433,6 @@ function BayesBody({ snapshot }) {
 
 // src/client/panel/InsightCards.tsx
 var import_react4 = require("react");
-
-// src/client/graph/graph-analysis.ts
-function analyzeStructure(nodes, edges, hubThreshold = 3) {
-  const inCount = /* @__PURE__ */ new Map();
-  const outCount = /* @__PURE__ */ new Map();
-  const known = new Set(nodes.map((n) => n.id));
-  let edgeCount = 0;
-  for (const edge of edges) {
-    if (edge.from === edge.to) continue;
-    if (!known.has(edge.from) || !known.has(edge.to)) continue;
-    edgeCount += 1;
-    outCount.set(edge.from, (outCount.get(edge.from) ?? 0) + 1);
-    inCount.set(edge.to, (inCount.get(edge.to) ?? 0) + 1);
-  }
-  const degrees = nodes.map((node) => {
-    const inDegree = inCount.get(node.id) ?? 0;
-    const outDegree = outCount.get(node.id) ?? 0;
-    const total = inDegree + outDegree;
-    const role = total === 0 ? "isolated" : inDegree > 0 && outDegree > 0 ? total >= hubThreshold ? "hub" : "middle" : outDegree > 0 ? "source" : "sink";
-    return { id: node.id, label: node.label, inDegree, outDegree, total, role };
-  });
-  degrees.sort((a, b) => b.total - a.total || a.id.localeCompare(b.id));
-  return {
-    degrees,
-    hubs: degrees.filter((d) => d.role === "hub"),
-    sources: degrees.filter((d) => d.role === "source"),
-    sinks: degrees.filter((d) => d.role === "sink"),
-    isolated: degrees.filter((d) => d.role === "isolated"),
-    edgeCount,
-    empty: nodes.length === 0
-  };
-}
-function structureInsights(structure) {
-  if (structure.empty) return [];
-  const out = [];
-  if (structure.hubs.length > 0) {
-    const top = structure.hubs[0];
-    out.push(`\u67A2\u7EBD ${structure.hubs.length} \u4E2A\uFF0C\u6700\u9AD8\u4E3A ${top.label}\uFF08\u8FDB ${top.inDegree} / \u51FA ${top.outDegree}\uFF09`);
-  }
-  if (structure.sources.length > 0) {
-    out.push(`\u53EA\u751F\u4EA7\u4E0D\u6D88\u8D39 ${structure.sources.length} \u4E2A\uFF1A${structure.sources.slice(0, 3).map((d) => d.label).join("\u3001")}`);
-  }
-  if (structure.sinks.length > 0) {
-    out.push(`\u53EA\u6D88\u8D39\u4E0D\u751F\u4EA7 ${structure.sinks.length} \u4E2A\uFF1A${structure.sinks.slice(0, 3).map((d) => d.label).join("\u3001")}`);
-  }
-  if (structure.isolated.length > 0) {
-    out.push(`\u5B64\u7ACB\u8282\u70B9 ${structure.isolated.length} \u4E2A\uFF1A${structure.isolated.slice(0, 3).map((d) => d.label).join("\u3001")}`);
-  }
-  out.push(`\u5171 ${structure.edgeCount} \u6761\u8FB9`);
-  return out;
-}
-
-// src/client/panel/InsightCards.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function GraphStructureBar({ graph, onLocate }) {
   const [expanded, setExpanded] = (0, import_react4.useState)(false);
@@ -4287,9 +4594,105 @@ var PanelErrorBoundary = class extends import_react5.Component {
   }
 };
 
+// src/client/panel/poll-adaptive.ts
+var POLL_BASE_MS = 5e3;
+var POLL_MIN_MS = 3e3;
+var POLL_MAX_MS = 3e4;
+var POLL_BACKOFF_MULTIPLIER = 3;
+function positive(value, fallback) {
+  return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : fallback;
+}
+function nextPollDelay(input) {
+  const base = positive(input.baseMs, POLL_BASE_MS);
+  let min = positive(input.minMs, POLL_MIN_MS);
+  let max = positive(input.maxMs, POLL_MAX_MS);
+  if (min > max) {
+    const swapped = min;
+    min = max;
+    max = swapped;
+  }
+  const clamp = (value) => Math.round(Math.min(max, Math.max(min, value)));
+  if (input.changed === true) return clamp(base);
+  const rounds = typeof input.sameRounds === "number" && Number.isFinite(input.sameRounds) && input.sameRounds > 0 ? Math.floor(input.sameRounds) : 0;
+  const cap = Math.min(max, base * POLL_BACKOFF_MULTIPLIER);
+  const raw = base * (1 + rounds);
+  return clamp(Number.isFinite(raw) ? Math.min(cap, raw) : cap);
+}
+function stableStringify(value) {
+  return canonicalize(value, /* @__PURE__ */ new Set());
+}
+function canonicalize(value, stack) {
+  if (value === null) return "null";
+  switch (typeof value) {
+    case "number":
+      return Number.isFinite(value) ? JSON.stringify(value) : "null";
+    case "string":
+      return JSON.stringify(value);
+    case "boolean":
+      return value ? "true" : "false";
+    case "bigint":
+      return JSON.stringify(`${value.toString()}n`);
+    case "undefined":
+    case "function":
+    case "symbol":
+      return "null";
+    default:
+      break;
+  }
+  if (Array.isArray(value)) {
+    if (stack.has(value)) return JSON.stringify("[Circular]");
+    stack.add(value);
+    const out = `[${value.map((entry) => canonicalize(entry, stack)).join(",")}]`;
+    stack.delete(value);
+    return out;
+  }
+  const object = value;
+  if (stack.has(object)) return JSON.stringify("[Circular]");
+  stack.add(object);
+  const parts = [];
+  for (const key of Object.keys(object).sort()) {
+    const entry = object[key];
+    if (entry === void 0 || typeof entry === "function" || typeof entry === "symbol") continue;
+    parts.push(`${JSON.stringify(key)}:${canonicalize(entry, stack)}`);
+  }
+  stack.delete(object);
+  return `{${parts.join(",")}}`;
+}
+function fnv1a32(text) {
+  let hash = 2166136261;
+  for (let index = 0; index < text.length; index += 1) {
+    hash ^= text.charCodeAt(index);
+    hash = Math.imul(hash, 16777619);
+  }
+  return hash >>> 0;
+}
+var OMIT_TOP_LEVEL = /* @__PURE__ */ new Set(["at"]);
+var OMIT_DIAGNOSTIC_KEYS = /* @__PURE__ */ new Set(["snapshotMs"]);
+function stripVolatile(snapshot) {
+  if (snapshot === null || typeof snapshot !== "object" || Array.isArray(snapshot)) return snapshot;
+  const copy = { ...snapshot };
+  for (const key of OMIT_TOP_LEVEL) delete copy[key];
+  const diagnostics = copy.diagnostics;
+  if (diagnostics !== null && typeof diagnostics === "object" && !Array.isArray(diagnostics)) {
+    const cleaned = { ...diagnostics };
+    for (const key of OMIT_DIAGNOSTIC_KEYS) delete cleaned[key];
+    copy.diagnostics = cleaned;
+  }
+  return copy;
+}
+function snapshotFingerprint(snapshot) {
+  return fnv1a32(stableStringify(stripVolatile(snapshot))).toString(16).padStart(8, "0");
+}
+function graphFingerprint(graph) {
+  return fnv1a32(stableStringify(graph ?? null)).toString(16).padStart(8, "0");
+}
+function pollContentFingerprint(snapshot, graph) {
+  return `${snapshotFingerprint(snapshot)}|${graphFingerprint(graph)}`;
+}
+
 // src/client/panel/GuardPanel.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var POLL_INTERVAL = 5e3;
+var POLL_BASE = POLL_BASE_MS;
 var COLLAPSE_KEY = "recency-guard-collapsed";
 function loadCollapsed() {
   try {
@@ -4313,6 +4716,8 @@ function GuardPanel(props) {
   const [failure, setFailure] = (0, import_react6.useState)(null);
   const [busy, setBusy] = (0, import_react6.useState)(false);
   const [polling, setPolling] = (0, import_react6.useState)(true);
+  const [pollDelay, setPollDelay] = (0, import_react6.useState)(POLL_BASE);
+  const [stableRounds, setStableRounds] = (0, import_react6.useState)(0);
   const [collapsed, setCollapsed] = (0, import_react6.useState)(() => loadCollapsed());
   const [form, setForm] = (0, import_react6.useState)("wide");
   const [selectedNodeId, setSelectedNodeId] = (0, import_react6.useState)(null);
@@ -4323,6 +4728,8 @@ function GuardPanel(props) {
   const [conflictNotice, setConflictNotice] = (0, import_react6.useState)(false);
   const rootRef = (0, import_react6.useRef)(null);
   const mounted = (0, import_react6.useRef)(true);
+  const fingerprintRef = (0, import_react6.useRef)(null);
+  const sameRoundsRef = (0, import_react6.useRef)(0);
   const load = (0, import_react6.useCallback)(
     async (partitionKey) => {
       const [snapshotResult, graphResult, archivesResult] = await Promise.all([
@@ -4332,7 +4739,7 @@ function GuardPanel(props) {
         // 面板据此隐藏归档卡片 —— 不假装「归档为空」。
         props.fetchArchives ? props.fetchArchives(partitionKey ?? void 0) : Promise.resolve({ ok: false, reason: "archives-absent" })
       ]);
-      if (!mounted.current) return;
+      if (!mounted.current) return { changed: true, sameRounds: 0 };
       if (snapshotResult.ok) {
         setSnapshot(snapshotResult.data);
         setFailure(null);
@@ -4351,21 +4758,50 @@ function GuardPanel(props) {
           archivesInjected: props.fetchArchives !== void 0
         })
       );
+      if (!snapshotResult.ok) {
+        sameRoundsRef.current = 0;
+        return { changed: true, sameRounds: 0 };
+      }
+      const fingerprint = pollContentFingerprint(
+        snapshotResult.data,
+        graphResult.ok ? graphResult.data : null
+      );
+      const previous = fingerprintRef.current;
+      const changed = previous === null || previous !== fingerprint;
+      const sameRounds = changed ? 0 : Math.min(sameRoundsRef.current + 1, 999);
+      fingerprintRef.current = fingerprint;
+      sameRoundsRef.current = sameRounds;
+      return { changed, sameRounds };
     },
     [props.fetchSnapshot, props.fetchGraph, props.fetchArchives]
   );
   (0, import_react6.useEffect)(() => {
     mounted.current = true;
-    void load(requestedKey);
-    if (!polling) {
-      return () => {
-        mounted.current = false;
-      };
-    }
-    const timer = setInterval(() => void load(requestedKey), POLL_INTERVAL);
+    let cancelled = false;
+    let timer = null;
+    const afterLoad = (outcome) => {
+      if (cancelled) return;
+      const delay = nextPollDelay({
+        sameRounds: outcome.sameRounds,
+        changed: outcome.changed,
+        baseMs: POLL_BASE
+      });
+      setPollDelay(delay);
+      setStableRounds(outcome.sameRounds);
+      if (!polling) return;
+      timer = setTimeout(() => {
+        void run();
+      }, delay);
+    };
+    const run = async () => {
+      const outcome = await load(requestedKey);
+      afterLoad(outcome);
+    };
+    void run();
     return () => {
+      cancelled = true;
+      if (timer !== null) clearTimeout(timer);
       mounted.current = false;
-      clearInterval(timer);
     };
   }, [load, polling, requestedKey]);
   (0, import_react6.useEffect)(() => {
@@ -4455,6 +4891,13 @@ function GuardPanel(props) {
         currentPartition && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "rg-subtitle rg-partition-workspace-full", title: currentPartition.workspace, children: shortenPath(currentPartition.workspace, 72) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "rg-actions", children: [
+        polling && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "rg-poll-chip", role: "status", title: t("panel.pollingHint"), children: [
+          t("panel.pollingOn", { seconds: Math.max(1, Math.round(pollDelay / 1e3)) }),
+          stableRounds > 0 && pollDelay > POLL_BASE && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+            " \xB7 ",
+            t("panel.pollingBackoff")
+          ] })
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "button",
           {
@@ -4623,6 +5066,17 @@ function GuardPanel(props) {
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: "rg-group-title", children: t("groups.observation") }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          Card,
+          {
+            id: "preventive",
+            title: t("sections.preventive"),
+            hint: t("preventive.hint"),
+            collapsed: collapsed.has("preventive"),
+            onToggle: () => toggleCollapse("preventive"),
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PreventiveBody, { snapshot })
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           Card,
           {
@@ -4734,7 +5188,13 @@ function GuardPanel(props) {
       failure !== null && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "rg-error", role: "alert", children: failure }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("footer", { className: "rg-foot", children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: t("panel.snapshotAt", { time: snapshot.at.replace("T", " ").slice(0, 19) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: polling ? t("panel.pollingOn", { seconds: POLL_INTERVAL / 1e3 }) : t("panel.stale", { minutes: staleMinutes }) })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+          polling ? t("panel.pollingOn", { seconds: Math.max(1, Math.round(pollDelay / 1e3)) }) : t("panel.stale", { minutes: staleMinutes }),
+          polling && stableRounds > 0 && pollDelay > POLL_BASE && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+            " \xB7 ",
+            t("panel.pollingBackoff")
+          ] })
+        ] })
       ] })
     ] }) })
   ] });
@@ -4990,7 +5450,7 @@ function openPanel(ctx) {
 }
 
 // src/client/styles.css
-var styles_default = "/**\n * \u7BA1\u7406\u9762\u677F\u7684\u6837\u5F0F\u3002\n *\n * ## \u7EAA\u5F8B\n *\n * 1. **\u53EA\u7528\u4E3B\u9898\u53D8\u91CF**\uFF1A\u989C\u8272\u3001\u5706\u89D2\u3001\u5B57\u4F53\u5168\u90E8\u5F15\u7528 `--dsw-alias-*` / `--dsw-radius-*`\n *    / `--dsw-shadow-*` \u5BB6\u65CF\u3002\u5BBF\u4E3B\u91CD\u547D\u540D\u4E00\u4E2A\u53D8\u91CF\u65F6\u9762\u677F\u53EA\u662F\u53D8\u4E11\uFF0C\u4E0D\u4F1A\u5D29 \u2014\u2014\n *    \u56E0\u6B64\u6BCF\u4E2A var() \u90FD\u5E26\u4E00\u4E2A\u4FDD\u5B88\u7684\u515C\u5E95\u503C\u3002\n * 2. **\u4E24\u79CD\u5F62\u6001\u6309\u5BB9\u5668\u5BBD\u5EA6**\uFF1A`.rg-panel[data-form=\"narrow\"]` \u7531 JS \u6D4B\u51FA\u7684\n *    \u9762\u677F\u5BBD\u5EA6\u9A71\u52A8\uFF08\u9762\u677F\u53EF\u80FD\u6302\u5728\u88AB\u62D6\u7A84\u7684\u4FA7\u680F\u91CC\uFF0C\u5A92\u4F53\u67E5\u8BE2\u91CF\u7684\u662F\u7A97\u53E3\uFF0C\u4F1A\u7B54\u9519\uFF09\u3002\n * 3. **\u5C40\u90E8\u52A8\u6548\u4EE4\u724C**\uFF1A\u8FC7\u6E21\u65F6\u957F\u4E0E\u7F13\u52A8\u5B9A\u4E49\u5728 `.rg-panel` \u4E0A\u7684 `--rg-*`\uFF0C\n *    \u4E0D\u4F9D\u8D56\u672A\u7ECF\u9A8C\u8BC1\u7684\u5168\u5C40 `--ds-*`\uFF08\u751F\u6001\u63D2\u4EF6\u540C\u6837\u81EA\u6301\u8FD9\u5957\u4EE4\u724C\uFF09\u3002\n * 4. **\u4E0D\u5199\u6B7B\u5BB9\u5668\u5BBD\u5EA6**\uFF1A\u9762\u677F\u5360\u6EE1\u5BBF\u4E3B\u7ED9\u7684\u4E2D\u592E\u9762\u677F\u533A\u57DF\u3002\n * 5. **\u5BF9\u6BD4\u5EA6**\uFF1A\u6B63\u6587 `--dsw-alias-label-primary`\uFF0C\u6B21\u8981 `--dsw-alias-label-secondary`\uFF0C\n *    \u63D0\u793A `--dsw-alias-label-tertiary`\uFF08\u4EAE/\u6697\u4E3B\u9898\u90FD\u7531\u5BBF\u4E3B\u4FDD\u8BC1\u53EF\u8BFB\uFF09\u3002\n */\n\n.rg-panel {\n  /* \u5C40\u90E8\u4EE4\u724C\uFF1A\u63A7\u4EF6\u9AD8\u5EA6\u3001\u52A8\u6548\u3001\u95F4\u8DDD\u3002\u6539\u4E00\u5904\uFF0C\u6574\u5757\u9762\u677F\u8DDF\u7740\u4E00\u81F4\u3002 */\n  --rg-control-h: 28px;\n  --rg-motion-fast: 120ms;\n  --rg-motion-medium: 200ms;\n  --rg-ease: cubic-bezier(0.2, 0, 0, 1);\n  --rg-gap: 16px;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--rg-gap);\n  padding: 20px 24px 32px;\n  min-width: 0;\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-base);\n  font-family: var(--dsw-font-family);\n  font-size: var(--dsw-font-s-14, 14px);\n  line-height: var(--dsw-font-s-14-line-height, 22px);\n\n  /**\n   * \u9762\u677F\u5FC5\u987B**\u81EA\u5DF1**\u662F\u6EDA\u52A8\u5BB9\u5668\u3002\n   *\n   * \u4E3A\u4EC0\u4E48\u4E0D\u80FD\u6307\u671B\u5BBF\u4E3B\uFF1A\u5B9E\u6D4B\uFF08\u6C99\u7BB1 sb-rg-c5\uFF09\u5BBF\u4E3B\u69FD\u4F4D\u662F\u8FD9\u6837\u4E00\u4E32\n   *   .centerCol { overflow-y: hidden }        \u2190 \u7956\u5148\u628A\u6EA2\u51FA\u88C1\u6389\n   *   .mainPanel { height: 714px; overflow: visible }\n   *   .rg-panel  { height: 3965px }            \u2190 \u5185\u5BB9\u81EA\u7136\u9AD8\u5EA6\uFF0C\u8D85\u51FA\u540E\u76F4\u63A5\u88AB\u88C1\n   * \u6587\u6863\u672C\u8EAB\u4E0D\u6EDA\uFF08docScrollH == clientH == 714\uFF09\uFF0C\u56E0\u6B64**\u4E0B\u65B9\u6570\u636E\u9875\u6C38\u8FDC\u770B\u4E0D\u5230**\u3002\n   *\n   * \u4E09\u4E2A\u5C5E\u6027\u7F3A\u4E00\u4E0D\u53EF\uFF1A\n   * - `height: 100%` + `min-height: 0`\uFF1A\u6491\u6EE1\u5BBF\u4E3B\u7ED9\u7684\u786E\u5B9A\u9AD8\u5EA6\uFF0C\u4E14\u5141\u8BB8\u6536\u7F29\u5230\u53EF\u6EDA\u52A8\uFF1B\n   *   \u53EA\u5199 overflow \u800C\u4E0D\u9650\u5236\u9AD8\u5EA6\uFF0Cflex \u5B50\u9879\u4ECD\u4F1A\u6309\u5185\u5BB9\u6491\u5F00\uFF0C\u6EDA\u4E0D\u8D77\u6765\u3002\n   * - `overflow-y: auto`\uFF1A\u9762\u677F\u81EA\u5DF1\u6EDA\u3002\n   * - `overscroll-behavior: contain`\uFF1A\u6EDA\u5230\u5C3D\u5934\u4E0D\u628A\u6EDA\u52A8\u4F20\u7ED9\u5BBF\u4E3B\uFF0C\u5426\u5219\u4F1A\u628A\u6574\u9875/\u4FA7\u680F\n   *   \u5E26\u7740\u4E00\u8D77\u6EDA\uFF0C\u89C6\u89C9\u4E0A\u50CF\"\u9762\u677F\u5728\u4E71\u8DF3\"\u3002\n   */\n  height: 100%;\n  max-height: 100%;\n  min-height: 0;\n  overflow-y: auto;\n  overflow-x: hidden;\n  overscroll-behavior: contain;\n}\n\n/* \u7A84\u5F62\u6001\uFF08\u4FA7\u680F / \u5206\u5C4F\uFF09\uFF1A\u6536\u7D27\u8FB9\u8DDD\u4E0E\u95F4\u8DDD\uFF0C\u628A\u7EB5\u5411\u7A7A\u95F4\u8BA9\u7ED9\u5185\u5BB9\u3002 */\n.rg-panel[data-form='narrow'] {\n  --rg-gap: 12px;\n  padding: 14px 14px 24px;\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n/* ---------- \u5934\u90E8 ---------- */\n\n.rg-header {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.rg-header-main {\n  min-width: 0;\n  flex: 1 1 260px;\n}\n\n.rg-title {\n  margin: 0;\n  font-size: var(--dsw-font-l-20, 20px);\n  font-weight: var(--dsw-font-l-20-font-weight, 600);\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-panel[data-form='narrow'] .rg-title {\n  font-size: var(--dsw-font-m-18, 18px);\n}\n\n.rg-subtitle {\n  margin: 4px 0 0;\n  font-size: var(--dsw-font-xs-13, 13px);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n.rg-project-name {\n  font-weight: var(--dsw-font-xs-strong-13, 600);\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-partition-workspace-full {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 100%;\n  direction: ltr;\n}\n\n.rg-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n/* ---------- \u63A7\u4EF6 ---------- */\n\n.rg-button {\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  min-height: var(--rg-control-h);\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  border-radius: var(--dsw-radius-sm, 8px);\n  padding: 4px 12px;\n  font: inherit;\n  font-size: var(--dsw-font-xs-13, 13px);\n  cursor: pointer;\n  transition:\n    background var(--rg-motion-fast) var(--rg-ease),\n    border-color var(--rg-motion-fast) var(--rg-ease);\n}\n\n.rg-button:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-button:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n}\n\n.rg-button:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n\n.rg-button-small {\n  min-height: 24px;\n  padding: 2px 9px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-button-icon {\n  min-width: 28px;\n  padding: 2px 6px;\n  justify-content: center;\n  font-size: var(--dsw-font-s-14, 14px);\n  line-height: 1;\n}\n\n.rg-button-danger {\n  border-color: var(--dsw-alias-state-error-primary);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.rg-button-active {\n  border-color: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-brand-primary);\n}\n\n/* \u8F6E\u8BE2\u6682\u505C\u6001\u6309\u94AE\uFF08\u6682\u505C = \u9700\u8981\u88AB\u770B\u89C1\u7684\u72B6\u6001\uFF0C\u4E0D\u80FD\u53EA\u9760 aria-pressed\uFF09\u3002 */\n.rg-button-paused {\n  border-color: var(--dsw-alias-state-warn-primary);\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.rg-link {\n  appearance: none;\n  border: none;\n  background: none;\n  padding: 0 2px;\n  font: inherit;\n  font-size: inherit;\n  color: var(--dsw-alias-brand-primary);\n  cursor: pointer;\n  text-decoration: underline;\n}\n\n/* \u5206\u6BB5\u63A7\u4EF6\uFF08\u5E03\u5C40 / \u7740\u8272\u53E3\u5F84\uFF09\u3002 */\n.rg-segmented {\n  display: inline-flex;\n  align-items: stretch;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm, 8px);\n  overflow: hidden;\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n.rg-segment {\n  appearance: none;\n  border: none;\n  border-right: 1px solid var(--dsw-alias-border-l1);\n  background: none;\n  color: var(--dsw-alias-label-secondary);\n  padding: 3px 9px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  cursor: pointer;\n  transition: background var(--rg-motion-fast) var(--rg-ease);\n}\n\n.rg-segment:last-child {\n  border-right: none;\n}\n\n.rg-segment:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-segment[aria-pressed='true'] {\n  background: var(--dsw-alias-interactive-bg-active, var(--dsw-alias-bg-layer-2));\n  color: var(--dsw-alias-label-primary);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n}\n\n.rg-segment:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: -2px;\n}\n\n.rg-field {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  min-width: 0;\n}\n\n.rg-field-grow {\n  flex: 1 1 160px;\n}\n\n.rg-field-label {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-input,\n.rg-select {\n  min-height: var(--rg-control-h);\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  padding: 2px 8px;\n  font: inherit;\n  font-size: var(--dsw-font-xs-13, 13px);\n  max-width: 100%;\n}\n\n.rg-input:focus-visible,\n.rg-select:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* ---------- \u63D0\u793A\u6761 ---------- */\n\n.rg-notice {\n  margin: 0;\n  padding: 8px 10px;\n  border: 1px solid var(--dsw-alias-state-warn-primary);\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-error {\n  margin: 0;\n  padding: 10px 12px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  border: 1px solid var(--dsw-alias-state-error-primary);\n  color: var(--dsw-alias-state-error-primary);\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n.rg-empty {\n  margin: 0;\n  padding: 8px 0;\n  font-size: var(--dsw-font-xs-13, 13px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-muted {\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-strong {\n  font-weight: var(--dsw-font-xs-strong-13, 600);\n}\n\n.rg-block {\n  display: block;\n}\n\n.rg-ellipsis {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.rg-count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 16px;\n  margin-left: 6px;\n  padding: 0 4px;\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxxs-11, 11px);\n}\n\n/* \u52A0\u8F7D / \u4E0D\u53EF\u7528\u72B6\u6001\u5757\uFF1A\u5360\u4F4D\u9AD8\u5EA6\u7A33\u5B9A\uFF0C\u907F\u514D\u8F6E\u8BE2\u65F6\u9875\u9762\u8DF3\u52A8\u3002 */\n.rg-state-block {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 24px 0;\n}\n\n.rg-state-title {\n  margin: 0;\n  font-size: var(--dsw-font-m-18, 18px);\n  font-weight: var(--dsw-font-m-18-font-weight, 600);\n}\n\n/* ---------- \u5361\u7247\u7F51\u683C ---------- */\n\n.rg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 12px;\n}\n\n.rg-panel[data-form='narrow'] .rg-grid {\n  grid-template-columns: 1fr;\n}\n\n.rg-card {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 14px 16px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-md, 12px);\n  background: var(--dsw-alias-bg-layer-1);\n  min-width: 0;\n  min-height: 0;\n}\n\n/**\n * \u5361\u7247\u5185\u5BB9\u533A\u56FA\u5B9A\u9AD8\u5EA6 + \u5185\u90E8\u6EDA\u52A8\uFF08v0.9.1 \u7528\u6237\u9700\u6C42\uFF09\u3002\n *\n * \u4E3A\u4EC0\u4E48\u9650\u9AD8\u800C\u4E0D\u662F\u8BA9\u5185\u5BB9\u81EA\u7136\u4F38\u5C55\uFF1A\u5C55\u5F00\u7684\u5361\u7247\u591A\u4E86\u4E4B\u540E\uFF0C\u9762\u677F\u88AB\u5355\u4E2A\n * \u5361\u7247\u6491\u5230\u51E0\u5343\u50CF\u7D20\uFF0C\u4E0B\u9762\u7684\u5361\u7247\u8981\u6EDA\u5F88\u4E45\u624D\u770B\u5F97\u5230 \u2014\u2014 \u5747\u5300\u7684\u89C6\u53E3\u5BC6\u5EA6\n * \u6BD4\u5355\u5361\u7684\u5B8C\u6574\u6027\u66F4\u91CD\u8981\uFF08\u8FD9\u6B63\u662F\u7528\u6237\u539F\u59CB\u8BC9\u6C42\uFF09\u3002\n *\n * - \u9ED8\u8BA4 `--rg-card-body-h: 240px`\uFF1A\u8DB3\u591F\u770B\u7EA6 10 \u884C\u5185\u5BB9\uFF0C\u8D85\u51FA\u5185\u90E8\u6EDA\u52A8\uFF1B\n * - `overscroll-behavior: contain`\uFF1A\u6EDA\u5230\u5C3D\u5934\u4E0D\u628A\u5916\u5C42\u9762\u677F\u5E26\u7740\u6EDA\uFF1B\n * - `.rg-card-enlarged` \u89E3\u9664\u9650\u9AD8\uFF08\u2922 \u6309\u94AE\uFF09\uFF0C\u644A\u5F00\u9605\u8BFB\u957F\u6E05\u5355\uFF1B\n * - \u7A84\u5F62\u6001\u628A\u9650\u9AD8\u964D\u5230 180px\uFF08\u4FA7\u680F\u7A7A\u95F4\u5C11\uFF0C\u5BC6\u5EA6\u4F18\u5148\uFF09\u3002\n */\n.rg-card-body {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  height: var(--rg-card-body-h, 240px);\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  min-height: 0;\n}\n\n/* \u6269\u5927\u6001\uFF1A\u89E3\u9664\u9650\u9AD8\uFF0C\u5361\u7247\u6309\u5185\u5BB9\u81EA\u7136\u4F38\u5C55\uFF08\u9762\u677F\u81EA\u8EAB\u4ECD\u662F\u6EDA\u52A8\u5BB9\u5668\uFF09\u3002 */\n.rg-card-enlarged .rg-card-body {\n  height: auto;\n  max-height: none;\n  overflow-y: visible;\n}\n\n/* \u6269\u5927\u6309\u94AE\uFF1A\u5934\u90E8\u5185\u7684\u7B2C\u4E8C\u4E2A\u52A8\u4F5C\uFF0C\u5C0F\u5C3A\u5BF8\u3001\u4F4E\u5BF9\u6BD4\uFF0C\u4E0D\u4E0E\u6298\u53E0\u7BAD\u5934\u7ADE\u4E89\u3002 */\n.rg-card-expand {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  margin-left: auto;\n  border-radius: var(--dsw-radius-sm, 8px);\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n  user-select: none;\n  transition: background var(--rg-motion-fast, 120ms) var(--rg-ease, ease);\n}\n.rg-card-expand:hover,\n.rg-card-expand:focus-visible {\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-primary);\n}\n.rg-card-enlarged .rg-card-expand {\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-card-title {\n  margin: 0;\n  font-size: var(--dsw-font-s-14, 14px);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n}\n\n/* \u7A84\u5F62\u6001\uFF1A\u4FA7\u680F\u7A7A\u95F4\u5C11\uFF0C\u5BC6\u5EA6\u4F18\u5148 \u2014\u2014 \u5185\u5BB9\u533A\u9650\u9AD8\u964D\u4E3A 180px\u3002 */\n.rg-panel[data-form='narrow'] .rg-card-body {\n  --rg-card-body-h: 180px;\n}\n\n.rg-card-title {\n  margin: 0;\n  font-size: var(--dsw-font-s-14, 14px);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n}\n\n.rg-card-subtitle {\n  margin: 4px 0 0;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-card-note {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* \u53EF\u6298\u53E0\u5361\u7247\uFF1A\u6807\u9898\u884C\u662F\u6309\u94AE\uFF0C\u6574\u4E2A\u5934\u90E8\u53EF\u70B9\u3002 */\n.rg-card-head {\n  appearance: none;\n  border: none;\n  background: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n  cursor: pointer;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n}\n\n.rg-card-head:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n  border-radius: var(--dsw-radius-xs, 4px);\n}\n\n.rg-card-head-hint {\n  margin-left: auto;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.rg-card-chevron {\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-card-collapsed {\n  padding-bottom: 10px;\n}\n\n.rg-card-body {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n/* ---------- \u5FBD\u6807 / \u5706\u70B9 / \u8BA1\u6570\u7247 ---------- */\n\n.rg-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 8px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  border: 1px solid var(--dsw-alias-border-l2);\n  font-size: var(--dsw-font-xxs-12, 12px);\n  white-space: nowrap;\n}\n\n.rg-badge-idle,\n.rg-badge-monitoring {\n  border-color: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-brand-primary);\n}\n\n.rg-badge-crashed,\n.rg-badge-error {\n  border-color: var(--dsw-alias-state-error-primary);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.rg-badge-deciding,\n.rg-badge-worsening,\n.rg-badge-warn {\n  border-color: var(--dsw-alias-state-warn-primary);\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.rg-badge-stabilizing,\n.rg-badge-recovered,\n.rg-badge-improving,\n.rg-badge-success {\n  border-color: var(--dsw-alias-state-success-primary);\n  color: var(--dsw-alias-state-success-primary);\n}\n\n.rg-badge-stable,\n.rg-badge-neutral {\n  border-color: var(--dsw-alias-border-l2);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-chip {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 6px;\n  border-radius: var(--dsw-radius-xs, 4px);\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  white-space: nowrap;\n}\n\n.rg-chip-warn {\n  border: 1px solid var(--dsw-alias-state-warn-primary);\n  color: var(--dsw-alias-state-warn-primary);\n  background: none;\n}\n\n.rg-chip-more {\n  font-variant-numeric: tabular-nums;\n}\n\n.rg-names {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 3px;\n  min-width: 0;\n}\n\n.rg-dot {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--dsw-alias-label-secondary);\n  flex: none;\n}\n\n.rg-dot-info {\n  background: var(--dsw-alias-brand-primary);\n}\n\n.rg-dot-success {\n  background: var(--dsw-alias-state-success-primary);\n}\n\n.rg-dot-warn {\n  background: var(--dsw-alias-state-warn-primary);\n}\n\n.rg-dot-error {\n  background: var(--dsw-alias-state-error-primary);\n}\n\n/* ---------- \u8FDB\u5EA6\u6761 ---------- */\n\n.rg-bar {\n  display: inline-block;\n  width: 72px;\n  height: 4px;\n  border-radius: 2px;\n  background: var(--dsw-alias-bg-layer-2);\n  overflow: hidden;\n  flex: none;\n}\n\n.rg-bar-wide {\n  width: 100%;\n}\n\n.rg-bar-fill {\n  display: block;\n  height: 100%;\n  background: var(--dsw-alias-brand-primary);\n  transition: width var(--rg-motion-medium) var(--rg-ease);\n}\n\n/* ---------- KPI \u6458\u8981\u6761 ---------- */\n\n.rg-kpis {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 10px;\n}\n\n.rg-kpi {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 4px;\n  padding: 12px 14px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-md, 12px);\n  background: var(--dsw-alias-bg-layer-1);\n  min-width: 0;\n}\n\n.rg-kpi-label {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-kpi-value {\n  font-size: var(--dsw-font-s-14, 14px);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n  font-variant-numeric: tabular-nums;\n}\n\n.rg-kpi-big {\n  font-size: var(--dsw-font-m-18, 18px);\n  font-weight: var(--dsw-font-m-18-font-weight, 600);\n}\n\n.rg-kpi-detail {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 100%;\n}\n\n.rg-kpi-meta {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.rg-ring {\n  flex: none;\n}\n\n.rg-ring-text {\n  fill: var(--dsw-alias-label-primary);\n  font-size: 11px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n\n/* ---------- \u63CF\u8FF0\u5217\u8868 / \u9636\u6BB5\u8F68\u9053 ---------- */\n\n.rg-dl {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 4px 12px;\n  margin: 0;\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n.rg-dl dt {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-dl dd {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  flex-wrap: wrap;\n}\n\n.rg-dl-compact {\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-mono {\n  font-family: var(--dsw-font-mono, var(--dsw-font-family-mono, ui-monospace, monospace));\n  font-size: var(--dsw-font-xxs-12, 12px);\n  overflow-wrap: anywhere;\n}\n\n/* \u9636\u6BB5\u8F68\u9053\uFF1A\u72B6\u6001\u673A\u4E0D\u662F\u8FDB\u5EA6\u6761\uFF0Cvisited \u4E0E current \u7528\u4E0D\u540C\u901A\u9053\u8868\u8FBE\u3002 */\n.rg-stage-rail {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px 10px;\n}\n\n.rg-stage-cell {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-stage-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: none;\n  flex: none;\n}\n\n.rg-stage-visited {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-stage-visited .rg-stage-dot {\n  background: var(--dsw-alias-border-l3, var(--dsw-alias-border-l2));\n  border-color: var(--dsw-alias-border-l3, var(--dsw-alias-border-l2));\n}\n\n.rg-stage-current {\n  color: var(--dsw-alias-label-primary);\n  font-weight: var(--dsw-font-xxxs-strong-11, 600);\n}\n\n.rg-stage-current .rg-stage-dot {\n  background: var(--dsw-alias-brand-primary);\n  border-color: var(--dsw-alias-brand-primary);\n  box-shadow: 0 0 0 2px var(--dsw-alias-bg-layer-2);\n}\n\n/* ---------- \u6307\u6807 ---------- */\n\n.rg-metrics {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.rg-metric {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n}\n\n.rg-metric-label {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-metric-value {\n  font-size: var(--dsw-font-xs-13, 13px);\n  font-variant-numeric: tabular-nums;\n}\n\n.rg-metric-undefined {\n  color: var(--dsw-alias-label-secondary);\n  font-style: italic;\n}\n\n.rg-metric-reason {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-metric-detail {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-trend {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n/* ---------- \u8FC1\u79FB / \u51B3\u7B56 / \u4E8B\u4EF6\u65F6\u95F4\u7EBF ---------- */\n\n.rg-transitions,\n.rg-decisions,\n.rg-events {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n\n.rg-transition,\n.rg-decision,\n.rg-event {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  min-width: 0;\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-transition-reason,\n.rg-decision-detail,\n.rg-event-detail {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-decision-bundle {\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-transition-time,\n.rg-decision-time,\n.rg-event-time {\n  flex: none;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  font-size: var(--dsw-font-xxxs-11, 11px);\n}\n\n.rg-event-ago {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  font-size: var(--dsw-font-xxxs-11, 11px);\n}\n\n/* ---------- \u5ACC\u7591\u6392\u540D ---------- */\n\n.rg-risks {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n/* \u300C\u5C55\u5F00\u5176\u4F59 N \u4E2A\u300D\u6309\u94AE\uFF1A\u5DE6\u5BF9\u9F50\u7684\u94FE\u63A5\u5F62\u6001\uFF0C\u4E0E\u5361\u7247\u5185\u7684\u5176\u5B83\u64CD\u4F5C\u533A\u5206\u3002 */\n.rg-risks-expand {\n  align-self: flex-start;\n  margin-top: 2px;\n}\n\n.rg-risk {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--dsw-alias-border-l1);\n}\n\n.rg-risk:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.rg-risk-main {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n.rg-risk-name {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n.rg-risk-score {\n  font-variant-numeric: tabular-nums;\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n.rg-risk-detail {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-risk-actions {\n  display: flex;\n  gap: 6px;\n}\n\n/* ---------- \u80FD\u529B\u6E05\u5355\u8868 ---------- */\n\n.rg-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  table-layout: fixed;\n}\n\n.rg-table th,\n.rg-table td {\n  text-align: left;\n  vertical-align: top;\n  padding: 5px 6px;\n  border-bottom: 1px solid var(--dsw-alias-hairline, var(--dsw-alias-border-l1));\n  overflow-wrap: anywhere;\n}\n\n.rg-table thead th {\n  color: var(--dsw-alias-label-secondary);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n  white-space: nowrap;\n  border-bottom-color: var(--dsw-alias-border-l2);\n}\n\n.rg-table tbody tr {\n  cursor: pointer;\n}\n\n.rg-table tbody tr:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n/* \u9009\u4E2D\u884C\uFF1A\u5DE6\u4FA7 2px \u7AD6\u6761 + \u5E95\u8272\uFF08\u53EA\u9760\u5E95\u8272\u5728\u6697\u8272\u4E3B\u9898\u4E0B\u4E0D\u591F\u663E\u773C\uFF09\u3002 */\n.rg-row-selected {\n  background: var(--dsw-alias-interactive-bg-active, var(--dsw-alias-bg-layer-2));\n  box-shadow: inset 2px 0 0 0 var(--dsw-alias-brand-primary);\n}\n\n/* \u7A84\u5F62\u6001\u4E0B\u8868\u683C\u4F1A\u6324\u6210\u4E00\u56E2 \u2014\u2014 \u5217\u5BBD\u6309\u300C\u80FD\u529B\u540D / \u5173\u7CFB\u300D\u4E24\u680F\u91CD\u6392\u3002 */\n.rg-panel[data-form='narrow'] .rg-table {\n  table-layout: auto;\n}\n\n.rg-panel[data-form='narrow'] .rg-table th:nth-child(2),\n.rg-panel[data-form='narrow'] .rg-table td:nth-child(2),\n.rg-panel[data-form='narrow'] .rg-table th:nth-child(3),\n.rg-panel[data-form='narrow'] .rg-table td:nth-child(3) {\n  display: none;\n}\n\n.rg-gaps {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.rg-gap {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-gap-detail {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* ---------- \u9879\u76EE\u5206\u533A ---------- */\n\n.rg-partitions {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.rg-partition {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  padding: 3px 4px;\n  border-radius: var(--dsw-radius-xs, 4px);\n}\n\n.rg-partition-selected {\n  background: var(--dsw-alias-interactive-bg-active, var(--dsw-alias-bg-layer-2));\n  box-shadow: inset 2px 0 0 0 var(--dsw-alias-brand-primary);\n}\n\n.rg-partition-label {\n  font-weight: var(--dsw-font-xs-strong-13, 600);\n  max-width: 40%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.rg-partition-workspace {\n  flex: 1 1 140px;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  direction: rtl;\n  text-align: left;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-partition-time {\n  flex: none;\n  font-variant-numeric: tabular-nums;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n/* ---------- \u5F52\u6863 ---------- */\n\n.rg-archive-run {\n  display: flex;\n  align-items: flex-end;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.rg-archives {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.rg-archive {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 6px 8px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-sm, 8px);\n}\n\n.rg-archive-dir {\n  font-family: var(--dsw-font-mono, var(--dsw-font-family-mono, ui-monospace, monospace));\n  font-size: var(--dsw-font-xxs-12, 12px);\n  overflow-wrap: anywhere;\n}\n\n.rg-archive-meta,\n.rg-archive-summary {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n/* ---------- \u533A\u5757 / \u9875\u811A ---------- */\n\n.rg-section {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.rg-section-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.rg-section-title {\n  margin: 0;\n  font-size: var(--dsw-font-m-18, 18px);\n  font-weight: var(--dsw-font-m-18-font-weight, 600);\n}\n\n.rg-selection-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n  padding: 2px 8px;\n  border: 1px solid var(--dsw-alias-brand-primary);\n  border-radius: 999px;\n}\n\n.rg-foot {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px 16px;\n  border-top: 1px solid var(--dsw-alias-hairline, var(--dsw-alias-border-l1));\n  padding-top: 8px;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n/* ---------- \u56FE\u8C31 ---------- */\n\n.rg-graph {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-md, 12px);\n  background: var(--dsw-alias-bg-layer-1);\n  padding: 10px;\n  min-width: 0;\n}\n\n.rg-graph-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.rg-graph-zoom {\n  display: inline-flex;\n  gap: 4px;\n}\n\n.rg-graph-hint {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-graph-viewport {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-2);\n  cursor: grab;\n  touch-action: none;\n}\n\n.rg-graph-viewport:active {\n  cursor: grabbing;\n}\n\n.rg-graph-viewport:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n}\n\n.rg-graph-node:focus-visible {\n  outline: none;\n}\n\n/* \u952E\u76D8\u805A\u7126\u7684\u8282\u70B9\u5FC5\u987B\u80FD\u770B\u89C1\u7126\u70B9\uFF08\u5426\u5219 Tab \u8D70\u4E00\u5708\u4E0D\u77E5\u9053\u505C\u5728\u54EA\uFF09\u3002 */\n.rg-graph-node:focus-visible .rg-graph-node-bg {\n  stroke: var(--dsw-alias-brand-primary);\n  stroke-width: 3px;\n}\n\n.rg-graph-node-label {\n  fill: var(--dsw-alias-label-primary);\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.rg-graph-node-detail {\n  fill: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n}\n\n.rg-graph-column-title {\n  fill: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n/* \u66F2\u7EBF\u8FB9\u7684\u8BED\u4E49\u6807\u7B7E\uFF08\u4EC5\u9AD8\u4EAE\u8FB9\u663E\u793A\uFF0C\u907F\u514D\u566A\u58F0\uFF09\u3002 */\n.rg-graph-edge-label {\n  fill: var(--dsw-alias-brand-primary);\n  font-size: 10px;\n  font-weight: 600;\n  pointer-events: none;\n}\n\n/* \u8282\u70B9\u5E03\u5C40\u8FC7\u6E21\uFF08v0.11.3\uFF09\uFF1A\u5207\u6362\u5E03\u5C40/\u62D6\u62FD\u56DE\u5F39\u65F6\u4E0D\u518D\u786C\u8DF3\u53D8\u3002\n   transform \u7531 style \u63D0\u4F9B\uFF1B\u62D6\u52A8\u4E2D\u7684\u8282\u70B9\u5728\u7EC4\u4EF6\u91CC\u628A transition \u7F6E none\u3002 */\n.rg-graph-node {\n  transition: transform var(--rg-motion-medium) var(--rg-ease, ease);\n}\n\n/* \u8FB9\u7684\u547D\u4E2D\u70ED\u533A\uFF1A\u900F\u660E\u5BBD\u63CF\u8FB9\u53EA\u505A\u70B9\u51FB\u76EE\u6807\uFF0C\u89C6\u89C9\u4E0D\u53C2\u4E0E\u3002 */\n.rg-edge-hit {\n  fill: none;\n  stroke: transparent;\n  stroke-width: 14;\n  pointer-events: stroke;\n  cursor: pointer;\n}\n\n/* \u56FE\u4F8B\uFF08\u7C7B\u578B\u8FC7\u6EE4 chips\uFF0C\u5E26\u8BA1\u6570\uFF09\u3002 */\n.rg-graph-legend {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  margin-left: 4px;\n}\n\n.rg-legend-chip {\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  border-radius: 999px;\n  padding: 2px 10px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  cursor: pointer;\n  transition: background var(--rg-motion-fast) var(--rg-ease);\n}\n\n.rg-legend-chip:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-legend-chip-off {\n  opacity: 0.45;\n  text-decoration: line-through;\n}\n\n.rg-legend-chip:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.rg-legend-count {\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n/* \u5F62\u72B6\u56FE\u4F8B\uFF08v0.11\uFF09\uFF1A\u56FE\u4F8B\u91CC\u76F4\u63A5\u753B\u8282\u70B9\u5F62\u72B6 \u2014\u2014 \u5F62\u72B6\u662F\u989C\u8272\u4E4B\u5916\u7684\u7B2C\u4E8C\u7F16\u7801\u901A\u9053\uFF0C\n   \u56FE\u4F8B\u4E0D\u5C55\u793A\u5B83\uFF0C\u8272\u76F2/\u7070\u5EA6\u6253\u5370\u7528\u6237\u5C31\u6C38\u8FDC\u4E0D\u77E5\u9053\u65B9\u6846=\u5448\u73B0\u3001\u4E09\u89D2=\u7F3A\u53E3\u3002 */\n.rg-legend-shape {\n  width: 14px;\n  height: 14px;\n  flex: none;\n}\n\n/* \u641C\u7D22\u904D\u5386\u6307\u793A\uFF08v0.11\uFF09\uFF1A\u7B2C n/m \u4E2A\u5339\u914D\uFF0C\u56DE\u8F66\u5FAA\u73AF\u8DF3\u8F6C\u65F6\u544A\u8BC9\u7528\u6237\u4F4D\u7F6E\u3002 */\n.rg-search-index {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-secondary);\n  white-space: nowrap;\n}\n\n/* \u9A6C\u5C14\u53EF\u592B\u8DE8\u9636\u6BB5\u53BB\u5411\u5FBD\u6807\uFF08v0.11\uFF09\uFF1A`\u2192 \u5D29\u6E83 40%` \u9AD8\u5371\u8FC1\u79FB\u5FC5\u987B\u4E00\u773C\u53EF\u89C1\u3002 */\n.rg-markov-exits {\n  display: inline-flex;\n  gap: 4px;\n  margin-left: 6px;\n  flex-wrap: wrap;\n}\n\n.rg-chip-exit {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n  border: 1px dashed var(--dsw-alias-border-l2);\n  background: transparent;\n  white-space: nowrap;\n}\n\n/* \u56FE\u8C31\u4E3B\u4F53\uFF1A\u89C6\u53E3 + \u8BE6\u60C5\u4FA7\u680F\u4E24\u680F\uFF08\u7A84\u5BB9\u5668\u7EB5\u5411\u5806\u53E0\uFF09\u3002 */\n.rg-graph-body {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 10px;\n}\n\n@media (min-width: 960px) {\n  .rg-graph-body:has(.rg-graph-aside) {\n    grid-template-columns: minmax(0, 1fr) 260px;\n  }\n}\n\n.rg-graph-status {\n  display: flex;\n  align-items: center;\n  gap: 6px 14px;\n  flex-wrap: wrap;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-graph-zoom-label {\n  font-variant-numeric: tabular-nums;\n}\n\n.rg-graph-status-selected {\n  color: var(--dsw-alias-label-primary);\n}\n\n/* \u60AC\u505C\u6D6E\u5C42\uFF1A\u6D6E\u52A8\u5361\u7247\uFF08\u552F\u4E00\u5E26\u9634\u5F71\u7684\u8868\u9762\uFF09\u3002 */\n.rg-graph-tooltip {\n  position: absolute;\n  z-index: 5;\n  transform: translate(-50%, -100%);\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-width: 260px;\n  padding: 6px 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: var(--dsw-shadow-lv3, var(--dsw-shadow-lv1, none));\n  pointer-events: none;\n}\n\n.rg-tooltip-title {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-tooltip-meta,\n.rg-tooltip-detail {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  overflow-wrap: anywhere;\n}\n\n/* \u56FE\u8C31\u641C\u7D22\u6846\u4E0E\u7ED3\u679C\u4E0B\u62C9\u3002 */\n.rg-graph-search {\n  position: relative;\n  display: inline-flex;\n}\n\n.rg-search-input {\n  min-height: var(--rg-control-h);\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  border-radius: var(--dsw-radius-sm, 8px);\n  padding: 2px 9px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  min-width: 150px;\n}\n\n.rg-search-input:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.rg-search-input::placeholder {\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-search-results {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  z-index: 10;\n  margin: 0;\n  padding: 4px;\n  list-style: none;\n  min-width: 200px;\n  max-height: 220px;\n  overflow: auto;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: var(--dsw-shadow-lv3, var(--dsw-shadow-lv1, none));\n}\n\n.rg-search-results button {\n  appearance: none;\n  border: none;\n  background: none;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  padding: 5px 8px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  text-align: left;\n  border-radius: var(--dsw-radius-xs, 4px);\n}\n\n.rg-search-results button:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-search-noresult {\n  padding: 5px 8px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* \u8BE6\u60C5\u4FA7\u680F\u3002 */\n.rg-graph-aside {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 12px 14px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-md, 12px);\n  background: var(--dsw-alias-bg-layer-1);\n  min-width: 0;\n  align-self: start;\n}\n\n.rg-graph-aside-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n.rg-graph-aside-title {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--dsw-font-s-14, 14px);\n}\n\n.rg-graph-aside-detail {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-graph-aside-actions {\n  display: flex;\n  gap: 6px;\n}\n\n/* \u90BB\u5C45\u5BFC\u822A\uFF08\u8BE6\u60C5\u4FA7\u680F\uFF09\uFF1A\u4E0A\u6E38/\u4E0B\u6E38\u5206\u7EC4\u5217\u8868\uFF0C\u70B9\u51FB\u5373\u8DF3\u8F6C\u5B9A\u4F4D\u3002 */\n.rg-graph-neighbors {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  border-top: 1px solid var(--dsw-alias-border-l1);\n  padding-top: 8px;\n}\n\n.rg-graph-neighbor-title {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-graph-neighbor-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.rg-graph-neighbor-link {\n  appearance: none;\n  border: none;\n  background: none;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  padding: 3px 6px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  text-align: left;\n  border-radius: var(--dsw-radius-xs, 4px);\n}\n\n.rg-graph-neighbor-link:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-graph-neighbor-link:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* \u52A8\u6548\u4E0E\u504F\u597D\uFF1A\u5C0A\u91CD\u300C\u51CF\u5C11\u52A8\u6001\u6548\u679C\u300D\uFF08\u524D\u5EAD\u5931\u8C03\u7528\u6237\u4F1A\u56E0\u8FC7\u6E21\u4E0D\u9002\uFF09\u3002 */\n@media (prefers-reduced-motion: reduce) {\n  .rg-panel *,\n  .rg-panel *::before,\n  .rg-panel *::after {\n    transition-duration: 0.01ms !important;\n    animation-duration: 0.01ms !important;\n  }\n}\n\n/* ---------- \u6062\u590D\u5224\u5B9A\u6761\uFF08v0.9.1\uFF09 ---------- */\n\n.rg-verdict {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin: 0;\n  padding: 8px 12px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n/* act\uFF08\u5173\u95ED\u4E86\u63D2\u4EF6\uFF09\u4E0E watch\uFF08\u89C2\u5BDF\u8F6E\uFF09\u7528**\u8FB9\u6846+\u6807\u7B7E**\u533A\u5206\u800C\u4E0D\u662F\u53EA\u9760\u989C\u8272\uFF1A\n   \u7070\u5EA6\u6253\u5370/\u8272\u5F31\u7528\u6237\u4E5F\u80FD\u5206\u8FA8\u3002 */\n.rg-verdict-act {\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2);\n}\n.rg-verdict-watch {\n  border: 1px dashed var(--dsw-alias-border-l1);\n  background: transparent;\n}\n.rg-verdict-tag {\n  padding: 1px 8px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n  background: var(--dsw-alias-bg-layer-2);\n}\n.rg-verdict-meta {\n  margin-left: auto;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* ---------- v0.10 \u6D1E\u5BDF\u5361\uFF1A\u9A6C\u5C14\u53EF\u592B / \u6570\u636E\u6D41 / \u7CFB\u7EDF\u8BCA\u65AD ---------- */\n\n/* \u5361\u7247\u9876\u90E8\u7684\u4E00\u884C\u6458\u8981\uFF08\u6837\u672C\u6570\u3001\u6536\u655B\u6027\u7B49\u767D\u76D2\u5143\u4FE1\u606F\uFF09\u3002 */\n.rg-card-note {\n  margin: 0 0 8px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-tertiary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* \u9A6C\u5C14\u53EF\u592B\u884C\uFF1A\u9636\u6BB5\u540D | \u81EA\u73AF\u6982\u7387\u6761 | \u767E\u5206\u6BD4\u3002 */\n.rg-markov {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  gap: 6px;\n}\n.rg-markov-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n.rg-markov-stage {\n  width: 84px;\n  flex: none;\n  color: var(--dsw-alias-label-secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.rg-markov-row .rg-bar {\n  flex: 1 1 auto;\n  width: auto;\n}\n.rg-markov-value {\n  width: 44px;\n  flex: none;\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-primary);\n}\n.rg-markov-nodata {\n  flex: 1 1 auto;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n}\n.rg-markov-stationary {\n  margin-top: 10px;\n}\n.rg-subhead {\n  margin: 0 0 6px;\n  font-size: 12px;\n  font-weight: var(--dsw-font-s-strong-14, 600);\n  color: var(--dsw-alias-label-secondary);\n}\n.rg-chip-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n/* \u6570\u636E\u6D41\u94FE\u8DEF\uFF1A\u5E8F\u53F7 | \u540D\u79F0+\u8BF4\u660E | \u8BA1\u6570\u3002 */\n.rg-dataflow {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  gap: 8px;\n  counter-reset: rg-flow;\n}\n.rg-dataflow-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  min-width: 0;\n}\n.rg-dataflow-index {\n  flex: none;\n  width: 20px;\n  height: 20px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--dsw-radius-full, 999px);\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  font-weight: var(--dsw-font-s-strong-14, 600);\n}\n\n/* \u6D41\u52A8\u8109\u51B2\uFF08v0.11\u300C\u53EF\u89C6\u5316\u6D41\u52A8\u300D\uFF09\uFF1A\u56DB\u73AF\u94FE\u8DEF\u7684\u5E8F\u53F7\u70B9\u6309\u94FE\u8DEF\u987A\u5E8F\u547C\u5438 \u2014\u2014\n   \u6570\u636E\u4ECE journal \u6D41\u5411\u753B\u9762\u7684\u65B9\u5411\u611F\u7528\u5EF6\u8FDF\u9519\u76F8\u8868\u8FBE\uFF08\u6BCF\u73AF\u5EF6\u8FDF 0.3s\uFF09\u3002\n   \u52A8\u753B\u53EA\u52A8 opacity\uFF08\u5408\u6210\u5C42\u5C5E\u6027\uFF0C\u4E0D\u89E6\u53D1\u91CD\u6392\uFF09\uFF1B\u7CFB\u7EDF\u300C\u51CF\u5C11\u52A8\u6001\u300D\u65F6\u505C\u7528\uFF0C\n   \u9759\u6001\u5E8F\u53F7\u4ECD\u7136\u5B8C\u6574\u627F\u8F7D\u4FE1\u606F\uFF08\u52A8\u753B\u662F\u589E\u5F3A\uFF0C\u4E0D\u662F\u4FE1\u606F\u8F7D\u4F53\uFF09\u3002 */\n.rg-dataflow-step .rg-dataflow-index {\n  animation: rg-flow-pulse 1.8s var(--rg-ease, ease) infinite;\n}\n.rg-dataflow-step:nth-child(2) .rg-dataflow-index {\n  animation-delay: 0.3s;\n}\n.rg-dataflow-step:nth-child(3) .rg-dataflow-index {\n  animation-delay: 0.6s;\n}\n.rg-dataflow-step:nth-child(4) .rg-dataflow-index {\n  animation-delay: 0.9s;\n}\n@keyframes rg-flow-pulse {\n  0%,\n  100% {\n    opacity: 1;\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--dsw-alias-brand-primary) 0%, transparent);\n  }\n  50% {\n    opacity: 0.55;\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent);\n  }\n}\n.rg-dataflow-main {\n  min-width: 0;\n  display: grid;\n  gap: 2px;\n}\n.rg-dataflow-label {\n  color: var(--dsw-alias-label-primary);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n  font-size: 13px;\n}\n.rg-dataflow-detail {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n.rg-dataflow-count {\n  flex: none;\n  margin-left: auto;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* \u7CFB\u7EDF\u8BCA\u65AD\u5361\uFF1A\u7D27\u51D1\u952E\u503C\u5BF9 + \u53CD\u9988\u6309\u94AE\u3002 */\n.rg-issues-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  margin-top: 10px;\n  text-decoration: none;\n  color: var(--dsw-alias-brand-primary);\n  border: 1px solid var(--dsw-alias-border-l1);\n}\n.rg-issues-button:hover {\n  border-color: var(--dsw-alias-brand-primary);\n}\n\n/* ---------- \u51B3\u7B56\u56E0\u5B50\u5361\uFF08v0.13 \u65B9\u5411\u2462\uFF09 ---------- */\n/* \u4E09\u56E0\u5B50\u52A0\u6743\u8D21\u732E\u7684\u53EF\u89C6\u5316\u5206\u89E3\uFF1A\u6761\u5F62\u957F\u5EA6 = \u8BE5\u56E0\u5B50\u8D21\u732E\uFF080~1\uFF09\uFF0C\n   \u8BA9\u300C\u4E3A\u4EC0\u4E48\u662F\u5B83\u300D\u4ECE\u603B\u5206\u53D8\u6210\u4E00\u4E2A\u53EF\u8BFB\u7684\u6210\u56E0\u7ED3\u6784\u3002 */\n.rg-evidence-list {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n.rg-evidence {\n  padding: 8px 10px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-m, 8px);\n  background: var(--dsw-alias-bg-layer-1, transparent);\n}\n/* \u5934\u53F7\u5ACC\u7591\u52A0\u5DE6\u4FA7\u5F3A\u8C03\u8FB9\uFF1A\u5B83\u662F\u300C\u8FD9\u4E00\u8F6E\u771F\u6B63\u4F1A\u88AB\u5173\u6389\u7684\u90A3\u4E2A\u300D\u3002 */\n.rg-evidence-head {\n  border-left: 3px solid var(--dsw-alias-state-error-primary);\n}\n.rg-evidence-head-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n.rg-evidence-bundle {\n  font-weight: 600;\n  word-break: break-all;\n}\n.rg-evidence-risk {\n  margin-left: auto;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-secondary);\n}\n.rg-evidence-bars {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  margin-top: 6px;\n}\n.rg-evidence-bar-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 11px;\n}\n.rg-evidence-bar-label {\n  flex: none;\n  width: 4.5em;\n  color: var(--dsw-alias-label-tertiary);\n}\n.rg-evidence-bar-track {\n  flex: 1 1 auto;\n  height: 5px;\n  border-radius: 3px;\n  background: var(--dsw-alias-hairline);\n  overflow: hidden;\n}\n.rg-evidence-bar {\n  display: block;\n  height: 100%;\n  border-radius: 3px;\n  transition: width 200ms ease;\n}\n.rg-evidence-bar-value {\n  flex: none;\n  width: 3.2em;\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-secondary);\n}\n.rg-evidence-meta {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  margin-top: 6px;\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary);\n}\n/* \u4E09\u56E0\u5B50\u5404\u81EA\u7684\u8BED\u4E49\u8272\uFF1A\u65B0\u8FD1\u6027=\u4FE1\u606F\u3001\u5B9E\u9A8C\u6027=\u8B66\u544A\u3001\u5386\u53F2=\u9519\u8BEF\u3002 */\n.rg-tone-info {\n  background: var(--dsw-alias-brand-primary);\n}\n.rg-tone-warn {\n  background: var(--dsw-alias-state-warning-primary, var(--dsw-alias-brand-primary));\n}\n.rg-tone-error {\n  background: var(--dsw-alias-state-error-primary);\n}\n@media (prefers-reduced-motion: reduce) {\n  .rg-evidence-bar {\n    transition: none;\n  }\n}\n\n/* ---------- \u56FE\u8C31\u7ED3\u6784\u6D1E\u5BDF\u6761\uFF08v0.13\uFF09 ---------- */\n/* \u628A\u300C\u80FD\u753B\u300D\u5347\u7EA7\u4E3A\u300C\u80FD\u8BFB\u7ED3\u6784\u300D\uFF1A\u4E00\u6761\u6A2A\u5411\u4E8B\u5B9E\u6761\uFF0C\u6BCF\u4E2A chip \u53EF\u70B9\u5373\u5B9A\u4F4D\u3002\n   \u8272\u5757\u4E4B\u5916\u8FD8\u6709\u4E00\u6BB5\u53EF\u8BFB\u53E5\u5B50\uFF08rg-struct-detail\uFF09\uFF0C\u4FDD\u8BC1\u7070\u5EA6/\u8272\u76F2\u4E0B\u4FE1\u606F\u4E0D\u4E22\u3002 */\n.rg-graph-structure {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 8px;\n  padding: 6px 10px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-m, 8px);\n  background: var(--dsw-alias-bg-layer-1, transparent);\n  font-size: 11px;\n}\n.rg-struct-heading {\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n.rg-struct-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 8px;\n  border-radius: 999px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  background: var(--dsw-alias-bg-base);\n}\n.rg-struct-label {\n  color: var(--dsw-alias-label-secondary);\n}\n.rg-struct-count {\n  font-variant-numeric: tabular-nums;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n.rg-struct-node {\n  max-width: 12em;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.rg-struct-more,\n.rg-struct-summary,\n.rg-struct-detail {\n  color: var(--dsw-alias-label-tertiary);\n}\n.rg-struct-detail {\n  flex-basis: 100%;\n  font-size: 10px;\n  line-height: 1.5;\n}\n/* chip \u7684\u8BED\u4E49\u5E95\u8272\uFF08\u7528\u6781\u4F4E\u4E0D\u900F\u660E\u5EA6\uFF0C\u907F\u514D\u62A2\u8D70\u8282\u70B9\u4E3B\u8272\uFF09\u3002 */\n.rg-tone-bg-info {\n  border-color: var(--dsw-alias-brand-primary);\n}\n.rg-tone-bg-warn {\n  border-color: var(--dsw-alias-state-warning-primary, var(--dsw-alias-brand-primary));\n}\n.rg-tone-bg-error {\n  border-color: var(--dsw-alias-state-error-primary);\n}\n.rg-tone-bg-neutral {\n  opacity: 0.75;\n}\n\n/* ---------- \u5171\u73B0\u9A8C\u8BC1\u5361\uFF08v0.13 \u65B9\u5411\u2463\uFF09 ---------- */\n/* \u53EA\u62A5\u300C\u80FD\u5426\u52A0\u6743\u300D\uFF0C\u4E0D\u62A5\u52A0\u6743\u503C\uFF1A\u52A0\u6743\u9700\u8981\u989D\u5916\u7684\u4E25\u683C\u5316\u8BBA\u8BC1\u3002\n   \u4E0D\u53EF\u5224\u5B9A\u663E\u793A\u6587\u5B57\u800C\u4E0D\u662F 0%\uFF0C\u907F\u514D\u88AB\u8BFB\u6210\u300C\u8FD9\u7C7B\u5D29\u6E83\u4ECE\u4E0D\u5173\u63D2\u4EF6\u300D\u3002 */\n.rg-note {\n  margin: 6px 0 0;\n  font-size: 11px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-secondary);\n}\n.rg-note-ok {\n  color: var(--dsw-alias-brand-primary);\n}\n.rg-note-muted {\n  color: var(--dsw-alias-label-tertiary);\n}\n";
+var styles_default = "/**\n * \u7BA1\u7406\u9762\u677F\u7684\u6837\u5F0F\u3002\n *\n * ## \u7EAA\u5F8B\n *\n * 1. **\u53EA\u7528\u4E3B\u9898\u53D8\u91CF**\uFF1A\u989C\u8272\u3001\u5706\u89D2\u3001\u5B57\u4F53\u5168\u90E8\u5F15\u7528 `--dsw-alias-*` / `--dsw-radius-*`\n *    / `--dsw-shadow-*` \u5BB6\u65CF\u3002\u5BBF\u4E3B\u91CD\u547D\u540D\u4E00\u4E2A\u53D8\u91CF\u65F6\u9762\u677F\u53EA\u662F\u53D8\u4E11\uFF0C\u4E0D\u4F1A\u5D29 \u2014\u2014\n *    \u56E0\u6B64\u6BCF\u4E2A var() \u90FD\u5E26\u4E00\u4E2A\u4FDD\u5B88\u7684\u515C\u5E95\u503C\u3002\n * 2. **\u4E24\u79CD\u5F62\u6001\u6309\u5BB9\u5668\u5BBD\u5EA6**\uFF1A`.rg-panel[data-form=\"narrow\"]` \u7531 JS \u6D4B\u51FA\u7684\n *    \u9762\u677F\u5BBD\u5EA6\u9A71\u52A8\uFF08\u9762\u677F\u53EF\u80FD\u6302\u5728\u88AB\u62D6\u7A84\u7684\u4FA7\u680F\u91CC\uFF0C\u5A92\u4F53\u67E5\u8BE2\u91CF\u7684\u662F\u7A97\u53E3\uFF0C\u4F1A\u7B54\u9519\uFF09\u3002\n * 3. **\u5C40\u90E8\u52A8\u6548\u4EE4\u724C**\uFF1A\u8FC7\u6E21\u65F6\u957F\u4E0E\u7F13\u52A8\u5B9A\u4E49\u5728 `.rg-panel` \u4E0A\u7684 `--rg-*`\uFF0C\n *    \u4E0D\u4F9D\u8D56\u672A\u7ECF\u9A8C\u8BC1\u7684\u5168\u5C40 `--ds-*`\uFF08\u751F\u6001\u63D2\u4EF6\u540C\u6837\u81EA\u6301\u8FD9\u5957\u4EE4\u724C\uFF09\u3002\n * 4. **\u4E0D\u5199\u6B7B\u5BB9\u5668\u5BBD\u5EA6**\uFF1A\u9762\u677F\u5360\u6EE1\u5BBF\u4E3B\u7ED9\u7684\u4E2D\u592E\u9762\u677F\u533A\u57DF\u3002\n * 5. **\u5BF9\u6BD4\u5EA6**\uFF1A\u6B63\u6587 `--dsw-alias-label-primary`\uFF0C\u6B21\u8981 `--dsw-alias-label-secondary`\uFF0C\n *    \u63D0\u793A `--dsw-alias-label-tertiary`\uFF08\u4EAE/\u6697\u4E3B\u9898\u90FD\u7531\u5BBF\u4E3B\u4FDD\u8BC1\u53EF\u8BFB\uFF09\u3002\n */\n\n.rg-panel {\n  /* \u5C40\u90E8\u4EE4\u724C\uFF1A\u63A7\u4EF6\u9AD8\u5EA6\u3001\u52A8\u6548\u3001\u95F4\u8DDD\u3002\u6539\u4E00\u5904\uFF0C\u6574\u5757\u9762\u677F\u8DDF\u7740\u4E00\u81F4\u3002 */\n  --rg-control-h: 28px;\n  --rg-motion-fast: 120ms;\n  --rg-motion-medium: 200ms;\n  --rg-ease: cubic-bezier(0.2, 0, 0, 1);\n  --rg-gap: 16px;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--rg-gap);\n  padding: 20px 24px 32px;\n  min-width: 0;\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-base);\n  font-family: var(--dsw-font-family);\n  font-size: var(--dsw-font-s-14, 14px);\n  line-height: var(--dsw-font-s-14-line-height, 22px);\n\n  /**\n   * \u9762\u677F\u5FC5\u987B**\u81EA\u5DF1**\u662F\u6EDA\u52A8\u5BB9\u5668\u3002\n   *\n   * \u4E3A\u4EC0\u4E48\u4E0D\u80FD\u6307\u671B\u5BBF\u4E3B\uFF1A\u5B9E\u6D4B\uFF08\u6C99\u7BB1 sb-rg-c5\uFF09\u5BBF\u4E3B\u69FD\u4F4D\u662F\u8FD9\u6837\u4E00\u4E32\n   *   .centerCol { overflow-y: hidden }        \u2190 \u7956\u5148\u628A\u6EA2\u51FA\u88C1\u6389\n   *   .mainPanel { height: 714px; overflow: visible }\n   *   .rg-panel  { height: 3965px }            \u2190 \u5185\u5BB9\u81EA\u7136\u9AD8\u5EA6\uFF0C\u8D85\u51FA\u540E\u76F4\u63A5\u88AB\u88C1\n   * \u6587\u6863\u672C\u8EAB\u4E0D\u6EDA\uFF08docScrollH == clientH == 714\uFF09\uFF0C\u56E0\u6B64**\u4E0B\u65B9\u6570\u636E\u9875\u6C38\u8FDC\u770B\u4E0D\u5230**\u3002\n   *\n   * \u4E09\u4E2A\u5C5E\u6027\u7F3A\u4E00\u4E0D\u53EF\uFF1A\n   * - `height: 100%` + `min-height: 0`\uFF1A\u6491\u6EE1\u5BBF\u4E3B\u7ED9\u7684\u786E\u5B9A\u9AD8\u5EA6\uFF0C\u4E14\u5141\u8BB8\u6536\u7F29\u5230\u53EF\u6EDA\u52A8\uFF1B\n   *   \u53EA\u5199 overflow \u800C\u4E0D\u9650\u5236\u9AD8\u5EA6\uFF0Cflex \u5B50\u9879\u4ECD\u4F1A\u6309\u5185\u5BB9\u6491\u5F00\uFF0C\u6EDA\u4E0D\u8D77\u6765\u3002\n   * - `overflow-y: auto`\uFF1A\u9762\u677F\u81EA\u5DF1\u6EDA\u3002\n   * - `overscroll-behavior: contain`\uFF1A\u6EDA\u5230\u5C3D\u5934\u4E0D\u628A\u6EDA\u52A8\u4F20\u7ED9\u5BBF\u4E3B\uFF0C\u5426\u5219\u4F1A\u628A\u6574\u9875/\u4FA7\u680F\n   *   \u5E26\u7740\u4E00\u8D77\u6EDA\uFF0C\u89C6\u89C9\u4E0A\u50CF\"\u9762\u677F\u5728\u4E71\u8DF3\"\u3002\n   */\n  height: 100%;\n  max-height: 100%;\n  min-height: 0;\n  overflow-y: auto;\n  overflow-x: hidden;\n  overscroll-behavior: contain;\n}\n\n/* \u7A84\u5F62\u6001\uFF08\u4FA7\u680F / \u5206\u5C4F\uFF09\uFF1A\u6536\u7D27\u8FB9\u8DDD\u4E0E\u95F4\u8DDD\uFF0C\u628A\u7EB5\u5411\u7A7A\u95F4\u8BA9\u7ED9\u5185\u5BB9\u3002 */\n.rg-panel[data-form='narrow'] {\n  --rg-gap: 12px;\n  padding: 14px 14px 24px;\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n/* ---------- \u5934\u90E8 ---------- */\n\n.rg-header {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.rg-header-main {\n  min-width: 0;\n  flex: 1 1 260px;\n}\n\n.rg-title {\n  margin: 0;\n  font-size: var(--dsw-font-l-20, 20px);\n  font-weight: var(--dsw-font-l-20-font-weight, 600);\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-panel[data-form='narrow'] .rg-title {\n  font-size: var(--dsw-font-m-18, 18px);\n}\n\n.rg-subtitle {\n  margin: 4px 0 0;\n  font-size: var(--dsw-font-xs-13, 13px);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n.rg-project-name {\n  font-weight: var(--dsw-font-xs-strong-13, 600);\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-partition-workspace-full {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 100%;\n  direction: ltr;\n}\n\n.rg-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n/* ---------- \u63A7\u4EF6 ---------- */\n\n.rg-button {\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  min-height: var(--rg-control-h);\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  border-radius: var(--dsw-radius-sm, 8px);\n  padding: 4px 12px;\n  font: inherit;\n  font-size: var(--dsw-font-xs-13, 13px);\n  cursor: pointer;\n  transition:\n    background var(--rg-motion-fast) var(--rg-ease),\n    border-color var(--rg-motion-fast) var(--rg-ease);\n}\n\n.rg-button:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-button:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n}\n\n.rg-button:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n\n.rg-button-small {\n  min-height: 24px;\n  padding: 2px 9px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-button-icon {\n  min-width: 28px;\n  padding: 2px 6px;\n  justify-content: center;\n  font-size: var(--dsw-font-s-14, 14px);\n  line-height: 1;\n}\n\n.rg-button-danger {\n  border-color: var(--dsw-alias-state-error-primary);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.rg-button-active {\n  border-color: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-brand-primary);\n}\n\n/* \u8F6E\u8BE2\u6682\u505C\u6001\u6309\u94AE\uFF08\u6682\u505C = \u9700\u8981\u88AB\u770B\u89C1\u7684\u72B6\u6001\uFF0C\u4E0D\u80FD\u53EA\u9760 aria-pressed\uFF09\u3002 */\n.rg-button-paused {\n  border-color: var(--dsw-alias-state-warn-primary);\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.rg-link {\n  appearance: none;\n  border: none;\n  background: none;\n  padding: 0 2px;\n  font: inherit;\n  font-size: inherit;\n  color: var(--dsw-alias-brand-primary);\n  cursor: pointer;\n  text-decoration: underline;\n}\n\n/* \u5206\u6BB5\u63A7\u4EF6\uFF08\u5E03\u5C40 / \u7740\u8272\u53E3\u5F84\uFF09\u3002 */\n.rg-segmented {\n  display: inline-flex;\n  align-items: stretch;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm, 8px);\n  overflow: hidden;\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n.rg-segment {\n  appearance: none;\n  border: none;\n  border-right: 1px solid var(--dsw-alias-border-l1);\n  background: none;\n  color: var(--dsw-alias-label-secondary);\n  padding: 3px 9px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  cursor: pointer;\n  transition: background var(--rg-motion-fast) var(--rg-ease);\n}\n\n.rg-segment:last-child {\n  border-right: none;\n}\n\n.rg-segment:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-segment[aria-pressed='true'] {\n  background: var(--dsw-alias-interactive-bg-active, var(--dsw-alias-bg-layer-2));\n  color: var(--dsw-alias-label-primary);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n}\n\n.rg-segment:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: -2px;\n}\n\n.rg-field {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  min-width: 0;\n}\n\n.rg-field-grow {\n  flex: 1 1 160px;\n}\n\n.rg-field-label {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-input,\n.rg-select {\n  min-height: var(--rg-control-h);\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  padding: 2px 8px;\n  font: inherit;\n  font-size: var(--dsw-font-xs-13, 13px);\n  max-width: 100%;\n}\n\n.rg-input:focus-visible,\n.rg-select:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* ---------- \u63D0\u793A\u6761 ---------- */\n\n.rg-notice {\n  margin: 0;\n  padding: 8px 10px;\n  border: 1px solid var(--dsw-alias-state-warn-primary);\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-error {\n  margin: 0;\n  padding: 10px 12px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  border: 1px solid var(--dsw-alias-state-error-primary);\n  color: var(--dsw-alias-state-error-primary);\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n.rg-empty {\n  margin: 0;\n  padding: 8px 0;\n  font-size: var(--dsw-font-xs-13, 13px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-muted {\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-strong {\n  font-weight: var(--dsw-font-xs-strong-13, 600);\n}\n\n.rg-block {\n  display: block;\n}\n\n.rg-ellipsis {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.rg-count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 16px;\n  margin-left: 6px;\n  padding: 0 4px;\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxxs-11, 11px);\n}\n\n/* \u52A0\u8F7D / \u4E0D\u53EF\u7528\u72B6\u6001\u5757\uFF1A\u5360\u4F4D\u9AD8\u5EA6\u7A33\u5B9A\uFF0C\u907F\u514D\u8F6E\u8BE2\u65F6\u9875\u9762\u8DF3\u52A8\u3002 */\n.rg-state-block {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 24px 0;\n}\n\n.rg-state-title {\n  margin: 0;\n  font-size: var(--dsw-font-m-18, 18px);\n  font-weight: var(--dsw-font-m-18-font-weight, 600);\n}\n\n/* ---------- \u5361\u7247\u7F51\u683C ---------- */\n\n.rg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 12px;\n}\n\n.rg-panel[data-form='narrow'] .rg-grid {\n  grid-template-columns: 1fr;\n}\n\n.rg-card {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 14px 16px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-md, 12px);\n  background: var(--dsw-alias-bg-layer-1);\n  min-width: 0;\n  min-height: 0;\n}\n\n/**\n * \u5361\u7247\u5185\u5BB9\u533A\u56FA\u5B9A\u9AD8\u5EA6 + \u5185\u90E8\u6EDA\u52A8\uFF08v0.9.1 \u7528\u6237\u9700\u6C42\uFF09\u3002\n *\n * \u4E3A\u4EC0\u4E48\u9650\u9AD8\u800C\u4E0D\u662F\u8BA9\u5185\u5BB9\u81EA\u7136\u4F38\u5C55\uFF1A\u5C55\u5F00\u7684\u5361\u7247\u591A\u4E86\u4E4B\u540E\uFF0C\u9762\u677F\u88AB\u5355\u4E2A\n * \u5361\u7247\u6491\u5230\u51E0\u5343\u50CF\u7D20\uFF0C\u4E0B\u9762\u7684\u5361\u7247\u8981\u6EDA\u5F88\u4E45\u624D\u770B\u5F97\u5230 \u2014\u2014 \u5747\u5300\u7684\u89C6\u53E3\u5BC6\u5EA6\n * \u6BD4\u5355\u5361\u7684\u5B8C\u6574\u6027\u66F4\u91CD\u8981\uFF08\u8FD9\u6B63\u662F\u7528\u6237\u539F\u59CB\u8BC9\u6C42\uFF09\u3002\n *\n * - \u9ED8\u8BA4 `--rg-card-body-h: 240px`\uFF1A\u8DB3\u591F\u770B\u7EA6 10 \u884C\u5185\u5BB9\uFF0C\u8D85\u51FA\u5185\u90E8\u6EDA\u52A8\uFF1B\n * - `overscroll-behavior: contain`\uFF1A\u6EDA\u5230\u5C3D\u5934\u4E0D\u628A\u5916\u5C42\u9762\u677F\u5E26\u7740\u6EDA\uFF1B\n * - `.rg-card-enlarged` \u89E3\u9664\u9650\u9AD8\uFF08\u2922 \u6309\u94AE\uFF09\uFF0C\u644A\u5F00\u9605\u8BFB\u957F\u6E05\u5355\uFF1B\n * - \u7A84\u5F62\u6001\u628A\u9650\u9AD8\u964D\u5230 180px\uFF08\u4FA7\u680F\u7A7A\u95F4\u5C11\uFF0C\u5BC6\u5EA6\u4F18\u5148\uFF09\u3002\n */\n.rg-card-body {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  height: var(--rg-card-body-h, 240px);\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  min-height: 0;\n}\n\n/* \u6269\u5927\u6001\uFF1A\u89E3\u9664\u9650\u9AD8\uFF0C\u5361\u7247\u6309\u5185\u5BB9\u81EA\u7136\u4F38\u5C55\uFF08\u9762\u677F\u81EA\u8EAB\u4ECD\u662F\u6EDA\u52A8\u5BB9\u5668\uFF09\u3002 */\n.rg-card-enlarged .rg-card-body {\n  height: auto;\n  max-height: none;\n  overflow-y: visible;\n}\n\n/* \u6269\u5927\u6309\u94AE\uFF1A\u5934\u90E8\u5185\u7684\u7B2C\u4E8C\u4E2A\u52A8\u4F5C\uFF0C\u5C0F\u5C3A\u5BF8\u3001\u4F4E\u5BF9\u6BD4\uFF0C\u4E0D\u4E0E\u6298\u53E0\u7BAD\u5934\u7ADE\u4E89\u3002 */\n.rg-card-expand {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  margin-left: auto;\n  border-radius: var(--dsw-radius-sm, 8px);\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n  user-select: none;\n  transition: background var(--rg-motion-fast, 120ms) var(--rg-ease, ease);\n}\n.rg-card-expand:hover,\n.rg-card-expand:focus-visible {\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-primary);\n}\n.rg-card-enlarged .rg-card-expand {\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-card-title {\n  margin: 0;\n  font-size: var(--dsw-font-s-14, 14px);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n}\n\n/* \u7A84\u5F62\u6001\uFF1A\u4FA7\u680F\u7A7A\u95F4\u5C11\uFF0C\u5BC6\u5EA6\u4F18\u5148 \u2014\u2014 \u5185\u5BB9\u533A\u9650\u9AD8\u964D\u4E3A 180px\u3002 */\n.rg-panel[data-form='narrow'] .rg-card-body {\n  --rg-card-body-h: 180px;\n}\n\n.rg-card-title {\n  margin: 0;\n  font-size: var(--dsw-font-s-14, 14px);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n}\n\n.rg-card-subtitle {\n  margin: 4px 0 0;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-card-note {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* \u53EF\u6298\u53E0\u5361\u7247\uFF1A\u6807\u9898\u884C\u662F\u6309\u94AE\uFF0C\u6574\u4E2A\u5934\u90E8\u53EF\u70B9\u3002 */\n.rg-card-head {\n  appearance: none;\n  border: none;\n  background: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n  cursor: pointer;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n}\n\n.rg-card-head:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n  border-radius: var(--dsw-radius-xs, 4px);\n}\n\n.rg-card-head-hint {\n  margin-left: auto;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.rg-card-chevron {\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-card-collapsed {\n  padding-bottom: 10px;\n}\n\n.rg-card-body {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n/* ---------- \u5FBD\u6807 / \u5706\u70B9 / \u8BA1\u6570\u7247 ---------- */\n\n.rg-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 8px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  border: 1px solid var(--dsw-alias-border-l2);\n  font-size: var(--dsw-font-xxs-12, 12px);\n  white-space: nowrap;\n}\n\n.rg-badge-idle,\n.rg-badge-monitoring {\n  border-color: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-brand-primary);\n}\n\n.rg-badge-crashed,\n.rg-badge-error {\n  border-color: var(--dsw-alias-state-error-primary);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.rg-badge-deciding,\n.rg-badge-worsening,\n.rg-badge-warn {\n  border-color: var(--dsw-alias-state-warn-primary);\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.rg-badge-stabilizing,\n.rg-badge-recovered,\n.rg-badge-improving,\n.rg-badge-success {\n  border-color: var(--dsw-alias-state-success-primary);\n  color: var(--dsw-alias-state-success-primary);\n}\n\n.rg-badge-stable,\n.rg-badge-neutral {\n  border-color: var(--dsw-alias-border-l2);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-chip {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 6px;\n  border-radius: var(--dsw-radius-xs, 4px);\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  white-space: nowrap;\n}\n\n.rg-chip-warn {\n  border: 1px solid var(--dsw-alias-state-warn-primary);\n  color: var(--dsw-alias-state-warn-primary);\n  background: none;\n}\n\n.rg-chip-more {\n  font-variant-numeric: tabular-nums;\n}\n\n.rg-names {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 3px;\n  min-width: 0;\n}\n\n.rg-dot {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--dsw-alias-label-secondary);\n  flex: none;\n}\n\n.rg-dot-info {\n  background: var(--dsw-alias-brand-primary);\n}\n\n.rg-dot-success {\n  background: var(--dsw-alias-state-success-primary);\n}\n\n.rg-dot-warn {\n  background: var(--dsw-alias-state-warn-primary);\n}\n\n.rg-dot-error {\n  background: var(--dsw-alias-state-error-primary);\n}\n\n/* ---------- \u8FDB\u5EA6\u6761 ---------- */\n\n.rg-bar {\n  display: inline-block;\n  width: 72px;\n  height: 4px;\n  border-radius: 2px;\n  background: var(--dsw-alias-bg-layer-2);\n  overflow: hidden;\n  flex: none;\n}\n\n.rg-bar-wide {\n  width: 100%;\n}\n\n.rg-bar-fill {\n  display: block;\n  height: 100%;\n  background: var(--dsw-alias-brand-primary);\n  transition: width var(--rg-motion-medium) var(--rg-ease);\n}\n\n/* ---------- KPI \u6458\u8981\u6761 ---------- */\n\n.rg-kpis {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 10px;\n}\n\n.rg-kpi {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 4px;\n  padding: 12px 14px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-md, 12px);\n  background: var(--dsw-alias-bg-layer-1);\n  min-width: 0;\n}\n\n.rg-kpi-label {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-kpi-value {\n  font-size: var(--dsw-font-s-14, 14px);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n  font-variant-numeric: tabular-nums;\n}\n\n.rg-kpi-big {\n  font-size: var(--dsw-font-m-18, 18px);\n  font-weight: var(--dsw-font-m-18-font-weight, 600);\n}\n\n.rg-kpi-detail {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 100%;\n}\n\n.rg-kpi-meta {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.rg-ring {\n  flex: none;\n}\n\n.rg-ring-text {\n  fill: var(--dsw-alias-label-primary);\n  font-size: 11px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n\n/* ---------- \u63CF\u8FF0\u5217\u8868 / \u9636\u6BB5\u8F68\u9053 ---------- */\n\n.rg-dl {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 4px 12px;\n  margin: 0;\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n.rg-dl dt {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-dl dd {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  flex-wrap: wrap;\n}\n\n.rg-dl-compact {\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-mono {\n  font-family: var(--dsw-font-mono, var(--dsw-font-family-mono, ui-monospace, monospace));\n  font-size: var(--dsw-font-xxs-12, 12px);\n  overflow-wrap: anywhere;\n}\n\n/* \u9636\u6BB5\u8F68\u9053\uFF1A\u72B6\u6001\u673A\u4E0D\u662F\u8FDB\u5EA6\u6761\uFF0Cvisited \u4E0E current \u7528\u4E0D\u540C\u901A\u9053\u8868\u8FBE\u3002 */\n.rg-stage-rail {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px 10px;\n}\n\n.rg-stage-cell {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-stage-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: none;\n  flex: none;\n}\n\n.rg-stage-visited {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-stage-visited .rg-stage-dot {\n  background: var(--dsw-alias-border-l3, var(--dsw-alias-border-l2));\n  border-color: var(--dsw-alias-border-l3, var(--dsw-alias-border-l2));\n}\n\n.rg-stage-current {\n  color: var(--dsw-alias-label-primary);\n  font-weight: var(--dsw-font-xxxs-strong-11, 600);\n}\n\n.rg-stage-current .rg-stage-dot {\n  background: var(--dsw-alias-brand-primary);\n  border-color: var(--dsw-alias-brand-primary);\n  box-shadow: 0 0 0 2px var(--dsw-alias-bg-layer-2);\n}\n\n/* ---------- \u6307\u6807 ---------- */\n\n.rg-metrics {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.rg-metric {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n}\n\n.rg-metric-label {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-metric-value {\n  font-size: var(--dsw-font-xs-13, 13px);\n  font-variant-numeric: tabular-nums;\n}\n\n.rg-metric-undefined {\n  color: var(--dsw-alias-label-secondary);\n  font-style: italic;\n}\n\n.rg-metric-reason {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-metric-detail {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-trend {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n/* ---------- \u8FC1\u79FB / \u51B3\u7B56 / \u4E8B\u4EF6\u65F6\u95F4\u7EBF ---------- */\n\n.rg-transitions,\n.rg-decisions,\n.rg-events {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n\n.rg-transition,\n.rg-decision,\n.rg-event {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  min-width: 0;\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-transition-reason,\n.rg-decision-detail,\n.rg-event-detail {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-decision-bundle {\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-transition-time,\n.rg-decision-time,\n.rg-event-time {\n  flex: none;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  font-size: var(--dsw-font-xxxs-11, 11px);\n}\n\n.rg-event-ago {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  font-size: var(--dsw-font-xxxs-11, 11px);\n}\n\n/* ---------- \u5ACC\u7591\u6392\u540D ---------- */\n\n.rg-risks {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n/* \u300C\u5C55\u5F00\u5176\u4F59 N \u4E2A\u300D\u6309\u94AE\uFF1A\u5DE6\u5BF9\u9F50\u7684\u94FE\u63A5\u5F62\u6001\uFF0C\u4E0E\u5361\u7247\u5185\u7684\u5176\u5B83\u64CD\u4F5C\u533A\u5206\u3002 */\n.rg-risks-expand {\n  align-self: flex-start;\n  margin-top: 2px;\n}\n\n.rg-risk {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--dsw-alias-border-l1);\n}\n\n.rg-risk:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.rg-risk-main {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n.rg-risk-name {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n.rg-risk-score {\n  font-variant-numeric: tabular-nums;\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n.rg-risk-detail {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-risk-actions {\n  display: flex;\n  gap: 6px;\n}\n\n/* ---------- \u80FD\u529B\u6E05\u5355\u8868 ---------- */\n\n.rg-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  table-layout: fixed;\n}\n\n.rg-table th,\n.rg-table td {\n  text-align: left;\n  vertical-align: top;\n  padding: 5px 6px;\n  border-bottom: 1px solid var(--dsw-alias-hairline, var(--dsw-alias-border-l1));\n  overflow-wrap: anywhere;\n}\n\n.rg-table thead th {\n  color: var(--dsw-alias-label-secondary);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n  white-space: nowrap;\n  border-bottom-color: var(--dsw-alias-border-l2);\n}\n\n.rg-table tbody tr {\n  cursor: pointer;\n}\n\n.rg-table tbody tr:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n/* \u9009\u4E2D\u884C\uFF1A\u5DE6\u4FA7 2px \u7AD6\u6761 + \u5E95\u8272\uFF08\u53EA\u9760\u5E95\u8272\u5728\u6697\u8272\u4E3B\u9898\u4E0B\u4E0D\u591F\u663E\u773C\uFF09\u3002 */\n.rg-row-selected {\n  background: var(--dsw-alias-interactive-bg-active, var(--dsw-alias-bg-layer-2));\n  box-shadow: inset 2px 0 0 0 var(--dsw-alias-brand-primary);\n}\n\n/* \u7A84\u5F62\u6001\u4E0B\u8868\u683C\u4F1A\u6324\u6210\u4E00\u56E2 \u2014\u2014 \u5217\u5BBD\u6309\u300C\u80FD\u529B\u540D / \u5173\u7CFB\u300D\u4E24\u680F\u91CD\u6392\u3002 */\n.rg-panel[data-form='narrow'] .rg-table {\n  table-layout: auto;\n}\n\n.rg-panel[data-form='narrow'] .rg-table th:nth-child(2),\n.rg-panel[data-form='narrow'] .rg-table td:nth-child(2),\n.rg-panel[data-form='narrow'] .rg-table th:nth-child(3),\n.rg-panel[data-form='narrow'] .rg-table td:nth-child(3) {\n  display: none;\n}\n\n.rg-gaps {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.rg-gap {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-gap-detail {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* ---------- \u9879\u76EE\u5206\u533A ---------- */\n\n.rg-partitions {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.rg-partition {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  padding: 3px 4px;\n  border-radius: var(--dsw-radius-xs, 4px);\n}\n\n.rg-partition-selected {\n  background: var(--dsw-alias-interactive-bg-active, var(--dsw-alias-bg-layer-2));\n  box-shadow: inset 2px 0 0 0 var(--dsw-alias-brand-primary);\n}\n\n.rg-partition-label {\n  font-weight: var(--dsw-font-xs-strong-13, 600);\n  max-width: 40%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.rg-partition-workspace {\n  flex: 1 1 140px;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  direction: rtl;\n  text-align: left;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-partition-time {\n  flex: none;\n  font-variant-numeric: tabular-nums;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n/* ---------- \u5F52\u6863 ---------- */\n\n.rg-archive-run {\n  display: flex;\n  align-items: flex-end;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.rg-archives {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.rg-archive {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 6px 8px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-sm, 8px);\n}\n\n.rg-archive-dir {\n  font-family: var(--dsw-font-mono, var(--dsw-font-family-mono, ui-monospace, monospace));\n  font-size: var(--dsw-font-xxs-12, 12px);\n  overflow-wrap: anywhere;\n}\n\n.rg-archive-meta,\n.rg-archive-summary {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n/* ---------- \u533A\u5757 / \u9875\u811A ---------- */\n\n.rg-section {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.rg-section-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.rg-section-title {\n  margin: 0;\n  font-size: var(--dsw-font-m-18, 18px);\n  font-weight: var(--dsw-font-m-18-font-weight, 600);\n}\n\n.rg-selection-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n  padding: 2px 8px;\n  border: 1px solid var(--dsw-alias-brand-primary);\n  border-radius: 999px;\n}\n\n.rg-foot {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px 16px;\n  border-top: 1px solid var(--dsw-alias-hairline, var(--dsw-alias-border-l1));\n  padding-top: 8px;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n/* ---------- \u56FE\u8C31 ---------- */\n\n.rg-graph {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-md, 12px);\n  background: var(--dsw-alias-bg-layer-1);\n  padding: 10px;\n  min-width: 0;\n}\n\n.rg-graph-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.rg-graph-zoom {\n  display: inline-flex;\n  gap: 4px;\n}\n\n.rg-graph-hint {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-graph-viewport {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-2);\n  cursor: grab;\n  touch-action: none;\n}\n\n.rg-graph-viewport:active {\n  cursor: grabbing;\n}\n\n.rg-graph-viewport:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n}\n\n.rg-graph-node:focus-visible {\n  outline: none;\n}\n\n/* \u952E\u76D8\u805A\u7126\u7684\u8282\u70B9\u5FC5\u987B\u80FD\u770B\u89C1\u7126\u70B9\uFF08\u5426\u5219 Tab \u8D70\u4E00\u5708\u4E0D\u77E5\u9053\u505C\u5728\u54EA\uFF09\u3002 */\n.rg-graph-node:focus-visible .rg-graph-node-bg {\n  stroke: var(--dsw-alias-brand-primary);\n  stroke-width: 3px;\n}\n\n.rg-graph-node-label {\n  fill: var(--dsw-alias-label-primary);\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.rg-graph-node-detail {\n  fill: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n}\n\n.rg-graph-column-title {\n  fill: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n/* \u66F2\u7EBF\u8FB9\u7684\u8BED\u4E49\u6807\u7B7E\uFF08\u4EC5\u9AD8\u4EAE\u8FB9\u663E\u793A\uFF0C\u907F\u514D\u566A\u58F0\uFF09\u3002 */\n.rg-graph-edge-label {\n  fill: var(--dsw-alias-brand-primary);\n  font-size: 10px;\n  font-weight: 600;\n  pointer-events: none;\n}\n\n/* \u8282\u70B9\u5E03\u5C40\u8FC7\u6E21\uFF08v0.11.3\uFF09\uFF1A\u5207\u6362\u5E03\u5C40/\u62D6\u62FD\u56DE\u5F39\u65F6\u4E0D\u518D\u786C\u8DF3\u53D8\u3002\n   transform \u7531 style \u63D0\u4F9B\uFF1B\u62D6\u52A8\u4E2D\u7684\u8282\u70B9\u5728\u7EC4\u4EF6\u91CC\u628A transition \u7F6E none\u3002 */\n.rg-graph-node {\n  transition: transform var(--rg-motion-medium) var(--rg-ease, ease);\n}\n\n/* \u8FB9\u7684\u547D\u4E2D\u70ED\u533A\uFF1A\u900F\u660E\u5BBD\u63CF\u8FB9\u53EA\u505A\u70B9\u51FB\u76EE\u6807\uFF0C\u89C6\u89C9\u4E0D\u53C2\u4E0E\u3002 */\n.rg-edge-hit {\n  fill: none;\n  stroke: transparent;\n  stroke-width: 14;\n  pointer-events: stroke;\n  cursor: pointer;\n}\n\n/* \u56FE\u4F8B\uFF08\u7C7B\u578B\u8FC7\u6EE4 chips\uFF0C\u5E26\u8BA1\u6570\uFF09\u3002 */\n.rg-graph-legend {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  margin-left: 4px;\n}\n\n.rg-legend-chip {\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  border-radius: 999px;\n  padding: 2px 10px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  cursor: pointer;\n  transition: background var(--rg-motion-fast) var(--rg-ease);\n}\n\n.rg-legend-chip:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-legend-chip-off {\n  opacity: 0.45;\n  text-decoration: line-through;\n}\n\n.rg-legend-chip:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.rg-legend-count {\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n/* \u5F62\u72B6\u56FE\u4F8B\uFF08v0.11\uFF09\uFF1A\u56FE\u4F8B\u91CC\u76F4\u63A5\u753B\u8282\u70B9\u5F62\u72B6 \u2014\u2014 \u5F62\u72B6\u662F\u989C\u8272\u4E4B\u5916\u7684\u7B2C\u4E8C\u7F16\u7801\u901A\u9053\uFF0C\n   \u56FE\u4F8B\u4E0D\u5C55\u793A\u5B83\uFF0C\u8272\u76F2/\u7070\u5EA6\u6253\u5370\u7528\u6237\u5C31\u6C38\u8FDC\u4E0D\u77E5\u9053\u65B9\u6846=\u5448\u73B0\u3001\u4E09\u89D2=\u7F3A\u53E3\u3002 */\n.rg-legend-shape {\n  width: 14px;\n  height: 14px;\n  flex: none;\n}\n\n/* \u641C\u7D22\u904D\u5386\u6307\u793A\uFF08v0.11\uFF09\uFF1A\u7B2C n/m \u4E2A\u5339\u914D\uFF0C\u56DE\u8F66\u5FAA\u73AF\u8DF3\u8F6C\u65F6\u544A\u8BC9\u7528\u6237\u4F4D\u7F6E\u3002 */\n.rg-search-index {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-secondary);\n  white-space: nowrap;\n}\n\n/* \u9A6C\u5C14\u53EF\u592B\u8DE8\u9636\u6BB5\u53BB\u5411\u5FBD\u6807\uFF08v0.11\uFF09\uFF1A`\u2192 \u5D29\u6E83 40%` \u9AD8\u5371\u8FC1\u79FB\u5FC5\u987B\u4E00\u773C\u53EF\u89C1\u3002 */\n.rg-markov-exits {\n  display: inline-flex;\n  gap: 4px;\n  margin-left: 6px;\n  flex-wrap: wrap;\n}\n\n.rg-chip-exit {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n  border: 1px dashed var(--dsw-alias-border-l2);\n  background: transparent;\n  white-space: nowrap;\n}\n\n/* \u56FE\u8C31\u4E3B\u4F53\uFF1A\u89C6\u53E3 + \u8BE6\u60C5\u4FA7\u680F\u4E24\u680F\uFF08\u7A84\u5BB9\u5668\u7EB5\u5411\u5806\u53E0\uFF09\u3002 */\n.rg-graph-body {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 10px;\n}\n\n@media (min-width: 960px) {\n  .rg-graph-body:has(.rg-graph-aside) {\n    grid-template-columns: minmax(0, 1fr) 260px;\n  }\n}\n\n.rg-graph-status {\n  display: flex;\n  align-items: center;\n  gap: 6px 14px;\n  flex-wrap: wrap;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-graph-zoom-label {\n  font-variant-numeric: tabular-nums;\n}\n\n.rg-graph-status-selected {\n  color: var(--dsw-alias-label-primary);\n}\n\n/* \u60AC\u505C\u6D6E\u5C42\uFF1A\u6D6E\u52A8\u5361\u7247\uFF08\u552F\u4E00\u5E26\u9634\u5F71\u7684\u8868\u9762\uFF09\u3002 */\n.rg-graph-tooltip {\n  position: absolute;\n  z-index: 5;\n  transform: translate(-50%, -100%);\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-width: 260px;\n  padding: 6px 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: var(--dsw-shadow-lv3, var(--dsw-shadow-lv1, none));\n  pointer-events: none;\n}\n\n.rg-tooltip-title {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-tooltip-meta,\n.rg-tooltip-detail {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  overflow-wrap: anywhere;\n}\n\n/* \u56FE\u8C31\u641C\u7D22\u6846\u4E0E\u7ED3\u679C\u4E0B\u62C9\u3002 */\n.rg-graph-search {\n  position: relative;\n  display: inline-flex;\n}\n\n.rg-search-input {\n  min-height: var(--rg-control-h);\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  border-radius: var(--dsw-radius-sm, 8px);\n  padding: 2px 9px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  min-width: 150px;\n}\n\n.rg-search-input:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.rg-search-input::placeholder {\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-search-results {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  z-index: 10;\n  margin: 0;\n  padding: 4px;\n  list-style: none;\n  min-width: 200px;\n  max-height: 220px;\n  overflow: auto;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: var(--dsw-shadow-lv3, var(--dsw-shadow-lv1, none));\n}\n\n.rg-search-results button {\n  appearance: none;\n  border: none;\n  background: none;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  padding: 5px 8px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  text-align: left;\n  border-radius: var(--dsw-radius-xs, 4px);\n}\n\n.rg-search-results button:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-search-noresult {\n  padding: 5px 8px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* \u8BE6\u60C5\u4FA7\u680F\u3002 */\n.rg-graph-aside {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 12px 14px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-md, 12px);\n  background: var(--dsw-alias-bg-layer-1);\n  min-width: 0;\n  align-self: start;\n}\n\n.rg-graph-aside-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n.rg-graph-aside-title {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--dsw-font-s-14, 14px);\n}\n\n.rg-graph-aside-detail {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-graph-aside-actions {\n  display: flex;\n  gap: 6px;\n}\n\n/* \u90BB\u5C45\u5BFC\u822A\uFF08\u8BE6\u60C5\u4FA7\u680F\uFF09\uFF1A\u4E0A\u6E38/\u4E0B\u6E38\u5206\u7EC4\u5217\u8868\uFF0C\u70B9\u51FB\u5373\u8DF3\u8F6C\u5B9A\u4F4D\u3002 */\n.rg-graph-neighbors {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  border-top: 1px solid var(--dsw-alias-border-l1);\n  padding-top: 8px;\n}\n\n.rg-graph-neighbor-title {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-graph-neighbor-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.rg-graph-neighbor-link {\n  appearance: none;\n  border: none;\n  background: none;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  padding: 3px 6px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  text-align: left;\n  border-radius: var(--dsw-radius-xs, 4px);\n}\n\n.rg-graph-neighbor-link:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-graph-neighbor-link:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* \u52A8\u6548\u4E0E\u504F\u597D\uFF1A\u5C0A\u91CD\u300C\u51CF\u5C11\u52A8\u6001\u6548\u679C\u300D\uFF08\u524D\u5EAD\u5931\u8C03\u7528\u6237\u4F1A\u56E0\u8FC7\u6E21\u4E0D\u9002\uFF09\u3002 */\n@media (prefers-reduced-motion: reduce) {\n  .rg-panel *,\n  .rg-panel *::before,\n  .rg-panel *::after {\n    transition-duration: 0.01ms !important;\n    animation-duration: 0.01ms !important;\n  }\n}\n\n/* ---------- \u6062\u590D\u5224\u5B9A\u6761\uFF08v0.9.1\uFF09 ---------- */\n\n.rg-verdict {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin: 0;\n  padding: 8px 12px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n/* act\uFF08\u5173\u95ED\u4E86\u63D2\u4EF6\uFF09\u4E0E watch\uFF08\u89C2\u5BDF\u8F6E\uFF09\u7528**\u8FB9\u6846+\u6807\u7B7E**\u533A\u5206\u800C\u4E0D\u662F\u53EA\u9760\u989C\u8272\uFF1A\n   \u7070\u5EA6\u6253\u5370/\u8272\u5F31\u7528\u6237\u4E5F\u80FD\u5206\u8FA8\u3002 */\n.rg-verdict-act {\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2);\n}\n.rg-verdict-watch {\n  border: 1px dashed var(--dsw-alias-border-l1);\n  background: transparent;\n}\n.rg-verdict-tag {\n  padding: 1px 8px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n  background: var(--dsw-alias-bg-layer-2);\n}\n.rg-verdict-meta {\n  margin-left: auto;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* ---------- v0.18 \u6062\u590D\u6B8B\u4F59\uFF08unresolved\uFF09+ \u5931\u914D\u68C0\u6D4B\u8B66\u793A ---------- */\n\n/* \u6B8B\u4F59\u51B2\u7A81\u5757\uFF1Aalert \u8BED\u4E49\uFF08role=\"alert\"\uFF09\u4F46\u89C6\u89C9\u514B\u5236 \u2014\u2014 \u662F\u300C\u9700\u8981\u77E5\u9053\u300D\n   \u4E0D\u662F\u300C\u707E\u96BE\u300D\uFF1B\u5217\u8868\u884C\u7528\u5FBD\u6807 + \u63D2\u4EF6\u5BF9 + \u4EBA\u8BFB\u4E8B\u5B9E\u4E09\u6BB5\u3002 */\n.rg-unresolved {\n  margin: 0 0 8px;\n  padding: 8px 12px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-2);\n}\n.rg-unresolved-title {\n  margin: 0 0 6px;\n  font-size: var(--dsw-font-xs-13, 13px);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n}\n.rg-unresolved ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.rg-unresolved li {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px;\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n.rg-unresolved-bundle {\n  font-family: var(--dsw-font-mono, monospace);\n  font-size: 12px;\n}\n.rg-unresolved-detail {\n  color: var(--dsw-alias-label-tertiary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ---------- v0.10 \u6D1E\u5BDF\u5361\uFF1A\u9A6C\u5C14\u53EF\u592B / \u6570\u636E\u6D41 / \u7CFB\u7EDF\u8BCA\u65AD ---------- */\n\n/* \u5361\u7247\u9876\u90E8\u7684\u4E00\u884C\u6458\u8981\uFF08\u6837\u672C\u6570\u3001\u6536\u655B\u6027\u7B49\u767D\u76D2\u5143\u4FE1\u606F\uFF09\u3002 */\n.rg-card-note {\n  margin: 0 0 8px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-tertiary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* \u9A6C\u5C14\u53EF\u592B\u884C\uFF1A\u9636\u6BB5\u540D | \u81EA\u73AF\u6982\u7387\u6761 | \u767E\u5206\u6BD4\u3002 */\n.rg-markov {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  gap: 6px;\n}\n.rg-markov-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n.rg-markov-stage {\n  width: 84px;\n  flex: none;\n  color: var(--dsw-alias-label-secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.rg-markov-row .rg-bar {\n  flex: 1 1 auto;\n  width: auto;\n}\n.rg-markov-value {\n  width: 44px;\n  flex: none;\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-primary);\n}\n.rg-markov-nodata {\n  flex: 1 1 auto;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n}\n.rg-markov-stationary {\n  margin-top: 10px;\n}\n.rg-subhead {\n  margin: 0 0 6px;\n  font-size: 12px;\n  font-weight: var(--dsw-font-s-strong-14, 600);\n  color: var(--dsw-alias-label-secondary);\n}\n.rg-chip-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n/* \u6570\u636E\u6D41\u94FE\u8DEF\uFF1A\u5E8F\u53F7 | \u540D\u79F0+\u8BF4\u660E | \u8BA1\u6570\u3002 */\n.rg-dataflow {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  gap: 8px;\n  counter-reset: rg-flow;\n}\n.rg-dataflow-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  min-width: 0;\n}\n.rg-dataflow-index {\n  flex: none;\n  width: 20px;\n  height: 20px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--dsw-radius-full, 999px);\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  font-weight: var(--dsw-font-s-strong-14, 600);\n}\n\n/* \u6D41\u52A8\u8109\u51B2\uFF08v0.11\u300C\u53EF\u89C6\u5316\u6D41\u52A8\u300D\uFF09\uFF1A\u56DB\u73AF\u94FE\u8DEF\u7684\u5E8F\u53F7\u70B9\u6309\u94FE\u8DEF\u987A\u5E8F\u547C\u5438 \u2014\u2014\n   \u6570\u636E\u4ECE journal \u6D41\u5411\u753B\u9762\u7684\u65B9\u5411\u611F\u7528\u5EF6\u8FDF\u9519\u76F8\u8868\u8FBE\uFF08\u6BCF\u73AF\u5EF6\u8FDF 0.3s\uFF09\u3002\n   \u52A8\u753B\u53EA\u52A8 opacity\uFF08\u5408\u6210\u5C42\u5C5E\u6027\uFF0C\u4E0D\u89E6\u53D1\u91CD\u6392\uFF09\uFF1B\u7CFB\u7EDF\u300C\u51CF\u5C11\u52A8\u6001\u300D\u65F6\u505C\u7528\uFF0C\n   \u9759\u6001\u5E8F\u53F7\u4ECD\u7136\u5B8C\u6574\u627F\u8F7D\u4FE1\u606F\uFF08\u52A8\u753B\u662F\u589E\u5F3A\uFF0C\u4E0D\u662F\u4FE1\u606F\u8F7D\u4F53\uFF09\u3002 */\n.rg-dataflow-step .rg-dataflow-index {\n  animation: rg-flow-pulse 1.8s var(--rg-ease, ease) infinite;\n}\n.rg-dataflow-step:nth-child(2) .rg-dataflow-index {\n  animation-delay: 0.3s;\n}\n.rg-dataflow-step:nth-child(3) .rg-dataflow-index {\n  animation-delay: 0.6s;\n}\n.rg-dataflow-step:nth-child(4) .rg-dataflow-index {\n  animation-delay: 0.9s;\n}\n@keyframes rg-flow-pulse {\n  0%,\n  100% {\n    opacity: 1;\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--dsw-alias-brand-primary) 0%, transparent);\n  }\n  50% {\n    opacity: 0.55;\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent);\n  }\n}\n.rg-dataflow-main {\n  min-width: 0;\n  display: grid;\n  gap: 2px;\n}\n.rg-dataflow-label {\n  color: var(--dsw-alias-label-primary);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n  font-size: 13px;\n}\n.rg-dataflow-detail {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n.rg-dataflow-count {\n  flex: none;\n  margin-left: auto;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* \u7CFB\u7EDF\u8BCA\u65AD\u5361\uFF1A\u7D27\u51D1\u952E\u503C\u5BF9 + \u53CD\u9988\u6309\u94AE\u3002 */\n.rg-issues-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  margin-top: 10px;\n  text-decoration: none;\n  color: var(--dsw-alias-brand-primary);\n  border: 1px solid var(--dsw-alias-border-l1);\n}\n.rg-issues-button:hover {\n  border-color: var(--dsw-alias-brand-primary);\n}\n\n/* ---------- \u51B3\u7B56\u56E0\u5B50\u5361\uFF08v0.13 \u65B9\u5411\u2462\uFF09 ---------- */\n/* \u4E09\u56E0\u5B50\u52A0\u6743\u8D21\u732E\u7684\u53EF\u89C6\u5316\u5206\u89E3\uFF1A\u6761\u5F62\u957F\u5EA6 = \u8BE5\u56E0\u5B50\u8D21\u732E\uFF080~1\uFF09\uFF0C\n   \u8BA9\u300C\u4E3A\u4EC0\u4E48\u662F\u5B83\u300D\u4ECE\u603B\u5206\u53D8\u6210\u4E00\u4E2A\u53EF\u8BFB\u7684\u6210\u56E0\u7ED3\u6784\u3002 */\n.rg-evidence-list {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n.rg-evidence {\n  padding: 8px 10px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-m, 8px);\n  background: var(--dsw-alias-bg-layer-1, transparent);\n}\n/* \u5934\u53F7\u5ACC\u7591\u52A0\u5DE6\u4FA7\u5F3A\u8C03\u8FB9\uFF1A\u5B83\u662F\u300C\u8FD9\u4E00\u8F6E\u771F\u6B63\u4F1A\u88AB\u5173\u6389\u7684\u90A3\u4E2A\u300D\u3002 */\n.rg-evidence-head {\n  border-left: 3px solid var(--dsw-alias-state-error-primary);\n}\n.rg-evidence-head-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n.rg-evidence-bundle {\n  font-weight: 600;\n  word-break: break-all;\n}\n.rg-evidence-risk {\n  margin-left: auto;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-secondary);\n}\n.rg-evidence-bars {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  margin-top: 6px;\n}\n.rg-evidence-bar-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 11px;\n}\n.rg-evidence-bar-label {\n  flex: none;\n  width: 4.5em;\n  color: var(--dsw-alias-label-tertiary);\n}\n.rg-evidence-bar-track {\n  flex: 1 1 auto;\n  height: 5px;\n  border-radius: 3px;\n  background: var(--dsw-alias-hairline);\n  overflow: hidden;\n}\n.rg-evidence-bar {\n  display: block;\n  height: 100%;\n  border-radius: 3px;\n  transition: width 200ms ease;\n}\n.rg-evidence-bar-value {\n  flex: none;\n  width: 3.2em;\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-secondary);\n}\n.rg-evidence-meta {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  margin-top: 6px;\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary);\n}\n/* \u4E09\u56E0\u5B50\u5404\u81EA\u7684\u8BED\u4E49\u8272\uFF1A\u65B0\u8FD1\u6027=\u4FE1\u606F\u3001\u5B9E\u9A8C\u6027=\u8B66\u544A\u3001\u5386\u53F2=\u9519\u8BEF\u3002 */\n.rg-tone-info {\n  background: var(--dsw-alias-brand-primary);\n}\n.rg-tone-warn {\n  background: var(--dsw-alias-state-warning-primary, var(--dsw-alias-brand-primary));\n}\n.rg-tone-error {\n  background: var(--dsw-alias-state-error-primary);\n}\n@media (prefers-reduced-motion: reduce) {\n  .rg-evidence-bar {\n    transition: none;\n  }\n}\n\n/* ---------- \u56FE\u8C31\u7ED3\u6784\u6D1E\u5BDF\u6761\uFF08v0.13\uFF09 ---------- */\n/* \u628A\u300C\u80FD\u753B\u300D\u5347\u7EA7\u4E3A\u300C\u80FD\u8BFB\u7ED3\u6784\u300D\uFF1A\u4E00\u6761\u6A2A\u5411\u4E8B\u5B9E\u6761\uFF0C\u6BCF\u4E2A chip \u53EF\u70B9\u5373\u5B9A\u4F4D\u3002\n   \u8272\u5757\u4E4B\u5916\u8FD8\u6709\u4E00\u6BB5\u53EF\u8BFB\u53E5\u5B50\uFF08rg-struct-detail\uFF09\uFF0C\u4FDD\u8BC1\u7070\u5EA6/\u8272\u76F2\u4E0B\u4FE1\u606F\u4E0D\u4E22\u3002 */\n.rg-graph-structure {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 8px;\n  padding: 6px 10px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-m, 8px);\n  background: var(--dsw-alias-bg-layer-1, transparent);\n  font-size: 11px;\n}\n.rg-struct-heading {\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n.rg-struct-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 8px;\n  border-radius: 999px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  background: var(--dsw-alias-bg-base);\n}\n.rg-struct-label {\n  color: var(--dsw-alias-label-secondary);\n}\n.rg-struct-count {\n  font-variant-numeric: tabular-nums;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n.rg-struct-node {\n  max-width: 12em;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.rg-struct-more,\n.rg-struct-summary,\n.rg-struct-detail {\n  color: var(--dsw-alias-label-tertiary);\n}\n.rg-struct-detail {\n  flex-basis: 100%;\n  font-size: 10px;\n  line-height: 1.5;\n}\n/* chip \u7684\u8BED\u4E49\u5E95\u8272\uFF08\u7528\u6781\u4F4E\u4E0D\u900F\u660E\u5EA6\uFF0C\u907F\u514D\u62A2\u8D70\u8282\u70B9\u4E3B\u8272\uFF09\u3002 */\n.rg-tone-bg-info {\n  border-color: var(--dsw-alias-brand-primary);\n}\n.rg-tone-bg-warn {\n  border-color: var(--dsw-alias-state-warning-primary, var(--dsw-alias-brand-primary));\n}\n.rg-tone-bg-error {\n  border-color: var(--dsw-alias-state-error-primary);\n}\n.rg-tone-bg-neutral {\n  opacity: 0.75;\n}\n\n/* ---------- \u5171\u73B0\u9A8C\u8BC1\u5361\uFF08v0.13 \u65B9\u5411\u2463\uFF09 ---------- */\n/* \u53EA\u62A5\u300C\u80FD\u5426\u52A0\u6743\u300D\uFF0C\u4E0D\u62A5\u52A0\u6743\u503C\uFF1A\u52A0\u6743\u9700\u8981\u989D\u5916\u7684\u4E25\u683C\u5316\u8BBA\u8BC1\u3002\n   \u4E0D\u53EF\u5224\u5B9A\u663E\u793A\u6587\u5B57\u800C\u4E0D\u662F 0%\uFF0C\u907F\u514D\u88AB\u8BFB\u6210\u300C\u8FD9\u7C7B\u5D29\u6E83\u4ECE\u4E0D\u5173\u63D2\u4EF6\u300D\u3002 */\n.rg-note {\n  margin: 6px 0 0;\n  font-size: 11px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-secondary);\n}\n.rg-note-ok {\n  color: var(--dsw-alias-brand-primary);\n}\n.rg-note-muted {\n  color: var(--dsw-alias-label-tertiary);\n}\n";
 
 // src/client/styles.ts
 var STYLE_ELEMENT_ID = "dsh-recency-guard-styles";
@@ -5251,12 +5711,26 @@ var GRAPH_CSS = `
   flex: 0 0 auto;
 }
 
-/* \u6570\u636E\u6D41\u5361\uFF1A4 \u4E2A\u6B65\u9AA4\u5FC5\u987B\u5B8C\u6574\u53EF\u8BFB\uFF08\u771F\u673A\u7B2C 4 \u6B65\u88AB\u88C1\u6389\u4E00\u534A\uFF09\u3002
-   \u5361\u7247 body \u7684\u9ED8\u8BA4\u9650\u9AD8\u662F\u7ED9\u957F\u6E05\u5355\u7528\u7684\uFF1B\u6570\u636E\u6D41\u662F\u56FA\u5B9A 4 \u884C\uFF0C\u6309\u5185\u5BB9\u4F38\u5C55
-   \uFF08\u4ECD\u7559 max-height \u515C\u5E95\uFF0C\u8D85\u51FA\u65F6\u5185\u90E8\u6EDA\u52A8\u662F\u663E\u5F0F\u7684\uFF09\u3002 */
-.rg-card-body:has(.rg-dataflow) {
+/* \u8F6E\u8BE2\u95F4\u9694\u5FBD\u6807\uFF08\u64CD\u4F5C\u533A\uFF09\uFF1A\u6BD4\u6309\u94AE\u5F31\u3001\u4F46\u4E0D\u7528\u6EDA\u5230\u9875\u811A\u5C31\u80FD\u8BFB\u5230\u3002 */
+.rg-poll-chip {
+  align-self: center;
+  padding: 2px 8px;
+  border: 1px solid var(--dsw-alias-border-l1);
+  border-radius: var(--dsw-radius-full, 999px);
+  font-size: var(--dsw-font-xxxs-11, 11px);
+  color: var(--dsw-alias-label-secondary);
+  white-space: nowrap;
+}
+
+/* \u6570\u636E\u6D41 / \u9884\u8B66\u5361\uFF1A\u5185\u5BB9\u5FC5\u987B\u5B8C\u6574\u53EF\u8BFB\uFF08v0.16 \u6570\u636E\u6D41\u7B2C 4 \u6B65\u3001v0.17 \u9884\u8B66\u5361
+   CUSUM \u8BF4\u660E\u884C\u4E24\u6B21\u88AB\u56FA\u5B9A 240px body \u88C1\u6389\uFF09\u3002\u8FD9\u4E24\u5F20\u5361\u5185\u5BB9\u957F\u5EA6\u6709\u9650\u4E14\u7528\u6237
+   \u5FC5\u987B\u8BFB\u5168\uFF0C\u56E0\u6B64\u6309\u5185\u5BB9\u4F38\u5C55\uFF1B\u4ECD\u4FDD\u7559 max-height + **\u663E\u5F0F** overflow-y:auto
+   \uFF08\u8D85\u51FA\u65F6\u6EDA\u52A8\u6761\u53EF\u89C1\uFF0C\u4E0D\u662F\u9759\u9ED8\u88C1\u5207\uFF09\u3002 */
+.rg-card-body:has(.rg-dataflow),
+.rg-card[data-card-id='preventive'] .rg-card-body {
   height: auto;
-  max-height: 320px;
+  max-height: 360px;
+  overflow-y: auto;
 }
 
 /* \u51CF\u5C11\u52A8\u6001\u6548\u679C\uFF1A\u8282\u70B9\u62D6\u52A8\u3001\u5E03\u5C40\u8FC7\u6E21\u4E0E\u56FE\u4F8B\u90FD\u4E0D\u5F97\u64AD\u653E\u52A8\u753B\u3002 */