.stock-kline-container{background:#fff;border-radius:8px;margin:16px 0;overflow:visible;box-shadow:0 2px 8px #0000001a}.stock-kline-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;display:flex}.stock-kline-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.stock-chart-type-toggle{border:1px solid #ffffff8c;border-radius:5px;flex:none;gap:2px;padding:2px;display:inline-flex}.stock-chart-type-toggle button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:5px 8px;font-size:12px;line-height:1}.stock-chart-type-toggle button.active{color:#334155;background:#fff;font-weight:700}.stock-kline-chart{background:#f5f5f5}.stock-kline-chart iframe,.stock-kline-chart img{width:100%;height:auto;display:block}.stock-kline-canvas-wrap{background:#fff;width:100%;min-height:360px;position:relative}.stock-kline-canvas{width:100%;height:360px}.intraday-canvas canvas{display:block}.stock-kline-status{color:#64748b;pointer-events:none;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stock-kline-status-error{color:#dc2626}@media (width<=768px){.stock-kline-container{box-sizing:border-box;width:100%;max-width:100%;margin:12px 0}.stock-kline-header{flex-wrap:wrap;gap:6px;padding:6px 10px}.stock-kline-title{white-space:normal;font-size:13px}.stock-chart-type-toggle button{padding:5px 8px;font-size:12px}.stock-kline-chart{width:100%;overflow:hidden}.stock-kline-chart iframe,.stock-kline-chart img{height:auto;width:100%!important;max-width:100%!important}.stock-kline-canvas-wrap{min-height:260px}.stock-kline-canvas{height:260px}}