@charset "UTF-8";.sidebar[data-v-33da03ec]{position:fixed;left:0;top:0;bottom:0;width:72px;display:flex;flex-direction:column;align-items:center;z-index:100;background:#fff;border-right:1px solid rgba(0,0,0,.06)}.sidebar.dark[data-v-33da03ec]{background:linear-gradient(180deg,#14141c,#0f0f15);border-right:1px solid rgba(255,255,255,.04)}.sidebar-header[data-v-33da03ec]{padding:20px 0;display:flex;justify-content:center}.logo-icon[data-v-33da03ec]{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ff9b6a,#f6c458);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px #ff9b6a59;transition:all .2s ease}.logo-icon[data-v-33da03ec]:hover{transform:scale(1.05);box-shadow:0 4px 16px #ff9b6a73}.dark .logo-icon[data-v-33da03ec]{background:linear-gradient(135deg,#ff6b4a,#fbbf24);box-shadow:0 3px 12px #ff6b4a59}.dark .logo-icon[data-v-33da03ec]:hover{box-shadow:0 4px 16px #ff6b4a73}.logo-icon svg[data-v-33da03ec]{width:28px;height:28px;color:#fff}.sidebar-nav[data-v-33da03ec]{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0}.nav-item[data-v-33da03ec]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;text-decoration:none;color:#888;transition:all .2s ease}.dark .nav-item[data-v-33da03ec]{color:#71717a}.nav-item[data-v-33da03ec]:hover{background:#ff9b6a1a;color:#ff9b6a}.dark .nav-item[data-v-33da03ec]:hover{background:#ff6b4a1a;color:#ff6b4a}.nav-item.active[data-v-33da03ec]{background:#ff9b6a26;color:#ff9b6a}.dark .nav-item.active[data-v-33da03ec]{background:#ff6b4a26;color:#ff6b4a}.nav-icon[data-v-33da03ec]{width:24px;height:24px}.tab-bar[data-v-33da03ec]{position:fixed;bottom:0;left:0;right:0;height:56px;padding-bottom:env(safe-area-inset-bottom);display:flex;background:#fff;border-top:1px solid rgba(0,0,0,.06);z-index:999}.tab-bar.dark[data-v-33da03ec]{background:linear-gradient(180deg,#16161f,#0f0f15);border-top:1px solid rgba(255,255,255,.04)}.tab-item[data-v-33da03ec]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:#888;transition:all .2s ease}.dark .tab-item[data-v-33da03ec]{color:#71717a}.tab-item[data-v-33da03ec]:hover,.tab-item.active[data-v-33da03ec]{color:#ff9b6a}.dark .tab-item[data-v-33da03ec]:hover,.dark .tab-item.active[data-v-33da03ec]{color:#ff6b4a}.tab-item span[data-v-33da03ec]{font-size:11px;font-weight:500}.tab-icon[data-v-33da03ec]{width:24px;height:24px}.mini-player[data-v-5871e762]{position:fixed;bottom:0;left:0;right:0;height:72px;background:#fff;border-top:1px solid #e5e7eb;z-index:1000}@media (min-width: 769px){.mini-player[data-v-5871e762]{left:72px}}@media (max-width: 768px){.mini-player[data-v-5871e762]{bottom:calc(56px + env(safe-area-inset-bottom))}}.mini-player.dark[data-v-5871e762]{background:#0f0f15;border-top-color:#ffffff0f}.mini-player-content[data-v-5871e762]{display:flex;align-items:center;height:72px;padding:0 16px;gap:16px;max-width:1400px;margin:0 auto}@media (max-width: 768px){.mini-player-content[data-v-5871e762]{padding:0 12px;gap:10px}}.player-logo[data-v-5871e762]{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff9b6a,#f6c458);border-radius:10px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ff9b6a40}.player-logo[data-v-5871e762]:hover{transform:scale(1.05)}.player-logo svg[data-v-5871e762]{width:22px;height:22px;color:#fff}.dark .player-logo[data-v-5871e762]{background:linear-gradient(135deg,#ff6b4a,#fbbf24);box-shadow:0 2px 8px #ff6b4a40}.sentence-area[data-v-5871e762]{flex:1;min-width:0;cursor:pointer;padding:8px 0}.sentence-area[data-v-5871e762]:hover{opacity:.8}.sentence-text[data-v-5871e762]{display:flex;flex-direction:column;gap:2px}.english[data-v-5871e762]{font-size:14px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .english[data-v-5871e762]{color:#f3f4f6}.chinese[data-v-5871e762]{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .chinese[data-v-5871e762]{color:#9ca3af}.audio-title[data-v-5871e762]{font-size:14px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .audio-title[data-v-5871e762]{color:#f3f4f6}.audio-title.mobile-only[data-v-5871e762]{display:none}.desktop-only[data-v-5871e762]{display:flex;flex-direction:column;gap:2px}.controls[data-v-5871e762]{display:flex;align-items:center;gap:8px;flex-shrink:0}.control-btn[data-v-5871e762]{width:36px;height:36px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b5c54;transition:all .2s}.control-btn[data-v-5871e762]:hover{background:#ff9b6a1f;color:#ff9b6a}.dark .control-btn[data-v-5871e762]{color:#a1a1aa}.dark .control-btn[data-v-5871e762]:hover{background:#ff6b4a26;color:#ff6b4a}.control-btn svg[data-v-5871e762]{width:20px;height:20px}.control-btn.play-btn[data-v-5871e762]{width:40px;height:40px;background:linear-gradient(135deg,#ff9b6a,#f6c458);color:#fff;box-shadow:0 2px 8px #ff9b6a4d}.control-btn.play-btn[data-v-5871e762]:hover{opacity:.9;color:#fff}.dark .control-btn.play-btn[data-v-5871e762]{background:linear-gradient(135deg,#ff6b4a,#fbbf24);box-shadow:0 2px 8px #ff6b4a4d}.dark .control-btn.play-btn[data-v-5871e762]:hover{opacity:.9}.control-btn.play-btn svg[data-v-5871e762]{width:22px;height:22px}.progress-wrapper[data-v-5871e762]{display:flex;align-items:center;gap:8px;width:200px;flex-shrink:0}.progress-bar[data-v-5871e762]{flex:1;height:4px;background:#ff9b6a33;border-radius:2px;cursor:pointer;overflow:hidden}.dark .progress-bar[data-v-5871e762]{background:#ff6b4a33}.progress-bar[data-v-5871e762]:hover{height:6px}.progress-fill[data-v-5871e762]{height:100%;background:linear-gradient(135deg,#ff9b6a,#f6c458);border-radius:2px;transition:width .1s linear}.dark .progress-fill[data-v-5871e762]{background:linear-gradient(135deg,#ff6b4a,#fbbf24)}.time-display[data-v-5871e762]{font-size:12px;color:#6b7280;white-space:nowrap;min-width:70px}.dark .time-display[data-v-5871e762]{color:#9ca3af}.actions[data-v-5871e762]{display:flex;align-items:center;gap:4px;flex-shrink:0}.action-btn[data-v-5871e762]{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b5c54;transition:all .2s}.action-btn[data-v-5871e762]:hover{background:#ff9b6a1f;color:#ff9b6a}.dark .action-btn[data-v-5871e762]{color:#71717a}.dark .action-btn[data-v-5871e762]:hover{background:#ff6b4a26;color:#ff6b4a}.action-btn svg[data-v-5871e762]{width:18px;height:18px}.action-btn.close-btn[data-v-5871e762]:hover{color:#ef4444}.dark .action-btn.close-btn[data-v-5871e762]:hover{color:#f87171}@media (max-width: 768px){.player-logo[data-v-5871e762],.progress-wrapper[data-v-5871e762]{display:none}.desktop-only[data-v-5871e762]{display:none!important}.audio-title.mobile-only[data-v-5871e762]{display:block}}@media (min-width: 769px){.audio-title.mobile-only[data-v-5871e762]{display:none}}html{touch-action:manipulation}#app{width:100%;min-height:100vh;background:#f5f5f5;touch-action:manipulation}.main-content{min-height:100vh}@media (min-width: 769px){.main-content{margin-left:72px}}.main-content.no-nav{margin-left:0}@media (min-width: 769px){#app.has-mini-player .main-content{padding-bottom:72px}}@media (max-width: 768px){#app.has-nav .main-content{padding-bottom:calc(56px + env(safe-area-inset-bottom))}#app.has-mini-player.has-nav .main-content{padding-bottom:calc(128px + env(safe-area-inset-bottom))}}:root{--theme-bg-page: #0a0a0f;--theme-bg-card: linear-gradient(145deg, #16161f 0%, #0f0f15 100%);--theme-bg-card-solid: #16161f;--theme-bg-elevated: #1e1e28;--theme-bg-hover: rgba(255, 255, 255, .04);--theme-bg-active: rgba(255, 255, 255, .06);--theme-border: rgba(255, 255, 255, .04);--theme-border-light: rgba(255, 255, 255, .08);--theme-text-primary: #e4e4e7;--theme-text-secondary: #a1a1aa;--theme-text-muted: #71717a;--theme-text-hint: #52525b;--theme-primary: #ff6b4a;--theme-primary-light: #ff8a6a;--theme-primary-bg: rgba(255, 107, 74, .15);--theme-primary-border: rgba(255, 107, 74, .2);--theme-gold: #fbbf24;--theme-success: #10b981;--theme-success-bg: rgba(16, 185, 129, .15);--theme-warning: #f59e0b;--theme-warning-bg: rgba(245, 158, 11, .15);--theme-error: #ef4444;--theme-error-bg: rgba(239, 68, 68, .15);--theme-info: #3b82f6;--theme-info-bg: rgba(59, 130, 246, .15);--theme-gradient-primary: linear-gradient(135deg, #ff6b4a 0%, #fbbf24 100%);--theme-gradient-header: linear-gradient(145deg, #16161f 0%, #0f0f15 100%);--theme-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--theme-shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--theme-shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--theme-shadow-primary: 0 4px 20px rgba(255, 107, 74, .35);--theme-header-bg: linear-gradient(145deg, #16161f 0%, #0f0f15 100%);--theme-header-border: rgba(255, 255, 255, .04)}[data-theme=light]{--theme-bg-page: #faf8f5;--theme-bg-card: #ffffff;--theme-bg-card-solid: #ffffff;--theme-bg-elevated: #ffffff;--theme-bg-hover: rgba(0, 0, 0, .02);--theme-bg-active: rgba(0, 0, 0, .04);--theme-border: rgba(0, 0, 0, .06);--theme-border-light: rgba(0, 0, 0, .08);--theme-text-primary: #2d2d2d;--theme-text-secondary: #666666;--theme-text-muted: #888888;--theme-text-hint: #aaaaaa;--theme-primary: #ff8c42;--theme-primary-light: #ffa366;--theme-primary-bg: rgba(255, 140, 66, .12);--theme-primary-border: rgba(255, 140, 66, .25);--theme-gold: #f5a623;--theme-success: #22c55e;--theme-success-bg: rgba(34, 197, 94, .12);--theme-warning: #f59e0b;--theme-warning-bg: rgba(245, 158, 11, .12);--theme-error: #e53935;--theme-error-bg: rgba(229, 57, 53, .12);--theme-info: #2196f3;--theme-info-bg: rgba(33, 150, 243, .12);--theme-gradient-primary: linear-gradient(135deg, #ff8c42 0%, #f5a623 100%);--theme-gradient-header: #ffffff;--theme-shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--theme-shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--theme-shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--theme-shadow-primary: 0 4px 20px rgba(255, 140, 66, .25);--theme-header-bg: #ffffff;--theme-header-border: rgba(0, 0, 0, .06)}.page-container.dark-theme,.dark-theme .page-container,.page-container.light-theme,.light-theme .page-container{min-height:100vh;background:var(--theme-bg-page)}[data-theme=dark] .el-dialog{background:linear-gradient(145deg,#1e1e28,#16161f)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px}[data-theme=dark] .el-dialog .el-dialog__header{border-bottom:1px solid rgba(255,255,255,.06)}[data-theme=dark] .el-dialog .el-dialog__title{color:#e4e4e7}[data-theme=dark] .el-dialog .el-dialog__footer{border-top:1px solid rgba(255,255,255,.06)}[data-theme=dark] .el-input__wrapper{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}[data-theme=dark] .el-input__inner{color:#e4e4e7!important}[data-theme=dark] .el-input__inner::-moz-placeholder{color:#52525b!important}[data-theme=dark] .el-input__inner::placeholder{color:#52525b!important}[data-theme=dark] .el-textarea__inner{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.08)!important;color:#e4e4e7!important}[data-theme=dark] .el-textarea__inner::-moz-placeholder{color:#52525b!important}[data-theme=dark] .el-textarea__inner::placeholder{color:#52525b!important}[data-theme=dark] .el-select .el-input__wrapper{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .el-form-item__label{color:#a1a1aa!important}[data-theme=dark] .el-button--primary{background:linear-gradient(135deg,#ff6b4a,#fbbf24)!important;border:none!important}[data-theme=dark] .el-button:not(.el-button--primary):not(.el-button--danger){background:#ffffff0f!important;border:1px solid rgba(255,255,255,.08)!important;color:#a1a1aa!important}[data-theme=dark] .el-loading-mask{background:#0a0a0fcc!important}[data-theme=dark] .el-empty__description{color:#71717a!important}[data-theme=dark] .el-message-box{background:linear-gradient(145deg,#1e1e28,#16161f)!important;border:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .el-message-box .el-message-box__title{color:#e4e4e7!important}[data-theme=dark] .el-message-box .el-message-box__message{color:#a1a1aa!important}[data-theme=light] .el-dialog{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:16px;box-shadow:0 8px 32px #0000001f!important}[data-theme=light] .el-dialog .el-dialog__header{border-bottom:1px solid rgba(0,0,0,.06)}[data-theme=light] .el-dialog .el-dialog__title{color:#2d2d2d}[data-theme=light] .el-dialog .el-dialog__footer{border-top:1px solid rgba(0,0,0,.06)}[data-theme=light] .el-input__wrapper{background:#f8f8f8!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:none!important}[data-theme=light] .el-input__inner{color:#2d2d2d!important}[data-theme=light] .el-input__inner::-moz-placeholder{color:#999!important}[data-theme=light] .el-input__inner::placeholder{color:#999!important}[data-theme=light] .el-textarea__inner{background:#f8f8f8!important;border:1px solid rgba(0,0,0,.08)!important;color:#2d2d2d!important}[data-theme=light] .el-textarea__inner::-moz-placeholder{color:#999!important}[data-theme=light] .el-textarea__inner::placeholder{color:#999!important}[data-theme=light] .el-select .el-input__wrapper{background:#f8f8f8!important;border:1px solid rgba(0,0,0,.08)!important}[data-theme=light] .el-form-item__label{color:#666!important}[data-theme=light] .el-button--primary{background:linear-gradient(135deg,#ff8c42,#f5a623)!important;border:none!important;color:#fff!important}[data-theme=light] .el-button:not(.el-button--primary):not(.el-button--danger){background:#f5f5f5!important;border:1px solid rgba(0,0,0,.08)!important;color:#666!important}[data-theme=light] .el-loading-mask{background:#faf8f5d9!important}[data-theme=light] .el-empty__description{color:#888!important}[data-theme=light] .el-message-box{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 8px 32px #0000001f!important}[data-theme=light] .el-message-box .el-message-box__title{color:#2d2d2d!important}[data-theme=light] .el-message-box .el-message-box__message{color:#666!important}@font-face{font-family:Pacifico;src:url(/assets/Pacifico-Regular-BPhFUkGB.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ZCOOL QingKe HuangYou;src:url(/assets/ZCOOLQingKeHuangYou-Regular-DnEmjBtw.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}