.el-switch{--el-switch-on-color:var(--el-color-primary);--el-switch-off-color:var(--el-border-color);align-items:center;display:inline-flex;font-size:14px;height:32px;line-height:20px;position:relative;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{color:var(--el-text-color-primary);cursor:pointer;display:inline-block;font-size:14px;font-weight:500;height:20px;transition:var(--el-transition-duration-fast);vertical-align:middle}.el-switch__label.is-active{color:var(--el-color-primary)}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{display:inline-block;font-size:14px;line-height:1}.el-switch__label .el-icon{height:inherit}.el-switch__label .el-icon svg{vertical-align:middle}.el-switch__input{height:0;margin:0;opacity:0;position:absolute;width:0}.el-switch__input:focus-visible~.el-switch__core{outline:2px solid var(--el-switch-on-color);outline-offset:1px}.el-switch__core{align-items:center;background:var(--el-switch-off-color);border:1px solid var(--el-switch-border-color,var(--el-switch-off-color));border-radius:10px;box-sizing:border-box;cursor:pointer;display:inline-flex;height:20px;min-width:40px;outline:none;position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration)}.el-switch__core .el-switch__inner{align-items:center;display:flex;height:16px;justify-content:center;overflow:hidden;padding:0 4px 0 18px;transition:all var(--el-transition-duration);width:100%}.el-switch__core .el-switch__inner-wrapper{align-items:center;color:var(--el-color-white);display:flex;font-size:12px;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.el-switch__core .el-switch__action{align-items:center;background-color:var(--el-color-white);border-radius:var(--el-border-radius-circle);color:var(--el-switch-off-color);display:flex;height:16px;justify-content:center;left:1px;position:absolute;transition:all var(--el-transition-duration);width:16px}.el-switch.is-checked .el-switch__core{background-color:var(--el-switch-on-color);border-color:var(--el-switch-border-color,var(--el-switch-on-color))}.el-switch.is-checked .el-switch__core .el-switch__action{color:var(--el-switch-on-color);left:calc(100% - 17px)}.el-switch.is-checked .el-switch__core .el-switch__inner{padding:0 18px 0 4px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter-from,.el-switch .label-fade-leave-active{opacity:0}.el-switch--large{font-size:14px;height:40px;line-height:24px}.el-switch--large .el-switch__label{font-size:14px;height:24px}.el-switch--large .el-switch__label *{font-size:14px}.el-switch--large .el-switch__core{border-radius:12px;height:24px;min-width:50px}.el-switch--large .el-switch__core .el-switch__inner{height:20px;padding:0 6px 0 22px}.el-switch--large .el-switch__core .el-switch__action{height:20px;width:20px}.el-switch--large.is-checked .el-switch__core .el-switch__action{left:calc(100% - 21px)}.el-switch--large.is-checked .el-switch__core .el-switch__inner{padding:0 22px 0 6px}.el-switch--small{font-size:12px;height:24px;line-height:16px}.el-switch--small .el-switch__label{font-size:12px;height:16px}.el-switch--small .el-switch__label *{font-size:12px}.el-switch--small .el-switch__core{border-radius:8px;height:16px;min-width:30px}.el-switch--small .el-switch__core .el-switch__inner{height:12px;padding:0 2px 0 14px}.el-switch--small .el-switch__core .el-switch__action{height:12px;width:12px}.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 13px)}.el-switch--small.is-checked .el-switch__core .el-switch__inner{padding:0 14px 0 2px}[data-v-f3a29baf]:root{--el-color-primary:#5100e9!important;--el-color-primary-light-3:#818cf8!important;--el-color-primary-light-5:#a5b4fc!important;--el-color-primary-light-7:#c7d2fe!important;--el-color-primary-light-8:#ddd6fe!important;--el-color-primary-light-9:#ede9fe!important;--el-color-primary-dark-2:#4f46e5!important;--el-button-primary-bg-color:#5100e9!important;--el-button-primary-border-color:#5100e9!important;--el-button-primary-text-color:#fff!important;--el-button-primary-hover-bg-color:#4f46e5!important;--el-button-primary-hover-border-color:#4f46e5!important;--el-switch-on-color:#5100e9!important;--el-switch-off-color:#dcdfe6!important;--el-switch-on-border-color:#5100e9!important;--el-switch-off-border-color:#dcdfe6!important;--el-switch-on-hover-color:#4f46e5!important;--el-pagination-active-bg-color:#5100e9!important;--el-pagination-active-color:#fff!important;--el-tabs-active-color:#5100e9!important;--el-tag-primary-bg-color:#5100e9!important;--el-tag-primary-border-color:#5100e9!important}[data-v-f3a29baf]{box-sizing:border-box;font-family:微软雅黑,PingFang SC,Hiragino Sans GB,Arial,sans-serif}body[data-v-f3a29baf]{align-items:flex-start;display:flex;justify-content:center;min-height:100vh}.container[data-v-f3a29baf]{animation:slideUp-f3a29baf .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:1400px;overflow:hidden;width:100%}@keyframes slideUp-f3a29baf{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-f3a29baf{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section[data-v-f3a29baf]{margin-bottom:25px}.section .section-title[data-v-f3a29baf]{align-items:center;color:#1e293b;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin-bottom:15px}.section .section-title[data-v-f3a29baf]:before{background:#5100e9;border-radius:2px;content:"";height:20px;width:4px}.example-buttons[data-v-f3a29baf]{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.example-buttons .example-btn[data-v-f3a29baf]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 16px;text-align:center;transition:all .3s ease}.example-buttons .example-btn[data-v-f3a29baf]:hover{border-color:#5100e9;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}textarea[data-v-f3a29baf]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;line-height:1.6;min-height:120px;padding:16px;resize:vertical;transition:border-color .3s ease;width:100%}textarea[data-v-f3a29baf]:focus{border-color:#5100e9;box-shadow:0 0 0 3px #3b82f61a;outline:none}.rules[data-v-f3a29baf]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #5100e9;border-radius:8px;margin-top:20px;padding:20px}.rules .rule-item[data-v-f3a29baf]{color:#1e293b;line-height:1.5;margin-bottom:8px}.highlight[data-v-f3a29baf]{background:#3b82f61a;border-radius:4px;color:#5100e9;font-weight:600;padding:2px 6px}.footer[data-v-f3a29baf]{border-top:1px solid #e2e8f0;color:#64748b;font-size:.9rem;padding:20px;text-align:center}.audio-player[data-v-f3a29baf]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:15px}.audio-player .audio-player-title[data-v-f3a29baf]{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin-bottom:15px}.audio-player .audio-player-title[data-v-f3a29baf]:before{content:"🎵";font-size:1.2rem}.audio-player .audio-buttons[data-v-f3a29baf]{display:flex;flex-wrap:wrap;gap:10px}.audio-player .audio-buttons .audio-btn[data-v-f3a29baf]{align-items:center;background:#5100e9;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:5px;padding:10px 16px;transition:all .3s ease}.audio-player .audio-buttons .audio-btn[data-v-f3a29baf]:hover{background:#4f46e5;transform:translateY(-1px)}.audio-player .audio-buttons .audio-btn[data-v-f3a29baf]:disabled{background:#8b5cf6;cursor:not-allowed;transform:none}.audio-player .audio-buttons .audio-btn.playing[data-v-f3a29baf]{background:#10b981}.audio-player .tempo-control[data-v-f3a29baf]{align-items:center;display:flex;gap:10px;margin-top:15px}.audio-player .tempo-control .tempo-label[data-v-f3a29baf]{color:#64748b;font-size:.9rem}.audio-player .tempo-control .tempo-slider[data-v-f3a29baf]{-webkit-appearance:none;background:#e2e8f0;border-radius:2px;flex:1;height:4px;outline:none}.audio-player .tempo-control .tempo-slider[data-v-f3a29baf]::-webkit-slider-thumb{-webkit-appearance:none;background:#5100e9;border-radius:50%;cursor:pointer;height:16px;width:16px}.audio-player .tempo-control .tempo-value[data-v-f3a29baf]{color:#1e293b;font-size:.9rem;font-weight:500;min-width:40px}.loading[data-v-f3a29baf]{animation:spin-f3a29baf 1s ease-in-out infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@keyframes spin-f3a29baf{to{transform:rotate(1turn)}}.success-message[data-v-f3a29baf]{animation:slideIn-f3a29baf .3s ease-out;background:#10b981;border-radius:6px;color:#fff;display:none;margin-top:10px;padding:10px 16px}@keyframes slideIn-f3a29baf{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.el-button--primary[data-v-f3a29baf]{background-color:#5100e9!important;border-color:#5100e9!important;color:#fff!important}.el-button--primary[data-v-f3a29baf]:active,.el-button--primary[data-v-f3a29baf]:focus,.el-button--primary[data-v-f3a29baf]:hover{background-color:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important}.el-button--primary.is-loading[data-v-f3a29baf],.el-button[type=primary][data-v-f3a29baf],.search-bar .el-button--primary[data-v-f3a29baf]{background-color:#5100e9!important;border-color:#5100e9!important}.el-switch.el-switch--small .el-switch__core[data-v-f3a29baf]{height:20px!important;width:36px!important}.el-switch .el-switch__core[data-v-f3a29baf]{background-color:#dcdfe6!important;border-color:#dcdfe6!important}.el-switch .el-switch__core[data-v-f3a29baf]:before{background-color:#fff!important;height:18px!important;width:18px!important}.el-switch:hover .el-switch__core[data-v-f3a29baf]{background-color:#e4e7ed!important;border-color:#5100e9!important}.el-switch:hover.is-checked .el-switch__core[data-v-f3a29baf]{background-color:#4f46e5!important;border-color:#4f46e5!important}.el-switch.is-disabled[data-v-f3a29baf]{opacity:.6}.el-switch.is-disabled .el-switch__core[data-v-f3a29baf]{cursor:not-allowed!important}.el-switch.is-checked .el-switch__core[data-v-f3a29baf]{background-color:#5100e9!important;border-color:#5100e9!important}.el-pagination .el-pager li[data-v-f3a29baf]{border-radius:50%;height:32px;line-height:32px;margin:0 5px;min-width:32px}.el-pagination .el-pager li[data-v-f3a29baf]:hover{background-color:#5100e91a;color:#5100e9}.el-pagination .el-pager li.active[data-v-f3a29baf]{background-color:#5100e9;border-radius:50%;color:#fff;height:32px;line-height:32px;min-width:32px}.el-pagination .btn-next[data-v-f3a29baf],.el-pagination .btn-prev[data-v-f3a29baf]{border-radius:50%;height:32px;line-height:32px;margin:0 5px;width:32px}.el-pagination .btn-next[data-v-f3a29baf]:hover,.el-pagination .btn-prev[data-v-f3a29baf]:hover{background-color:#5100e91a;color:#5100e9}@media(max-width:768px){body[data-v-f3a29baf]{padding:0}.container[data-v-f3a29baf]{border-radius:12px}.header[data-v-f3a29baf]{padding:20px}.header h1[data-v-f3a29baf]{font-size:1.8rem}.tabs[data-v-f3a29baf]{flex-direction:column;padding:0}.tabs .tab[data-v-f3a29baf]{border-right:none;text-align:center}.example-buttons[data-v-f3a29baf]{grid-template-columns:1fr}.audio-buttons[data-v-f3a29baf]{flex-direction:column}.audio-buttons .audio-btn[data-v-f3a29baf]{justify-content:center}}.sheet-music-card[data-v-f3a29baf]{border-bottom:1px solid #eee;border-radius:0;overflow:hidden;padding:20px 0;transition:all .3s ease}.sheet-music-card[data-v-f3a29baf]:last-child{border-bottom:none}.sheet-music-card .card-content-wrapper[data-v-f3a29baf]{display:flex;height:100%}.sheet-music-card .card-content-wrapper .sheet-cover[data-v-f3a29baf]{border-radius:12px;flex-shrink:0;height:100px;overflow:hidden;position:relative;width:100px}.sheet-music-card .card-content-wrapper .sheet-cover .official-tag[data-v-f3a29baf]{background-color:#5100e9;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;left:10px;padding:4px 12px;position:absolute;top:10px;z-index:1}.sheet-music-card .card-content-wrapper .sheet-cover img[data-v-f3a29baf]{cursor:pointer;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;width:100%}.sheet-music-card .card-content-wrapper .sheet-cover img[data-v-f3a29baf]:hover{transform:scale(1.05)}.sheet-music-card .card-content-wrapper .sheet-info[data-v-f3a29baf]{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:0 20px;position:relative}.sheet-music-card .card-content-wrapper .sheet-info .favorite-button[data-v-f3a29baf]{bottom:0;position:absolute;right:10px}.sheet-music-card .card-content-wrapper .sheet-info .sheet-title[data-v-f3a29baf]{color:#1e293b;cursor:pointer;display:inline-block;font-size:1.3rem;font-weight:500;line-height:1.4;margin:0 0 10px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-music-card .card-content-wrapper .sheet-info .sheet-title[data-v-f3a29baf]:hover{color:#5100e9}.sheet-music-card .card-content-wrapper .sheet-info .creator-info[data-v-f3a29baf]{align-items:center;display:flex;font-size:.85rem;gap:8px;margin-bottom:10px}.sheet-music-card .card-content-wrapper .sheet-info .creator-info[data-v-f3a29baf] .el-avatar{flex-shrink:0}.sheet-music-card .card-content-wrapper .sheet-info .creator-info .creator-name[data-v-f3a29baf]{color:#64748b;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-music-card .card-content-wrapper .sheet-info .creator-info .creator-name[data-v-f3a29baf]:hover{color:#5100e9}.sheet-music-card .card-content-wrapper .sheet-info .publish-time[data-v-f3a29baf]{color:#64748b;font-size:.8rem;margin-bottom:8px}.sheet-music-card .card-content-wrapper .sheet-info .sheet-tags[data-v-f3a29baf]{align-items:center;display:flex;flex-wrap:wrap;font-size:.8rem;gap:10px}.sheet-music-card .card-content-wrapper .sheet-info .sheet-tags .meta-info[data-v-f3a29baf]{color:#64748b;margin-right:10px}.sheet-music-card .card-content-wrapper .sheet-info .sheet-tags .meta-info .singer[data-v-f3a29baf]{cursor:pointer}.sheet-music-card .card-content-wrapper .sheet-info .sheet-tags .meta-info .singer[data-v-f3a29baf]:hover{color:#5100e9}.sheet-music-card .card-content-wrapper .sheet-info .sheet-favorite-area[data-v-f3a29baf]{align-items:center;border-top:1px solid #f0f0f0;display:flex;gap:10px;margin-top:15px;padding-top:15px}.sheet-music-card .card-content-wrapper .sheet-info .sheet-edit-area[data-v-f3a29baf]{align-items:center;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:20px;margin-top:15px;padding-top:15px}.sheet-music-card .card-content-wrapper .sheet-info .sheet-edit-area .sheet-status[data-v-f3a29baf]{align-items:center;display:flex;gap:8px}.sheet-music-card .card-content-wrapper .sheet-info .sheet-edit-area .sheet-status .status-label[data-v-f3a29baf]{color:#64748b;font-size:.85rem}.sheet-music-card .card-content-wrapper .sheet-info .sheet-edit-area .sheet-status .status-value[data-v-f3a29baf]{border-radius:12px;font-size:.85rem;font-weight:500;padding:4px 12px}.sheet-music-card .card-content-wrapper .sheet-info .sheet-edit-area .sheet-status .status-value.status-draft[data-v-f3a29baf]{background-color:#fff2e8;color:#fa8c16}.sheet-music-card .card-content-wrapper .sheet-info .sheet-edit-area .sheet-status .status-value.status-published[data-v-f3a29baf]{background-color:#f0f9eb;color:#52c41a}.sheet-music-card .card-content-wrapper .sheet-info .sheet-edit-area .sheet-status .status-value.status-disabled[data-v-f3a29baf]{background-color:#f5f5f5;color:#909399}.sheet-music-card .card-content-wrapper .sheet-info .sheet-edit-area .sheet-public[data-v-f3a29baf]{align-items:center;display:flex;gap:8px}.sheet-music-card .card-content-wrapper .sheet-info .sheet-edit-area .sheet-public .public-label[data-v-f3a29baf]{color:#64748b;font-size:.85rem}.sheet-music-card .card-content-wrapper .sheet-info .sheet-edit-area .sheet-actions[data-v-f3a29baf]{align-items:center;display:flex;gap:10px}.sheet-music-card[data-v-f3a29baf]:hover{background-color:#fafafa}