增加K线

web/style.css

@@ -352,9 +352,71 @@ button:hover {
 .chart-modal-inner:fullscreen .chart-modal-canvas-wrap {
   flex: 1;
   display: flex;
-  align-items: center;
-  justify-content: center;
+  flex-direction: column;
   overflow: hidden;
+  min-height: 0;
+}
+
+.chart-modal-inner:fullscreen .chart-lwc-container {
+  flex: 1;
+  width: 100% !important;
+  height: 100% !important;
+  min-height: 0;
+}
+
+.chart-modal-head {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.75rem 1rem;
+  margin-bottom: 0.25rem;
+}
+
+.chart-interval-tabs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem;
+}
+
+.chart-interval-btn {
+  padding: 0.25rem 0.55rem;
+  font-size: 0.78rem;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: var(--bg);
+  color: var(--muted);
+  cursor: pointer;
+}
+
+.chart-interval-btn:hover {
+  color: var(--text);
+  border-color: var(--accent);
+}
+
+.chart-interval-btn.active {
+  background: var(--accent);
+  border-color: var(--accent);
+  color: #0d1118;
+  font-weight: 600;
+}
+
+.chart-lwc-container {
+  width: 100%;
+  min-height: 480px;
+}
+
+.chart-lwc-fallback {
+  padding: 2rem;
+  text-align: center;
+  color: var(--muted);
+}
+
+.chart-modal-inner:fullscreen .chart-modal-head {
+  flex-shrink: 0;
+}
+
+.chart-modal-inner:fullscreen .chart-modal-hint {
+  flex-shrink: 0;
 }
 
 .stats-table .stats-total-vol {
@@ -468,7 +530,7 @@ button:hover {
 }
 
 .chart-modal-canvas-wrap {
-  overflow: auto;
+  overflow: hidden;
   border-radius: 8px;
   border: 1px solid var(--border);
   background: #0d1118;