Fix desktop breakpoint

Author: Spr-Aachen

src/components/layout/RightSideBar.astro

@@ -98,20 +98,18 @@ function renderComponent(component: any, index: number, _components: any[]) {
 
 <!-- 响应式样式和JavaScript -->
 <style>
-  /* 响应式断点样式 */
+  /* 响应式断点样式（不要再乱修改了QAQ） */
   @media (max-width: 768px) {
     #right-sidebar {
       display: var(--sidebar-mobile-display, block);
     }
   }
-
-  @media (min-width: 769px) and (max-width: 1024px) {
+  @media (min-width: 769px) and (max-width: 1280px) {
     #right-sidebar {
       display: var(--sidebar-tablet-display, block);
     }
   }
-
-  @media (min-width: 1025px) {
+  @media (min-width: 1281px) {
     #right-sidebar {
       display: var(--sidebar-desktop-display, block);
     }

src/components/widget/RightSideBar.astro

@@ -71,16 +71,10 @@ const stickyComponents = widgetManager.getComponentsByPosition("sticky", "right"
     }
   }
 
-  /* 响应式设计 */
+  /* 响应式设计（不要再乱修改了QAQ） */
   @media (max-width: 1280px) {
-    .right-sidebar {
-      max-width: 260px;
-    }
-  }
-  
-  @media (max-width: 1024px) {
     .right-sidebar {
       display: none;
     }
   }
-</style>
+</style>

src/styles/widget-responsive.css

@@ -5,10 +5,10 @@
 
 /* CSS 自定义属性定义 */
 :root {
-  /* 断点变量 */
+  /* 断点变量（不要再乱修改了QAQ） */
   --breakpoint-mobile: 768px;
   --breakpoint-tablet: 1024px;
-  --breakpoint-desktop: 1025px;
+  --breakpoint-desktop: 1280px;
 
   /* 间距变量 */
   --widget-gap-mobile: 0.75rem;