diff --git a/src/style.css b/src/style.css index 80c0e7f..2f5dcf6 100644 --- a/src/style.css +++ b/src/style.css @@ -61,9 +61,9 @@ html, body { color: var(--text-color); background-color: var(--dark-color); background-image: url(/battle-background.jpg); - background-size: contain; - background-position: center; - background-repeat: no-repeat; + background-size: auto; + background-position: top center; + background-repeat: revert; background-attachment: fixed; } diff --git a/src/views/BattleRanking.vue b/src/views/BattleRanking.vue index 9b6e3bf..9ec2118 100644 --- a/src/views/BattleRanking.vue +++ b/src/views/BattleRanking.vue @@ -941,14 +941,14 @@ onUnmounted(() => { .award-image { width: auto; height: 120px; - border-radius: 8px; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); - transition: transform 0.2s ease, box-shadow 0.2s ease; + /* border-radius: 8px; */ + /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */ + /* transition: transform 0.2s ease, box-shadow 0.2s ease; */ } .award-image:hover { transform: translateY(-5px); - box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); + /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); */ } /* 响应式设计 */ @@ -1282,9 +1282,9 @@ onUnmounted(() => { cursor: move; transition: transform 0.2s ease; padding: 15px; - border-radius: 20px; - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); - background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(250, 245, 240, 0.95)); + /* border-radius: 20px; */ + /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); */ + /* background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(250, 245, 240, 0.95)); */ user-select: none; }