chore: 代码保存，除了冠军模块，其他显示正常

src/style.css

@@ -67,6 +67,41 @@ html, body {
 #app {
   width: 100%;
   min-height: 100vh;
+  display: flex;
+  justify-content: center;
+}
+
+/* 主内容容器 - 适配1920x1080分辨率 */
+.content-container {
+  width: 100%;
+  max-width: 1920px;
+  min-height: 100vh;
+  padding: 0 20px;
+  position: relative;
+  box-sizing: border-box;
+}
+
+/* 当屏幕宽度超过1920px时，保持内容居中且大小不变 */
+@media (min-width: 1921px) {
+  .content-container {
+    width: 1920px;
+    margin: 0 auto;
+    /* box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); */
+  }
+}
+
+/* 当屏幕高度超过1080px时，保持内容垂直对齐 */
+@media (min-height: 1081px) {
+  #app {
+    align-items: flex-start;
+  }
+}
+
+/* 针对1920x1080分辨率的精确调整 */
+@media (width: 1920px) and (height: 1080px) {
+  .content-container {
+    padding: 0;
+  }
 }
 
 /* 游戏化标题样式 */
@@ -332,12 +367,9 @@ table {
 
 /* 游戏化卡片样式 */
 .card-game {
-  background: rgba(255, 255, 255, 0.05);
-  border: 2px solid var(--gold-primary);
-  border-radius: 15px;
-  padding: 20px;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), var(--glow-primary);
-  backdrop-filter: blur(10px);
+  background: transparent;
+  border: 0;
+  /* padding: 20px; */
   transition: all 0.3s ease;
   position: relative;
   overflow: hidden;
@@ -358,8 +390,8 @@ table {
 
 .card-game:hover {
   transform: translateY(-5px);
-  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4), var(--glow-primary);
-  border-color: var(--gold-tertiary);
+  /* box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4), var(--glow-primary); */
+  /* border-color: var(--gold-tertiary); */
 }
 
 @keyframes shine {