.chart-container{padding:20px 10px;min-height:280px}.bar-chart{display:flex;justify-content:space-around;align-items:flex-end;height:220px;padding:0 10px}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;max-width:60px;height:100%;justify-content:flex-end}.bar-value{font-size:12px;font-weight:400;color:#666;margin-bottom:8px;min-height:20px}.bar-column{width:100%;max-width:30px;min-height:20px;border-radius:4px 4px 0 0;position:relative}.memory-bar{background:linear-gradient(0deg,#2d8cf0,#5cadff);box-shadow:0 2px 8px rgba(45,140,240,.3)}.key-bar{background:linear-gradient(0deg,#f5564e,#ff8480);box-shadow:0 2px 8px rgba(245,86,78,.3)}.bar-time{font-size:12px;color:#999;margin-top:8px;text-align:center;word-break:break-all;line-height:1.2}