fix: restore compact lifecycle layout

src/README.md

@@ -111,10 +111,9 @@ from all available paper data, and pushes to `Elfsong/hf_paper_lifecycle`.
 This step uses local statistics and does not call Codex.
 
 The Streamlit Lifecycle view renders snapshots with `lifecycle_figure.py`:
-a numbered curve above five phase topic lists. **Topics per phase** selects
-5, 10 (default), 15, or 20 topics. Each list shows its displayed/available count;
-sparse phases show all their topics. Innovation ranks by recent share, and other
-phases rank by total papers. Existing snapshots work without regeneration.
+a compact curve with topic names labeled directly on it. The five phases show
+up to 3, 4, 4, 3, and 2 topics respectively. Innovation ranks by recent share,
+and other phases rank by total papers. Existing snapshots work without regeneration.
 
 ```bash
 uv run python src/lifecycle_retrieve.py                      # latest bimonthly snapshot

src/lifecycle_figure.py

@@ -1,6 +1,9 @@
-"""Lifecycle curve and phase topic lists, independent of the Streamlit app."""
+"""Compact lifecycle curve, independent of the Streamlit app."""
+
+from collections import defaultdict
 
 import matplotlib
+import matplotlib.patheffects as pe
 import numpy as np
 from matplotlib import font_manager
 from matplotlib.backends.backend_agg import FigureCanvasAgg
@@ -15,13 +18,6 @@ PHASES_ORDER = [
     "Slope of Enlightenment",
     "Plateau of Productivity",
 ]
-_COLORS = ["#16a34a", "#dc2626", "#2563eb", "#d97706", "#6b7280"]
-_LABELS_EN = [
-    "Innovation\nTrigger", "Peak of Inflated\nExpectations",
-    "Trough of\nDisillusionment", "Slope of\nEnlightenment",
-    "Plateau of\nProductivity",
-]
-_LABELS_ZH = ["技术萌芽期", "期望膨胀期", "泡沫破裂期", "稳步爬升期", "生产成熟期"]
 
 
 def _font_settings(lang: bool) -> dict:
@@ -44,142 +40,125 @@ def _font_settings(lang: bool) -> dict:
     return settings
 
 
-def _wrap_topic(topic, width, renderer, font):
-    """Wrap using actual glyph widths, including CJK and unbroken names."""
-    remaining = " ".join(topic.split())
-    lines = []
-    while remaining:
-        end = 1
-        while end <= len(remaining):
-            measured, _, _ = renderer.get_text_width_height_descent(
-                remaining[:end], font, ismath=False,
-            )
-            if measured > width:
-                break
-            end += 1
-        if end > len(remaining):
-            lines.append(remaining)
-            break
-        end = max(1, end - 1)
-        space = remaining.rfind(" ", 0, end + 1)
-        if space > 0:
-            end = space
-        lines.append(remaining[:end].rstrip())
-        remaining = remaining[end:].lstrip()
-    return "\n".join(lines) or " "
-
-
-def render_hype_cycle(lifecycle_data: dict, lang: bool, topics_per_phase: int = 10):
-    """Show ranked topics on a schematic curve and in five readable columns.
-
-    Innovation ranks by current share; other phases rank by total paper count.
-    The curve's positions illustrate phase membership, not measured visibility.
-    """
-    if topics_per_phase < 1:
-        raise ValueError("topics_per_phase must be positive")
-
-    groups = {phase: [] for phase in PHASES_ORDER}
-    for topic in lifecycle_data.values():
-        if topic["phase"] in groups:
-            groups[topic["phase"]].append(topic)
-    if not any(groups.values()):
-        return None
-    for phase, topics in groups.items():
-        metric = "current_avg" if phase == PHASES_ORDER[0] else "total_count"
-        topics.sort(key=lambda topic: (-topic[metric], topic["topic"]))
-    selected = [groups[phase][:topics_per_phase] for phase in PHASES_ORDER]
-
+def render_hype_cycle(lifecycle_data: dict, lang: bool):
+    """Render the original hype cycle with up to 16 directly labeled topics."""
     with matplotlib.rc_context(_font_settings(lang)):
-        fig = Figure(figsize=(16, 6), facecolor="white")
-        canvas = FigureCanvasAgg(fig)
-        renderer = canvas.get_renderer()
-        font = font_manager.FontProperties(size=9.5)
-        left, right = 0.055, 0.98
-        column_width = (right - left) / 5
-        # Reserve space for the rank at left and paper count at right.
-        text_width = fig.get_figwidth() * fig.dpi * (column_width - .01) * 0.64
-        wrapped = [
-            [_wrap_topic(topic["topic"], text_width, renderer, font) for topic in topics]
-            for topics in selected
-        ]
-        row_heights = [
-            [max(0.34, 0.18 * (label.count("\n") + 1) + 0.13) for label in labels]
-            for labels in wrapped
-        ]
-        panel_height = 1.15 + max(sum(heights) for heights in row_heights)
-        curve_height = 3.65
-        height = panel_height + curve_height + 0.45
-        fig.set_size_inches(16, height)
-        ax = fig.add_axes([left, (panel_height + 0.4) / height,
-                           right - left, curve_height / height])
-
-        # Equal-width phases give even space to topics in every stage.
-        original_x = [0, .5, 1, 1.5, 2, 2.3, 2.8, 3.2, 3.8, 4.5, 5.5, 6.5, 7.5, 8.5, 10]
-        ctrl_x = np.interp(original_x, [0, 1.35, 2.7, 4.55, 7.35, 10], np.arange(6))
-        ctrl_y = [.02, .08, .22, .58, .98, .78, .38, .16, .10, .15, .26, .36, .42, .45, .47]
-        curve = CubicSpline(ctrl_x, ctrl_y)
-        curve_x = np.linspace(0, 5, 600)
-        ax.plot(curve_x, curve(curve_x), color="#cbd5e1", linewidth=3,
-                zorder=1, solid_capstyle="round")
-
-        for index, (topics, color) in enumerate(zip(selected, _COLORS)):
-            ax.axvspan(index, index + 1, color=color, alpha=0.035, zorder=0)
-            if index:
-                ax.axvline(index, color="#e5e7eb", linewidth=0.8, linestyle="--")
-            x_values = np.linspace(index + .08, index + .92, len(topics) + 2)[1:-1]
-            for rank, (topic, x) in enumerate(zip(topics, x_values), start=1):
-                y = float(curve(x))
-                size = max(4, min(9, topic["total_count"] / 30))
-                ax.plot(x, y, "o", color=color, markersize=size, zorder=3,
-                        markeredgecolor="white", markeredgewidth=.7)
+        phase_groups: dict[str, list] = defaultdict(list)
+        for lc in lifecycle_data.values():
+            phase_groups[lc["phase"]].append(lc)
+
+        sort_keys = {
+            "Innovation Trigger": lambda x: -x["current_avg"],
+            "Peak of Inflated Expectations": lambda x: -x["total_count"],
+            "Trough of Disillusionment": lambda x: -x["total_count"],
+            "Slope of Enlightenment": lambda x: -x["total_count"],
+            "Plateau of Productivity": lambda x: -x["total_count"],
+        }
+        for phase, key_fn in sort_keys.items():
+            if phase in phase_groups:
+                phase_groups[phase].sort(key=key_fn)
+
+        max_per_phase = {
+            "Innovation Trigger": 3,
+            "Peak of Inflated Expectations": 4,
+            "Trough of Disillusionment": 4,
+            "Slope of Enlightenment": 3,
+            "Plateau of Productivity": 2,
+        }
+        selected = []
+        for phase in PHASES_ORDER:
+            selected.extend(phase_groups.get(phase, [])[:max_per_phase[phase]])
+
+        if not selected:
+            return None
+
+        # Hype cycle curve (cubic spline through control points)
+        ctrl_x = np.array([0, 0.5, 1, 1.5, 2, 2.3, 2.8, 3.2, 3.8, 4.5, 5.5, 6.5, 7.5, 8.5, 10])
+        ctrl_y = np.array([.02, .08, .22, .58, .98, .78, .38, .16, .10, .15, .26, .36, .42, .45, .47])
+        cs = CubicSpline(ctrl_x, ctrl_y)
+        curve_x = np.linspace(0, 10, 500)
+        curve_y = cs(curve_x)
+
+        phase_ranges = {
+            "Innovation Trigger": (0.3, 1.3),
+            "Peak of Inflated Expectations": (1.4, 2.6),
+            "Trough of Disillusionment": (2.8, 4.3),
+            "Slope of Enlightenment": (4.8, 7.2),
+            "Plateau of Productivity": (7.5, 9.5),
+        }
+        phase_colors = {
+            "Innovation Trigger": "#16a34a",
+            "Peak of Inflated Expectations": "#dc2626",
+            "Trough of Disillusionment": "#2563eb",
+            "Slope of Enlightenment": "#d97706",
+            "Plateau of Productivity": "#6b7280",
+        }
+        phase_labels = {
+            "Innovation Trigger": "技术\n萌芽期" if lang else "Innovation\nTrigger",
+            "Peak of Inflated Expectations": "期望\n膨胀期" if lang else "Peak of Inflated\nExpectations",
+            "Trough of Disillusionment": "泡沫\n破裂期" if lang else "Trough of\nDisillusionment",
+            "Slope of Enlightenment": "稳步\n爬升期" if lang else "Slope of\nEnlightenment",
+            "Plateau of Productivity": "生产\n成熟期" if lang else "Plateau of\nProductivity",
+        }
+        offset_patterns = {
+            "Innovation Trigger": [(0.10, "bottom"), (-0.08, "top"), (0.15, "bottom")],
+            "Peak of Inflated Expectations": [(0.16, "bottom"), (-0.13, "top"), (0.10, "bottom"), (-0.09, "top")],
+            "Trough of Disillusionment": [(0.10, "bottom"), (-0.07, "top"), (0.14, "bottom"), (-0.10, "top")],
+            "Slope of Enlightenment": [(0.10, "bottom"), (-0.08, "top"), (0.14, "bottom")],
+            "Plateau of Productivity": [(0.10, "bottom"), (-0.08, "top")],
+        }
+
+        fig = Figure(figsize=(10, 5))
+        FigureCanvasAgg(fig)
+        ax = fig.subplots()
+        ax.plot(curve_x, curve_y, color="#d1d5db", linewidth=3.5, zorder=1, solid_capstyle="round")
+        ax.fill_between(curve_x, 0, curve_y, alpha=0.03, color="#9ca3af")
+
+        for bx in [1.35, 2.7, 4.55, 7.35]:
+            ax.axvline(bx, color="#e5e7eb", linewidth=0.6, linestyle="--", zorder=0)
+
+        for phase in PHASES_ORDER:
+            x_lo, x_hi = phase_ranges[phase]
+            pts = [lc for lc in selected if lc["phase"] == phase]
+            if not pts:
+                continue
+            x_positions = np.linspace(x_lo, x_hi, len(pts) + 2)[1:-1]
+            color = phase_colors[phase]
+            offsets = offset_patterns[phase]
+
+            for i, lc in enumerate(pts):
+                xp = x_positions[i]
+                yp = float(cs(xp))
+                dot_size = max(4, min(10, lc["total_count"] / 30))
+                ax.plot(xp, yp, "o", color=color, markersize=dot_size, zorder=3,
+                        markeredgecolor="white", markeredgewidth=0.6)
+                offset_y, va = offsets[i % len(offsets)]
                 ax.annotate(
-                    str(rank), xy=(x, y), xytext=(x, y + (.09 if rank % 2 else -.12)),
-                    ha="center", va="bottom", fontsize=7, fontweight="bold", color=color,
-                    bbox={"facecolor": "white", "edgecolor": "none", "pad": .6},
-                    arrowprops={"arrowstyle": "-", "color": color, "alpha": .3, "lw": .6},
+                    lc["topic"], xy=(xp, yp), xytext=(xp, yp + offset_y),
+                    fontsize=7, color=color, fontweight="bold", ha="center", va=va,
+                    arrowprops=dict(arrowstyle="-", color=color, alpha=0.3, lw=0.5),
+                    path_effects=[pe.withStroke(linewidth=2.5, foreground="white")],
                 )
-            ax.text(index + .5, -.095, f"0{index + 1}", color=color,
-                    ha="center", va="center", fontsize=11, fontweight="bold")
-
-        ax.set(xlim=(0, 5), ylim=(-.16, 1.25), xticks=[], yticks=[])
-        ax.set_ylabel("关注度" if lang else "Visibility", fontsize=10, color="#475569")
-        for spine in ax.spines.values():
-            spine.set_visible(False)
-        ax.annotate("成熟度" if lang else "Maturity", xy=(5, -.035), xytext=(4.4, -.035),
-                    fontsize=9, color="#64748b", va="center",
-                    arrowprops={"arrowstyle": "->", "color": "#64748b", "lw": 1})
-
-        labels = _LABELS_ZH if lang else _LABELS_EN
-        for index, (phase, topics, color) in enumerate(zip(PHASES_ORDER, selected, _COLORS)):
-            panel = fig.add_axes([
-                left + index * column_width + .005, .3 / height,
-                column_width - .01, panel_height / height,
-            ])
-            panel.set(xlim=(0, 1), ylim=(panel_height, 0))
-            panel.axis("off")
-            panel.plot([0, 1], [.03, .03], color=color, lw=2)
-            panel.text(.025, .13, f"0{index + 1}  {labels[index]}", fontsize=10,
-                       color=color, fontweight="bold", va="top", linespacing=1.3)
-            count = (
-                f"显示 {len(topics)} / {len(groups[phase])} 个主题" if lang else
-                f"Showing {len(topics)} / {len(groups[phase])} topics"
-            )
-            panel.text(.025, .64, count, fontsize=8, color="#64748b", va="top")
-            panel.text(.97, .83, "论文" if lang else "Papers", fontsize=7.5,
-                       color="#64748b", ha="right", va="top")
-            y = 1.04
-            if not topics:
-                panel.text(.025, y, "该阶段暂无主题" if lang else "No topics in this phase",
-                           fontsize=9, color="#94a3b8", va="top")
-            for rank, (topic, label, row_height) in enumerate(
-                zip(topics, wrapped[index], row_heights[index]), start=1,
-            ):
-                panel.text(.025, y, f"{rank:02}", fontsize=8.5, color=color,
-                           fontweight="bold", va="top")
-                panel.text(.14, y, label, fontproperties=font, color="#1f2937",
-                           va="top", linespacing=1.3, gid="topic-label")
-                panel.text(.97, y, f"{topic['total_count']:,}", fontsize=8,
-                           color="#64748b", ha="right", va="top")
-                y += row_height
 
+        for phase in PHASES_ORDER:
+            x_lo, x_hi = phase_ranges[phase]
+            ax.text((x_lo + x_hi) / 2, -0.10, phase_labels[phase],
+                    fontsize=7, ha="center", va="top",
+                    color=phase_colors[phase], fontweight="bold", style="italic")
+
+        ax.set_xlim(-0.3, 10.3)
+        ax.set_ylim(-0.22, 1.20)
+        ax.set_ylabel("关注度" if lang else "Visibility", fontsize=10)
+        ax.annotate(
+            "成熟度" if lang else "Maturity",
+            xy=(10.2, -0.03), xytext=(8.5, -0.03), fontsize=9,
+            arrowprops=dict(arrowstyle="->", color="#6b7280", lw=1.2),
+            color="#6b7280", va="center",
+        )
+        ax.spines["top"].set_visible(False)
+        ax.spines["right"].set_visible(False)
+        ax.spines["bottom"].set_visible(False)
+        ax.set_xticks([])
+        ax.set_yticks([])
+        fig.tight_layout()
         return fig

src/streamlit_app.py

@@ -3023,11 +3023,6 @@ elif active_tab == "Lifecycle":
                 label_visibility="collapsed", key="lifecycle_select",
             )
 
-        _render_view_heading(
-            "主题生命周期" if lang else "Topic lifecycle",
-            "观察研究主题从萌芽到成熟的阶段变化。" if lang else
-            "Explore how research topics move from early ideas to established practice.",
-        )
         _lc_cache_key = f"lifecycle_{selected_snapshot}"
         lc_raw = None
         if _lc_cache_key in st.session_state:
@@ -3043,10 +3038,7 @@ elif active_tab == "Lifecycle":
             lc_data = lc_raw["lifecycle_data_zh"] if lang else lc_raw["lifecycle_data"]
             sorted_months = lc_raw["sorted_months"]
 
-            summary_columns = st.columns(3)
-            summary_columns[0].metric("论文" if lang else "Papers", f"{lc_raw['n_papers']:,}")
-            summary_columns[1].metric("主题" if lang else "Topics", len(lc_data))
-            summary_columns[2].metric("覆盖月数" if lang else "Months of research", lc_raw["n_months"])
+            st.metric("Papers", f"{lc_raw['n_papers']:,}")
             if sorted_months:
                 st.caption(
                     f"{lc_raw['n_months']} months ({sorted_months[0]} → {sorted_months[-1]})"
@@ -3055,33 +3047,11 @@ elif active_tab == "Lifecycle":
             if not lc_data:
                 st.warning("Not enough data for lifecycle analysis.")
             else:
-                with st.container(key="lifecycle_chart"):
-                    controls, explanation = st.columns([1, 3], vertical_alignment="bottom")
-                    with controls:
-                        topics_per_phase = st.select_slider(
-                            "每阶段主题数" if lang else "Topics per phase",
-                            options=[5, 10, 15, 20], value=10,
-                            key="lifecycle_topics_per_phase",
-                        )
-                    with explanation:
-                        st.caption(
-                            "萌芽期按近期占比排序，其余阶段按累计论文数排序；数量不足时显示全部。"
-                            if lang else
-                            "Innovation ranks by recent share; other phases by total papers. "
-                            "Phases with fewer topics show all available."
-                        )
-                    fig = _render_hype_cycle(lc_data, lang, topics_per_phase=topics_per_phase)
-                    if fig:
-                        import matplotlib.pyplot as plt
-                        st.pyplot(fig, use_container_width=True)
-                        plt.close(fig)
-                        st.caption(
-                            "曲线为阶段示意，点位不代表实际关注度或成熟度。"
-                            "编号对应下方主题，点大小表示累计论文数。"
-                            if lang else
-                            "The curve illustrates lifecycle stages, not measured visibility or maturity. "
-                            "Numbers match the topic lists; dot size reflects total papers."
-                        )
+                fig = _render_hype_cycle(lc_data, lang)
+                if fig:
+                    import matplotlib.pyplot as plt
+                    st.pyplot(fig, use_container_width=True)
+                    plt.close(fig)
 
                 # --- Topic selector & time-series chart ---
                 tbm = lc_raw.get("topics_by_month_zh" if lang else "topics_by_month") or {}

src/styles/app.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--tw-font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--tw-color-amber-50:oklch(98.7% .022 95.277);--tw-color-amber-100:oklch(96.2% .059 95.617);--tw-color-amber-800:oklch(47.3% .137 46.201);--tw-color-emerald-50:oklch(97.9% .021 166.113);--tw-color-emerald-700:oklch(50.8% .118 165.612);--tw-color-blue-50:oklch(97% .014 254.604);--tw-color-blue-100:oklch(93.2% .032 255.585);--tw-color-blue-200:oklch(88.2% .059 254.128);--tw-color-blue-300:oklch(80.9% .105 251.813);--tw-color-blue-500:oklch(62.3% .214 259.815);--tw-color-blue-600:oklch(54.6% .245 262.881);--tw-color-blue-700:oklch(48.8% .243 264.376);--tw-color-rose-50:oklch(96.9% .015 12.422);--tw-color-rose-700:oklch(51.4% .222 16.935);--tw-color-slate-50:oklch(98.4% .003 247.858);--tw-color-slate-100:oklch(96.8% .007 247.896);--tw-color-slate-200:oklch(92.9% .013 255.508);--tw-color-slate-400:oklch(70.4% .04 256.788);--tw-color-slate-500:oklch(55.4% .046 257.417);--tw-color-slate-600:oklch(44.6% .043 257.281);--tw-color-slate-700:oklch(37.2% .044 257.287);--tw-color-slate-800:oklch(27.9% .041 260.031);--tw-color-slate-900:oklch(20.8% .042 265.755);--tw-color-white:#fff;--tw-spacing:.25rem;--tw-text-xs:.75rem;--tw-text-xs--line-height:calc(1 / .75);--tw-text-sm:.875rem;--tw-text-sm--line-height:calc(1.25 / .875);--tw-text-2xl:1.5rem;--tw-text-2xl--line-height:calc(2 / 1.5);--tw-font-weight-normal:400;--tw-font-weight-medium:500;--tw-font-weight-semibold:600;--tw-font-weight-bold:700;--tw-tracking-tight:-.025em;--tw-radius-md:.375rem;--tw-radius-lg:.5rem;--tw-radius-xl:.75rem;--tw-radius-2xl:1rem}}@layer base,components;@layer utilities{.tw\:mt-2{margin-top:calc(var(--tw-spacing) * 2)}.tw\:mt-4{margin-top:calc(var(--tw-spacing) * 4)}.tw\:mb-3{margin-bottom:calc(var(--tw-spacing) * 3)}.tw\:mb-4{margin-bottom:calc(var(--tw-spacing) * 4)}.tw\:flex{display:flex}.tw\:inline-flex{display:inline-flex}.tw\:size-11{width:calc(var(--tw-spacing) * 11);height:calc(var(--tw-spacing) * 11)}.tw\:flex-wrap{flex-wrap:wrap}.tw\:items-center{align-items:center}.tw\:justify-center{justify-content:center}.tw\:gap-2{gap:calc(var(--tw-spacing) * 2)}.tw\:gap-3{gap:calc(var(--tw-spacing) * 3)}.tw\:rounded-xl{border-radius:var(--tw-radius-xl)}.tw\:bg-blue-50{background-color:var(--tw-color-blue-50)}.tw\:text-2xl{font-size:var(--tw-text-2xl);line-height:var(--tw-leading,var(--tw-text-2xl--line-height))}.tw\:text-sm{font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height))}.tw\:text-xs{font-size:var(--tw-text-xs);line-height:var(--tw-leading,var(--tw-text-xs--line-height))}.tw\:font-bold{--tw-font-weight:var(--tw-font-weight-bold);font-weight:var(--tw-font-weight-bold)}.tw\:font-normal{--tw-font-weight:var(--tw-font-weight-normal);font-weight:var(--tw-font-weight-normal)}.tw\:font-semibold{--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold)}.tw\:tracking-tight{--tw-tracking:var(--tw-tracking-tight);letter-spacing:var(--tw-tracking-tight)}.tw\:text-blue-700{color:var(--tw-color-blue-700)}.tw\:text-slate-400{color:var(--tw-color-slate-400)}.tw\:text-slate-500{color:var(--tw-color-slate-500)}.tw\:text-slate-900{color:var(--tw-color-slate-900)}}[data-testid=stAppViewContainer]{background-color:var(--tw-color-slate-50);color:var(--tw-color-slate-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--tw-font-sans)}[data-testid=stHeader],[data-testid=stToolbar]{pointer-events:none}[data-testid=stHeader]{background:0 0}[data-testid=stHeader] :is(button,a){pointer-events:auto}.stMainBlockContainer{max-width:1480px;padding:2.25rem 2.5rem 4rem}[data-testid=stMarkdownContainer] :is(h1,h2,h3,h4){--tw-tracking:var(--tw-tracking-tight);letter-spacing:var(--tw-tracking-tight);color:var(--tw-color-slate-900)}[data-testid=stCaptionContainer],[data-testid=stCaptionContainer] p{color:var(--tw-color-slate-500);line-height:1.65}.stDeployButton,[data-testid=stAppDeployButton],footer,#MainMenu,[data-testid=stSidebar],[data-testid=collapsedControl]{display:none}.st-key-app_header{border-bottom:1px solid var(--tw-color-slate-200);margin-bottom:.5rem;padding-bottom:1.4rem}.st-key-app_header [data-testid=stMarkdownContainer]{margin-bottom:0}.paper-brand{min-height:52px}.paper-brand-name{white-space:nowrap;font-size:1.2rem;line-height:1.35}.paper-brand-tagline{letter-spacing:.015em;margin-top:.125rem;font-size:.72rem}.st-key-app_header :is([data-testid=stToggle],[data-testid=stCheckbox]){white-space:nowrap}.st-key-app_header :is([data-testid=stToggle],[data-testid=stCheckbox]) p{font-size:.875rem}[data-testid=stSelectbox] [data-baseweb=select]>div,[data-testid=stMultiSelect] [data-baseweb=select]>div,[data-testid=stDateInput] [data-baseweb=input]{border-radius:var(--tw-radius-xl);background-color:var(--tw-color-white);border:1px solid var(--tw-color-slate-200);min-height:44px;box-shadow:0 1px 2px #0f172a06}[data-testid=stSelectbox] [data-baseweb=select]>div:hover,[data-testid=stDateInput] [data-baseweb=input]:hover{border-color:var(--tw-color-slate-400)}[data-testid=stSelectbox] [data-baseweb=select]>div:focus-within,[data-testid=stMultiSelect] [data-baseweb=select]>div:focus-within,[data-testid=stDateInput] [data-baseweb=input]:focus-within{border-color:var(--tw-color-blue-500);box-shadow:0 0 0 3px var(--tw-color-blue-100)}[data-testid=stWidgetLabel] p{--tw-font-weight:var(--tw-font-weight-medium);font-weight:var(--tw-font-weight-medium);color:var(--tw-color-slate-600);font-size:.8rem}.view-heading{margin:.25rem 0 .6rem}[data-testid=stMarkdownContainer] .view-title{--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold);--tw-tracking:var(--tw-tracking-tight);letter-spacing:var(--tw-tracking-tight);color:var(--tw-color-slate-900);margin:0;padding:0;font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.25}.view-description{color:var(--tw-color-slate-500);margin:.5rem 0 0;font-size:.9rem}[data-testid=stMetric]{border-radius:var(--tw-radius-2xl);background-color:var(--tw-color-white);border:1px solid var(--tw-color-slate-200);padding:1rem 1.25rem}[data-testid=stMetricLabel] p{--tw-font-weight:var(--tw-font-weight-medium);font-weight:var(--tw-font-weight-medium);color:var(--tw-color-slate-500);font-size:.78rem}[data-testid=stMetricValue]{--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold);--tw-tracking:var(--tw-tracking-tight);letter-spacing:var(--tw-tracking-tight);color:var(--tw-color-slate-900);font-size:1.8rem}[data-testid=stMetricValue]>div{font-size:1.8rem}.st-key-lifecycle_chart{border-radius:var(--tw-radius-2xl);background-color:var(--tw-color-white);border:1px solid var(--tw-color-slate-200);padding:1.25rem;overflow-x:auto}.st-key-lifecycle_chart [data-testid=stImage],.st-key-lifecycle_chart [data-testid=stElementContainer]:has([data-testid=stImage]){min-width:740px}.st-key-lifecycle_chart [data-testid=stImage] img{width:100%!important}[data-testid=stExpander] details{border-radius:var(--tw-radius-xl);background-color:var(--tw-color-white);border:1px solid var(--tw-color-slate-200)}[data-testid=stExpander] summary{color:var(--tw-color-slate-700);padding:.8rem 1rem}[data-testid=stPills] button{border-radius:999px;min-height:32px;padding:.3rem .8rem}[data-testid=stPills] button p{font-size:.78rem;font-weight:500}[data-testid=stPills] button[aria-pressed=true]{color:var(--tw-color-blue-700);background:var(--tw-color-blue-50);border-color:var(--tw-color-blue-300)}[data-testid=stPills] button[aria-pressed=true] p{color:var(--tw-color-blue-700)}[data-testid=stAppViewContainer] button:focus-visible,[data-testid=stAppViewContainer] a:focus-visible{outline:2px solid var(--tw-color-blue-500);outline-offset:3px}div[class*=st-key-paper_card_]{border-radius:var(--tw-radius-2xl);background-color:var(--tw-color-white);height:100%;transition:border-color .16s,box-shadow .16s;overflow:hidden;box-shadow:0 2px 4px #0f172a06;border:1px solid var(--tw-color-slate-200)!important;gap:.6rem!important;padding:0 0 .5rem!important}div[class*=st-key-paper_card_]:hover{box-shadow:0 8px 24px #0f172a0f;border-color:var(--tw-color-blue-200)!important}div[class*=st-key-paper_card_] [data-testid=stImage]{aspect-ratio:2;background:var(--tw-color-slate-100);overflow:hidden}div[class*=st-key-paper_card_] [data-testid=stImage] img{object-fit:cover;width:100%;height:100%}div[class*=st-key-paper_card_] [data-testid=stButton]{padding:0 1.1rem}div[class*=st-key-paper_card_] [data-testid=stButton] button{text-align:left;background:0 0;border:0;justify-content:flex-start;width:100%;min-height:4.3rem;padding:0}div[class*=st-key-paper_card_] [data-testid=stButton] button p{color:var(--tw-color-slate-900);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;line-height:1.45;display:-webkit-box;overflow:hidden}div[class*=st-key-paper_card_] [data-testid=stButton] button:hover p{color:var(--tw-color-blue-600)}.paper-card-meta{padding:0 1.1rem .5rem}.paper-authors{color:var(--tw-color-slate-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5rem;margin-bottom:.8rem;font-size:.78rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card-topics{gap:calc(var(--tw-spacing) * 1.5);flex-wrap:wrap;align-content:flex-start;min-height:3.25rem;display:flex}.topic-badge{border-radius:var(--tw-radius-md);background-color:var(--tw-color-blue-50);--tw-font-weight:var(--tw-font-weight-medium);font-weight:var(--tw-font-weight-medium);color:var(--tw-color-blue-700);align-items:center;padding:.25rem .55rem;font-size:.7rem;line-height:1.35;display:inline-flex}.keyword-badge{border-radius:var(--tw-radius-md);background-color:var(--tw-color-amber-50);color:var(--tw-color-amber-800);border:1px solid var(--tw-color-amber-100);align-items:center;padding:.25rem .55rem;font-size:.7rem;line-height:1.35;display:inline-flex}.trending-panel{border-radius:var(--tw-radius-2xl);background-color:var(--tw-color-white);border:1px solid var(--tw-color-slate-200);border-left:3px solid var(--tw-color-blue-500);margin-bottom:.75rem;padding:1.25rem 1.5rem}.trending-summary{color:var(--tw-color-slate-600);font-size:.9rem;line-height:1.8}.paper-links{gap:calc(var(--tw-spacing) * 2);flex-wrap:wrap;margin-bottom:1rem;display:flex}.paper-links a{border-radius:var(--tw-radius-lg);background-color:var(--tw-color-slate-50);--tw-font-weight:var(--tw-font-weight-medium);font-weight:var(--tw-font-weight-medium);color:var(--tw-color-slate-600);border:1px solid var(--tw-color-slate-200);align-items:center;padding:.45rem .75rem;font-size:.8rem;text-decoration:none;display:inline-flex}.paper-links a:hover{background-color:var(--tw-color-blue-50);color:var(--tw-color-blue-700);border-color:var(--tw-color-blue-200)}[role=dialog]{border-radius:1.25rem}.pros-box,.cons-box{border-radius:.8rem;padding:1rem}.pros-box{background-color:var(--tw-color-emerald-50)}.cons-box{background-color:var(--tw-color-rose-50)}.section-label{margin-bottom:.5rem;font-size:.72rem;font-weight:600}.pros-box .section-label{color:var(--tw-color-emerald-700)}.cons-box .section-label{color:var(--tw-color-rose-700)}.point{color:var(--tw-color-slate-700);padding:.35rem 0;font-size:.85rem;line-height:1.75}.stats-bar{gap:calc(var(--tw-spacing) * 6);border-radius:var(--tw-radius-2xl);background-color:var(--tw-color-white);border:1px solid var(--tw-color-slate-200);flex-wrap:wrap;padding:1rem 1.25rem;display:flex}.stat-item{color:var(--tw-color-slate-500);font-size:.8rem}.stat-value{--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold);color:var(--tw-color-slate-900);margin-right:.4rem;font-size:1.1rem}@media (max-width:960px){.st-key-app_header{padding-bottom:1rem}.st-key-app_header [data-testid=stHorizontalBlock]{flex-wrap:wrap;gap:1rem .75rem}.st-key-app_header [data-testid=stColumn]{width:auto!important;min-width:0!important}.st-key-app_header [data-testid=stColumn]:first-child{flex:100%}.st-key-app_header [data-testid=stColumn]:nth-child(2){flex:35%}.st-key-app_header [data-testid=stColumn]:nth-child(3){flex:50%}.st-key-app_header [data-testid=stColumn]:nth-child(4){flex:100%}}@media (max-width:760px){.stMainBlockContainer{padding:1.5rem 1rem 3rem}.trending-panel{padding:1rem}.st-key-lifecycle_chart{padding:.6rem}}@media (prefers-reduced-motion:reduce){div[class*=st-key-paper_card_]{transition:none}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--tw-font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--tw-color-amber-50:oklch(98.7% .022 95.277);--tw-color-amber-100:oklch(96.2% .059 95.617);--tw-color-amber-800:oklch(47.3% .137 46.201);--tw-color-emerald-50:oklch(97.9% .021 166.113);--tw-color-emerald-700:oklch(50.8% .118 165.612);--tw-color-blue-50:oklch(97% .014 254.604);--tw-color-blue-100:oklch(93.2% .032 255.585);--tw-color-blue-200:oklch(88.2% .059 254.128);--tw-color-blue-300:oklch(80.9% .105 251.813);--tw-color-blue-500:oklch(62.3% .214 259.815);--tw-color-blue-600:oklch(54.6% .245 262.881);--tw-color-blue-700:oklch(48.8% .243 264.376);--tw-color-rose-50:oklch(96.9% .015 12.422);--tw-color-rose-700:oklch(51.4% .222 16.935);--tw-color-slate-50:oklch(98.4% .003 247.858);--tw-color-slate-100:oklch(96.8% .007 247.896);--tw-color-slate-200:oklch(92.9% .013 255.508);--tw-color-slate-400:oklch(70.4% .04 256.788);--tw-color-slate-500:oklch(55.4% .046 257.417);--tw-color-slate-600:oklch(44.6% .043 257.281);--tw-color-slate-700:oklch(37.2% .044 257.287);--tw-color-slate-800:oklch(27.9% .041 260.031);--tw-color-slate-900:oklch(20.8% .042 265.755);--tw-color-white:#fff;--tw-spacing:.25rem;--tw-text-xs:.75rem;--tw-text-xs--line-height:calc(1 / .75);--tw-text-sm:.875rem;--tw-text-sm--line-height:calc(1.25 / .875);--tw-text-2xl:1.5rem;--tw-text-2xl--line-height:calc(2 / 1.5);--tw-font-weight-normal:400;--tw-font-weight-medium:500;--tw-font-weight-semibold:600;--tw-font-weight-bold:700;--tw-tracking-tight:-.025em;--tw-radius-md:.375rem;--tw-radius-lg:.5rem;--tw-radius-xl:.75rem;--tw-radius-2xl:1rem}}@layer base,components;@layer utilities{.tw\:mt-2{margin-top:calc(var(--tw-spacing) * 2)}.tw\:mt-4{margin-top:calc(var(--tw-spacing) * 4)}.tw\:mb-3{margin-bottom:calc(var(--tw-spacing) * 3)}.tw\:mb-4{margin-bottom:calc(var(--tw-spacing) * 4)}.tw\:flex{display:flex}.tw\:inline-flex{display:inline-flex}.tw\:size-11{width:calc(var(--tw-spacing) * 11);height:calc(var(--tw-spacing) * 11)}.tw\:flex-wrap{flex-wrap:wrap}.tw\:items-center{align-items:center}.tw\:justify-center{justify-content:center}.tw\:gap-2{gap:calc(var(--tw-spacing) * 2)}.tw\:gap-3{gap:calc(var(--tw-spacing) * 3)}.tw\:rounded-xl{border-radius:var(--tw-radius-xl)}.tw\:bg-blue-50{background-color:var(--tw-color-blue-50)}.tw\:text-2xl{font-size:var(--tw-text-2xl);line-height:var(--tw-leading,var(--tw-text-2xl--line-height))}.tw\:text-sm{font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height))}.tw\:text-xs{font-size:var(--tw-text-xs);line-height:var(--tw-leading,var(--tw-text-xs--line-height))}.tw\:font-bold{--tw-font-weight:var(--tw-font-weight-bold);font-weight:var(--tw-font-weight-bold)}.tw\:font-normal{--tw-font-weight:var(--tw-font-weight-normal);font-weight:var(--tw-font-weight-normal)}.tw\:font-semibold{--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold)}.tw\:tracking-tight{--tw-tracking:var(--tw-tracking-tight);letter-spacing:var(--tw-tracking-tight)}.tw\:text-blue-700{color:var(--tw-color-blue-700)}.tw\:text-slate-400{color:var(--tw-color-slate-400)}.tw\:text-slate-500{color:var(--tw-color-slate-500)}.tw\:text-slate-900{color:var(--tw-color-slate-900)}}[data-testid=stAppViewContainer]{background-color:var(--tw-color-slate-50);color:var(--tw-color-slate-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--tw-font-sans)}[data-testid=stHeader],[data-testid=stToolbar]{pointer-events:none}[data-testid=stHeader]{background:0 0}[data-testid=stHeader] :is(button,a){pointer-events:auto}.stMainBlockContainer{max-width:1480px;padding:2.25rem 2.5rem 4rem}[data-testid=stMarkdownContainer] :is(h1,h2,h3,h4){--tw-tracking:var(--tw-tracking-tight);letter-spacing:var(--tw-tracking-tight);color:var(--tw-color-slate-900)}[data-testid=stCaptionContainer],[data-testid=stCaptionContainer] p{color:var(--tw-color-slate-500);line-height:1.65}.stDeployButton,[data-testid=stAppDeployButton],footer,#MainMenu,[data-testid=stSidebar],[data-testid=collapsedControl]{display:none}.st-key-app_header{border-bottom:1px solid var(--tw-color-slate-200);margin-bottom:.5rem;padding-bottom:1.4rem}.st-key-app_header [data-testid=stMarkdownContainer]{margin-bottom:0}.paper-brand{min-height:52px}.paper-brand-name{white-space:nowrap;font-size:1.2rem;line-height:1.35}.paper-brand-tagline{letter-spacing:.015em;margin-top:.125rem;font-size:.72rem}.st-key-app_header :is([data-testid=stToggle],[data-testid=stCheckbox]){white-space:nowrap}.st-key-app_header :is([data-testid=stToggle],[data-testid=stCheckbox]) p{font-size:.875rem}[data-testid=stSelectbox] [data-baseweb=select]>div,[data-testid=stMultiSelect] [data-baseweb=select]>div,[data-testid=stDateInput] [data-baseweb=input]{border-radius:var(--tw-radius-xl);background-color:var(--tw-color-white);border:1px solid var(--tw-color-slate-200);min-height:44px;box-shadow:0 1px 2px #0f172a06}[data-testid=stSelectbox] [data-baseweb=select]>div:hover,[data-testid=stDateInput] [data-baseweb=input]:hover{border-color:var(--tw-color-slate-400)}[data-testid=stSelectbox] [data-baseweb=select]>div:focus-within,[data-testid=stMultiSelect] [data-baseweb=select]>div:focus-within,[data-testid=stDateInput] [data-baseweb=input]:focus-within{border-color:var(--tw-color-blue-500);box-shadow:0 0 0 3px var(--tw-color-blue-100)}[data-testid=stWidgetLabel] p{--tw-font-weight:var(--tw-font-weight-medium);font-weight:var(--tw-font-weight-medium);color:var(--tw-color-slate-600);font-size:.8rem}.view-heading{margin:.25rem 0 .6rem}[data-testid=stMarkdownContainer] .view-title{--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold);--tw-tracking:var(--tw-tracking-tight);letter-spacing:var(--tw-tracking-tight);color:var(--tw-color-slate-900);margin:0;padding:0;font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.25}.view-description{color:var(--tw-color-slate-500);margin:.5rem 0 0;font-size:.9rem}[data-testid=stMetric]{border-radius:var(--tw-radius-2xl);background-color:var(--tw-color-white);border:1px solid var(--tw-color-slate-200);padding:1rem 1.25rem}[data-testid=stMetricLabel] p{--tw-font-weight:var(--tw-font-weight-medium);font-weight:var(--tw-font-weight-medium);color:var(--tw-color-slate-500);font-size:.78rem}[data-testid=stMetricValue]{--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold);--tw-tracking:var(--tw-tracking-tight);letter-spacing:var(--tw-tracking-tight);color:var(--tw-color-slate-900);font-size:1.8rem}[data-testid=stMetricValue]>div{font-size:1.8rem}[data-testid=stExpander] details{border-radius:var(--tw-radius-xl);background-color:var(--tw-color-white);border:1px solid var(--tw-color-slate-200)}[data-testid=stExpander] summary{color:var(--tw-color-slate-700);padding:.8rem 1rem}[data-testid=stPills] button{border-radius:999px;min-height:32px;padding:.3rem .8rem}[data-testid=stPills] button p{font-size:.78rem;font-weight:500}[data-testid=stPills] button[aria-pressed=true]{color:var(--tw-color-blue-700);background:var(--tw-color-blue-50);border-color:var(--tw-color-blue-300)}[data-testid=stPills] button[aria-pressed=true] p{color:var(--tw-color-blue-700)}[data-testid=stAppViewContainer] button:focus-visible,[data-testid=stAppViewContainer] a:focus-visible{outline:2px solid var(--tw-color-blue-500);outline-offset:3px}div[class*=st-key-paper_card_]{border-radius:var(--tw-radius-2xl);background-color:var(--tw-color-white);height:100%;transition:border-color .16s,box-shadow .16s;overflow:hidden;box-shadow:0 2px 4px #0f172a06;border:1px solid var(--tw-color-slate-200)!important;gap:.6rem!important;padding:0 0 .5rem!important}div[class*=st-key-paper_card_]:hover{box-shadow:0 8px 24px #0f172a0f;border-color:var(--tw-color-blue-200)!important}div[class*=st-key-paper_card_] [data-testid=stImage]{aspect-ratio:2;background:var(--tw-color-slate-100);overflow:hidden}div[class*=st-key-paper_card_] [data-testid=stImage] img{object-fit:cover;width:100%;height:100%}div[class*=st-key-paper_card_] [data-testid=stButton]{padding:0 1.1rem}div[class*=st-key-paper_card_] [data-testid=stButton] button{text-align:left;background:0 0;border:0;justify-content:flex-start;width:100%;min-height:4.3rem;padding:0}div[class*=st-key-paper_card_] [data-testid=stButton] button p{color:var(--tw-color-slate-900);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;line-height:1.45;display:-webkit-box;overflow:hidden}div[class*=st-key-paper_card_] [data-testid=stButton] button:hover p{color:var(--tw-color-blue-600)}.paper-card-meta{padding:0 1.1rem .5rem}.paper-authors{color:var(--tw-color-slate-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5rem;margin-bottom:.8rem;font-size:.78rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card-topics{gap:calc(var(--tw-spacing) * 1.5);flex-wrap:wrap;align-content:flex-start;min-height:3.25rem;display:flex}.topic-badge{border-radius:var(--tw-radius-md);background-color:var(--tw-color-blue-50);--tw-font-weight:var(--tw-font-weight-medium);font-weight:var(--tw-font-weight-medium);color:var(--tw-color-blue-700);align-items:center;padding:.25rem .55rem;font-size:.7rem;line-height:1.35;display:inline-flex}.keyword-badge{border-radius:var(--tw-radius-md);background-color:var(--tw-color-amber-50);color:var(--tw-color-amber-800);border:1px solid var(--tw-color-amber-100);align-items:center;padding:.25rem .55rem;font-size:.7rem;line-height:1.35;display:inline-flex}.trending-panel{border-radius:var(--tw-radius-2xl);background-color:var(--tw-color-white);border:1px solid var(--tw-color-slate-200);border-left:3px solid var(--tw-color-blue-500);margin-bottom:.75rem;padding:1.25rem 1.5rem}.trending-summary{color:var(--tw-color-slate-600);font-size:.9rem;line-height:1.8}.paper-links{gap:calc(var(--tw-spacing) * 2);flex-wrap:wrap;margin-bottom:1rem;display:flex}.paper-links a{border-radius:var(--tw-radius-lg);background-color:var(--tw-color-slate-50);--tw-font-weight:var(--tw-font-weight-medium);font-weight:var(--tw-font-weight-medium);color:var(--tw-color-slate-600);border:1px solid var(--tw-color-slate-200);align-items:center;padding:.45rem .75rem;font-size:.8rem;text-decoration:none;display:inline-flex}.paper-links a:hover{background-color:var(--tw-color-blue-50);color:var(--tw-color-blue-700);border-color:var(--tw-color-blue-200)}[role=dialog]{border-radius:1.25rem}.pros-box,.cons-box{border-radius:.8rem;padding:1rem}.pros-box{background-color:var(--tw-color-emerald-50)}.cons-box{background-color:var(--tw-color-rose-50)}.section-label{margin-bottom:.5rem;font-size:.72rem;font-weight:600}.pros-box .section-label{color:var(--tw-color-emerald-700)}.cons-box .section-label{color:var(--tw-color-rose-700)}.point{color:var(--tw-color-slate-700);padding:.35rem 0;font-size:.85rem;line-height:1.75}.stats-bar{gap:calc(var(--tw-spacing) * 6);border-radius:var(--tw-radius-2xl);background-color:var(--tw-color-white);border:1px solid var(--tw-color-slate-200);flex-wrap:wrap;padding:1rem 1.25rem;display:flex}.stat-item{color:var(--tw-color-slate-500);font-size:.8rem}.stat-value{--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold);color:var(--tw-color-slate-900);margin-right:.4rem;font-size:1.1rem}@media (max-width:960px){.st-key-app_header{padding-bottom:1rem}.st-key-app_header [data-testid=stHorizontalBlock]{flex-wrap:wrap;gap:1rem .75rem}.st-key-app_header [data-testid=stColumn]{width:auto!important;min-width:0!important}.st-key-app_header [data-testid=stColumn]:first-child{flex:100%}.st-key-app_header [data-testid=stColumn]:nth-child(2){flex:35%}.st-key-app_header [data-testid=stColumn]:nth-child(3){flex:50%}.st-key-app_header [data-testid=stColumn]:nth-child(4){flex:100%}}@media (max-width:760px){.stMainBlockContainer{padding:1.5rem 1rem 3rem}.trending-panel{padding:1rem}}@media (prefers-reduced-motion:reduce){div[class*=st-key-paper_card_]{transition:none}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}

src/styles/tailwind.css

@@ -85,17 +85,6 @@
 [data-testid="stMetricLabel"] p { @apply tw:text-slate-500 tw:font-medium; font-size: .78rem; }
 [data-testid="stMetricValue"] { @apply tw:text-slate-900 tw:font-semibold tw:tracking-tight; font-size: 1.8rem; }
 [data-testid="stMetricValue"] > div { font-size: 1.8rem; }
-.st-key-lifecycle_chart {
-  @apply tw:bg-white tw:rounded-2xl;
-  border: 1px solid var(--tw-color-slate-200);
-  padding: 1.25rem;
-  overflow-x: auto;
-}
-.st-key-lifecycle_chart [data-testid="stImage"] { min-width: 740px; }
-.st-key-lifecycle_chart [data-testid="stElementContainer"]:has([data-testid="stImage"]) {
-  min-width: 740px;
-}
-.st-key-lifecycle_chart [data-testid="stImage"] img { width: 100% !important; }
 [data-testid="stExpander"] details {
   @apply tw:bg-white tw:rounded-xl;
   border: 1px solid var(--tw-color-slate-200);
@@ -233,7 +222,6 @@ div[class*="st-key-paper_card_"] [data-testid="stButton"] button:hover p { color
 @media (max-width: 760px) {
   .stMainBlockContainer { padding: 1.5rem 1rem 3rem; }
   .trending-panel { padding: 1rem; }
-  .st-key-lifecycle_chart { padding: .6rem; }
 }
 @media (prefers-reduced-motion: reduce) {
   div[class*="st-key-paper_card_"] { transition: none; }

tests/test_lifecycle_figure.py

@@ -5,7 +5,7 @@ import matplotlib
 
 matplotlib.use("Agg")
 from matplotlib import pyplot as plt
-from matplotlib.text import Annotation, Text
+from matplotlib.text import Annotation
 
 from src.lifecycle_figure import PHASES_ORDER, _font_settings, render_hype_cycle
 
@@ -29,87 +29,35 @@ class LifecycleFigureTests(unittest.TestCase):
 
     def topic_labels(self, fig):
         return [
-            text.get_text().replace("\n", " ")
-            for ax in fig.axes[1:] for text in ax.texts
-            if text.get_gid() == "topic-label"
+            text.get_text()
+            for text in fig.axes[0].texts
+            if isinstance(text, Annotation)
+            and text.get_text() not in ("Maturity", "成熟度")
         ]
 
-    def test_default_shows_ten_topics_in_every_phase_with_existing_ranking(self):
+    def test_compact_curve_keeps_original_topic_limits_and_ranking(self):
         data = sample_topics()
         fig = render_hype_cycle(data, False)
         labels = self.topic_labels(fig)
 
-        self.assertEqual(len(labels), 50)
-        self.assertIn("Research topic 0-23", labels)
-        self.assertNotIn("Research topic 0-00", labels)
-        for phase_index in range(1, 5):
-            self.assertIn(f"Research topic {phase_index}-00", labels)
-            self.assertNotIn(f"Research topic {phase_index}-10", labels)
-
-    def test_requested_limit_applies_to_each_phase(self):
-        for limit in (5, 15, 20):
-            with self.subTest(limit=limit):
-                fig = render_hype_cycle(sample_topics(), False, topics_per_phase=limit)
-                self.assertEqual(len(self.topic_labels(fig)), 5 * limit)
-                plt.close(fig)
-
-    def test_sparse_phases_keep_available_topics_and_show_totals(self):
+        expected = [f"Research topic 0-{rank:02}" for rank in (23, 22, 21)]
+        for phase_index, limit in enumerate((4, 4, 3, 2), start=1):
+            expected.extend(f"Research topic {phase_index}-{rank:02}" for rank in range(limit))
+        self.assertEqual(labels, expected)
+        self.assertEqual(len(fig.axes), 1)
+
+    def test_sparse_phases_keep_available_topics_and_empty_data_has_no_figure(self):
         data = {"one": sample_topics(1)["0-0"]}
         fig = render_hype_cycle(data, False)
 
         self.assertEqual(self.topic_labels(fig), ["Research topic 0-00"])
-        texts = [text.get_text() for ax in fig.axes for text in ax.texts]
-        self.assertIn("Showing 1 / 1 topics", texts)
-        self.assertEqual(texts.count("No topics in this phase"), 4)
         self.assertIsNone(render_hype_cycle({}, False))
 
-    def test_twenty_long_labels_fit_inside_their_panels_without_overlap(self):
-        for lang in (False, True):
-            with self.subTest(lang=lang):
-                data = sample_topics(20)
-                for key, topic in data.items():
-                    topic["topic"] = (
-                        f"多模态大语言模型的长上下文推理与高效训练研究 {key}"
-                        if lang else
-                        f"Long-context multimodal reasoning and efficient language model training {key}"
-                    )
-                fig = render_hype_cycle(data, lang, topics_per_phase=20)
-                fig.canvas.draw()
-                renderer = fig.canvas.get_renderer()
-                for ax in fig.axes[1:]:
-                    bounds = ax.get_window_extent(renderer)
-                    labels = [t for t in ax.texts if t.get_gid() == "topic-label"]
-                    previous = None
-                    for text in labels:
-                        box = text.get_window_extent(renderer)
-                        self.assertGreaterEqual(box.x0, bounds.x0)
-                        self.assertLessEqual(box.x1, bounds.x1)
-                        self.assertGreaterEqual(box.y0, bounds.y0)
-                        self.assertLessEqual(box.y1, bounds.y1)
-                        if previous is not None:
-                            self.assertLess(box.y1, previous.y0)
-                        previous = box
-                plt.close(fig)
-
     def test_language_rendering_does_not_change_global_font_settings(self):
         before = list(matplotlib.rcParams["font.sans-serif"])
         render_hype_cycle(sample_topics(1), True)
         self.assertEqual(matplotlib.rcParams["font.sans-serif"], before)
 
-    def test_curve_numbers_do_not_overlap_at_twenty_topics_per_phase(self):
-        fig = render_hype_cycle(sample_topics(), False, topics_per_phase=20)
-        fig.canvas.draw()
-        renderer = fig.canvas.get_renderer()
-        numbers = [
-            text for text in fig.axes[0].texts
-            if isinstance(text, Annotation) and text.get_text().isdigit()
-        ]
-        # Annotation extents include the leader line; compare only the text.
-        boxes = [Text.get_window_extent(text, renderer).expanded(1.15, 1.15) for text in numbers]
-        for index, box in enumerate(boxes):
-            for other in boxes[index + 1:]:
-                self.assertFalse(box.overlaps(other), "Topic numbers overlap on the curve")
-
     def test_chinese_font_is_retained_when_figure_is_drawn_after_return(self):
         if "font.family" not in _font_settings(True):
             self.skipTest("No CJK font installed")