:root{font-family:华文楷体,cursive;line-height:1.5;font-weight:400}html,body{margin:0;padding:0;height:100%}#app{margin:0;padding:0;height:100%;display:flex;flex-direction:column;min-height:100vh}.chart-category[data-v-a83b3a80]{padding:20px}.chart-cards[data-v-a83b3a80]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.chart-card[data-v-a83b3a80]{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.chart-card[data-v-a83b3a80]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#409eff,#36cfc9);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.chart-card[data-v-a83b3a80]:hover{transform:translateY(-5px);box-shadow:0 12px 20px #00000026}.chart-card[data-v-a83b3a80]:hover:before{transform:scaleX(1)}.chart-preview[data-v-a83b3a80]{height:200px;margin-bottom:15px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center}.chart-preview-img[data-v-a83b3a80]{height:200px}h3[data-v-a83b3a80]{margin:10px 0 5px;color:#1f2d3d;font-size:18px;font-weight:600}p[data-v-a83b3a80]{color:#5e6d82;font-size:14px;margin:0;line-height:1.5}.chart-detail[data-v-8e530b09]{padding:20px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.chart-detail[data-v-8e530b09]::-webkit-scrollbar{display:none}.back-button[data-v-8e530b09]{background:#409eff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-bottom:20px;transition:background .3s}.back-button[data-v-8e530b09]:hover{background:#66b1ff}.detail-container[data-v-8e530b09]{display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 150px);gap:20px}@media screen and (max-width: 770px){.detail-container[data-v-8e530b09]{display:flex;flex-direction:column}}.code-panel[data-v-8e530b09],.chart-panel[data-v-8e530b09]{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:20px}.code-panel[data-v-8e530b09]{overflow:hidden;min-height:500px}.chart-panel[data-v-8e530b09]{overflow:auto;min-height:500px;scrollbar-width:none;-ms-overflow-style:none}.chart-panel[data-v-8e530b09]::-webkit-scrollbar{display:none}.code[data-v-8e530b09]{height:85%}h2[data-v-8e530b09]{margin-top:0;padding-bottom:10px;border-bottom:1px solid #eee;color:#333}pre[data-v-8e530b09]{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}pre[data-v-8e530b09]::-webkit-scrollbar{display:none}code[data-v-8e530b09]{font-family:Courier New,monospace;font-size:14px;font-weight:600}.dashboard[data-v-377eeed0]{display:flex;height:100vh;background-color:#f5f7fa}.sidebar[data-v-377eeed0]{width:10%;background:#fff;box-shadow:2px 0 10px #0000001a;padding:20px}.chart-type[data-v-377eeed0]{padding:10px;margin-top:10px;border-radius:6px;cursor:pointer;transition:all .3s}.chart-type[data-v-377eeed0]:hover{background-color:#ecf5ff;color:#409eff}.chart-type.active[data-v-377eeed0]{background-color:#409eff;color:#fff;font-weight:700}.content[data-v-377eeed0]{flex:1;padding:20px;overflow:auto}