Add debug logging and styling for MiniEchart in Join Arena page

src/views/RequestView.vue

@@ -175,6 +175,7 @@ const MiniEchart = {
     return { _chart: null, _ro: null, _raf: 0 }
   },
   mounted() {
+    console.log('[MiniEchart] Mounted with data:', this.data?.length || 0, 'items')
     nextTick(() => this.initChartSafely())
   },
   beforeUnmount() {
@@ -195,6 +196,7 @@ const MiniEchart = {
         return
       }
       this._chart = echarts.init(el, null, { renderer: 'canvas' })
+      console.log('[MiniEchart] Chart initialized, rendering data:', this.data?.length || 0)
       this.render(this.data)
 
       // Listen for container resize
@@ -471,7 +473,7 @@ export default {
 .type-stock { background:#f6fffb; border-color:#d9fbe6; color:#064e3b; }
 
 .asset-body{ display:flex; flex-direction:column; gap:10px; }
-.spark-wrap{ width:100%; height:90px; overflow:hidden; border-radius:8px; }
+.spark-wrap{ width:100%; height:90px; overflow:hidden; border-radius:8px; background:#F6F8FB; border:1px solid #E7ECF3; }
 .asset-stats{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; }
 .stat{ background:#F6F8FB; border:1px solid #E7ECF3; border-radius:10px; padding:8px; min-width:0; }
 .stat-label{ font-size:11px; color:#6b7280; margin-bottom:2px; }