diff --git a/assets/style.css b/assets/style.css index 58e15b9..e672747 100644 --- a/assets/style.css +++ b/assets/style.css @@ -864,8 +864,8 @@ body .content.expanded { .category { background: linear-gradient(145deg, var(--card-bg-gradient-1), var(--card-bg-gradient-2)); border-radius: 16px; - padding: 2rem; - margin: 0 1rem 2.5rem 2rem; + padding: 1.2rem; + margin: 0 1rem 1.5rem 2rem; width: calc(100% - 3rem); max-width: 1300px; position: relative; @@ -919,8 +919,8 @@ body .content.expanded { /* 多层级嵌套样式 */ /* 层级2: 子分类 */ .category-level-2 { - margin: 1.5rem 0 1.5rem 2rem; - padding: 1.5rem; + margin: 1rem 0 0.5rem 2rem; + padding: 1rem; background: linear-gradient(145deg, rgba(var(--card-bg-rgb), 0.8), rgba(var(--card-bg-rgb), 0.6)); @@ -970,8 +970,8 @@ body .content.expanded { /* 层级3: 分组 */ .group-level-3, .category-level-3 { - margin: 0.6rem 0 0.6rem 1rem; - padding: 0.7rem; + margin: 0.5rem 0 0.1rem 1rem; + padding: 0.5rem; background: rgba(var(--card-bg-rgb), 0.4); border-left: 2px solid var(--secondary-color); border-radius: 8px; @@ -1024,8 +1024,8 @@ body .content.expanded { /* 层级4: 更深层次的分组 */ .group-level-4, .category-level-4 { - margin: 0.8rem 0 0.8rem 1rem; - padding: 0.8rem; + margin: 0.6rem 0 0.2rem 1rem; + padding: 0.6rem; background: rgba(var(--card-bg-rgb), 0.2); border-left: 1px solid var(--tertiary-color); border-radius: 6px; @@ -1601,7 +1601,7 @@ body .content.expanded { .category { max-width: 1100px; - margin-bottom: 2rem; + margin-bottom: 2.5rem; margin-left: 1.5rem; /* 增加左边距 */ margin-right: 1.5rem; /* 增加右边距 */ width: calc(100% - 3rem); /* 适应新的左右边距 */ @@ -1732,7 +1732,7 @@ body .content.expanded { /* 分类样式优化 */ .category { - margin: 0 0.15rem 0.9rem 0.15rem; + margin: 0 0.15rem 1.5rem 0.15rem; padding: 1.1rem; width: calc(100% - 0.3rem); } @@ -1798,7 +1798,7 @@ body .content.expanded { } .category { - margin: 0 0.1rem 0.8rem 0.1rem; + margin: 0 0.1rem 1.3rem 0.1rem; padding: 0.95rem; width: calc(100% - 0.2rem); } @@ -1847,7 +1847,7 @@ body .content.expanded { @media (max-width: 400px) { .category { padding: 0.85rem; - margin: 0 0.05rem 0.6rem 0.05rem; + margin: 0 0.05rem 1.2rem 0.05rem; width: calc(100% - 0.1rem); }