complete card height change and new page about RoRd overall and weight assignment

src/pages/report/template/simple.astro

@@ -199,9 +199,10 @@ const reportConfig = {
 
   /* 布局 */
   .report-layout {
+    --report-sidebar-width: clamp(var(--report-sidebar-min-width), 22vw, var(--report-sidebar-max-width));
     display: flex;
     flex-direction: column;
-    gap: 2.5rem;
+    gap: var(--report-sidebar-gap);
     position: relative;
     width: 100%;
   }
@@ -218,6 +219,20 @@ const reportConfig = {
     width: 100%;
   }
   
+  .container {
+    max-width: var(--max-content-width);
+    width: 100%;
+  }
+
+  :global(:root) {
+    --max-content-width: 1200px;
+    --report-sidebar-min-width: 260px;
+    --report-sidebar-base-width: 300px;
+    --report-sidebar-max-width: 320px;
+    --report-sidebar-gap: 2.5rem;
+    --report-content-padding: 1rem;
+  }
+  
   .mx-auto { margin: 0 auto; }
   .px-4 { padding: 0 1rem; }
 
@@ -414,12 +429,23 @@ const reportConfig = {
 
   @media (min-width: 1280px) {
     .report-main {
-      padding-left: clamp(calc(300px + 2.5rem), calc((100vw - 1200px) / 2 + 1rem), calc(320px + 3rem));
-      padding-right: clamp(1rem, calc((100vw - 1200px) / 2 + 1rem), 2rem);
+      padding-left: clamp(
+        calc(var(--report-sidebar-base-width) + var(--report-sidebar-gap)),
+        calc((100vw - var(--max-content-width)) / 2 + var(--report-content-padding)),
+        calc(var(--report-sidebar-max-width) + 3rem)
+      );
+      padding-right: clamp(
+        var(--report-content-padding),
+        calc((100vw - var(--max-content-width)) / 2 + var(--report-content-padding)),
+        2rem
+      );
     }
-    .report-layout { max-width: 1200px; margin: 0 auto; }
+    .report-layout { max-width: var(--max-content-width); margin: 0 auto; }
     .report-content { max-width: 100%; width: 100%; }
-    .container { padding: 0 1rem; }
+    .container {
+      padding-left: var(--report-content-padding);
+      padding-right: var(--report-content-padding);
+    }
   }
 
   /* 工具类 */