body[data-v-415ab53d]{margin:0;overflow:hidden;font-family:Roboto,sans-serif;position:relative}#canvas[data-v-415ab53d]{position:absolute;top:0;left:0;width:90%;height:90%}#container[data-v-a07e7348]{display:flex;justify-content:center;align-items:center;height:100%}.bubble-chart[data-v-a07e7348]{font-family:Arial,sans-serif;background-color:#fff6df;margin:0;text-align:center;display:flex;justify-content:center;align-items:center}.bubble[data-v-a07e7348]{fill-opacity:.95;cursor:pointer}body{font-family:Arial,sans-serif;background-color:#fff6df}.axis line,.axis path{fill:none;shape-rendering:crispEdges;stroke:#96753c;stroke-width:2px}.axis text{font:10px sans-serif;fill:#000}.album-label,.text{font-size:10px;fill:#000}.line{stroke:#02d098;stroke-width:2}.circle{fill-opacity:.6;stroke:none}.tooltip{position:absolute;text-align:center;width:150px;height:auto;padding:5px;font:12px sans-serif;background:rgba(0,0,0,.6);border-radius:5px;color:#fff;pointer-events:none;box-shadow:0 0 10px rgba(0,0,0,.5)}body[data-v-0729fc58],body[data-v-d9ce6d84]{background-color:#fff6df;margin:0;padding:0;overflow:hidden}canvas[data-v-d9ce6d84]{display:block}.instructions[data-v-d9ce6d84]{position:absolute;top:10px;left:50%;transform:translateX(-50%);color:#000;font-size:16px;text-align:center}.container[data-v-3776c948]{margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:95vh;background-color:#fff6df;font-family:方正兰亭大黑简体;overflow:hidden}.background-container[data-v-3776c948]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(3,1fr);gap:10px;width:100vw;height:100vh}.text[data-v-3776c948]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:7em;color:#a290e9;text-align:center;letter-spacing:.1em;text-shadow:2px 2px 2px #fff}.album[data-v-3776c948]{width:100%;height:100%;background-size:cover;background-position:50%;filter:grayscale(80%);opacity:.3}body[data-v-64f91244]{font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;margin:0;padding:0;background-color:#fff6df}.title[data-v-64f91244]{text-align:center;margin-top:30px;font-size:36px;color:#d87b6b}.bar-chart-container[data-v-64f91244]{margin-top:50px;margin-bottom:50px}.bubble-chart-container[data-v-64f91244]{margin-top:20px;margin-bottom:20px}.tooltip[data-v-64f91244]{position:absolute;display:none;background-color:#f7f7f7;border:1px solid #ccc;padding:10px;font-size:14px;color:#333;box-shadow:2px 2px 6px rgba(0,0,0,.1)}.lyrics-modal[data-v-64f91244]{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)}.lyrics-modal-content[data-v-64f91244]{background-color:#fefefe;padding:20px;border:1px solid #888;width:80%;margin:10% auto}.close-button[data-v-64f91244]{color:#aaa;float:right;font-size:28px;font-weight:700}.close-button[data-v-64f91244]:focus,.close-button[data-v-64f91244]:hover{color:#000;text-decoration:none;cursor:pointer}.song-title[data-v-64f91244]{font-size:22px;color:#333}.song-lyrics[data-v-64f91244]{font-size:16px;color:#555;white-space:pre-wrap}#audio-player[data-v-64f91244]{display:none;margin-top:20px}.container[data-v-0a2e2a78]{display:grid;grid-template-rows:50% 50%;grid-template-columns:50% 50%;gap:0;margin:0;height:95vh;background-color:#fff6df}.chart-container[data-v-0a2e2a78]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:40px;background:transparent;visibility:hidden;opacity:0;transition:opacity .5s,visibility 0s linear .5s}.chart-container.visible[data-v-0a2e2a78]{visibility:visible;opacity:1;transition:opacity .5s}.chart-title[data-v-0a2e2a78]{font-weight:700;font-size:20px;color:#333;margin-bottom:50px;text-align:center}.horizontal-line[data-v-0a2e2a78],.vertical-line[data-v-0a2e2a78]{position:absolute;border-style:dashed;border-width:1px;border-color:rgba(32,24,18,.3)}.horizontal-line[data-v-0a2e2a78]{top:50%;left:0;width:100%}.vertical-line[data-v-0a2e2a78]{left:50%;top:0;height:100%}.chart-container[data-v-52e21586]{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;max-width:1400px;max-height:700px;margin:0 auto;overflow:hidden;box-sizing:border-box}@media (max-width:768px){.chart-container[data-v-52e21586]{max-width:100%;padding:10px}}.echarts-tooltip[data-v-52e21586]{position:absolute;background:rgba(50,50,50,.7);color:#fff;padding:10px;border-radius:5px;pointer-events:none;z-index:100;white-space:nowrap;font-size:12px;box-shadow:0 0 10px rgba(0,0,0,.1);max-width:300px}.echarts-tooltip img[data-v-52e21586]{max-width:100%;height:auto;display:block;margin-top:10px}.container[data-v-2c37988c]{position:relative;background-color:#fff6df;margin-top:20px}.arrow-btn[data-v-2c37988c]{position:fixed;top:50%;transform:translateY(-50%);width:95px;height:95px;background-color:#bdb7a7;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:30px;font-weight:bolder;cursor:pointer;z-index:999;transition:background-color .3s}.arrow-btn[data-v-2c37988c]:active,.arrow-btn[data-v-2c37988c]:hover{background-color:#a290e9}.left[data-v-2c37988c]{left:-47.5px}.left[data-v-2c37988c]:active,.left[data-v-2c37988c]:hover{left:-45px}.right[data-v-2c37988c]{right:-47.5px}.right[data-v-2c37988c]:active,.right[data-v-2c37988c]:hover{right:-45px}.flagleft[data-v-2c37988c]{padding-left:35px}.flagright[data-v-2c37988c]{padding-right:35px}.slide-left-enter-active[data-v-2c37988c],.slide-left-leave-active[data-v-2c37988c]{transition:transform .5s ease}.slide-left-enter[data-v-2c37988c],.slide-left-leave-to[data-v-2c37988c]{transform:translateX(100%)}.slide-left-enter-to[data-v-2c37988c],.slide-left-leave[data-v-2c37988c]{transform:translateX(0)}.slide-right-enter-active[data-v-2c37988c],.slide-right-leave-active[data-v-2c37988c]{transition:transform .5s ease}.slide-right-enter[data-v-2c37988c],.slide-right-leave-to[data-v-2c37988c]{transform:translateX(-100%)}.slide-right-enter-to[data-v-2c37988c],.slide-right-leave[data-v-2c37988c]{transform:translateX(0)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin:0}.timeline-line{stroke:#3d3d3d;stroke-width:2;stroke-dasharray:5,5;opacity:.3}.timeline-text{font-size:18px;font-weight:700;text-anchor:middle}