.modal-overlay[data-v-555e5fe7]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-555e5fe7]{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);width:100%;max-width:450px;max-height:90vh;overflow-y:auto;animation:slide-in-555e5fe7 .3s ease-out;position:relative;z-index:1001}@keyframes slide-in-555e5fe7{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-555e5fe7]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eee}.modal-header h2[data-v-555e5fe7]{margin:0;color:#333;font-size:20px}.close-btn[data-v-555e5fe7]{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-btn[data-v-555e5fe7]:hover{background-color:#f5f5f5}.modal-content[data-v-555e5fe7]{padding:25px}.form-group[data-v-555e5fe7]{margin-bottom:20px}.form-group label[data-v-555e5fe7]{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:14px}.form-group input[data-v-555e5fe7]{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box;transition:border-color .2s}.form-group input[data-v-555e5fe7]:focus{outline:none;border-color:#2196f3}.error-message[data-v-555e5fe7]{color:#f44336;margin-bottom:15px;padding:12px;background-color:#ffebee;border-radius:4px;font-size:14px}.success-message[data-v-555e5fe7]{color:#4caf50;margin-bottom:15px;padding:12px;background-color:#e8f5e9;border-radius:4px;font-size:14px}.auth-btn[data-v-555e5fe7]{width:100%;padding:12px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.auth-btn[data-v-555e5fe7]:hover:not(:disabled){background-color:#1976d2}.auth-btn[data-v-555e5fe7]:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:480px){.modal-container[data-v-555e5fe7]{margin:20px;max-width:none}.modal-content[data-v-555e5fe7]{padding:20px}}*{margin:0;padding:0}body,html{height:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;font-family:Arial,Microsoft YaHei,sans-serif;background-color:#f0f9ff;color:#333;line-height:1.6}#app,#app-wrapper{height:100%;width:100%}#app-wrapper{overflow-y:auto}#main-content{padding-top:80px;width:100%;margin:0;min-height:calc(100% - 80px)}.app-branding-container{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#81c784,#64b5f6);z-index:900;display:flex;justify-content:flex-start;align-items:center;padding-left:5%}.app-branding{text-align:left;color:#fff;z-index:901;opacity:1;max-width:400px}.app-logo{margin-bottom:1rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));animation:pulse 2s infinite;display:inline-block}.app-logo img{width:150px;height:150px;-o-object-fit:contain;object-fit:contain}.app-branding-name{font-size:3.5rem;font-weight:700;margin-bottom:.8rem;text-shadow:2px 2px 6px rgba(0,0,0,.5);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-branding-slogan{font-size:1.5rem;opacity:1;text-shadow:1px 1px 4px rgba(0,0,0,.5);line-height:1.3}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.app-header{background:linear-gradient(135deg,#4caf50,#2196f3);color:#fff;padding:5px 20px;box-shadow:0 2px 10px rgba(0,0,0,.2);position:fixed;top:0;left:0;right:0;z-index:100}.header-content{justify-content:center;gap:20px;height:auto;min-height:60px}.header-content,.site-identity{display:flex;align-items:center}.site-identity{gap:10px;margin-right:auto;height:100%}.auth-controls{margin-left:auto}.logo-container{display:flex;align-items:center;justify-content:center;height:100%}.app-header .app-logo{width:50px;height:50px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:none;text-shadow:none;margin:0;padding:0;vertical-align:middle;display:block}.site-title{display:flex;flex-direction:column;justify-content:center}.app-header h1{font-size:1.2em;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-subtitle{font-size:.8em;opacity:.9;margin:0}.app-nav{display:flex;align-items:center}.nav-menu{display:flex;list-style:none;gap:20px;margin:0;padding:0}.nav-item{position:relative}.nav-link{color:#fff;text-decoration:none;padding:8px 12px;border-radius:4px;transition:background-color .3s;font-size:16px;display:block}.nav-link.active,.nav-link:hover{background-color:hsla(0,0%,100%,.2)}.nav-dropdown{position:relative}.dropdown-content{position:absolute;top:100%;left:0;background-color:#fff;min-width:160px;box-shadow:0 8px 16px rgba(0,0,0,.1);z-index:1000;border-radius:4px;margin-top:5px}.dropdown-content a{color:#333;padding:12px 16px;text-decoration:none;display:block;transition:background-color .3s}.dropdown-content a:hover{background-color:#f5f5f5}.auth-controls{gap:15px}.auth-controls,.user-info{display:flex;align-items:center}.user-info{color:#fff;font-size:14px;gap:8px}.user-type{font-weight:700;color:gold}.expire-time{color:#e0e0e0;font-size:12px}.change-password-btn,.login-btn,.logout-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s;margin-left:10px}.login-btn{background-color:#fff;color:#2196f3}.login-btn:hover{background-color:#f5f5f5}.change-password-btn{background-color:hsla(0,0%,100%,.3);color:#fff}.change-password-btn:hover{background-color:hsla(0,0%,100%,.4)}.logout-btn{background-color:hsla(0,0%,100%,.2);color:#fff}.logout-btn:hover{background-color:hsla(0,0%,100%,.3)}.user-dropdown{position:relative;display:inline-block}.dropdown-trigger{display:flex;align-items:center;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .3s}.dropdown-trigger:hover{background-color:hsla(0,0%,100%,.2)}.dropdown-icon{font-size:10px;margin-left:5px;transition:transform .3s}.dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;min-width:200px;box-shadow:0 8px 16px rgba(0,0,0,.1);border-radius:4px;z-index:1000;margin-top:5px;overflow:hidden}.dropdown-item{padding:12px 16px;color:#333;cursor:pointer;transition:background-color .3s;display:block}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-divider{height:1px;background-color:#e0e0e0;margin:8px 0}.expire-time-item{color:#666;font-size:14px;cursor:default}.expire-time-item:hover{background-color:transparent}.logout-item{color:#f44336}.logout-item:hover{background-color:#ffebee}.auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;display:flex;justify-content:center;align-items:center;z-index:1000}.auth-wrapper{position:relative;background-color:#fff;border-radius:8px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s;z-index:1001}.close-btn:hover{background-color:#f0f0f0}.login-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;padding:20px}.login-prompt h2{font-size:28px;color:#333;margin-bottom:15px}.login-prompt p{font-size:16px;color:#666;margin-bottom:30px}.primary-btn{padding:12px 30px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.primary-btn:hover{background-color:#1976d2}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.header-content{justify-content:space-between;gap:10px;padding:5px 10px}.header-content,.site-identity{display:flex;align-items:center}.site-identity{gap:8px;margin-right:auto}.app-header .app-logo{width:40px;height:40px}.app-header h1{font-size:1.1em;white-space:nowrap}.app-subtitle{font-size:.7em;white-space:nowrap}.app-nav,.nav-menu{display:flex;align-items:center}.nav-menu{gap:12px}.nav-item,.nav-link{white-space:nowrap}.nav-link{font-size:14px;padding:6px 10px}.auth-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.user-info{font-size:12px;gap:5px;white-space:nowrap}.expire-time{display:none}.change-password-btn,.login-btn,.logout-btn{padding:6px 10px;font-size:12px;margin-left:0;white-space:nowrap}}@media (max-width:768px){.header-content{flex-direction:column;align-items:flex-start;gap:10px}.app-header h1{font-size:1.1em}.app-subtitle{font-size:.75em}.app-nav,.nav-menu{width:100%}.nav-menu{justify-content:space-around;gap:10px}.nav-link{font-size:14px;padding:6px 10px}}.category-section{min-width:250px}.audio-section,.category-section{flex:1;overflow-y:auto;max-height:calc(100vh - 150px)}.audio-section{min-width:200px}.player-section{flex:2;min-width:400px;overflow-y:auto;max-height:calc(100vh - 150px)}@media (max-width:1200px){.app-main:not(.home-page-wrapper){flex-direction:column}.audio-section,.category-section,.player-section{min-width:auto;min-height:0;display:flex;flex-direction:column;height:100%}}@media (max-width:1024px){.app-main:not(.home-page-wrapper){flex-wrap:wrap}.audio-section,.category-section{flex:1 1 45%}.player-section{flex:1 1 100%}}@media (max-width:768px){.app-header h1{font-size:1.8em}.app-subtitle{font-size:.9em}.app-main.home-page-wrapper{padding:10px;overflow-y:auto}.app-main:not(.home-page-wrapper){flex-direction:column;padding:10px;gap:10px;overflow-y:auto}.audio-section,.category-section,.player-section{min-width:auto;min-height:300px;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}@media (max-width:480px){.app-header h1{font-size:1.5em}.app-subtitle{font-size:.8em}.app-main.home-page-wrapper{padding:5px}.app-main:not(.home-page-wrapper){padding:5px;gap:5px}.audio-section,.category-section,.player-section{min-height:250px;max-height:350px}}.audio-section::-webkit-scrollbar,.category-section::-webkit-scrollbar,.player-section::-webkit-scrollbar{width:6px}.audio-section::-webkit-scrollbar-track,.category-section::-webkit-scrollbar-track,.player-section::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.audio-section::-webkit-scrollbar-thumb,.category-section::-webkit-scrollbar-thumb,.player-section::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.audio-section::-webkit-scrollbar-thumb:hover,.category-section::-webkit-scrollbar-thumb:hover,.player-section::-webkit-scrollbar-thumb:hover{background:#555}}.yinwen-hall-container[data-v-43525627]{width:100%;margin:0 auto;padding:0;min-height:75vh;background-color:#f6f6f6;max-width:880px}.category-nav[data-v-43525627]{background-color:#fff;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:100;box-shadow:0 1px 2px rgba(0,0,0,.05)}.category-nav-container[data-v-43525627]{display:flex;gap:8px;padding:0 24px;height:52px;align-items:center;overflow-x:auto;white-space:nowrap}.nav-item[data-v-43525627]{padding:8px 16px;border:none;background:none;border-radius:20px;font-size:14px;color:#646464;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.nav-item[data-v-43525627]:hover{background-color:#f6f6f6;color:#1a1a1a}.nav-item.active[data-v-43525627]{background-color:#177ce3;color:#fff}.nav-item-count[data-v-43525627]{font-size:12px;opacity:.8}.main-content[data-v-43525627]{display:flex;flex-direction:column;gap:16px;min-height:600px;margin-top:20px;padding:0 24px}.categories-list[data-v-43525627]{display:flex;flex-direction:column;gap:24px;width:100%}.category-section[data-v-43525627]{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid #e8e8e8}.category-header[data-v-43525627]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.category-title[data-v-43525627]{font-size:18px;color:#1a1a1a;margin:0;font-weight:600}.category-count[data-v-43525627]{font-size:14px;color:#8590a6;background-color:#f6f6f6;padding:2px 8px;border-radius:10px;font-weight:400}.category-courses[data-v-43525627]{width:100%}.empty-category[data-v-43525627]{text-align:center;padding:40px 20px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.empty-category p[data-v-43525627]{color:#666;margin:0;font-size:16px}.courses-content[data-v-43525627]{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bbdefb #e3f2fd}.courses-content[data-v-43525627]::-webkit-scrollbar{width:8px}.courses-content[data-v-43525627]::-webkit-scrollbar-track{background:#e3f2fd;border-radius:4px}.courses-content[data-v-43525627]::-webkit-scrollbar-thumb{background:#bbdefb;border-radius:4px}.courses-content[data-v-43525627]::-webkit-scrollbar-thumb:hover{background:#90caf9}.blog-style-courses[data-v-43525627]{display:flex;flex-direction:column;gap:16px;padding:8px 0}.blog-course-card[data-v-43525627]{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;transition:all .2s ease;cursor:pointer;border:1px solid #e8e8e8}.blog-course-card[data-v-43525627]:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);border-color:#e8e8e8}.blog-course-content[data-v-43525627]{display:flex;gap:16px;padding:16px}.blog-course-cover[data-v-43525627]{width:160px;height:100px;flex-shrink:0;overflow:hidden;border-radius:6px;border:1px solid #f0f0f0}.blog-course-cover .cover-image[data-v-43525627]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s ease}.blog-course-card:hover .cover-image[data-v-43525627]{transform:scale(1.03)}.blog-course-cover .cover-placeholder[data-v-43525627]{width:100%;height:100%;background-color:#f6f6f6;display:flex;align-items:center;justify-content:center;border:1px solid #e8e8e8}.blog-course-cover .placeholder-icon[data-v-43525627]{font-size:32px;opacity:.4;color:#8590a6}.blog-course-info[data-v-43525627]{flex:1;min-width:0}.blog-course-title[data-v-43525627]{font-size:18px;font-weight:600;margin:0 0 8px 0;color:#1a1a1a;line-height:1.4}.blog-course-description[data-v-43525627]{font-size:14px;color:#646464;margin:0 0 12px 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-course-meta[data-v-43525627]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.blog-audio-count[data-v-43525627],.blog-category[data-v-43525627]{font-size:12px;color:#8590a6;background-color:#f6f6f6;padding:2px 8px;border-radius:10px;font-weight:400}.empty-state[data-v-43525627],.loading-state[data-v-43525627]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e8e8e8}.loading-spinner[data-v-43525627]{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#177ce3;border-radius:50%;animation:spin-43525627 1s linear infinite;margin-bottom:16px}@keyframes spin-43525627{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-icon[data-v-43525627]{font-size:64px;margin-bottom:16px;color:#8590a6}.empty-state h3[data-v-43525627]{color:#1a1a1a;font-size:18px;margin-bottom:8px;font-weight:600}.empty-state p[data-v-43525627]{color:#8590a6;font-size:14px;margin:0;line-height:1.5}.pagination[data-v-43525627]{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:12px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e8e8e8}.btn-page[data-v-43525627]{padding:6px 16px;border:1px solid #e8e8e8;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer;transition:all .2s ease;outline:none;color:#1a1a1a}.btn-page[data-v-43525627]:hover:not(:disabled){background-color:#f6f6f6;border-color:#dcdcdc}.btn-page[data-v-43525627]:disabled{opacity:.5;cursor:not-allowed;color:#8590a6}.page-info[data-v-43525627]{font-size:14px;color:#8590a6;font-weight:400}.page-jump[data-v-43525627]{display:flex;align-items:center;gap:6px}.jump-input-field[data-v-43525627]{width:50px;padding:4px 8px;border:1px solid #e8e8e8;border-radius:4px;font-size:14px;text-align:center;outline:none;transition:all .2s ease}.jump-input-field[data-v-43525627]:focus{border-color:#177ce3;box-shadow:0 0 0 2px rgba(23,124,227,.1)}.btn-jump[data-v-43525627]{padding:4px 10px;border:1px solid #e8e8e8;border-radius:4px;font-size:13px;background-color:#fff;cursor:pointer;transition:all .2s ease;outline:none;color:#1a1a1a}.btn-jump[data-v-43525627]:hover:not(:disabled){background-color:#f6f6f6;border-color:#dcdcdc}.btn-jump[data-v-43525627]:disabled{opacity:.5;cursor:not-allowed;color:#8590a6}.btn-page-number[data-v-43525627]{padding:4px 10px;border:1px solid #e8e8e8;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer;transition:all .2s ease;outline:none;min-width:32px;color:#1a1a1a}.btn-page-number[data-v-43525627]:hover{background-color:#f6f6f6;border-color:#dcdcdc}.btn-page-number.active[data-v-43525627]{background-color:#177ce3;color:#fff;border-color:#177ce3;font-weight:500}@media (max-width:1024px){.yinwen-hall-container[data-v-43525627]{max-width:792px}.main-content[data-v-43525627]{gap:16px;padding:0 20px}}@media (max-width:768px){.yinwen-hall-container[data-v-43525627]{max-width:100%}.category-nav-container[data-v-43525627]{padding:0 16px}.main-content[data-v-43525627]{gap:12px;padding:0 16px;margin-top:16px}.blog-course-content[data-v-43525627]{flex-direction:column;gap:12px;padding:12px}.blog-course-cover[data-v-43525627]{width:100%;height:140px}.blog-course-title[data-v-43525627]{font-size:16px}.blog-course-description[data-v-43525627]{font-size:13px}.pagination[data-v-43525627]{flex-wrap:wrap;gap:6px;padding:8px}.btn-page-number[data-v-43525627],.btn-page[data-v-43525627]{padding:4px 12px;font-size:13px}}@media (max-width:480px){.category-nav-container[data-v-43525627],.main-content[data-v-43525627]{padding:0 12px}.blog-course-content[data-v-43525627]{padding:10px}.blog-course-cover[data-v-43525627]{height:120px}.blog-course-title[data-v-43525627]{font-size:15px}.pagination[data-v-43525627]{flex-direction:column;align-items:stretch}.page-jump[data-v-43525627]{justify-content:center;width:100%;margin-top:8px}}.category-manager[data-v-46f410b7]{border-radius:10px;padding:0;background:transparent;box-shadow:none;height:100%;min-height:300px;display:flex;flex-direction:column;position:relative;box-sizing:border-box}.category-manager h3[data-v-46f410b7]{margin-top:0;margin-bottom:15px;font-size:20px;color:#ff9800;border-bottom:3px solid #ffe0b2;padding-bottom:10px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.debug-info[data-v-46f410b7]{background-color:#f0f0f0;padding:10px;border-radius:5px;margin-bottom:10px;font-size:12px;color:#666}.category-list[data-v-46f410b7]{flex:1;margin-bottom:15px;overflow-y:auto;overflow-x:hidden;min-height:200px;max-height:calc(100% - 100px);box-sizing:border-box;-webkit-overflow-scrolling:touch}.category-item[data-v-46f410b7]{display:flex;flex-direction:column;padding:8px 12px;margin-bottom:8px;border-radius:15px;background-color:#fff8e1;cursor:grab;transition:all .3s ease;min-width:0;border-left:5px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.05)}.category-name-area[data-v-46f410b7]{display:flex;align-items:center;margin-bottom:6px;width:100%}.category-actions-area[data-v-46f410b7]{display:flex;gap:6px;width:100%;justify-content:flex-start}.category-item.dragging[data-v-46f410b7]{opacity:.5;background-color:hsla(0,0%,100%,.8);border:2px dashed #4a90e2;position:relative;cursor:grabbing}.category-item[data-v-46f410b7]:hover{background-color:#e0e0e0}.category-item[data-v-46f410b7]:active{cursor:grabbing}.category-item.drag-over[data-v-46f410b7]{background-color:rgba(74,144,226,.1);border:2px solid #4a90e2;box-shadow:0 0 8px rgba(74,144,226,.3);transition:all .2s ease}.category-item span[data-v-46f410b7]{font-size:18px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-list[data-v-46f410b7]::-webkit-scrollbar{width:8px}.category-list[data-v-46f410b7]::-webkit-scrollbar-track{background:#fff3e0;border-radius:10px}.category-list[data-v-46f410b7]::-webkit-scrollbar-thumb{background:#ff9800;border-radius:10px;border:2px solid #fff3e0}.category-list[data-v-46f410b7]::-webkit-scrollbar-thumb:hover{background:#f57c00}.category-item[data-v-46f410b7]:hover{transform:translateX(5px);cursor:grab}.category-item.active[data-v-46f410b7],.category-item[data-v-46f410b7]:hover{background-color:#ffe0b2;border-left-color:#ff9800;box-shadow:0 4px 12px rgba(255,152,0,.2)}.category-item.active[data-v-46f410b7]{color:#ff9800;font-weight:700}.category-actions[data-v-46f410b7]{display:flex;gap:8px}.add-category[data-v-46f410b7]{display:flex;gap:10px;width:100%;box-sizing:border-box;padding:0 10px}.add-category input[data-v-46f410b7]{flex:1;padding:12px;border:3px solid #ffcc80;border-radius:15px;font-size:15px;background-color:#fff;color:#ff9800;font-weight:500;box-sizing:border-box;max-width:calc(100% - 50px);box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease}.add-category input[data-v-46f410b7]:focus{outline:none;border-color:#ff9800;box-shadow:0 4px 12px rgba(255,152,0,.15)}.btn[data-v-46f410b7]{padding:4px 10px;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s ease}.btn-delete[data-v-46f410b7]{background-color:#f44}.btn-delete[data-v-46f410b7]:hover{background-color:#c00}.btn .btn-text[data-v-46f410b7]{display:inline;font-size:12px;font-weight:700}.btn .btn-icon[data-v-46f410b7]{display:none}.btn-primary[data-v-46f410b7]{background-color:#ff9800;color:#fff}.btn-primary[data-v-46f410b7]:hover{background-color:#f57c00;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,152,0,.2)}.btn-edit[data-v-46f410b7]{background-color:#ff9800;color:#fff}.btn-edit[data-v-46f410b7]:hover{background-color:#f57c00;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,152,0,.2)}.btn-delete[data-v-46f410b7]{background-color:#ff9800;color:#fff}.btn-delete[data-v-46f410b7]:hover{background-color:#f57c00;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,152,0,.2)}.btn-cancel[data-v-46f410b7]{background-color:#ff9800;color:#fff}.btn-cancel[data-v-46f410b7]:hover{background-color:#f57c00;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,152,0,.2)}.btn-danger[data-v-46f410b7]{background-color:#ff9800;color:#fff}.btn-danger[data-v-46f410b7]:hover{background-color:#f57c00;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,152,0,.2)}@media (min-device-width:768px) and (max-device-width:1366px) and (orientation:landscape),(min-width:768px) and (max-width:1366px) and (orientation:landscape),(min-width:768px) and (max-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),(min-width:768px) and (max-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){.category-manager[data-v-46f410b7]{height:100%!important;min-height:300px;max-height:calc(100vh - 150px);overflow:visible;box-sizing:border-box}.category-item[data-v-46f410b7]{flex-direction:column;align-items:flex-start;padding:6px 12px;margin-bottom:4px}.category-item span[data-v-46f410b7]{margin-bottom:8px;font-size:16px}.category-actions[data-v-46f410b7]{align-self:flex-end}.category-item .drag-handle[data-v-46f410b7]{display:none}.btn .btn-text[data-v-46f410b7]{display:none!important}.btn .btn-icon[data-v-46f410b7]{display:inline!important;font-size:16px!important}.btn[data-v-46f410b7]{padding:4px 8px!important;font-size:12px!important}.category-list[data-v-46f410b7]{position:relative;flex:1;min-height:200px;max-height:calc(100% - 100px);overflow-y:auto;overflow-x:hidden;padding-right:12px;box-sizing:border-box;-webkit-overflow-scrolling:touch}}.dialog-overlay[data-v-46f410b7]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.dialog[data-v-46f410b7]{background-color:#fff;border-radius:10px;padding:20px;min-width:300px;box-shadow:0 5px 20px rgba(0,0,0,.2)}.dialog h4[data-v-46f410b7]{margin-top:0;margin-bottom:15px;color:#333}.dialog input[data-v-46f410b7]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;margin-bottom:15px;font-size:14px}.dialog-actions[data-v-46f410b7]{display:flex;justify-content:flex-end;gap:10px}.audio-file-manager[data-v-24b46757]{background:transparent;border-radius:0;padding:0;box-shadow:none;height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.audio-file-manager h3[data-v-24b46757]{margin-top:0;margin-bottom:15px;font-size:20px;color:#4caf50;border-bottom:3px solid #c8e6c9;padding-bottom:10px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.upload-section[data-v-24b46757]{margin-top:20px;margin-bottom:0}.upload-box[data-v-24b46757]{box-sizing:border-box;border:3px dashed #4caf50;border-radius:15px;padding:15px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#f1f8e9;height:80px;display:flex;align-items:center;justify-content:center}.upload-box[data-v-24b46757]:hover{background-color:#c8e6c9;border-color:#388e3c;transform:translateY(-1px);box-shadow:0 4px 12px rgba(76,175,80,.2)}.upload-placeholder[data-v-24b46757]{color:#666;display:flex;align-items:center;gap:10px}.upload-icon[data-v-24b46757]{display:inline-block;font-size:18px;margin-bottom:0}.upload-progress[data-v-24b46757]{color:#333}.progress-bar[data-v-24b46757]{width:100%;height:20px;background-color:#e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:10px}.progress-fill[data-v-24b46757]{height:100%;background-color:#4caf50;transition:width .3s ease}.no-category-selected[data-v-24b46757]{text-align:center;padding:40px;color:#4caf50;background-color:#f1f8e9;border-radius:15px;border:3px dashed #c8e6c9;font-size:18px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.debug-info[data-v-24b46757]{background-color:#f0f0f0;padding:10px;border-radius:5px;margin-bottom:10px;font-size:12px;color:#666}.audio-files-list[data-v-24b46757]{flex:1;overflow-y:auto;min-height:0;padding-right:5px;margin-bottom:0;max-height:calc(100% - 160px);box-sizing:border-box}.audio-files-list[data-v-24b46757]::-webkit-scrollbar{width:8px}.audio-files-list[data-v-24b46757]::-webkit-scrollbar-track{background:#f1f8e9;border-radius:10px}.audio-files-list[data-v-24b46757]::-webkit-scrollbar-thumb{background:#4caf50;border-radius:10px;border:2px solid #f1f8e9;-webkit-transition:background .3s ease;transition:background .3s ease}.audio-files-list[data-v-24b46757]::-webkit-scrollbar-thumb:hover{background:#388e3c;width:10px}.audio-files-list[data-v-24b46757]{scroll-behavior:smooth}.audio-file-item[data-v-24b46757]{display:flex;padding:15px;margin-bottom:10px;border-radius:15px;background-color:#e8f5e9;border:1px solid #c8e6c9;flex-wrap:wrap;align-items:center;transition:all .3s ease;border-left:5px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.05)}.audio-file-item.selected[data-v-24b46757]{border-color:#4caf50;background-color:#c8e6c9;box-shadow:0 4px 15px rgba(76,175,80,.2);border-left-color:#4caf50;transform:translateX(5px)}.audio-file-item.dragging[data-v-24b46757]{opacity:.5;background-color:hsla(0,0%,100%,.8);border:2px dashed #4a90e2;position:relative;cursor:grabbing}.audio-file-item.drag-over[data-v-24b46757]{background-color:rgba(74,144,226,.1);border:2px solid #4a90e2;box-shadow:0 0 8px rgba(74,144,226,.3);transition:all .2s ease}.audio-file-item[data-v-24b46757]:hover{cursor:grab;background-color:#c8e6c9;border-left-color:#4caf50;transform:translateX(5px);box-shadow:0 4px 12px rgba(76,175,80,.2)}.audio-file-item[data-v-24b46757]:active{cursor:grabbing}.file-name-area[data-v-24b46757]{flex:1;min-width:150px;margin-bottom:8px}.file-name[data-v-24b46757]{font-weight:700}.file-name input[data-v-24b46757]{width:100%;padding:4px 8px;border:1px solid #4caf50;border-radius:4px;font-size:14px}.file-actions-area[data-v-24b46757]{display:flex;gap:8px;margin-right:15px;margin-bottom:8px;flex-wrap:wrap;align-items:center}.file-status-area[data-v-24b46757]{white-space:nowrap;font-size:12px;display:flex;align-items:center}.status-pending[data-v-24b46757]{color:#999}.status-transcribing[data-v-24b46757]{color:#2196f3}.status-completed[data-v-24b46757]{color:#4caf50}.status-failed[data-v-24b46757]{color:#f44336}@media (max-width:768px){.audio-file-item[data-v-24b46757]{flex-direction:column;align-items:flex-start}.file-actions-area[data-v-24b46757],.file-name-area[data-v-24b46757],.file-status-area[data-v-24b46757]{width:100%;margin-right:0;margin-bottom:10px}.file-status-area[data-v-24b46757]{margin-bottom:0}}@media (min-device-width:768px) and (max-device-width:1366px) and (orientation:landscape),(min-width:768px) and (max-width:1366px) and (orientation:landscape),(min-width:768px) and (max-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),(min-width:768px) and (max-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){.audio-file-manager[data-v-24b46757]{height:100%!important;max-height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box!important}.audio-files-list[data-v-24b46757]{flex:1 1 auto!important;max-height:calc(100% - 120px)!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:12px;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.audio-files-list[data-v-24b46757]::-webkit-scrollbar{width:8px}.audio-files-list[data-v-24b46757]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.audio-files-list[data-v-24b46757]::-webkit-scrollbar-thumb{background:#888;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.audio-files-list[data-v-24b46757]::-webkit-scrollbar-thumb:hover{background:#555}.audio-file-item[data-v-24b46757]{padding:10px 12px;margin-bottom:6px;flex-wrap:wrap;align-items:flex-start}.file-name-area[data-v-24b46757]{width:100%;margin-bottom:8px;margin-right:0}.file-name[data-v-24b46757]{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-actions-area[data-v-24b46757]{width:100%;gap:6px;margin-right:0;margin-bottom:6px}.file-status-area[data-v-24b46757]{width:100%}.btn .btn-text[data-v-24b46757]{display:none!important}.btn .btn-icon[data-v-24b46757]{display:inline!important;font-size:16px!important}.btn[data-v-24b46757]{padding:4px 8px;font-size:12px}.file-status-area[data-v-24b46757]{margin-bottom:0;font-size:11px}.upload-section[data-v-24b46757]{margin-top:15px}.upload-box[data-v-24b46757]{height:70px;padding:10px 15px}}.no-files[data-v-24b46757]{text-align:center;padding:40px;color:#999}.btn[data-v-24b46757]{padding:6px 12px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:80px}.btn .btn-text[data-v-24b46757]{display:inline}.btn .btn-icon[data-v-24b46757]{display:none}.btn-transcribe[data-v-24b46757]{background-color:#2196f3;color:#fff}.btn-transcribe[data-v-24b46757]:hover{background-color:#0b7dda}.btn-play[data-v-24b46757]{background-color:#4caf50;color:#fff}.btn-play[data-v-24b46757]:hover{background-color:#45a049}.btn-optimize[data-v-24b46757]{background-color:#9c27b0;color:#fff}.btn-optimize[data-v-24b46757]:hover{background-color:#7b1fa2}.btn-edit[data-v-24b46757]{background-color:#ff9800;color:#fff}.btn-edit[data-v-24b46757]:hover{background-color:#e68a00}.btn-delete[data-v-24b46757]{background-color:#f44336;color:#fff}.btn-delete[data-v-24b46757]:hover{background-color:#da190b}.btn-cancel[data-v-24b46757]{background-color:#ccc;color:#fff}.btn-cancel[data-v-24b46757]:hover{background-color:#999}.btn-danger[data-v-24b46757]{background-color:#f44336;color:#fff}.btn-danger[data-v-24b46757]:hover{background-color:#da190b}.dialog-overlay[data-v-24b46757]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.dialog[data-v-24b46757]{background-color:#fff;border-radius:10px;padding:20px;min-width:300px;box-shadow:0 5px 20px rgba(0,0,0,.2)}.dialog h4[data-v-24b46757]{margin-top:0;margin-bottom:15px;color:#333}.dialog p[data-v-24b46757]{margin-bottom:20px;color:#666}.dialog-actions[data-v-24b46757]{display:flex;justify-content:flex-end;gap:10px}[data-v-0b9ef1ef]{box-sizing:border-box;margin:0;padding:0}.transcription-editor-container[data-v-0b9ef1ef]{width:100%;margin:0;padding:0;background-color:transparent;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.editor-header[data-v-0b9ef1ef]{background-color:transparent;padding:20px 24px;border-radius:0;box-shadow:none;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-left:4px solid #1976d2}.editor-header h3[data-v-0b9ef1ef]{margin:0;color:#1976d2;font-size:20px;font-weight:600;letter-spacing:-.025em;border-bottom:3px solid #bbdefb;padding-bottom:10px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.editor-content[data-v-0b9ef1ef]{flex:1;overflow-y:auto;background-color:transparent;border-radius:0;box-shadow:none;padding:0;scrollbar-width:thin;scrollbar-color:#1976d2 #e3f2fd}.editor-content[data-v-0b9ef1ef]::-webkit-scrollbar{width:8px}.editor-content[data-v-0b9ef1ef]::-webkit-scrollbar-track{background:#e3f2fd;border-radius:10px}.editor-content[data-v-0b9ef1ef]::-webkit-scrollbar-thumb{background:#1976d2;border-radius:10px;border:2px solid #e3f2fd}.editor-content[data-v-0b9ef1ef]::-webkit-scrollbar-thumb:hover{background:#1565c0}.transcription-list[data-v-0b9ef1ef]{margin-top:0}.sentence-item[data-v-0b9ef1ef]{display:flex;align-items:flex-start;background-color:#e3f2fd;padding:20px;margin-bottom:16px;border-radius:15px;box-shadow:0 1px 4px rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #bbdefb;border-left:5px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.05)}.sentence-item[data-v-0b9ef1ef]:hover{box-shadow:0 4px 12px rgba(25,118,210,.15);border-color:#90caf9;transform:translateY(-1px);border-left-color:#1976d2}.sentence-index[data-v-0b9ef1ef]{width:36px;height:36px;background-color:#1976d2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:20px;flex-shrink:0;font-size:14px;box-shadow:0 2px 6px rgba(25,118,210,.2)}.sentence-content[data-v-0b9ef1ef]{flex:1;margin-right:20px}.sentence-textarea[data-v-0b9ef1ef]{width:100%;min-height:100px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:8px;resize:vertical;font-size:15px;line-height:1.6;transition:all .2s ease;color:#374151;background-color:#fafafa;font-family:inherit}.sentence-textarea[data-v-0b9ef1ef]:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px rgba(25,118,210,.1);background-color:#fff}.time-editor[data-v-0b9ef1ef]{display:flex;flex-direction:column;gap:12px;margin-right:20px;min-width:200px}.time-input-group[data-v-0b9ef1ef]{display:flex;flex-direction:column;gap:6px}.time-input-group label[data-v-0b9ef1ef]{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.time-input-wrapper[data-v-0b9ef1ef]{display:flex;align-items:center;gap:4px;background-color:#f9fafb;padding:8px;border-radius:8px;border:1px solid #e5e7eb}.time-input-part[data-v-0b9ef1ef]{width:67px;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;text-align:center;transition:border-color .2s ease;font-weight:500;color:#374151;background-color:#fff}.time-input-part[data-v-0b9ef1ef]:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.1)}.time-separator[data-v-0b9ef1ef]{color:#6b7280;font-size:16px;font-weight:600;margin:0 2px}.sentence-actions[data-v-0b9ef1ef]{display:flex;flex-direction:column;gap:12px}.btn[data-v-0b9ef1ef]{padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:inherit}.btn[data-v-0b9ef1ef]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.btn[data-v-0b9ef1ef]:active{transform:translateY(0)}.btn-add[data-v-0b9ef1ef]{background-color:#10b981;color:#fff;font-size:20px;width:40px;height:40px;border-radius:10px;box-shadow:0 2px 8px rgba(16,185,129,.3)}.btn-add[data-v-0b9ef1ef]:hover{background-color:#059669;box-shadow:0 4px 12px rgba(16,185,129,.4)}.btn-delete[data-v-0b9ef1ef]{background-color:#ef4444;color:#fff;font-size:20px;width:40px;height:40px;border-radius:10px;box-shadow:0 2px 8px rgba(239,68,68,.3)}.btn-delete[data-v-0b9ef1ef]:hover{background-color:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.4)}.btn-save[data-v-0b9ef1ef]{background-color:#1976d2;color:#fff;padding:12px 24px;border-radius:15px;box-shadow:0 2px 8px rgba(25,118,210,.3);font-weight:600;letter-spacing:.025em}.btn-save[data-v-0b9ef1ef]:hover{background-color:#1565c0;box-shadow:0 4px 12px rgba(25,118,210,.4)}.btn-reset[data-v-0b9ef1ef]{background-color:#6b7280;color:#fff;padding:12px 24px;margin-left:12px;border-radius:8px;box-shadow:0 2px 8px hsla(220,9%,46%,.25);font-weight:500}.btn-reset[data-v-0b9ef1ef]:hover{background-color:#4b5563;box-shadow:0 4px 12px hsla(220,9%,46%,.35)}.editor-actions[data-v-0b9ef1ef]{display:flex;gap:12px}@media (max-width:1024px){.sentence-item[data-v-0b9ef1ef]{flex-direction:column;gap:16px}.time-editor[data-v-0b9ef1ef]{flex-direction:row;min-width:auto}.sentence-actions[data-v-0b9ef1ef]{flex-direction:row;justify-content:flex-start}.sentence-index[data-v-0b9ef1ef]{align-self:flex-start}}@media (max-width:768px){.transcription-editor-container[data-v-0b9ef1ef]{padding:16px;height:calc(100vh - 100px)}.editor-header[data-v-0b9ef1ef]{padding:16px 20px;flex-direction:column;gap:16px;align-items:stretch}.editor-actions[data-v-0b9ef1ef]{justify-content:stretch}.btn-reset[data-v-0b9ef1ef],.btn-save[data-v-0b9ef1ef]{flex:1;margin-left:0}.editor-content[data-v-0b9ef1ef]{padding:16px}.time-editor[data-v-0b9ef1ef]{flex-direction:column}}@media only screen and (min-device-width:768px) and (max-device-width:1366px) and (orientation:landscape){.transcription-editor-container[data-v-0b9ef1ef]{padding:16px;height:calc(100vh - 80px)}.editor-header[data-v-0b9ef1ef]{padding:16px 20px;margin-bottom:16px}.editor-header h3[data-v-0b9ef1ef]{font-size:18px}.editor-content[data-v-0b9ef1ef]{padding:16px;max-height:calc(100% - 100px)}.sentence-item[data-v-0b9ef1ef]{flex-direction:column;gap:12px;padding:16px}.sentence-index[data-v-0b9ef1ef]{width:32px;height:32px;font-size:12px;margin-right:0}.sentence-content[data-v-0b9ef1ef]{margin-right:0}.sentence-textarea[data-v-0b9ef1ef]{min-height:80px;font-size:14px;padding:12px 14px;width:140%}.time-editor[data-v-0b9ef1ef]{flex-direction:column;margin-right:0;min-width:auto;gap:16px}.time-input-group[data-v-0b9ef1ef]{flex:1;gap:4px}.time-input-group label[data-v-0b9ef1ef]{font-size:11px}.time-input-wrapper[data-v-0b9ef1ef]{padding:6px}.time-input-part[data-v-0b9ef1ef]{width:55px;padding:6px 8px;font-size:13px}.sentence-actions[data-v-0b9ef1ef]{flex-direction:row;justify-content:flex-start;gap:12px}.btn-add[data-v-0b9ef1ef],.btn-delete[data-v-0b9ef1ef]{width:36px;height:36px;font-size:18px}.editor-actions[data-v-0b9ef1ef]{gap:10px}.btn-reset[data-v-0b9ef1ef],.btn-save[data-v-0b9ef1ef]{padding:10px 20px;font-size:13px}}.personal-audio-container[data-v-39dd58a8]{display:flex;gap:20px;padding:20px;max-width:1600px;margin:0 auto;width:100%;min-height:0}.category-section[data-v-39dd58a8]{min-width:250px;border-radius:20px;border:3px solid #ff9800;background:linear-gradient(135deg,#fff,#fff3e0)}.audio-section[data-v-39dd58a8],.category-section[data-v-39dd58a8]{flex:1;overflow-y:auto;max-height:calc(100vh - 150px);padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.08)}.audio-section[data-v-39dd58a8]{min-width:200px;border-radius:20px;border:3px solid #4caf50;background:linear-gradient(135deg,#fff,#f1f8e9)}.editor-section[data-v-39dd58a8]{flex:2;min-width:300px;overflow-y:auto;max-height:calc(100vh - 150px);border-radius:20px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.08);border:3px solid #2196f3;background:linear-gradient(135deg,#fff,#e3f2fd)}.empty-editor[data-v-39dd58a8]{display:flex;align-items:center;justify-content:center;height:100%;background-color:#e3f2fd;border-radius:15px;border:3px dashed #90caf9;color:#2196f3;font-size:18px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1);padding:40px}.audio-section[data-v-39dd58a8]::-webkit-scrollbar,.category-section[data-v-39dd58a8]::-webkit-scrollbar,.editor-section[data-v-39dd58a8]::-webkit-scrollbar{width:8px}.audio-section[data-v-39dd58a8]::-webkit-scrollbar-track,.category-section[data-v-39dd58a8]::-webkit-scrollbar-track,.editor-section[data-v-39dd58a8]::-webkit-scrollbar-track{background:#fff;border-radius:10px}.category-section[data-v-39dd58a8]::-webkit-scrollbar-thumb{background:#ff9800;border-radius:10px;border:2px solid #fff}.audio-section[data-v-39dd58a8]::-webkit-scrollbar-thumb{background:#4caf50;border-radius:10px;border:2px solid #fff}.editor-section[data-v-39dd58a8]::-webkit-scrollbar-thumb{background:#2196f3;border-radius:10px;border:2px solid #fff}@media (min-width:768px) and (max-width:1366px) and (orientation:landscape){.personal-audio-container[data-v-39dd58a8]{gap:15px;padding:15px}.category-section[data-v-39dd58a8]{min-width:200px;flex:0.8;padding:15px}.audio-section[data-v-39dd58a8]{min-width:180px;flex:0.8;padding:15px}.editor-section[data-v-39dd58a8]{min-width:250px;flex:1.4;padding:15px}.empty-editor[data-v-39dd58a8]{font-size:16px;padding:30px}}.audio-player-container[data-v-402bbf01]{width:100%;height:100%;max-width:1200px;margin:0 auto;padding:20px 20px 120px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow:hidden}.file-title-area[data-v-402bbf01]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:3px solid #4caf50}.passage-content[data-v-402bbf01]{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.passage-content[data-v-402bbf01]::-webkit-scrollbar{display:none}.paragraph-translation[data-v-402bbf01]{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.translation-toggle-btn[data-v-402bbf01]{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-size:14px;cursor:pointer;transition:all .3s ease}.translation-toggle-btn[data-v-402bbf01]:hover{background-color:#e0e0e0;border-color:#bbb}.translation-content[data-v-402bbf01]{margin-top:10px;padding:15px;background-color:#f9f9f9;border-radius:6px;border:1px solid #eee}.sentence-translation-item[data-v-402bbf01]{margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed #ddd}.sentence-translation-item[data-v-402bbf01]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.original-sentence[data-v-402bbf01]{font-size:14px;line-height:1.5;margin-bottom:6px;color:#333}.translated-sentence[data-v-402bbf01]{font-size:14px;line-height:1.5;color:#666;font-style:italic}.file-title-area h2[data-v-402bbf01]{margin:0;font-size:20px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1);background:linear-gradient(90deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mode-switch[data-v-402bbf01]{gap:25px}.mode-switch[data-v-402bbf01],.source-switch[data-v-402bbf01]{display:flex;align-items:center}.toggle-switch[data-v-402bbf01]{display:flex;align-items:center;justify-content:center;gap:8px}.toggle-label-left[data-v-402bbf01],.toggle-label-right[data-v-402bbf01]{font-size:12px;font-weight:700;color:#666;transition:color .3s ease;min-width:50px;text-align:center}.toggle-label-left.active[data-v-402bbf01],.toggle-label-right.active[data-v-402bbf01]{color:#4caf50}.switch[data-v-402bbf01]{width:80px}.slider[data-v-402bbf01]{background-color:#ccc}.slider[data-v-402bbf01]:before{height:26px;width:26px}.toggle-switch input:checked+.slider[data-v-402bbf01]{background-color:#2196f3}.toggle-switch input:checked:focus+.slider[data-v-402bbf01]{box-shadow:0 0 1px #2196f3}.toggle-switch input:not(:checked)+.slider[data-v-402bbf01]{background-color:#4caf50}.toggle-switch input:not(:checked):focus+.slider[data-v-402bbf01]{box-shadow:0 0 1px #4caf50}input:checked+.slider[data-v-402bbf01]:before{transform:translateX(46px)}.toggle-label-left[data-v-402bbf01],.toggle-label-right[data-v-402bbf01]{font-size:14px;cursor:pointer;transition:color .4s}.toggle-label-left.active[data-v-402bbf01]{color:#4caf50}.toggle-label-right.active[data-v-402bbf01]{color:#2196f3}.display-mode-switch[data-v-402bbf01]{display:flex;gap:10px}.mode-switch button[data-v-402bbf01]{padding:8px 18px;border:2px solid #4caf50;border-radius:25px;background-color:#fff;cursor:pointer;font-size:10px;font-weight:700;color:#4caf50;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.mode-switch button.active[data-v-402bbf01]{background-color:#4caf50;color:#fff;border-color:#4caf50;box-shadow:0 4px 12px rgba(76,175,80,.3);transform:translateY(-2px)}.mode-switch button[data-v-402bbf01]:hover{background-color:#f1f8e9;transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.15)}.mode-switch button.active[data-v-402bbf01]:hover{background-color:#45a049;box-shadow:0 6px 15px rgba(76,175,80,.4)}.passage-display[data-v-402bbf01]{background:transparent;padding:0;box-shadow:none;margin:0 auto;max-width:120%;border-radius:0;width:120%;margin-left:-10%;margin-right:-10%}.passage-content[data-v-402bbf01]{display:block;line-height:2;font-size:20px!important;white-space:pre-wrap;text-align:left;word-break:break-word;overflow-wrap:normal;hyphens:none;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;width:100%;box-sizing:border-box}.word-translation-popup[data-v-402bbf01]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:15px;border-radius:12px;background-color:#e3f2fd;border:1px solid #bbdefb;box-shadow:0 2px 8px rgba(33,150,243,.1);z-index:2000;min-width:250px;max-width:400px;width:80%;animation:fadeIn-402bbf01 .3s ease}@keyframes fadeIn-402bbf01{0%{opacity:0;transform:translate(-50%,-55%)}to{opacity:1;transform:translate(-50%,-50%)}}.word-translation-popup-overlay[data-v-402bbf01]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:1999;backdrop-filter:blur(2px)}.word-translation-popup .popup-header[data-v-402bbf01]{margin-bottom:10px;padding-bottom:5px;border-bottom:2px solid #bbdefb}.word-translation-popup .popup-header h4[data-v-402bbf01]{margin:0 0 0 0;font-size:16px;color:#1976d2;font-weight:400;text-align:center}.word-translation-popup .close-btn[data-v-402bbf01]{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;position:absolute;right:15px;top:15px}.word-translation-popup .close-btn[data-v-402bbf01]:hover{background-color:#f0f0f0;color:#333}.word-translation-popup .popup-body[data-v-402bbf01]{padding:0}.word-translation-popup .translation-content[data-v-402bbf01]{font-size:15px;line-height:1.6}.word-translation-popup .translation-word[data-v-402bbf01]{font-weight:700;font-size:18px;color:#1976d2;margin-bottom:5px}.word-translation-popup .translation-word-container[data-v-402bbf01]{display:flex;align-items:center;gap:10px;margin-bottom:5px}.word-translation-popup .play-pronunciation-btn[data-v-402bbf01]{background-color:#4caf50;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.word-translation-popup .play-pronunciation-btn[data-v-402bbf01]:hover{background-color:#45a049;transform:scale(1.1)}.word-translation-popup .play-pronunciation-btn[data-v-402bbf01]:active{transform:scale(.95)}.word-translation-popup .play-pronunciation-btn[data-v-402bbf01]:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.word-translation-popup .play-pronunciation-btn .play-icon[data-v-402bbf01]{width:20px;height:20px;display:block}.word-translation-popup .play-pronunciation-btn span[data-v-402bbf01]{font-size:12px;color:#fff}.word-translation-popup .translation-phonetic[data-v-402bbf01]{color:#666;font-family:monospace;margin-bottom:10px;font-size:14px}.word-translation-popup .translation-text[data-v-402bbf01]{color:#333;margin-bottom:10px}.passage-display[data-v-402bbf01]{position:relative;overflow:visible}.passage-content .word-item[data-v-402bbf01]{margin-right:1px;margin-bottom:1px;padding:2px 4px;transition:all .2s ease;display:inline-block;cursor:pointer;position:relative;z-index:1;background:transparent;border-radius:0;word-break:break-word;overflow-wrap:normal;hyphens:none;white-space:nowrap;-moz-column-break-inside:avoid;break-inside:avoid;-moz-column-break-after:auto;break-after:auto;-moz-column-break-before:auto;break-before:auto;max-width:100%;box-sizing:border-box;font-size:20.8px!important}.word-item.active-sentence[data-v-402bbf01]{background-color:#fff9c4!important;box-shadow:0 2px 8px rgba(255,235,59,.3)!important;padding:2px 4px!important;margin:0 1px!important;border-radius:4px!important;font-weight:400!important}.word-item[data-v-402bbf01]:hover{background:transparent!important;text-decoration:underline!important;text-decoration-color:#2196f3!important;text-decoration-thickness:2px!important;transform:none!important;box-shadow:none!important;z-index:2!important}.word-item.active-word[data-v-402bbf01]{background-color:#81c784!important;color:#fff!important;font-weight:400!important;box-shadow:0 2px 8px rgba(76,175,80,.4)!important;padding:2px 4px!important;margin:0 1px!important;border-radius:4px!important;transform:none!important;z-index:3!important}.sentence-separator[data-v-402bbf01]{margin-right:8px;display:inline}.play-control-area[data-v-402bbf01]{gap:10px;flex-wrap:wrap}.paragraph-controls[data-v-402bbf01]{display:flex;align-items:center;gap:10px;margin-left:20px;padding-left:20px;border-left:1px solid #ddd}.current-paragraph[data-v-402bbf01]{font-weight:700;min-width:60px;text-align:center}.paragraph-nav[data-v-402bbf01]{margin-bottom:20px;padding:15px;background-color:#f5f5f5;border-radius:8px;border:1px solid #ddd}.paragraph-nav h4[data-v-402bbf01]{margin-top:0;margin-bottom:10px;color:#333}.paragraph-list[data-v-402bbf01]{display:flex;flex-wrap:wrap;gap:10px}.paragraph-nav-item[data-v-402bbf01]{padding:8px 16px;border:1px solid #ddd;border-radius:20px;background-color:#fff;cursor:pointer;transition:all .3s ease;font-size:14px}.paragraph-nav-item[data-v-402bbf01]:hover{background-color:#e3f2fd;border-color:#2196f3}.paragraph-nav-item.active[data-v-402bbf01]{background-color:#2196f3;color:#fff;border-color:#2196f3}.paragraph-section[data-v-402bbf01]{margin-bottom:30px;padding:20px;background-color:#f9f9f9;border-radius:8px;border:1px solid #eee;transition:all .3s ease}.paragraph-section[data-v-402bbf01]:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.paragraph-section.active[data-v-402bbf01]{border-color:#2196f3;box-shadow:0 2px 8px rgba(33,150,243,.2);background-color:#f3f7ff}.paragraph-title[data-v-402bbf01]{margin-top:0;margin-bottom:15px;color:#333;font-size:16px;border-bottom:2px solid #2196f3;padding-bottom:8px;display:inline-block}.paragraph-content[data-v-402bbf01]{line-height:1.6;font-size:20.8px!important}.passage-content .paragraph-section[data-v-402bbf01]{display:block}.passage-content .paragraph-content[data-v-402bbf01]{display:block;font-size:20.8px!important}.main-content[data-v-402bbf01]{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:20px;margin-bottom:20px;min-height:500px;max-height:calc(100vh - 240px);height:calc(100vh - 240px);overflow:hidden}.transcription-text-area[data-v-402bbf01]{background-color:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.08);display:flex;flex-direction:column;height:100%;overflow:hidden;border:3px solid #2196f3;background:linear-gradient(135deg,#fff,#e3f2fd)}.transcription-text-area h3[data-v-402bbf01]{margin-top:0;margin-bottom:15px;font-size:20px;color:#2196f3;border-bottom:3px solid #bbdefb;padding-bottom:10px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.sentence-list[data-v-402bbf01]{flex:1;overflow-y:auto;margin-top:10px;padding-right:5px}.sentence-list[data-v-402bbf01]::-webkit-scrollbar{width:8px}.sentence-list[data-v-402bbf01]::-webkit-scrollbar-track{background:#e3f2fd;border-radius:10px}.sentence-list[data-v-402bbf01]::-webkit-scrollbar-thumb{background:#2196f3;border-radius:10px;border:2px solid #e3f2fd}.sentence-item[data-v-402bbf01]{padding:15px;margin-bottom:10px;border-radius:15px;background-color:#f0f8ff;cursor:pointer;transition:all .3s ease;border-left:5px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.05)}.sentence-item[data-v-402bbf01]:hover{background-color:#bbdefb;border-left-color:#2196f3;transform:translateX(5px);box-shadow:0 4px 12px rgba(33,150,243,.2)}.sentence-item.active[data-v-402bbf01]{background-color:#e8f5e9;border-left-color:#4caf50;box-shadow:0 4px 15px rgba(76,175,80,.2);transform:translateX(5px)}.sentence-text[data-v-402bbf01]{font-size:15px;line-height:1.6;color:#333;margin-bottom:5px;font-weight:500}.sentence-time[data-v-402bbf01]{font-size:13px;color:#666;font-family:monospace;background-color:rgba(33,150,243,.1);padding:2px 6px;border-radius:10px}.play-content-area[data-v-402bbf01]{background-color:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.08);display:flex;flex-direction:column;height:100%;overflow:hidden;border:3px solid #4caf50;background:linear-gradient(135deg,#fff,#f1f8e9)}.play-content-header[data-v-402bbf01]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:3px solid #c8e6c9;padding-bottom:10px}.play-content-header h3[data-v-402bbf01]{margin:0;font-size:20px;color:#4caf50;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.refresh-btn[data-v-402bbf01]{padding:6px 12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease}.refresh-btn[data-v-402bbf01]:hover{background-color:#45a049;box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.refresh-btn[data-v-402bbf01]:active{background-color:#3d8b40;transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.content-display[data-v-402bbf01]{flex:1;display:flex;align-items:flex-start;padding:30px;background-color:#fff;border-radius:15px;overflow-y:auto;margin-top:10px;box-shadow:inset 0 2px 8px rgba(0,0,0,.05)}.content-display[data-v-402bbf01]::-webkit-scrollbar{width:8px}.content-display[data-v-402bbf01]::-webkit-scrollbar-track{background:#f1f8e9;border-radius:10px}.content-display[data-v-402bbf01]::-webkit-scrollbar-thumb{background:#4caf50;border-radius:10px;border:2px solid #f1f8e9}.single-sentence[data-v-402bbf01]{width:100%;text-align:center}.highlighted-text[data-v-402bbf01]{font-size:28px;font-weight:700;line-height:2;color:#333;padding:30px;background-color:#fff9c4;border-radius:20px;box-shadow:0 6px 20px rgba(0,0,0,.1);border:3px solid #ffeb3b;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.words-display[data-v-402bbf01]{margin-top:20px;padding:15px;border-radius:12px;background-color:#f1f8e9;border:1px solid #c8e6c9;width:100%;box-sizing:border-box;word-wrap:break-word;box-shadow:0 2px 8px rgba(76,175,80,.1)}.words-display .word-item[data-v-402bbf01]{font-size:20px;color:#2e7d32;margin-right:4px;margin-bottom:4px;padding:4px 8px;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:inline-block;white-space:normal;word-break:break-word;background-color:#fff;box-shadow:0 2px 4px rgba(76,175,80,.1)}.words-display .word-item[data-v-402bbf01]:hover{background-color:#c8e6c9;color:#1b5e20;transform:translateY(-1px)}.words-display .active-word[data-v-402bbf01]{font-size:18px;font-weight:700;color:#1b5e20;background-color:#81c784;box-shadow:0 4px 12px rgba(76,175,80,.4);transform:translateY(-1px)}.translation-display[data-v-402bbf01]{margin-top:20px;padding:15px;border-radius:12px;background-color:#e3f2fd;border:1px solid #bbdefb;box-shadow:0 2px 8px rgba(33,150,243,.1)}.translation-display h4[data-v-402bbf01]{margin:0 0 10px 0;font-size:16px;color:#1976d2;border-bottom:2px solid #bbdefb;padding-bottom:5px}.translation-content[data-v-402bbf01]{font-size:15px;line-height:1.6}.translation-word[data-v-402bbf01]{font-weight:700;font-size:18px;color:#1976d2;margin-bottom:5px}.translation-display .translation-word-container[data-v-402bbf01]{display:flex;align-items:center;gap:10px;margin-bottom:5px}.translation-display .play-pronunciation-btn[data-v-402bbf01]{background-color:#4caf50;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.translation-display .play-pronunciation-btn[data-v-402bbf01]:hover{background-color:#45a049;transform:scale(1.1)}.translation-display .play-pronunciation-btn[data-v-402bbf01]:active{transform:scale(.95)}.translation-display .play-pronunciation-btn[data-v-402bbf01]:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.translation-display .play-pronunciation-btn .play-icon[data-v-402bbf01]{width:20px;height:20px;display:block}.translation-display .play-pronunciation-btn span[data-v-402bbf01]{font-size:12px;color:#fff}.translation-phonetic[data-v-402bbf01]{color:#666;font-family:monospace;margin-bottom:10px;font-size:14px}.translation-text[data-v-402bbf01]{color:#333;margin-bottom:10px}.translation-definition[data-v-402bbf01]{color:#555;font-style:italic;border-left:3px solid #bbdefb;padding-left:10px;background-color:rgba(187,222,251,.3);padding:8px 10px;border-radius:0 8px 8px 0}.full-text[data-v-402bbf01]{width:100%;padding:20px;background-color:#fff;border-radius:15px}.text-line[data-v-402bbf01]{font-size:18px;line-height:2;margin-bottom:15px;padding:15px;border-radius:12px;transition:all .3s ease;background-color:#f9fbe7;border-left:5px solid transparent}.text-line.active[data-v-402bbf01]{background-color:#fff9c4;color:#4caf50;font-weight:700;border-left-color:#ffeb3b;box-shadow:0 4px 12px rgba(255,235,59,.3);transform:translateX(5px)}.empty-content[data-v-402bbf01]{font-size:22px;color:#999;text-align:center;background-color:#f5f5f5;padding:40px;border-radius:20px;border:2px dashed #ddd}.audio-files-area[data-v-402bbf01]{background-color:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.08);display:flex;flex-direction:column;height:100%;overflow:hidden;border:3px solid #ff9800;background:linear-gradient(135deg,#fff,#fff3e0)}.audio-files-area h3[data-v-402bbf01]{margin-top:0;margin-bottom:15px;font-size:20px;color:#ff9800;border-bottom:3px solid #ffe0b2;padding-bottom:10px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.category-selector[data-v-402bbf01]{margin-bottom:15px}.category-selector select[data-v-402bbf01]{width:100%;padding:12px;border:3px solid #ffcc80;border-radius:15px;font-size:15px;background-color:#fff;color:#ff9800;font-weight:500;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease}.category-selector select[data-v-402bbf01]:hover{border-color:#ff9800;box-shadow:0 4px 12px rgba(255,152,0,.15)}.files-list[data-v-402bbf01]{flex:1;overflow-y:auto;margin-top:10px;padding-right:5px}.files-list[data-v-402bbf01]::-webkit-scrollbar{width:8px}.files-list[data-v-402bbf01]::-webkit-scrollbar-track{background:#fff3e0;border-radius:10px}.files-list[data-v-402bbf01]::-webkit-scrollbar-thumb{background:#ff9800;border-radius:10px;border:2px solid #fff3e0}.file-item[data-v-402bbf01]{padding:15px;margin-bottom:10px;border-radius:15px;background-color:#fff8e1;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;border-left:5px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.05)}.file-item[data-v-402bbf01]:hover{background-color:#ffe0b2;border-left-color:#ff9800;transform:translateX(5px);box-shadow:0 4px 12px rgba(255,152,0,.2)}.file-item.active[data-v-402bbf01]{background-color:#e8f5e9;border-left-color:#4caf50;box-shadow:0 4px 15px rgba(76,175,80,.2);transform:translateX(5px)}.file-name[data-v-402bbf01]{font-size:15px;color:#333;flex:1;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.file-status[data-v-402bbf01]{padding:6px 12px;border-radius:15px;font-size:13px;font-weight:700;box-shadow:0 2px 5px rgba(0,0,0,.1)}.file-status.completed[data-v-402bbf01]{background-color:#e8f5e9;color:#4caf50}.file-status.transcribing[data-v-402bbf01]{background-color:#fff3e0;color:#ff9800}.play-control-area[data-v-402bbf01]{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:20px;padding:12.5px 20px;background:linear-gradient(135deg,#4caf50,#2196f3);border-radius:20px 20px 0 0;box-shadow:0 -4px 20px rgba(0,0,0,.15);z-index:1000}.play-mode-toggle[data-v-402bbf01]{display:flex;align-items:center;gap:10px;margin-right:20px;padding-right:20px;border-right:1px solid hsla(0,0%,100%,.3)}.mode-label[data-v-402bbf01]{font-size:14px;font-weight:700;color:hsla(0,0%,100%,.7);transition:color .3s ease;min-width:60px;text-align:center}.mode-label.active[data-v-402bbf01]{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.switch[data-v-402bbf01]{position:relative;display:inline-block;width:60px;height:34px}.switch input[data-v-402bbf01]{opacity:0;width:0;height:0}.slider[data-v-402bbf01]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.3);transition:.4s;border-radius:34px;border:2px solid hsla(0,0%,100%,.5)}.slider[data-v-402bbf01]:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}input:checked+.slider[data-v-402bbf01]{background-color:rgba(255,235,59,.8);border-color:#ffeb3b}input:checked+.slider[data-v-402bbf01]:before{transform:translateX(26px)}.play-control-area>div[data-v-402bbf01]{display:flex;align-items:center;gap:10px}.play-control-area>div>button[data-v-402bbf01]{flex-shrink:0}.play-control-area button[data-v-402bbf01]{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:25px;background-color:hsla(0,0%,100%,.2);color:#fff;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);border:3px solid hsla(0,0%,100%,.3);font-weight:700;backdrop-filter:blur(10px)}.play-control-area button[data-v-402bbf01]:hover:not(:disabled){background-color:hsla(0,0%,100%,.3);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.5)}.play-control-area button[data-v-402bbf01]:disabled{background-color:hsla(0,0%,100%,.1);cursor:not-allowed;border-color:hsla(0,0%,100%,.2);box-shadow:0 2px 8px rgba(0,0,0,.1)}.play-control-area .icon[data-v-402bbf01]{font-size:18px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.progress-info[data-v-402bbf01]{flex:1;display:flex;align-items:center;gap:15px;font-size:14px;color:#fff;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.progress-bar-container[data-v-402bbf01]{flex:1;height:6px;background-color:hsla(0,0%,100%,.2);border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:inset 0 2px 6px rgba(0,0,0,.15)}.progress-bar[data-v-402bbf01]{width:100%;height:100%;position:relative;cursor:pointer}.progress-fill[data-v-402bbf01]{height:100%;background:linear-gradient(90deg,#ffeb3b,#ffc107);border-radius:10px;position:relative;transition:width .1s ease;box-shadow:0 2px 6px rgba(255,235,59,.4)}.progress-handle[data-v-402bbf01]{position:absolute;width:12px;height:12px;background-color:#ffeb3b;border-radius:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 4px 12px rgba(255,235,59,.6);border:2px solid #fff;transition:all .2s ease;z-index:10}.progress-handle[data-v-402bbf01]:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 6px 16px rgba(255,235,59,.8)}@media (max-width:992px){.main-content[data-v-402bbf01]{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.audio-files-area[data-v-402bbf01]{grid-column:1/-1}}@media (max-width:768px){.main-content[data-v-402bbf01]{grid-template-columns:1fr}.file-title-area[data-v-402bbf01]{flex-direction:column;gap:15px;align-items:flex-start}.play-control-area[data-v-402bbf01]{flex-direction:column;gap:10px}.progress-info[data-v-402bbf01]{width:100%;order:-1}}.practiceroom-container[data-v-45d12911]{width:100%;height:100vh;padding:0;margin:0;overflow:hidden;background-color:#f0f2f5;position:relative}.practiceroom-container[data-v-45d12911] .audio-player-container{width:100%;height:100%;max-width:none;border-radius:0;box-shadow:none;padding:20px;box-sizing:border-box}.practiceroom-container[data-v-45d12911] .main-content{grid-template-columns:.6fr 2.2fr 1fr;max-height:calc(100vh - 200px);height:calc(100vh - 200px);box-sizing:border-box}.practiceroom-container[data-v-45d12911] .audio-files-area{overflow:hidden;box-sizing:border-box}.practiceroom-container[data-v-45d12911] .file-item{padding:10px;font-size:14px;box-sizing:border-box}.practiceroom-container[data-v-45d12911] .file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.practiceroom-container[data-v-45d12911] .play-content-area{overflow-y:hidden;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;box-sizing:border-box;position:relative;flex:1;padding-left:60px;scrollbar-width:none;-ms-overflow-style:none}.practiceroom-container[data-v-45d12911] .play-content-area::-webkit-scrollbar{display:none}.practiceroom-container[data-v-45d12911] .paragraph-nav{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:auto;max-width:none;margin:0;padding:8px;background-color:hsla(0,0%,96%,.95);border-radius:6px;border:1px solid #ddd;box-sizing:border-box;z-index:100;box-shadow:0 3px 10px rgba(0,0,0,.1)}.practiceroom-container[data-v-45d12911] .paragraph-list{display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.practiceroom-container[data-v-45d12911] .paragraph-nav-item{width:36px;height:36px;padding:0;font-size:14px;border-radius:50%;border:1px solid #ddd;background-color:#fff;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.practiceroom-container[data-v-45d12911] .paragraph-nav-item:hover{background-color:#e3f2fd;border-color:#2196f3;transform:scale(1.05)}.practiceroom-container[data-v-45d12911] .paragraph-nav-item.active{background-color:#2196f3;color:#fff;border-color:#1976d2}.practiceroom-container[data-v-45d12911] .full-text{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.practiceroom-container[data-v-45d12911] .passage-display{display:flex;flex-direction:column;position:relative;width:100%;height:100%;max-width:none;margin:0;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding-left:30px;scrollbar-width:none;-ms-overflow-style:none}.practiceroom-container[data-v-45d12911] .passage-display::-webkit-scrollbar{display:none}.practiceroom-container[data-v-45d12911] .paragraph-section{width:100%;max-width:95%;margin:0 auto 20px;padding:20px;background-color:#f9f9f9;border-radius:8px;border:1px solid #eee;box-sizing:border-box;display:block;text-align:left}.practiceroom-container[data-v-45d12911] .paragraph-content{line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.practiceroom-container[data-v-45d12911] .word-item{box-sizing:border-box;display:inline-block;margin-right:1px;margin-bottom:1px;padding:2px 4px}.practiceroom-container[data-v-45d12911] .sentence-separator{box-sizing:border-box;display:inline;margin-right:8px}.practiceroom-container[data-v-45d12911] .play-control-area{justify-content:space-between;flex-wrap:nowrap;box-sizing:border-box;padding:10px 0}.practiceroom-container[data-v-45d12911] .progress-info{flex:1;margin-left:20px;box-sizing:border-box}.practiceroom-container[data-v-45d12911] *{box-sizing:border-box}body,html{overflow:hidden;margin:0;padding:0;font-family:Arial,sans-serif}*{box-sizing:border-box}.modal-overlay[data-v-6ce92fed]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-6ce92fed]{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);width:100%;max-width:450px;max-height:90vh;overflow-y:auto;animation:slide-in-6ce92fed .3s ease-out;position:relative;z-index:1001;transform:translateX(300px)}@keyframes slide-in-6ce92fed{0%{opacity:0;transform:translateX(600px) scale(.95)}to{opacity:1;transform:translateX(300px) scale(1)}}.modal-header[data-v-6ce92fed]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eee}.modal-header h2[data-v-6ce92fed]{margin:0;color:#333;font-size:20px}.close-btn[data-v-6ce92fed]{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-btn[data-v-6ce92fed]:hover{background-color:#f5f5f5}.modal-content[data-v-6ce92fed]{padding:25px}.form-group[data-v-6ce92fed]{margin-bottom:20px}.form-group label[data-v-6ce92fed]{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:14px}.form-group input[data-v-6ce92fed]{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box;transition:border-color .2s}.form-group input[data-v-6ce92fed]:focus{outline:none;border-color:#2196f3}.error-message[data-v-6ce92fed]{color:#f44336;margin-bottom:15px;padding:12px;background-color:#ffebee;border-radius:4px;font-size:14px}.auth-btn[data-v-6ce92fed]{width:100%;padding:12px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.auth-btn[data-v-6ce92fed]:hover:not(:disabled){background-color:#1976d2}.auth-btn[data-v-6ce92fed]:disabled{background-color:#ccc;cursor:not-allowed}.switch-link[data-v-6ce92fed]{margin-top:15px;text-align:center;font-size:14px}.switch-link a[data-v-6ce92fed]{color:#2196f3;text-decoration:none;font-weight:500}.switch-link a[data-v-6ce92fed]:hover{text-decoration:underline}@media (max-width:1024px){.modal-container[data-v-6ce92fed]{transform:translateX(200px)}}@media (max-width:768px){.modal-container[data-v-6ce92fed]{transform:translateX(100px)}}@media (max-width:480px){.modal-container[data-v-6ce92fed]{margin:20px;max-width:none;transform:translateX(0)}.modal-content[data-v-6ce92fed]{padding:20px}}@media (max-width:1024px){@keyframes slide-in-6ce92fed{0%{opacity:0;transform:translateX(500px) scale(.95)}to{opacity:1;transform:translateX(200px) scale(1)}}}@media (max-width:768px){@keyframes slide-in-6ce92fed{0%{opacity:0;transform:translateX(400px) scale(.95)}to{opacity:1;transform:translateX(100px) scale(1)}}}@media (max-width:480px){@keyframes slide-in-6ce92fed{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}}.login-container[data-v-2539b3f0]{min-height:100vh;display:flex;flex-direction:column;position:relative}.app-branding-container[data-v-2539b3f0]{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#81c784,#64b5f6);z-index:900;display:flex;justify-content:flex-start;align-items:center;padding-left:5%}.app-branding[data-v-2539b3f0]{text-align:left;color:#fff;z-index:901;opacity:1;max-width:400px}.app-logo[data-v-2539b3f0]{margin-bottom:1rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));animation:pulse-2539b3f0 2s infinite;display:inline-block}.app-logo img[data-v-2539b3f0]{width:150px;height:150px;-o-object-fit:contain;object-fit:contain}.app-branding-name[data-v-2539b3f0]{font-size:3.5rem;font-weight:700;margin-bottom:.8rem;text-shadow:2px 2px 6px rgba(0,0,0,.5);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-branding-slogan[data-v-2539b3f0]{font-size:1.5rem;opacity:1;text-shadow:1px 1px 4px rgba(0,0,0,.5);line-height:1.3}@keyframes pulse-2539b3f0{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.home-page[data-v-2436462d]{position:relative;width:100%;height:auto;box-sizing:border-box}.home-page .hero[data-v-2436462d]{background:linear-gradient(135deg,#4caf50,#2196f3)!important;color:#fff!important;padding:60px 0 40px!important;text-align:center!important;width:100%!important;box-shadow:0 2px 10px rgba(0,0,0,.1)!important;margin:-80px 0 0 0!important;position:relative!important;z-index:1!important}.home-page .hero-main[data-v-2436462d]{display:flex!important;align-items:center!important;justify-content:center!important;gap:40px!important;margin:0 auto!important;padding:0 20px!important}.home-page .hero-content[data-v-2436462d]{flex:1!important;text-align:center!important;max-width:1000px!important}.home-page .hero-pricing[data-v-2436462d]{flex:0 0 400px!important}.home-page .hero-title[data-v-2436462d]{font-size:3rem!important;font-weight:700!important;margin-bottom:1rem!important;text-shadow:2px 2px 6px rgba(0,0,0,.3)!important}.home-page .hero-subtitle[data-v-2436462d]{font-size:1.4rem!important;margin-bottom:1.5rem!important;opacity:.95!important}.features[data-v-2436462d]{padding:80px 0;background-color:#f5f5f5}.container[data-v-2436462d]{max-width:1200px;margin:0 auto;padding:0 20px}.section-title[data-v-2436462d]{font-size:3rem;text-align:center;margin-bottom:60px;color:#333}.feature-detail[data-v-2436462d]{display:flex;align-items:center;gap:60px;background:#fff;padding:50px;border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.1);margin-bottom:50px;transition:transform .3s,box-shadow .3s}.feature-detail[data-v-2436462d]:hover{transform:translateY(-5px);box-shadow:0 12px 35px rgba(0,0,0,.15)}.feature-detail.reverse[data-v-2436462d]{flex-direction:row-reverse}.feature-media[data-v-2436462d]{flex:0 0 300px;display:flex;justify-content:center;align-items:center}.feature-icon-large[data-v-2436462d]{font-size:12rem;opacity:.9}.feature-content[data-v-2436462d]{flex:1}.feature-content h3[data-v-2436462d]{font-size:2.5rem;margin-bottom:20px;color:#333;display:flex;align-items:center;gap:15px}.feature-cta[data-v-2436462d]{margin-top:30px}.feature-link[data-v-2436462d]{display:inline-block;padding:12px 24px;background-color:#4caf50;color:#fff;text-decoration:none;border-radius:4px;font-size:1.1rem;font-weight:700;transition:all .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.1)}.feature-link[data-v-2436462d]:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.15);text-decoration:none;color:#fff}.feature-description[data-v-2436462d]{font-size:1.2rem;color:#666;line-height:1.8;margin-bottom:30px}.feature-highlights[data-v-2436462d]{list-style:none;padding:0;margin:0}.feature-highlights li[data-v-2436462d]{font-size:1.1rem;color:#555;margin-bottom:15px;line-height:1.7;display:flex;align-items:flex-start;gap:12px}.feature-highlights li[data-v-2436462d]:before{content:"";flex-shrink:0}.pricing-card[data-v-2436462d]{max-width:400px;margin:0 auto;background:linear-gradient(135deg,#4caf50,#2196f3);color:#fff;padding:25px;border-radius:15px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.2)}.pricing-badge[data-v-2436462d]{display:inline-block;background:hsla(0,0%,100%,.3);padding:6px 15px;border-radius:20px;font-size:.8rem;font-weight:700;margin-bottom:15px}.pricing-icon[data-v-2436462d]{font-size:3rem;margin-bottom:15px}.pricing-title[data-v-2436462d]{font-size:1.8rem;margin-bottom:8px}.pricing-description[data-v-2436462d]{font-size:1rem;margin-bottom:20px;opacity:.95}.pricing-features[data-v-2436462d]{list-style:none;margin:0 auto 20px;padding:0;text-align:left;max-width:85%}.pricing-features li[data-v-2436462d]{padding:8px 0;font-size:1rem}.primary-btn[data-v-2436462d]{padding:12px 30px;background-color:#fff;color:#2196f3;border:none;border-radius:4px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .3s,transform .3s;box-shadow:0 4px 10px rgba(0,0,0,.1)}.primary-btn[data-v-2436462d]:hover{background-color:#f5f5f5;transform:translateY(-2px)}.quick-nav[data-v-2436462d]{display:flex;justify-content:center;gap:30px;margin-top:40px;flex-wrap:wrap}.quick-nav-link[data-v-2436462d]{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background-color:hsla(0,0%,100%,.2);border-radius:15px;text-decoration:none;color:#fff;transition:all .3s ease;backdrop-filter:blur(10px);min-width:120px}.quick-nav-link[data-v-2436462d]:hover{background-color:hsla(0,0%,100%,.3);transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.nav-icon[data-v-2436462d]{font-size:2.5rem}.nav-text[data-v-2436462d]{font-size:1.1rem;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.3)}@media (max-width:1024px){.hero-main[data-v-2436462d]{flex-direction:column;text-align:center}.hero-content[data-v-2436462d]{text-align:center;margin-bottom:40px}.hero-pricing[data-v-2436462d]{flex:0 0 auto}.feature-detail.reverse[data-v-2436462d],.feature-detail[data-v-2436462d]{flex-direction:column;text-align:center}.feature-media[data-v-2436462d]{flex:0 0 auto}.feature-icon-large[data-v-2436462d]{font-size:10rem}.feature-content h3[data-v-2436462d]{justify-content:center}}@media (max-width:768px){.hero-title[data-v-2436462d]{font-size:3rem}.hero-subtitle[data-v-2436462d]{font-size:1.5rem}.section-title[data-v-2436462d]{font-size:2.2rem}.feature-icon-large[data-v-2436462d]{font-size:8rem}.feature-detail[data-v-2436462d]{padding:30px 20px}.feature-content h3[data-v-2436462d]{font-size:2rem}.pricing-card[data-v-2436462d]{padding:30px 20px}.pricing-title[data-v-2436462d]{font-size:2rem}}.footer-section[data-v-2436462d]{background-color:#333;color:#fff;padding:40px 0 20px;margin-top:80px;border-top:4px solid #4caf50}.footer-content[data-v-2436462d]{max-width:1200px;margin:0 auto;padding:0 20px}.footer-links[data-v-2436462d]{display:flex;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.footer-link[data-v-2436462d]{color:hsla(0,0%,100%,.8);text-decoration:none;font-size:1rem;transition:all .3s ease;position:relative;padding:5px 0}.footer-link[data-v-2436462d]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#4caf50;transition:width .3s ease}.footer-link[data-v-2436462d]:hover{color:#fff;transform:translateY(-2px)}.footer-link[data-v-2436462d]:hover:after{width:100%}.beian-info[data-v-2436462d]{text-align:center;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.1)}.beian-items[data-v-2436462d]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:15px}.beian-item[data-v-2436462d]{color:hsla(0,0%,100%,.7);text-decoration:none;font-size:.9rem;transition:color .3s ease}.beian-item[data-v-2436462d]:hover{color:#fff;text-decoration:underline}.copyright[data-v-2436462d]{color:hsla(0,0%,100%,.5);font-size:.85rem;margin-top:15px}@media (max-width:768px){.footer-links[data-v-2436462d]{gap:20px;flex-direction:column;align-items:center}.beian-items[data-v-2436462d]{gap:15px;flex-direction:column;align-items:center}.footer-link[data-v-2436462d]{font-size:.95rem}.beian-item[data-v-2436462d]{font-size:.85rem}}.customer-service-float[data-v-2436462d]{position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:1000;animation:fadeIn-2436462d .5s ease}.cs-float-content[data-v-2436462d]{background:linear-gradient(135deg,#fff,#fafafa);border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.2);padding:20px;width:220px;border:3px solid #bbdefb;transition:all .3s ease}.cs-float-content[data-v-2436462d]:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.25)}.cs-header[data-v-2436462d]{text-align:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #bbdefb}.cs-header h4[data-v-2436462d]{font-size:16px;font-weight:700;color:#2196f3;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.05)}.cs-qr-code[data-v-2436462d]{display:flex;justify-content:center;margin-bottom:15px}.qr-code-image[data-v-2436462d]{width:150px;height:150px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease}.qr-code-image[data-v-2436462d]:hover{transform:scale(1.05)}.cs-info[data-v-2436462d]{text-align:center}.cs-info p[data-v-2436462d]{font-size:14px;color:#666;margin:5px 0;line-height:1.4}.cs-wechat-id[data-v-2436462d]{font-weight:700;color:#2196f3!important;margin-top:10px!important}@keyframes fadeIn-2436462d{0%{opacity:0;transform:translateY(-50%) translateX(30px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@media (max-width:768px){.customer-service-float[data-v-2436462d]{right:15px;top:auto;bottom:30px;transform:none}.cs-float-content[data-v-2436462d]{width:200px;padding:15px}.qr-code-image[data-v-2436462d]{width:130px;height:130px}}@media (max-width:480px){.customer-service-float[data-v-2436462d]{right:10px;bottom:20px}.cs-float-content[data-v-2436462d]{width:180px;padding:12px}.qr-code-image[data-v-2436462d]{width:120px;height:120px}.cs-header h4[data-v-2436462d]{font-size:14px}.cs-info p[data-v-2436462d]{font-size:12px}}.course-audio-container[data-v-52e7bb40]{width:100%;margin:0 auto;padding:20px;min-height:75vh;background-color:#f6f6f6;max-width:880px}.breadcrumb[data-v-52e7bb40]{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;color:#666}.breadcrumb-item[data-v-52e7bb40]{color:#2196f3;text-decoration:none;transition:color .3s ease}.breadcrumb-item[data-v-52e7bb40]:hover{color:#1976d2;text-decoration:underline}.breadcrumb-item.active[data-v-52e7bb40]{color:#666;text-decoration:none}.breadcrumb-separator[data-v-52e7bb40]{color:#999}.course-info-section[data-v-52e7bb40]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.08);margin-bottom:20px;border:2px solid #bbdefb}.course-header[data-v-52e7bb40]{display:flex;gap:20px;align-items:flex-start}.course-cover[data-v-52e7bb40]{width:150px;height:150px;border-radius:8px;overflow:hidden;flex-shrink:0}.cover-image[data-v-52e7bb40]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cover-placeholder[data-v-52e7bb40]{width:100%;height:100%;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;border:1px solid #dee2e6}.placeholder-icon[data-v-52e7bb40]{font-size:48px;opacity:.6}.course-details[data-v-52e7bb40]{flex:1}.course-title[data-v-52e7bb40]{font-size:24px;color:#2c3e50;margin:0 0 10px 0;font-weight:700}.course-description[data-v-52e7bb40]{font-size:16px;color:#6c757d;margin:0 0 15px 0;line-height:1.5}.course-meta[data-v-52e7bb40]{display:flex;gap:12px;align-items:center}.category-tag[data-v-52e7bb40]{background-color:#e3f2fd;color:#1976d2}.audio-count[data-v-52e7bb40],.category-tag[data-v-52e7bb40]{padding:6px 12px;border-radius:16px;font-size:14px;font-weight:500}.audio-count[data-v-52e7bb40]{color:#6c757d;background-color:rgba(33,150,243,.1)}.audio-list-section[data-v-52e7bb40]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.08);border:2px solid #bbdefb}.list-header[data-v-52e7bb40]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #bbdefb}.list-title[data-v-52e7bb40]{font-size:20px;color:#2196f3;margin:0;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.05);background:linear-gradient(90deg,#2196f3,#1976d2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sort-options[data-v-52e7bb40]{display:flex;align-items:center;gap:8px;background-color:#f8f9fa;padding:8px 14px;border-radius:16px;box-shadow:0 2px 4px rgba(0,0,0,.06)}.sort-label[data-v-52e7bb40]{font-size:12px;color:#666;font-weight:500}.sort-select[data-v-52e7bb40]{padding:6px 10px;border:1px solid #bbdefb;border-radius:8px;font-size:12px;background-color:#fff;cursor:pointer;transition:all .3s ease;outline:none}.sort-select[data-v-52e7bb40]:focus{border-color:#2196f3;box-shadow:0 0 0 3px rgba(33,150,243,.1)}.sort-select[data-v-52e7bb40]:hover{border-color:#64b5f6}.audio-list-content[data-v-52e7bb40]{overflow-y:auto;max-height:600px;scrollbar-width:thin;scrollbar-color:#bbdefb #f8f9fa}.audio-list-content[data-v-52e7bb40]::-webkit-scrollbar{width:8px}.audio-list-content[data-v-52e7bb40]::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.audio-list-content[data-v-52e7bb40]::-webkit-scrollbar-thumb{background:#bbdefb;border-radius:4px}.audio-list-content[data-v-52e7bb40]::-webkit-scrollbar-thumb:hover{background:#90caf9}.audio-files-list[data-v-52e7bb40]{display:flex;flex-direction:column;gap:16px;padding:10px 0}.audio-file-card[data-v-52e7bb40]{background-color:#f8f9fa;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease;border:1px solid #e3f2fd;display:flex;gap:16px;cursor:pointer}.audio-cover[data-v-52e7bb40]{width:120px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;box-sizing:border-box;border:1px solid #e3f2fd}.audio-cover .cover-image[data-v-52e7bb40]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;margin:0;padding:0;border:none;box-sizing:border-box}.audio-cover .cover-placeholder[data-v-52e7bb40]{width:100%;height:100%;background-color:#e3f2fd;display:flex;align-items:center;justify-content:center;border:1px solid #bbdefb}.audio-cover .placeholder-icon[data-v-52e7bb40]{font-size:24px;opacity:.6;color:#2196f3}.audio-file-card[data-v-52e7bb40]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(33,150,243,.15);border-color:#bbdefb}.audio-file-info[data-v-52e7bb40]{flex:1;display:flex;flex-direction:column;justify-content:space-between}.audio-file-title[data-v-52e7bb40]{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 8px 0;line-height:1.3}.audio-file-description[data-v-52e7bb40]{font-size:14px;color:#6c757d;margin:0 0 10px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.audio-file-meta[data-v-52e7bb40]{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.audio-file-meta-actions[data-v-52e7bb40]{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:10px}.audio-duration[data-v-52e7bb40]{background-color:rgba(33,150,243,.1)}.audio-category[data-v-52e7bb40],.audio-duration[data-v-52e7bb40]{font-size:12px;color:#6c757d;padding:4px 10px;border-radius:12px;font-weight:500}.audio-category[data-v-52e7bb40]{background-color:rgba(76,175,80,.1)}.btn[data-v-52e7bb40]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;outline:none}.btn-primary[data-v-52e7bb40]{background-color:#2196f3;color:#fff;box-shadow:0 2px 4px rgba(33,150,243,.2)}.btn-primary[data-v-52e7bb40]:hover{background-color:#1976d2;transform:translateY(-1px);box-shadow:0 4px 8px rgba(33,150,243,.3)}.btn-secondary[data-v-52e7bb40]{background-color:#6c757d;color:#fff;box-shadow:0 2px 4px hsla(208,7%,46%,.2)}.btn-secondary[data-v-52e7bb40]:hover{background-color:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px hsla(208,7%,46%,.3)}.btn-icon[data-v-52e7bb40]{font-size:16px}.loading-state[data-v-52e7bb40]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner[data-v-52e7bb40]{width:50px;height:50px;border:5px solid #bbdefb;border-top-color:#2196f3;border-radius:50%;animation:spin-52e7bb40 1s linear infinite;margin-bottom:20px;box-shadow:0 0 20px rgba(33,150,243,.15)}@keyframes spin-52e7bb40{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state p[data-v-52e7bb40]{color:#666;font-size:16px;margin:0}.empty-state[data-v-52e7bb40]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background-color:#f8f9fa;border-radius:12px}.empty-icon[data-v-52e7bb40]{font-size:64px;margin-bottom:20px;color:#ff9800;filter:drop-shadow(0 4px 8px rgba(255,152,0,.2))}.empty-state h3[data-v-52e7bb40]{color:#ff9800;font-size:20px;margin-bottom:10px;font-weight:700}.empty-state p[data-v-52e7bb40]{color:#666;font-size:14px;margin:0;line-height:1.6}@media (max-width:1024px){.course-audio-container[data-v-52e7bb40]{max-width:792px}}.pagination-container[data-v-52e7bb40]{margin-top:30px;padding-top:20px;border-top:1px solid #e3f2fd;display:flex;flex-direction:column;align-items:center;gap:15px}.pagination-info[data-v-52e7bb40]{font-size:14px;color:#666;text-align:center}.pagination-controls[data-v-52e7bb40]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.pagination-btn[data-v-52e7bb40]{padding:8px 16px;border:1px solid #bbdefb;border-radius:6px;background-color:#fff;color:#2196f3;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;outline:none}.pagination-btn[data-v-52e7bb40]:hover:not(:disabled){background-color:#e3f2fd;border-color:#2196f3;transform:translateY(-1px)}.pagination-btn[data-v-52e7bb40]:disabled{opacity:.5;cursor:not-allowed}.page-numbers[data-v-52e7bb40]{display:flex;gap:5px}.page-btn[data-v-52e7bb40]{width:36px;height:36px;border:1px solid #bbdefb;border-radius:6px;background-color:#fff;color:#666;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;outline:none}.page-btn[data-v-52e7bb40]:hover:not(.active){border-color:#2196f3;color:#2196f3;background-color:#e3f2fd}.page-btn.active[data-v-52e7bb40]{background-color:#2196f3;color:#fff;border-color:#2196f3;box-shadow:0 2px 4px rgba(33,150,243,.2)}@media (max-width:768px){.course-audio-container[data-v-52e7bb40]{padding:15px;max-width:100%}.course-header[data-v-52e7bb40]{flex-direction:column;align-items:flex-start;gap:15px}.course-cover[data-v-52e7bb40]{width:100%;height:200px}.audio-file-card[data-v-52e7bb40]{flex-direction:column;align-items:flex-start}.audio-cover[data-v-52e7bb40]{width:100%;height:160px}.breadcrumb[data-v-52e7bb40]{font-size:12px}.course-title[data-v-52e7bb40]{font-size:20px}.course-description[data-v-52e7bb40]{font-size:14px}.list-title[data-v-52e7bb40]{font-size:18px}.sort-options[data-v-52e7bb40]{flex-direction:column;align-items:flex-start;gap:8px}.pagination-controls[data-v-52e7bb40]{gap:8px}.pagination-btn[data-v-52e7bb40]{padding:6px 12px;font-size:12px}.page-btn[data-v-52e7bb40]{width:32px;height:32px;font-size:12px}}.audio-detail-container[data-v-32aff1a8]{width:100%;margin:0 auto;padding:20px;min-height:75vh;background-color:#f6f6f6;max-width:880px}.breadcrumb[data-v-32aff1a8]{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;color:#666}.breadcrumb-item[data-v-32aff1a8]{color:#177ce3;text-decoration:none;transition:color .3s ease}.breadcrumb-item[data-v-32aff1a8]:hover{color:#0f5cb3;text-decoration:underline}.breadcrumb-item.active[data-v-32aff1a8]{color:#666;text-decoration:none}.breadcrumb-separator[data-v-32aff1a8]{color:#999}.main-content[data-v-32aff1a8]{display:flex;gap:24px;min-height:600px}.audio-detail-main[data-v-32aff1a8]{flex:1;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:24px;border:1px solid #e8e8e8}.course-sidebar[data-v-32aff1a8]{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.audio-info-section[data-v-32aff1a8]{margin-bottom:32px}.audio-title[data-v-32aff1a8]{font-size:24px;color:#1a1a1a;margin:0 0 16px 0;font-weight:600;line-height:1.3}.audio-meta[data-v-32aff1a8]{display:flex;gap:16px;align-items:center;margin-bottom:24px}.audio-duration[data-v-32aff1a8],.course-name[data-v-32aff1a8]{font-size:14px;color:#8590a6;background-color:#f6f6f6;padding:4px 12px;border-radius:12px}.transcription-section[data-v-32aff1a8]{margin-top:32px}.section-title[data-v-32aff1a8]{font-size:18px;color:#1a1a1a;margin:0 0 16px 0;font-weight:600;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.transcription-content[data-v-32aff1a8]{background-color:#f9f9f9;padding:16px;border-radius:6px;border:1px solid #e8e8e8}.transcription-content p[data-v-32aff1a8]{margin:0;line-height:1.6;color:#333}.transcription-item[data-v-32aff1a8]{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e8e8e8}.transcription-item[data-v-32aff1a8]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.transcription-text[data-v-32aff1a8]{font-size:14px;line-height:1.6;color:#333;margin-bottom:8px}.translation-text[data-v-32aff1a8]{font-size:14px;line-height:1.6;color:#646464;font-style:italic;background-color:#f0f0f0;padding:8px 12px;border-radius:4px;margin-top:4px}.transcription-empty[data-v-32aff1a8]{background-color:#f9f9f9;padding:40px 16px;border-radius:6px;border:1px solid #e8e8e8;text-align:center;color:#8590a6}.course-info-card[data-v-32aff1a8]{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:16px;border:1px solid #e8e8e8}.sidebar-title[data-v-32aff1a8]{font-size:16px;color:#1a1a1a;margin:0 0 16px 0;font-weight:600;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.course-cover[data-v-32aff1a8]{width:100%;height:160px;border-radius:6px;overflow:hidden;margin-bottom:12px;border:1px solid #f0f0f0}.cover-image[data-v-32aff1a8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cover-placeholder[data-v-32aff1a8]{width:100%;height:100%;background-color:#f6f6f6;display:flex;align-items:center;justify-content:center;border:1px solid #e8e8e8}.placeholder-icon[data-v-32aff1a8]{font-size:48px;opacity:.4;color:#8590a6}.course-info-card .course-title[data-v-32aff1a8]{font-size:16px;color:#1a1a1a;margin:0 0 8px 0;font-weight:600}.course-description[data-v-32aff1a8]{font-size:14px;color:#646464;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.audio-list-card[data-v-32aff1a8]{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:16px;border:1px solid #e8e8e8}.audio-list[data-v-32aff1a8]{max-height:400px;overflow-y:auto}.audio-item[data-v-32aff1a8]{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:6px;cursor:pointer;transition:all .2s ease;margin-bottom:8px;border:1px solid #f0f0f0}.audio-item[data-v-32aff1a8]:hover{background-color:#f6f6f6;border-color:#e8e8e8}.audio-item.active[data-v-32aff1a8]{background-color:#e6f7ff;border-color:#91d5ff}.audio-item-title[data-v-32aff1a8]{font-size:14px;color:#1a1a1a;flex:1;margin-right:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-item-duration[data-v-32aff1a8]{font-size:12px;color:#8590a6;white-space:nowrap}.btn[data-v-32aff1a8]{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;outline:none}.btn-primary[data-v-32aff1a8]{background-color:#177ce3;color:#fff;box-shadow:0 2px 4px rgba(23,124,227,.2)}.btn-primary[data-v-32aff1a8]:hover{background-color:#0f5cb3;transform:translateY(-1px);box-shadow:0 4px 8px rgba(23,124,227,.3)}.btn-secondary[data-v-32aff1a8]{background-color:#646464;color:#fff;box-shadow:0 2px 4px hsla(0,0%,39%,.2)}.btn-secondary[data-v-32aff1a8]:hover{background-color:#4a4a4a;transform:translateY(-1px);box-shadow:0 4px 8px hsla(0,0%,39%,.3)}.btn-icon[data-v-32aff1a8]{font-size:16px}.loading-state[data-v-32aff1a8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner[data-v-32aff1a8]{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#177ce3;border-radius:50%;animation:spin-32aff1a8 1s linear infinite;margin-bottom:16px}@keyframes spin-32aff1a8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state p[data-v-32aff1a8]{color:#8590a6;font-size:14px;margin:0}.empty-state[data-v-32aff1a8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon[data-v-32aff1a8]{font-size:64px;margin-bottom:16px;color:#8590a6}.empty-state h3[data-v-32aff1a8]{color:#1a1a1a;font-size:18px;margin-bottom:8px;font-weight:600}.empty-state p[data-v-32aff1a8]{color:#8590a6;font-size:14px;margin:0;line-height:1.5}@media (max-width:1024px){.audio-detail-container[data-v-32aff1a8]{max-width:792px}.main-content[data-v-32aff1a8]{flex-direction:column}.course-sidebar[data-v-32aff1a8]{width:100%}.audio-list[data-v-32aff1a8]{max-height:300px}}@media (max-width:768px){.audio-detail-container[data-v-32aff1a8]{padding:15px;max-width:100%}.audio-detail-main[data-v-32aff1a8]{padding:16px}.audio-title[data-v-32aff1a8]{font-size:20px}.section-title[data-v-32aff1a8]{font-size:16px}.course-cover[data-v-32aff1a8]{height:120px}}