diff --git a/webpage/stylesheet/index.css b/webpage/stylesheet/index.css index f7d1720..59cdda1 100644 --- a/webpage/stylesheet/index.css +++ b/webpage/stylesheet/index.css @@ -37,16 +37,14 @@ body::after { opacity: 0; transition: all 1s ease; z-index: 2; - } /* 中央Logo */ .logo { - width: 150px; - height: 150px; - margin: 0 auto 30px; - border-radius: 20px; - box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); + width: 9em; + margin: 0 auto; + border-radius: 2em; + /*box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);*/ position: relative; transition: transform 0.3s ease; } @@ -76,7 +74,6 @@ body::after { .title { color: white; font-size: 2.5rem; - text-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); letter-spacing: 2px; position: relative; margin-top: 20px; @@ -85,7 +82,7 @@ body::after { .title::after { content: "RTLauncher"; position: absolute; - bottom: -30px; + bottom: -2em; left: 50%; transform: translateX(-50%); font-size: 1.2rem; @@ -96,18 +93,17 @@ body::after { /* 外链 */ .social-links { position: fixed; - bottom: 30px; + bottom: 2.5em; width: 100%; display: flex; justify-content: center; - gap: 40px; + gap: 4vw; z-index: 2; - margin-bottom: 10px; } .social-links img { - width: 48px; - height: 48px; + width: 3em; + height: 3em; transition: all 0.3s ease; border-radius: 50%; background: rgba(255, 255, 255, 0.1); @@ -236,9 +232,8 @@ body::after { /*备案*/ .footer-beian { position: fixed; - float: bottom; - bottom: 10px; - z-index: 3; + bottom: 1em; + z-index: 2; } .footer-beian p { font-family: 'Segoe UI', system-ui, sans-serif; diff --git a/webpage/stylesheet/top-meun.css b/webpage/stylesheet/top-meun.css index 879c1ee..621ca83 100644 --- a/webpage/stylesheet/top-meun.css +++ b/webpage/stylesheet/top-meun.css @@ -78,17 +78,20 @@ } .menu-list li { - padding: 15px; + height: 3em; + padding-right: 2em; margin: 10px 0; - border-radius: 5px; + border-radius: 1em; transition: background 0.3s; text-align: right; + line-height: 3em; } .menu-list li:hover { background: rgba(255, 255, 255, 0.1); } .meun-list-img { + vertical-align: 0.25em; transform: translateY(10px); }