[data-v-d7402d8c]: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-d7402d8c]{box-sizing:border-box;font-family:微软雅黑,PingFang SC,Hiragino Sans GB,Arial,sans-serif}body[data-v-d7402d8c]{align-items:flex-start;display:flex;justify-content:center;min-height:100vh}.container[data-v-d7402d8c]{animation:slideUp-d7402d8c .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-d7402d8c{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-d7402d8c{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section[data-v-d7402d8c]{margin-bottom:25px}.section .section-title[data-v-d7402d8c]{align-items:center;color:#1e293b;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin-bottom:15px}.section .section-title[data-v-d7402d8c]:before{background:#5100e9;border-radius:2px;content:"";height:20px;width:4px}.example-buttons[data-v-d7402d8c]{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.example-buttons .example-btn[data-v-d7402d8c]{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-d7402d8c]:hover{border-color:#5100e9;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}textarea[data-v-d7402d8c]{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-d7402d8c]:focus{border-color:#5100e9;box-shadow:0 0 0 3px #3b82f61a;outline:none}.rules[data-v-d7402d8c]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #5100e9;border-radius:8px;margin-top:20px;padding:20px}.rules .rule-item[data-v-d7402d8c]{color:#1e293b;line-height:1.5;margin-bottom:8px}.highlight[data-v-d7402d8c]{background:#3b82f61a;border-radius:4px;color:#5100e9;font-weight:600;padding:2px 6px}.footer[data-v-d7402d8c]{border-top:1px solid #e2e8f0;color:#64748b;font-size:.9rem;padding:20px;text-align:center}.audio-player[data-v-d7402d8c]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:15px}.audio-player .audio-player-title[data-v-d7402d8c]{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-d7402d8c]:before{content:"🎵";font-size:1.2rem}.audio-player .audio-buttons[data-v-d7402d8c]{display:flex;flex-wrap:wrap;gap:10px}.audio-player .audio-buttons .audio-btn[data-v-d7402d8c]{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-d7402d8c]:hover{background:#4f46e5;transform:translateY(-1px)}.audio-player .audio-buttons .audio-btn[data-v-d7402d8c]:disabled{background:#64748b;cursor:not-allowed;transform:none}.audio-player .audio-buttons .audio-btn.playing[data-v-d7402d8c]{background:#10b981}.audio-player .tempo-control[data-v-d7402d8c]{align-items:center;display:flex;gap:10px;margin-top:15px}.audio-player .tempo-control .tempo-label[data-v-d7402d8c]{color:#64748b;font-size:.9rem}.audio-player .tempo-control .tempo-slider[data-v-d7402d8c]{-webkit-appearance:none;background:#e2e8f0;border-radius:2px;flex:1;height:4px;outline:none}.audio-player .tempo-control .tempo-slider[data-v-d7402d8c]::-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-d7402d8c]{color:#1e293b;font-size:.9rem;font-weight:500;min-width:40px}.loading[data-v-d7402d8c]{animation:spin-d7402d8c 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-d7402d8c{to{transform:rotate(1turn)}}.success-message[data-v-d7402d8c]{animation:slideIn-d7402d8c .3s ease-out;background:#10b981;border-radius:6px;color:#fff;display:none;margin-top:10px;padding:10px 16px}@keyframes slideIn-d7402d8c{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.el-button--primary[data-v-d7402d8c]{background-color:#5100e9!important;border-color:#5100e9!important;color:#fff!important}.el-button--primary[data-v-d7402d8c]:active,.el-button--primary[data-v-d7402d8c]:focus,.el-button--primary[data-v-d7402d8c]:hover{background-color:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important}.el-button--primary.is-loading[data-v-d7402d8c],.el-button[type=primary][data-v-d7402d8c],.search-bar .el-button--primary[data-v-d7402d8c]{background-color:#5100e9!important;border-color:#5100e9!important}.el-switch.el-switch--small .el-switch__core[data-v-d7402d8c]{height:20px!important;width:36px!important}.el-switch .el-switch__core[data-v-d7402d8c]{background-color:#dcdfe6!important;border-color:#dcdfe6!important}.el-switch .el-switch__core[data-v-d7402d8c]:before{background-color:#fff!important;height:18px!important;width:18px!important}.el-switch:hover .el-switch__core[data-v-d7402d8c]{background-color:#e4e7ed!important;border-color:#5100e9!important}.el-switch:hover.is-checked .el-switch__core[data-v-d7402d8c]{background-color:#4f46e5!important;border-color:#4f46e5!important}.el-switch.is-disabled[data-v-d7402d8c]{opacity:.6}.el-switch.is-disabled .el-switch__core[data-v-d7402d8c]{cursor:not-allowed!important}.el-switch.is-checked .el-switch__core[data-v-d7402d8c]{background-color:#5100e9!important;border-color:#5100e9!important}.el-pagination .el-pager li[data-v-d7402d8c]{border-radius:50%;height:32px;line-height:32px;margin:0 5px;min-width:32px}.el-pagination .el-pager li[data-v-d7402d8c]:hover{background-color:#5100e91a;color:#5100e9}.el-pagination .el-pager li.active[data-v-d7402d8c]{background-color:#5100e9;border-radius:50%;color:#fff;height:32px;line-height:32px;min-width:32px}.el-pagination .btn-next[data-v-d7402d8c],.el-pagination .btn-prev[data-v-d7402d8c]{border-radius:50%;height:32px;line-height:32px;margin:0 5px;width:32px}.el-pagination .btn-next[data-v-d7402d8c]:hover,.el-pagination .btn-prev[data-v-d7402d8c]:hover{background-color:#5100e91a;color:#5100e9}@media(max-width:768px){body[data-v-d7402d8c]{padding:0}.container[data-v-d7402d8c]{border-radius:12px}.header[data-v-d7402d8c]{padding:20px}.header h1[data-v-d7402d8c]{font-size:1.8rem}.tabs[data-v-d7402d8c]{flex-direction:column;padding:0}.tabs .tab[data-v-d7402d8c]{border-right:none;text-align:center}.example-buttons[data-v-d7402d8c]{grid-template-columns:1fr}.audio-buttons[data-v-d7402d8c]{flex-direction:column}.audio-buttons .audio-btn[data-v-d7402d8c]{justify-content:center}}.audio-buttons[data-v-d7402d8c]{flex-wrap:nowrap;gap:10px}.audio-btn[data-v-d7402d8c],.audio-buttons[data-v-d7402d8c]{align-items:center;display:flex}.audio-btn[data-v-d7402d8c]{background:#5100e9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;gap:4px;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.audio-btn[data-v-d7402d8c]:hover{background:#4f46e5;transform:translateY(-1px)}.audio-btn[data-v-d7402d8c]:disabled{background:#64748b;cursor:not-allowed;transform:none}.audio-btn.playing[data-v-d7402d8c]{background:#10b981}.tempo-control[data-v-d7402d8c]{align-items:center;display:flex;gap:10px;margin-top:15px}.tempo-label[data-v-d7402d8c],.tempo-value[data-v-d7402d8c]{color:#64748b;font-size:.9rem;white-space:nowrap}.tempo-value[data-v-d7402d8c]{min-width:60px;text-align:right}[data-v-d7402d8c] .el-slider{flex:1}[data-v-d7402d8c] .el-slider__runway{background-color:#e2e8f0}[data-v-d7402d8c] .el-slider__bar{background-color:#5100e9}[data-v-d7402d8c] .el-slider__button{background-color:#5100e9;border-color:#5100e9}[data-v-d7402d8c] .el-slider__input,[data-v-d7402d8c] .el-input-number{width:80px}[data-v-d7402d8c] .el-input-number .el-input__inner{font-size:.85rem;text-align:center}.progress-bar-container[data-v-d7402d8c]{align-items:center;display:flex;gap:10px;margin-top:15px}.progress-bar[data-v-d7402d8c]{background:#e2e8f0;border-radius:4px;cursor:pointer;flex:1;height:8px;overflow:hidden}.progress[data-v-d7402d8c]{background:linear-gradient(90deg,#5100e9,#4f46e5);border-radius:4px;height:100%;transition:width .3s ease}.progress-text[data-v-d7402d8c]{color:#64748b;font-size:.8rem;min-width:40px;text-align:right}@media(max-width:768px){.audio-buttons[data-v-d7402d8c]{flex-direction:column;gap:8px}.audio-btn[data-v-d7402d8c]{align-items:center;display:flex;font-size:.85rem;gap:8px;justify-content:center;padding:8px 12px;width:100%}}