增加k线图

web/style.css

@@ -22,7 +22,7 @@ body {
   color: var(--text);
   line-height: 1.5;
   padding: 1.5rem;
-  max-width: 1280px;
+  max-width: 1380px;
   margin-inline: auto;
 }
 
@@ -225,7 +225,7 @@ button:hover {
 }
 
 .chart-col {
-  min-width: 320px;
+  min-width: 400px;
   color: var(--muted);
   font-size: 0.8rem;
 }
@@ -237,19 +237,17 @@ button:hover {
 
 .mini-chart {
   position: relative;
-  width: 300px;
-  height: 64px;
+  width: 380px;
+  height: 100px;
   cursor: zoom-in;
-  border-radius: 4px;
+  border-radius: 6px;
   overflow: hidden;
   border: 1px solid var(--border);
-  background: #121820;
+  background: #0d1118;
 }
 
 .mini-chart canvas {
   display: block;
-  width: 300px;
-  height: 64px;
 }
 
 .chart-status {
@@ -278,14 +276,29 @@ button:hover {
 .chart-modal-inner {
   background: var(--panel);
   border: 1px solid var(--border);
-  border-radius: 10px;
-  padding: 1rem 1.25rem;
-  max-width: 95vw;
+  border-radius: 12px;
+  padding: 1.25rem 1.5rem 1.5rem;
+  max-width: 96vw;
+  max-height: 96vh;
+  overflow: auto;
 }
 
 .chart-modal-inner h3 {
+  margin: 0 0 0.25rem;
+  font-size: 1.15rem;
+}
+
+.chart-modal-hint {
   margin: 0 0 0.75rem;
-  font-size: 1rem;
+  font-size: 0.8rem;
+  color: var(--muted);
+}
+
+.chart-modal-canvas-wrap {
+  overflow: auto;
+  border-radius: 8px;
+  border: 1px solid var(--border);
+  background: #0d1118;
 }
 
 .chart-modal-close {
@@ -300,7 +313,5 @@ button:hover {
 
 #chart-modal-canvas {
   display: block;
-  max-width: 100%;
-  border-radius: 6px;
-  background: #121820;
+  background: #0d1118;
 }