.theme-toggle[data-v-712dcc0a]{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--color-bg-card);color:var(--color-primary);border:1px solid var(--color-border);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);-webkit-transition:background var(--transition-normal),color var(--transition-normal),-webkit-transform var(--transition-normal),-webkit-box-shadow var(--transition-normal);transition:background var(--transition-normal),color var(--transition-normal),-webkit-transform var(--transition-normal),-webkit-box-shadow var(--transition-normal);transition:background var(--transition-normal),color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal);transition:background var(--transition-normal),color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal),-webkit-transform var(--transition-normal),-webkit-box-shadow var(--transition-normal);z-index:1000;-webkit-tap-highlight-color:transparent}.theme-toggle[data-v-712dcc0a]:hover{background:var(--color-primary);color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg)}.theme-toggle[data-v-712dcc0a]:active{-webkit-transform:scale(.95);transform:scale(.95)}.theme-toggle__icon[data-v-712dcc0a]{width:24px;height:24px}@supports (padding:env(safe-area-inset-bottom)){.theme-toggle[data-v-712dcc0a]{bottom:calc(24px + env(safe-area-inset-bottom));right:calc(24px + env(safe-area-inset-right))}}@media (max-width:768px){.theme-toggle[data-v-712dcc0a]{width:48px;height:48px;bottom:20px;right:20px}.theme-toggle__icon[data-v-712dcc0a]{width:20px;height:20px}}.theme-icon-enter-active[data-v-712dcc0a],.theme-icon-leave-active[data-v-712dcc0a]{-webkit-transition:all .2s ease;transition:all .2s ease}.theme-icon-enter-from[data-v-712dcc0a]{opacity:0;-webkit-transform:rotate(-90deg) scale(.8);transform:rotate(-90deg) scale(.8)}.theme-icon-leave-to[data-v-712dcc0a]{opacity:0;-webkit-transform:rotate(90deg) scale(.8);transform:rotate(90deg) scale(.8)}.file-selector[data-v-3f613ca1],.file-selector__upload[data-v-3f613ca1],.file-selector__upload[data-v-3f613ca1] .el-upload{width:100%}.file-selector__upload[data-v-3f613ca1] .el-upload-dragger{width:100%;height:auto;padding:0;background:transparent;border:none;border-radius:var(--radius-xl);overflow:visible}.file-selector__dropzone[data-v-3f613ca1]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:var(--space-3xl) var(--space-lg);background:linear-gradient(135deg,#f5f0eb,#ede8e3);border-radius:var(--radius-xl);overflow:hidden;-webkit-transition:-webkit-transform var(--transition-normal),-webkit-box-shadow var(--transition-normal);transition:-webkit-transform var(--transition-normal),-webkit-box-shadow var(--transition-normal);transition:transform var(--transition-normal),box-shadow var(--transition-normal);transition:transform var(--transition-normal),box-shadow var(--transition-normal),-webkit-transform var(--transition-normal),-webkit-box-shadow var(--transition-normal)}.file-selector__dropzone[data-v-3f613ca1]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg)}.file-selector__glow[data-v-3f613ca1]{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,var(--color-primary-light) 0,transparent 50%),radial-gradient(circle at 70% 70%,var(--color-secondary-light) 0,transparent 50%);pointer-events:none;z-index:0}.file-selector__icon[data-v-3f613ca1]{width:72px;height:72px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:32px;-webkit-box-shadow:0 8px 24px var(--color-primary-light);box-shadow:0 8px 24px var(--color-primary-light);position:relative;z-index:1;color:var(--color-primary-text)}.file-selector__title[data-v-3f613ca1]{font-size:22px;font-weight:700;color:var(--color-text);line-height:1.3;margin-top:16px;position:relative;z-index:1}.file-selector__subtitle[data-v-3f613ca1]{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin-top:8px;position:relative;z-index:1}.file-selector__button[data-v-3f613ca1]{display:inline-block;padding:12px 32px;background:var(--color-primary);color:var(--color-primary-text);border-radius:var(--radius-lg);font-size:14px;font-weight:600;margin-top:24px;-webkit-transition:background var(--transition-fast),-webkit-transform var(--transition-fast),-webkit-box-shadow var(--transition-fast);transition:background var(--transition-fast),-webkit-transform var(--transition-fast),-webkit-box-shadow var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),-webkit-transform var(--transition-fast),-webkit-box-shadow var(--transition-fast);position:relative;z-index:1;cursor:pointer}.file-selector__button[data-v-3f613ca1]:hover{background:var(--color-primary-hover);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.file-selector__formats[data-v-3f613ca1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;margin-top:20px;position:relative;z-index:1}.file-selector__format-tag[data-v-3f613ca1]{padding:4px 12px;background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.02em}.file-selector__tip[data-v-3f613ca1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(139,125,107,.15);text-align:center}.file-selector__tip-item[data-v-3f613ca1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px;font-size:13px;color:var(--color-text-tertiary)}.file-selector__progress[data-v-3f613ca1]{margin-top:20px;padding:16px;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.file-selector__progress-info[data-v-3f613ca1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:12px;font-size:14px;color:var(--color-text-secondary)}.file-selector__progress-bar[data-v-3f613ca1]{height:8px;background:var(--color-bg-hover);border-radius:var(--radius-full);overflow:hidden}.file-selector__progress-fill[data-v-3f613ca1]{height:100%;background:-webkit-gradient(linear,left top,right top,from(var(--color-primary)),to(var(--color-secondary)));background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);-webkit-transition:width .3s ease;transition:width .3s ease}.dark .file-selector__dropzone[data-v-3f613ca1]{background:linear-gradient(135deg,#292524,#1c1917)}.dark .file-selector__glow[data-v-3f613ca1]{background:radial-gradient(circle at 30% 30%,rgba(168,152,136,.2) 0,transparent 50%),radial-gradient(circle at 70% 70%,rgba(184,168,152,.15) 0,transparent 50%)}.dark .file-selector__format-tag[data-v-3f613ca1]{background:hsla(0,0%,100%,.1);color:var(--color-text-secondary)}@media (max-width:768px){.file-selector__dropzone[data-v-3f613ca1]{padding:var(--space-xl) var(--space-sm)}.file-selector__icon[data-v-3f613ca1]{width:64px;height:64px;font-size:28px}.file-selector__title[data-v-3f613ca1]{font-size:18px}.file-selector__subtitle[data-v-3f613ca1]{font-size:13px}.file-selector__button[data-v-3f613ca1]{padding:10px 24px}.file-selector__formats[data-v-3f613ca1]{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.preview-table[data-v-f8313670]{width:100%;max-width:800px;margin:0 auto}@media (max-width:768px){.preview-table[data-v-f8313670]{max-width:100%}}.preview-table__list[data-v-f8313670]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.preview-table__card[data-v-f8313670]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:16px;background:var(--color-bg-card,#fff);border-radius:12px;border:1px solid var(--color-border,#e5e7eb);-webkit-transition:all var(--transition-fast,.2s ease);transition:all var(--transition-fast,.2s ease)}.preview-table__card[data-v-f8313670]:hover{-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.preview-table__cover[data-v-f8313670]{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary,#6366f1),var(--color-secondary,#8b5cf6));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;color:hsla(0,0%,100%,.85)}.preview-table__info[data-v-f8313670]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.preview-table__title[data-v-f8313670]{font-size:15px;font-weight:600;color:var(--color-text,#1a1a1a);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-table__meta[data-v-f8313670]{font-size:13px;color:var(--color-text-secondary,#6b7280);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-table__actions[data-v-f8313670]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-negative:0;flex-shrink:0}.preview-table__action[data-v-f8313670]{width:36px;height:36px;border-radius:50%;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all var(--transition-fast,.2s ease);transition:all var(--transition-fast,.2s ease);-webkit-tap-highlight-color:transparent}.preview-table__action[data-v-f8313670]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.preview-table__action--play[data-v-f8313670]{background:var(--color-primary,#4caf50);color:#fff}.preview-table__action--play[data-v-f8313670]:hover{background:var(--color-primary-hover,#43a047)}.preview-table__action--download[data-v-f8313670]{background:var(--color-primary-light,#e8f5e9);color:var(--color-primary,#4caf50)}.preview-table__action--download[data-v-f8313670]:hover{background:var(--color-primary,#4caf50);color:#fff}.preview-table__action--edit[data-v-f8313670]{background:var(--color-bg-hover,#f3f4f6);color:var(--color-text-secondary,#6b7280)}.preview-table__action--edit[data-v-f8313670]:hover{background:var(--color-text-secondary,#6b7280);color:#fff}.preview-table__pagination[data-v-f8313670]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--space-lg);padding:var(--space-lg) 0 var(--space-sm)}.preview-table__page-btn[data-v-f8313670]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--color-text);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);min-height:44px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.preview-table__page-btn[data-v-f8313670]:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.preview-table__page-btn[data-v-f8313670]:disabled{opacity:.4;cursor:not-allowed}.preview-table__page-info[data-v-f8313670]{font-size:13px;color:var(--color-text-secondary);min-width:48px;text-align:center}.preview-table__total[data-v-f8313670]{text-align:center;font-size:12px;color:var(--color-text-tertiary);padding-bottom:var(--space-md)}.preview-table__empty[data-v-f8313670]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:48px 24px;text-align:center}.preview-table__empty-icon[data-v-f8313670]{color:var(--color-text-tertiary,#9ca3af);margin-bottom:16px;opacity:.5}.preview-table__empty-title[data-v-f8313670]{font-size:16px;font-weight:500;color:var(--color-text,#1a1a1a);margin:0 0 8px}.preview-table__empty-desc[data-v-f8313670]{font-size:14px;color:var(--color-text-secondary,#6b7280)}@media (max-width:768px){.preview-table__card[data-v-f8313670]{padding:10px;gap:10px}.preview-table__cover[data-v-f8313670]{width:48px;height:48px;border-radius:10px}.preview-table__title[data-v-f8313670]{font-size:14px}.preview-table__meta[data-v-f8313670]{font-size:12px}.preview-table__action[data-v-f8313670]{width:32px;height:32px}.preview-table__action svg[data-v-f8313670]{width:14px;height:14px}.preview-table__pagination[data-v-f8313670]{gap:var(--space-md);padding:var(--space-md) 0 var(--space-xs)}.preview-table__page-btn[data-v-f8313670]{padding:6px 12px;font-size:12px;min-height:40px}}label[data-v-23856fc0]{cursor:pointer;line-height:1.2;display:block}form[data-v-23856fc0] input{font-family:Courier New,Courier,monospace}[data-v-23856fc0] .um-config-dialog{max-width:90%;width:40em}.config-dialog[data-v-23856fc0] .el-dialog{border-radius:16px;background:var(--color-bg-card)}.config-dialog[data-v-23856fc0] .el-dialog__header{padding:20px 24px 16px;border-bottom:1px solid var(--color-border)}.config-dialog[data-v-23856fc0] .el-dialog__title{font-size:18px;font-weight:600;color:var(--color-text)}.config-dialog[data-v-23856fc0] .el-dialog__body{padding:24px;color:var(--color-text)}.config-dialog[data-v-23856fc0] .el-dialog__footer{padding:16px 24px 24px;border-top:1px solid var(--color-border)}.config-dialog[data-v-23856fc0] .el-input__inner{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.config-dialog[data-v-23856fc0] .el-input__inner:focus{border-color:var(--color-primary)}.config-dialog[data-v-23856fc0] .el-form-item__label{color:var(--color-text)}.config-dialog[data-v-23856fc0] .el-button--primary{background:var(--color-primary);border-color:var(--color-primary)}.config-dialog[data-v-23856fc0] .el-button--default{background:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text)}[data-v-12d02f7e] .um-edit-dialog{max-width:90%;width:30em}.edit-dialog[data-v-12d02f7e] .el-dialog{border-radius:16px;background:var(--color-bg-card)}.edit-dialog[data-v-12d02f7e] .el-dialog__header{padding:20px 24px 16px;border-bottom:1px solid var(--color-border)}.edit-dialog[data-v-12d02f7e] .el-dialog__title{font-size:18px;font-weight:600;color:var(--color-text)}.edit-dialog[data-v-12d02f7e] .el-dialog__body{padding:24px;color:var(--color-text)}.edit-dialog[data-v-12d02f7e] .el-dialog__footer{padding:16px 24px 24px;border-top:1px solid var(--color-border)}.edit-dialog .music-cover .el-image[data-v-12d02f7e]{border:1px solid var(--color-border);border-radius:12px}.edit-dialog .edit-item .label[data-v-12d02f7e]{color:var(--color-text)}.edit-dialog .edit-item .input input[data-v-12d02f7e]{background:transparent;border-bottom-color:var(--color-border);color:var(--color-text)}.edit-dialog .edit-item .input input[data-v-12d02f7e]:focus{border-bottom-color:var(--color-primary)}.edit-dialog[data-v-12d02f7e] .el-button--primary{background:var(--color-primary);border-color:var(--color-primary)}.edit-dialog[data-v-12d02f7e] .el-button--default{background:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text)}.home[data-v-35eb1153]{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.home__header[data-v-35eb1153]{text-align:center;padding:var(--space-3xl) 0 var(--space-2xl)}.home__logo[data-v-35eb1153]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:56px;height:56px;background:var(--color-primary);border-radius:var(--radius-lg);color:var(--color-text-inverse);margin-bottom:var(--space-md)}.home__title[data-v-35eb1153]{font-size:26px;font-weight:700;color:var(--color-text);margin:0 0 var(--space-xs);letter-spacing:-.02em}.home__subtitle[data-v-35eb1153]{font-size:15px;color:var(--color-text-secondary);margin:0}.home__layout[data-v-35eb1153]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-2xl);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.home__sidebar[data-v-35eb1153]{width:380px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-direction:column;flex-direction:column;gap:var(--space-md)}.home__content[data-v-35eb1153],.home__sidebar[data-v-35eb1153]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.home__content[data-v-35eb1153]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.home__controls[data-v-35eb1153]{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg)}.home__control-group[data-v-35eb1153]{margin-bottom:var(--space-lg)}.home__control-label[data-v-35eb1153]{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-sm)}.home__select-wrap[data-v-35eb1153]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%}.home__select[data-v-35eb1153]{width:100%;padding:8px 36px 8px 12px;font-size:13px;line-height:1.4;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);outline:none}.home__select[data-v-35eb1153]:hover{border-color:var(--color-primary)}.home__select[data-v-35eb1153]:focus{border-color:var(--color-primary);-webkit-box-shadow:0 0 0 2px var(--color-primary-light);box-shadow:0 0 0 2px var(--color-primary-light)}.home__select-icon[data-v-35eb1153]{position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}.home__actions[data-v-35eb1153]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--space-sm);-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.home__actions .el-tooltip[data-v-35eb1153]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:120px}.home__actions[data-v-35eb1153] .el-button{width:100%;margin-left:0}.home__checkbox[data-v-35eb1153]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:120px;margin-left:0}.home__player[data-v-35eb1153]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home__player audio[data-v-35eb1153]{width:100%;border-radius:var(--radius-md)}@media (max-width:767px){.home[data-v-35eb1153]{padding:0 var(--space-sm)}.home__header[data-v-35eb1153]{padding:var(--space-xl) 0 var(--space-md)}.home__logo[data-v-35eb1153]{width:48px;height:48px;border-radius:var(--radius-md)}.home__logo svg[data-v-35eb1153]{width:24px;height:24px}.home__title[data-v-35eb1153]{font-size:22px}.home__subtitle[data-v-35eb1153]{font-size:14px}.home__layout[data-v-35eb1153]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-lg)}.home__sidebar[data-v-35eb1153]{width:100%;position:static}.home__controls[data-v-35eb1153]{padding:var(--space-sm)}.home__select[data-v-35eb1153]{font-size:14px;padding:10px 36px 10px 12px}.home__actions[data-v-35eb1153]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-sm)}.home__actions .el-tooltip[data-v-35eb1153],.home__actions[data-v-35eb1153] .el-button,.home__actions[data-v-35eb1153] .el-checkbox{width:100%}.home__actions[data-v-35eb1153] .el-button{margin-left:0}.home__checkbox[data-v-35eb1153]{margin-left:0;margin-top:0}}:root{--color-primary:#8b7d6b;--color-primary-hover:#7a6d5d;--color-primary-light:rgba(139,125,107,0.1);--color-primary-text:#fff;--color-secondary:#a89888;--color-secondary-hover:#9a8a7a;--color-secondary-light:rgba(168,152,136,0.1);--color-bg:#f7f6f3;--color-bg-card:#fff;--color-bg-elevated:#fff;--color-bg-hover:#f0efec;--color-text:#37352f;--color-text-secondary:#6b6b6b;--color-text-tertiary:#9b9b9b;--color-text-inverse:#fff;--color-border:#e5e5ea;--color-border-hover:#d1d1d6;--color-border-focus:#8b7d6b;--color-success:#059669;--color-success-light:rgba(5,150,105,0.1);--color-error:#dc2626;--color-error-light:rgba(220,38,38,0.1);--color-warning:#d97706;--color-warning-light:rgba(217,119,6,0.1);--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:20px;--space-2xl:32px;--space-3xl:48px;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease}.dark{--color-primary:#a89888;--color-primary-hover:#b8a898;--color-primary-light:rgba(168,152,136,0.15);--color-primary-text:#fff;--color-secondary:#b8a898;--color-secondary-hover:#c8b8a8;--color-secondary-light:rgba(184,168,152,0.15);--color-bg:#1c1917;--color-bg-card:#292524;--color-bg-elevated:#3a3633;--color-bg-hover:#3a3633;--color-text:#f5f0eb;--color-text-secondary:#a8a29e;--color-text-tertiary:#78716c;--color-text-inverse:#1c1917;--color-border:#44403c;--color-border-hover:#57534e;--color-border-focus:#a89888;--color-success:#34d399;--color-success-light:rgba(52,211,153,0.15);--color-error:#f87171;--color-error-light:rgba(248,113,113,0.15);--color-warning:#fbbf24;--color-warning-light:rgba(251,191,36,0.15);--shadow-sm:0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 12px rgba(0,0,0,0.3);--shadow-lg:0 8px 24px rgba(0,0,0,0.4)}@media(prefers-reduced-motion:reduce){:root{--transition-fast:0ms;--transition-normal:0ms;--transition-slow:0ms}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes fadeOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@-webkit-keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@-webkit-keyframes themeRotate{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.8);transform:rotate(180deg) scale(.8)}to{-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}@keyframes themeRotate{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.8);transform:rotate(180deg) scale(.8)}to{-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}.animate-fade-in{-webkit-animation:fadeIn var(--transition-normal) ease-out;animation:fadeIn var(--transition-normal) ease-out}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton{background:linear-gradient(90deg,var(--color-bg-hover),var(--color-bg-card) 40px,var(--color-bg-hover) 80px);background-size:200px 100%;-webkit-animation:shimmer 1.5s ease-in-out infinite;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.um-button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:14px;font-weight:500;line-height:1.5;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;min-height:44px;white-space:nowrap}.um-button--primary{background-color:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.um-button--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.um-button--secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.um-button--secondary:hover{background-color:var(--color-primary-light)}.um-button--danger{background-color:var(--color-error);color:var(--color-text-inverse);border-color:var(--color-error)}.um-button--danger:hover{opacity:.9}.um-button--ghost{background-color:transparent;color:var(--color-text);border-color:var(--color-border)}.um-button--ghost:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-hover)}.um-button--icon{padding:var(--space-md);min-width:44px}.um-button--sm{padding:var(--space-sm) var(--space-md);font-size:12px;min-height:36px}.um-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.um-button{-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}.um-button:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.um-button:active{-webkit-transform:translateY(1px);transform:translateY(1px);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.um-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);-webkit-transition:all var(--transition-normal);transition:all var(--transition-normal)}.um-card:hover{border-color:var(--color-border-hover)}.um-card--elevated,.um-card:hover{-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.um-card__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--space-lg)}.um-card__title{font-size:16px;font-weight:600;color:var(--color-text)}.um-card__content{color:var(--color-text-secondary)}.um-card__footer{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.um-input{display:block;width:100%;padding:var(--space-md) var(--space-lg);font-size:14px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);min-height:44px}.um-input::-webkit-input-placeholder{color:var(--color-text-tertiary)}.um-input::-moz-placeholder{color:var(--color-text-tertiary)}.um-input:-ms-input-placeholder{color:var(--color-text-tertiary)}.um-input::-ms-input-placeholder{color:var(--color-text-tertiary)}.um-input::placeholder{color:var(--color-text-tertiary)}.um-input:focus{outline:none;border-color:var(--color-border-focus);-webkit-box-shadow:0 0 0 3px var(--color-primary-light);box-shadow:0 0 0 3px var(--color-primary-light)}.um-input--error{border-color:var(--color-error)}.um-input--error:focus{-webkit-box-shadow:0 0 0 3px var(--color-error-light);box-shadow:0 0 0 3px var(--color-error-light)}.um-input:disabled{opacity:.5;cursor:not-allowed}.um-label{display:block;font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:var(--space-sm)}.um-error{font-size:12px;color:var(--color-error);margin-top:var(--space-xs)}.um-divider{height:1px;background-color:var(--color-border);margin:var(--space-lg) 0}.um-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:var(--space-3xl) var(--space-lg);text-align:center}.um-empty__icon{width:64px;height:64px;color:var(--color-text-tertiary);margin-bottom:var(--space-lg)}.um-empty__title{font-size:16px;font-weight:500;color:var(--color-text);margin-bottom:var(--space-sm)}.um-empty__description{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.um-loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:var(--space-2xl)}.um-loading__spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}.um-loading__text{margin-left:var(--space-md);font-size:14px;color:var(--color-text-secondary)}.um-progress{height:8px;background-color:var(--color-bg-hover);overflow:hidden}.um-progress,.um-progress__bar{border-radius:var(--radius-full)}.um-progress__bar{height:100%;background-color:var(--color-primary);-webkit-transition:width var(--transition-normal);transition:width var(--transition-normal)}.um-tooltip{position:relative}.um-tooltip__content{position:absolute;bottom:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:var(--space-sm) var(--space-md);font-size:12px;color:var(--color-text-inverse);background-color:var(--color-text);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);margin-bottom:var(--space-sm)}.um-tooltip:hover .um-tooltip__content{opacity:1;visibility:visible}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}@media(min-width:1024px){.container{padding:0 var(--space-2xl)}}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}.show-mobile{display:none!important}@media(max-width:767px){.show-mobile{display:block!important}}.show-desktop{display:none!important}@media(min-width:1024px){.show-desktop{display:block!important}}.touch-target{min-height:44px;min-width:44px}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-like,.edit-item i,.music-cover i{cursor:pointer}.btn-like:active,.edit-item i:active,.music-cover i:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.el-checkbox.is-bordered{border-radius:var(--radius-md);border-color:var(--color-border);color:var(--color-text);-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}.el-checkbox.is-bordered:hover{border-color:var(--color-primary)}.el-checkbox.is-bordered:hover .el-checkbox__label{color:var(--color-primary)}.el-checkbox.is-bordered .el-checkbox__input.is-focus .el-checkbox__inner{border-color:var(--color-border)}.el-checkbox.is-bordered.is-checked{background-color:var(--color-primary);border-color:var(--color-primary)}.el-checkbox.is-bordered.is-checked .el-checkbox__label{color:var(--color-primary-text)}.el-checkbox.is-bordered.is-checked .el-checkbox__inner{border-color:var(--color-primary-text);background-color:var(--color-primary-text)}.el-checkbox.is-bordered.is-checked .el-checkbox__inner:after{border-color:var(--color-primary)}.el-upload-dragger{background-color:var(--color-bg-card);border-color:var(--color-border);-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}.el-upload-dragger:hover{background-color:var(--color-primary-light);border-color:var(--color-primary)}.el-upload-dragger .el-upload__text{color:var(--color-text-secondary)}.el-upload-dragger .el-upload__text em{color:var(--color-primary)}.el-upload__tip{text-align:center;color:var(--color-text-tertiary)}.el-input .el-input__inner{border-radius:var(--radius-md);border-color:var(--color-border);color:var(--color-text);background-color:var(--color-bg-card);-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}.el-input .el-input__inner:focus{border-color:var(--color-primary);-webkit-box-shadow:0 0 0 2px var(--color-primary-light);box-shadow:0 0 0 2px var(--color-primary-light)}.el-input .el-input__inner::-webkit-input-placeholder{color:var(--color-text-tertiary)}.el-input .el-input__inner::-moz-placeholder{color:var(--color-text-tertiary)}.el-input .el-input__inner:-ms-input-placeholder{color:var(--color-text-tertiary)}.el-input .el-input__inner::-ms-input-placeholder{color:var(--color-text-tertiary)}.el-input .el-input__inner::placeholder{color:var(--color-text-tertiary)}.el-input.is-focus .el-input__inner{border-color:var(--color-primary)}.el-textarea .el-textarea__inner{border-radius:var(--radius-md);border-color:var(--color-border);color:var(--color-text);background-color:var(--color-bg-card);-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}.el-textarea .el-textarea__inner:focus{border-color:var(--color-primary);-webkit-box-shadow:0 0 0 2px var(--color-primary-light);box-shadow:0 0 0 2px var(--color-primary-light)}.el-dialog{border-radius:var(--radius-lg);background-color:var(--color-bg-card)}.el-dialog.el-dialog--center .el-dialog__body{padding:25px 25px 15px}.el-dialog.el-dialog--center .el-dialog__footer{padding:10px 20px 30px}.el-dialog .el-dialog__body,.el-dialog .el-dialog__header .el-dialog__title{color:var(--color-text)}.el-dialog .el-dialog__body .el-input .el-input__inner{border-color:var(--color-border);color:var(--color-text);background-color:var(--color-bg-card)}.el-dialog .el-dialog__body .el-input .el-input__inner:focus{border-color:var(--color-primary)}.el-dialog .item-desc{color:var(--color-text-secondary)}.el-radio__label{color:var(--color-text)}.el-radio__input{color:var(--color-text-secondary)}.el-radio__input .el-radio__inner{border-color:var(--color-border);background-color:var(--color-bg-card)}.el-radio.is-checked .el-radio__inner{background-color:var(--color-primary);border-color:var(--color-primary)}.el-radio.is-checked .el-radio__label{font-weight:700;color:var(--color-text)}.el-button{border-radius:var(--radius-md);-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}.el-button--default.is-plain{background-color:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text)}.el-button--default.is-plain:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.el-button--default.is-circle{background-color:var(--color-primary-light);border-color:transparent;color:var(--color-primary)}.el-button--default.is-circle:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.el-button--success.is-plain{background-color:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text)}.el-button--success.is-plain:hover{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.el-button--success.is-circle{background-color:var(--color-success-light);border-color:transparent;color:var(--color-success)}.el-button--success.is-circle:hover{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.el-button--danger.is-plain{border-color:var(--color-border);background-color:var(--color-bg-card);color:var(--color-text)}.el-button--danger.is-plain:hover{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.el-button--danger.is-circle{background-color:var(--color-error-light);border-color:transparent;color:var(--color-error)}.el-button--danger.is-circle:hover{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.el-table{background-color:var(--color-bg-card)}.el-table:before{content:none}.el-table__header th{border-bottom-color:var(--color-border)!important}.el-table th.el-table__cell{background-color:var(--color-bg-hover);color:var(--color-text-secondary)}.el-table td{border-bottom-color:var(--color-border)!important}.el-table tr{background-color:var(--color-bg-card);color:var(--color-text)}.el-table tr:hover td{background-color:var(--color-bg-hover)!important}.el-notification{background-color:var(--color-bg-card);border-color:var(--color-border);border-radius:var(--radius-lg)}.el-notification__title{color:var(--color-text)}.el-notification__content{color:var(--color-text-secondary)}.el-progress .el-progress-bar__outer{background-color:var(--color-bg-hover)}.el-progress .el-progress-bar__inner{background-color:var(--color-primary)}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,PingFang SC,Helvetica Neue,Microsoft YaHei,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:background-color var(--transition-normal),color var(--transition-normal);transition:background-color var(--transition-normal),color var(--transition-normal)}#app,body{color:var(--color-text)}#app{min-height:100vh;text-align:center;padding:var(--space-xl)}@media(max-width:767px){#app{padding:var(--space-sm) 0}}#app-control,audio{margin-top:var(--space-xl)}audio{width:100%;max-width:400px}.table-content{margin-top:var(--space-xl)}.music-cover{margin-bottom:var(--space-xl);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.music-cover i{margin-top:var(--space-md)}.music-cover i:hover{color:var(--color-primary)}.music-cover .el-image{padding:var(--space-xs);border-radius:var(--radius-sm);border:1px solid var(--color-border);width:150px;height:150px}.edit-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.edit-item .label{font-weight:700;width:80px;text-align:right;-ms-flex-negative:0;flex-shrink:0;color:var(--color-text)}.edit-item .value{padding:var(--space-xs) 0;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-secondary)}.edit-item .input,.edit-item .value{margin-left:var(--space-md)}.edit-item .input input{font-family:inherit;height:30px;line-height:20px;border-radius:0;border:none;border-bottom:1px solid var(--color-border);padding:var(--space-xs);background-color:transparent;color:var(--color-text);-webkit-transition:border-color var(--transition-fast);transition:border-color var(--transition-fast)}.edit-item .input input:focus{outline:none;border-bottom-color:var(--color-primary)}.edit-item i{margin-left:var(--space-md)}.edit-item i:hover{color:var(--color-primary)}.tip{margin-top:var(--space-xl);color:var(--color-text-secondary);font-size:12px}.tip a{color:inherit}#app-footer{margin-top:var(--space-3xl);text-align:center;color:var(--color-text-tertiary);line-height:1.3;font-size:12px}#app-footer a{padding-left:.2rem;padding-right:.2rem;color:var(--color-text-secondary);-webkit-transition:color var(--transition-fast);transition:color var(--transition-fast)}#app-footer a:hover{color:var(--color-primary)}.update-info{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);margin:var(--space-md) 0}.update-info .update-title{font-size:13px;padding:var(--space-xs) var(--space-md);background-color:var(--color-bg-hover);color:var(--color-text)}.update-info .update-content{font-size:12px;line-height:1.5;padding:var(--space-xs) var(--space-sm);color:var(--color-text-secondary)}