.cn-chart-container{position:relative;background:#fff;border:1px solid #f1f5f9;border-radius:10px;padding:16px;margin-bottom:16px;max-width:450px;box-shadow:0 1px 3px rgba(0,0,0,.04);}.cn-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #f1f5f9;}.cn-chart-header h4{color:#1e293b;font-size:14px;font-weight:700;margin:0;}.cn-chart-actions{display:flex;gap:6px;}.cn-chart-actions button{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;padding:4px 8px;cursor:pointer;color:#000;font-size:11px;transition:all .2s;display:flex;align-items:center;gap:3px;}.cn-chart-actions button:hover{background:#e2e8f0;color:#1e293b;}.cn-chart-actions button svg{width:12px;height:12px;}.cn-chart-body{position:relative;width:100%;}.cn-chart-body canvas{width:100% !important;display:block;}.cn-chart-legend{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;justify-content:center;}.cn-chart-legend span{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#475569;padding:5px 10px;border-radius:6px;cursor:pointer;border:1.5px solid #e2e8f0;background:#f8fafc;transition:all .2s;user-select:none;font-weight:500;}.cn-chart-legend span:hover{background:#eff6ff;border-color:#3b82f6;color:#2563eb;}.cn-chart-legend span.active{background:#2563eb;color:#fff;border-color:#2563eb;}.cn-chart-legend span.active i{border-color:rgba(255,255,255,.5);}.cn-chart-legend i{display:inline-block;width:12px;height:12px;border-radius:4px;flex-shrink:0;border:1px solid rgba(0,0,0,.1);}.cn-chart-tooltip{background:#1e293b;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;pointer-events:none;}.cn-chart-empty{text-align:center;padding:40px 20px;color:#94a3b8;font-size:14px;}.cn-chart-empty svg{display:block;margin:0 auto 12px;opacity:.4;}.cn-chart-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:#fff;padding:20px;display:flex;flex-direction:column;}.cn-chart-fullscreen .cn-chart-body{flex:1;}.cn-chart-fullscreen canvas{max-height:calc(100vh - 120px) !important;}@media print{.cn-chart-actions{display:none !important;}.cn-chart-container{border:none;box-shadow:none;}}@media (max-width:600px){.cn-chart-container{padding:16px;border-radius:0;}.cn-chart-header h4{font-size:14px;}.cn-chart-actions button{padding:5px 8px;font-size:11px;}}