feat: 使用 Pencil 优化首页 UI

tests/integration/test_routes.py

@@ -25,6 +25,25 @@ def test_index_page_renders_task_form_empty_state_and_default_scale():
     assert "还没有任何任务" in response.text
 
 
+def test_index_page_uses_pencil_data_grid_layout_for_ui_polish():
+    with make_test_client() as (client, _engine):
+        response = client.get("/")
+
+    assert response.status_code == 200
+    soup = BeautifulSoup(response.text, "html.parser")
+    visible_text = soup.get_text(" ")
+    hero = soup.select_one(".hero-band.hero-band-inverse")
+    assert hero is not None
+    assert "抓取热点评论，快速看清讨论情绪" in visible_text
+    assert soup.select_one(".hero-metrics.hero-data-grid") is not None
+    assert soup.select_one(".task-workspace") is not None
+    assert soup.select_one(".tool-card.hard-panel") is not None
+    assert soup.select_one(".section-heading.panel-heading") is not None
+    assert soup.select_one("table.app-table.data-grid-table") is not None
+    assert soup.select_one(".scale-hint-panel") is not None
+    assert "运行中任务自动刷新" in visible_text
+
+
 def test_index_page_lists_existing_tasks():
     with make_test_client() as (client, engine):
         from sqlalchemy.orm import Session