diff --git a/assets/style.css b/assets/style.css index 6d157f2..d2df029 100644 --- a/assets/style.css +++ b/assets/style.css @@ -1321,6 +1321,11 @@ body .content.expanded { margin-top: 1rem; /* 增加顶部间距 */ } + .page { + padding-left: 0.15rem; + padding-right: 0.15rem; + } + .welcome-section h2 { font-size: 2rem; } @@ -1335,18 +1340,18 @@ body .content.expanded { /* 分类样式优化 */ .category { - margin: 0 1.5rem 1.5rem 1.5rem; - padding: 1.5rem; - width: calc(100% - 3rem); + margin: 0 0.15rem 0.9rem 0.15rem; + padding: 1.1rem; + width: calc(100% - 0.3rem); } .sites-grid { - gap: 0.8rem; - grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); + gap: 0.7rem; + grid-template-columns: repeat(3, minmax(0, 1fr)); } .site-card { - padding: 1rem 0.8rem; + padding: 0.9rem 0.7rem; } .site-card i { @@ -1401,26 +1406,28 @@ body .content.expanded { } .category { - margin: 0 1.2rem 1.2rem 1.2rem; - padding: 1.2rem; - width: calc(100% - 2.4rem); + margin: 0 0.1rem 0.8rem 0.1rem; + padding: 0.95rem; + width: calc(100% - 0.2rem); } .search-container { padding: 0 1rem; } - + .page { padding-top: 1rem; + padding-left: 0.1rem; + padding-right: 0.1rem; } .sites-grid { - gap: 0.6rem; - grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); + gap: 0.5rem; + grid-template-columns: repeat(3, minmax(0, 1fr)); } .site-card { - padding: 0.8rem 0.6rem; + padding: 0.75rem 0.5rem; } .site-card i { @@ -1447,18 +1454,18 @@ body .content.expanded { @media (max-width: 400px) { .category { - padding: 1rem; - margin: 0 0.8rem 1rem 0.8rem; - width: calc(100% - 1.6rem); + padding: 0.85rem; + margin: 0 0.05rem 0.6rem 0.05rem; + width: calc(100% - 0.1rem); } .sites-grid { - gap: 0.5rem; - grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); + gap: 0.4rem; + grid-template-columns: repeat(3, minmax(0, 1fr)); } .site-card { - padding: 0.7rem 0.5rem; + padding: 0.6rem 0.4rem; } .site-card i {