chore: 界面改进和问题修复

app/styles.global.css

@@ -161,15 +161,18 @@
   }
 
   .page {
+    /* width: 100%; */
     max-width: var(--site-content-max-width);
     margin: 0 auto;
     padding: 2rem 1rem 3rem;
     display: flex;
     flex-direction: column;
     gap: 1rem;
+    box-sizing: border-box;
   }
 
   .main-section {
+    width: 100%;
     max-width: var(--main-max-width);
     /* min-width: var(--main-min-width); */
   }
@@ -258,6 +261,7 @@
   .netease-mini-player[data-position="bottom-right"] .playlist-container {
     position: fixed !important;
     bottom: calc(20px + 80px) !important;
+    width: 45% !important;
   }
 
   .muted {
@@ -334,6 +338,15 @@
   }
 
   @media (max-width: 640px) {
+    .page {
+      padding: 1.25rem 0.75rem 2rem;
+      gap: 0.75rem;
+    }
+
+    /* .card {
+      padding: 1rem 1rem;
+    } */
+
     .background-toggle {
       right: 0.75rem;
       bottom: 0.75rem;