debug

code/public/static/css/modules/category/category_home/family_A.css

@@ -0,0 +1,53 @@
+/* ===== 基础 ===== */
+.ch-a .cat-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+}
+.ch-a .cat-list li {
+    background: var(--bg-soft);
+    padding: 6px 10px;
+}
+
+/* ===== Variant 0–4：4 列 ===== */
+.ch-a.v0 .cat-list li,
+.ch-a.v1 .cat-list li,
+.ch-a.v2 .cat-list li,
+.ch-a.v3 .cat-list li,
+.ch-a.v4 .cat-list li {
+    width: 25%;
+}
+
+/* ===== Variant 5–9：5 列 ===== */
+.ch-a.v5 .cat-list li,
+.ch-a.v6 .cat-list li,
+.ch-a.v7 .cat-list li,
+.ch-a.v8 .cat-list li,
+.ch-a.v9 .cat-list li {
+    width: 20%;
+}
+
+/* ===== Variant 10–14：3 列 ===== */
+.ch-a.v10 .cat-list li,
+.ch-a.v11 .cat-list li,
+.ch-a.v12 .cat-list li,
+.ch-a.v13 .cat-list li,
+.ch-a.v14 .cat-list li {
+    width: 33.33%;
+}
+
+/* ===== Variant 15–19：2 列 ===== */
+.ch-a.v15 .cat-list li,
+.ch-a.v16 .cat-list li,
+.ch-a.v17 .cat-list li,
+.ch-a.v18 .cat-list li,
+.ch-a.v19 .cat-list li {
+    width: 50%;
+}
+
+/* 文案差异 */
+.ch-a.v3 .intro,
+.ch-a.v8 .intro,
+.ch-a.v14 .intro {
+    display: none;
+}

code/public/static/css/modules/category/category_home/family_B.css

@@ -0,0 +1,45 @@
+.ch-b .channel-grid {
+    display: grid;
+    gap: 12px;
+}
+
+/* 0–4：4列 */
+.ch-b.v0 .channel-grid,
+.ch-b.v1 .channel-grid,
+.ch-b.v2 .channel-grid,
+.ch-b.v3 .channel-grid,
+.ch-b.v4 .channel-grid {
+    grid-template-columns: repeat(4, 1fr);
+}
+
+/* 5–9：5列 */
+.ch-b.v5 .channel-grid,
+.ch-b.v6 .channel-grid,
+.ch-b.v7 .channel-grid,
+.ch-b.v8 .channel-grid,
+.ch-b.v9 .channel-grid {
+    grid-template-columns: repeat(5, 1fr);
+}
+
+/* 10–14：3列 */
+.ch-b.v10 .channel-grid,
+.ch-b.v11 .channel-grid,
+.ch-b.v12 .channel-grid,
+.ch-b.v13 .channel-grid,
+.ch-b.v14 .channel-grid {
+    grid-template-columns: repeat(3, 1fr);
+}
+
+/* 15–19：2列 */
+.ch-b.v15 .channel-grid,
+.ch-b.v16 .channel-grid,
+.ch-b.v17 .channel-grid,
+.ch-b.v18 .channel-grid,
+.ch-b.v19 .channel-grid {
+    grid-template-columns: repeat(2, 1fr);
+}
+
+/* 卡片风格差异 */
+.ch-b.v6 .channel-card { border-radius: 12px; }
+.ch-b.v11 .channel-card { background: var(--bg); }
+.ch-b.v17 .channel-card { border: 1px dashed var(--border); }

code/public/static/css/modules/category/category_home/family_C.css

@@ -0,0 +1,47 @@
+.ch-c .cat-nav a {
+    display: inline-block;
+    margin: 6px 12px 6px 0;
+}
+
+/* 0–4：紧凑 */
+.ch-c.v0 .cat-nav a,
+.ch-c.v1 .cat-nav a,
+.ch-c.v2 .cat-nav a,
+.ch-c.v3 .cat-nav a,
+.ch-c.v4 .cat-nav a {
+    font-size: 14px;
+}
+
+/* 5–9：正常 */
+.ch-c.v5 .cat-nav a,
+.ch-c.v6 .cat-nav a,
+.ch-c.v7 .cat-nav a,
+.ch-c.v8 .cat-nav a,
+.ch-c.v9 .cat-nav a {
+    font-size: 15px;
+}
+
+/* 10–14：宽松 */
+.ch-c.v10 .cat-nav a,
+.ch-c.v11 .cat-nav a,
+.ch-c.v12 .cat-nav a,
+.ch-c.v13 .cat-nav a,
+.ch-c.v14 .cat-nav a {
+    font-size: 16px;
+}
+
+/* 15–19：强调 */
+.ch-c.v15 .cat-nav a,
+.ch-c.v16 .cat-nav a,
+.ch-c.v17 .cat-nav a,
+.ch-c.v18 .cat-nav a,
+.ch-c.v19 .cat-nav a {
+    font-weight: 600;
+}
+
+/* intro 显隐差异 */
+.ch-c.v4 .intro,
+.ch-c.v9 .intro,
+.ch-c.v16 .intro {
+    display: none;
+}