.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}}.audio-list[data-v-eb1ced02]{width:100%}.empty-state[data-v-eb1ced02],.loading-state[data-v-eb1ced02]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.empty-icon[data-v-eb1ced02],.loading-icon[data-v-eb1ced02]{font-size:32px;margin-bottom:10px}.audio-items-container[data-v-eb1ced02]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.audio-item[data-v-eb1ced02]{background:linear-gradient(135deg,#fff,#fafafa);border-radius:16px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;height:100%;border:2px solid #f0f0f0}.audio-item[data-v-eb1ced02]:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,.15);border-color:#bbdefb}.audio-cover[data-v-eb1ced02]{width:100%;padding-top:66.67%;overflow:hidden;background:linear-gradient(135deg,#e0e0e0,#bdbdbd)}.cover-image[data-v-eb1ced02]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.audio-item:hover .cover-image[data-v-eb1ced02]{transform:scale(1.05)}.audio-cover[data-v-eb1ced02]{position:relative;cursor:pointer}.cover-overlay[data-v-eb1ced02]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;border-radius:8px 8px 0 0}.audio-cover:hover .cover-overlay[data-v-eb1ced02]{opacity:1}.overlay-text[data-v-eb1ced02]{color:#fff;font-size:16px;font-weight:700;text-align:center;padding:10px;background:rgba(33,150,243,.8);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.transcription-dialog-overlay[data-v-eb1ced02]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-eb1ced02 .3s ease}.transcription-dialog[data-v-eb1ced02]{background:linear-gradient(135deg,#fff,#fafafa);border-radius:16px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 40px rgba(0,0,0,.3);border:3px solid #bbdefb;animation:slideIn-eb1ced02 .3s ease}.dialog-header[data-v-eb1ced02]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #bbdefb;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:13px 13px 0 0}.dialog-header h3[data-v-eb1ced02]{font-size:20px;font-weight:700;color:#2196f3;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.05)}.close-btn[data-v-eb1ced02]{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn[data-v-eb1ced02]:hover{background:#f0f0f0;color:#333;transform:rotate(90deg)}.dialog-content[data-v-eb1ced02]{flex:1;padding:25px;overflow-y:auto;max-height:50vh}.transcription-content h4[data-v-eb1ced02]{font-size:18px;font-weight:700;color:#4caf50;margin:0 0 15px 0;padding-bottom:10px;border-bottom:2px solid #c8e6c9}.transcription-meta[data-v-eb1ced02]{display:flex;gap:15px;margin-bottom:15px;padding:10px 15px;background:rgba(76,175,80,.1);border-radius:8px;font-size:14px;color:#333}.meta-item[data-v-eb1ced02]{display:flex;align-items:center;gap:5px}.related-links[data-v-eb1ced02]{margin-top:20px;padding-top:15px;border-top:2px solid #bbdefb}.related-links h5[data-v-eb1ced02]{font-size:16px;font-weight:700;color:#2196f3;margin:0 0 10px 0}.related-links ul[data-v-eb1ced02]{list-style:none;padding:0;margin:0}.related-links li[data-v-eb1ced02]{margin-bottom:8px}.related-link[data-v-eb1ced02]{color:#2196f3;text-decoration:none;font-size:14px;transition:all .3s ease;display:inline-block;padding:5px 10px;border-radius:6px;background:rgba(33,150,243,.1)}.related-link[data-v-eb1ced02]:hover{color:#1976d2;background:rgba(33,150,243,.2);transform:translateX(5px);text-decoration:underline}.no-transcription-hint[data-v-eb1ced02]{font-size:14px;color:#666;margin-top:10px;font-style:italic}.sentences-list[data-v-eb1ced02]{display:flex;flex-direction:column;gap:15px}.sentence-item[data-v-eb1ced02]{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#fff,#f9f9f9);border-radius:10px;border:2px solid #f0f0f0;transition:all .3s ease}.sentence-item[data-v-eb1ced02]:hover{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50;transform:translateY(-2px);box-shadow:0 4px 12px rgba(76,175,80,.2)}.sentence-index[data-v-eb1ced02]{font-size:16px;font-weight:700;color:#4caf50;min-width:30px;text-align:center;background:rgba(76,175,80,.1);padding:4px 8px;border-radius:6px;flex-shrink:0}.sentence-text[data-v-eb1ced02]{font-size:16px;line-height:1.5;color:#333;flex:1}.no-transcription[data-v-eb1ced02]{text-align:center;padding:40px 20px;color:#666}.no-transcription p[data-v-eb1ced02]{font-size:18px;margin:0}.dialog-footer[data-v-eb1ced02]{display:flex;gap:15px;padding:20px 25px;border-top:2px solid #bbdefb;background:linear-gradient(135deg,#fafafa,#e3f2fd);border-radius:0 0 13px 13px}.join-practice-btn[data-v-eb1ced02]{background:linear-gradient(135deg,#4caf50,#2e7d32)}.join-practice-btn[data-v-eb1ced02]:hover{background:linear-gradient(135deg,#388e3c,#1b5e20)}.join-practice-btn.active[data-v-eb1ced02]{background:linear-gradient(135deg,#9e9e9e,#616161);cursor:default}.join-practice-btn.active[data-v-eb1ced02]:hover{background:linear-gradient(135deg,#9e9e9e,#616161);transform:none;box-shadow:0 4px 12px rgba(33,150,243,.3)}.btn-primary[data-v-eb1ced02]{padding:12px 30px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2196f3,#4caf50);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(33,150,243,.3)}.btn-primary[data-v-eb1ced02]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(33,150,243,.4);background:linear-gradient(135deg,#1976d2,#388e3c)}@keyframes fadeIn-eb1ced02{0%{opacity:0}to{opacity:1}}@keyframes slideIn-eb1ced02{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.transcription-dialog[data-v-eb1ced02]{width:95%;max-height:90vh}.dialog-header[data-v-eb1ced02]{padding:15px 20px}.dialog-header h3[data-v-eb1ced02]{font-size:18px}.dialog-content[data-v-eb1ced02]{padding:20px}.sentence-item[data-v-eb1ced02]{padding:10px 14px}.sentence-text[data-v-eb1ced02]{font-size:14px}.dialog-footer[data-v-eb1ced02]{padding:15px 20px}}.audio-info[data-v-eb1ced02]{padding:15px}.audio-title[data-v-eb1ced02]{font-size:18px;font-weight:700;margin:0 0 10px 0;color:#212121;text-shadow:1px 1px 2px rgba(0,0,0,.05)}.audio-description[data-v-eb1ced02],.audio-title[data-v-eb1ced02]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.audio-description[data-v-eb1ced02]{font-size:14px;color:#666;line-height:1.5;margin:0 0 15px 0;flex:1}.audio-meta[data-v-eb1ced02]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px;font-size:12px;color:#757575;font-weight:500;padding-top:8px;border-top:1px solid #f0f0f0}.meta-label[data-v-eb1ced02]{font-weight:500;color:#666;margin-right:4px}.audio-category[data-v-eb1ced02]{flex:1}.audio-duration[data-v-eb1ced02]{white-space:nowrap}.audio-action[data-v-eb1ced02]{margin-top:15px}.practice-btn[data-v-eb1ced02]{width:100%;padding:12px 20px;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2196f3,#4caf50);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(33,150,243,.3)}.practice-btn[data-v-eb1ced02]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(33,150,243,.4);background:linear-gradient(135deg,#1976d2,#388e3c)}.practice-btn[data-v-eb1ced02]:active{transform:translateY(0)}@media (max-width:768px){.audio-items-container[data-v-eb1ced02]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.audio-info[data-v-eb1ced02]{padding:16px}.audio-title[data-v-eb1ced02]{font-size:18px}.audio-meta[data-v-eb1ced02]{gap:12px;font-size:12px}}.yinwen-hall-container[data-v-4c105e3e]{width:100%;margin:0 auto;padding:10px 20px 20px 20px;min-height:75vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);max-width:1600px}.search-area[data-v-4c105e3e]{margin-bottom:15px}.search-box[data-v-4c105e3e]{display:flex;max-width:100%;margin:0 0 15px 0;position:relative}.search-input[data-v-4c105e3e]{flex:1;padding:16px 55px 16px 25px;border:3px solid #bbdefb;border-radius:35px;font-size:16px;transition:all .3s ease;outline:none;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}.search-input[data-v-4c105e3e]:focus{border-color:#2196f3;box-shadow:0 4px 15px rgba(33,150,243,.2)}.search-btn[data-v-4c105e3e]{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px rgba(33,150,243,.3)}.search-btn[data-v-4c105e3e]:hover{background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-50%) scale(1.1);box-shadow:0 5px 15px rgba(33,150,243,.4)}.main-content[data-v-4c105e3e]{display:flex;flex-direction:column;gap:20px;min-height:600px;margin-top:5px}.categories-horizontal[data-v-4c105e3e]{width:100%;background:linear-gradient(135deg,#fff,#f1f8e9);border-radius:20px;padding:8px 15px;box-shadow:0 4px 15px rgba(0,0,0,.08);border:3px solid #c8e6c9}.section-title[data-v-4c105e3e]{font-size:20px;color:#4caf50;margin:0 0 20px 0;padding-bottom:12px;border-bottom:3px solid #c8e6c9;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.05);flex-shrink:0}.categories-scroll-container[data-v-4c105e3e]{display:flex;gap:8px;overflow-x:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:#c8e6c9 #f1f8e9}.categories-scroll-container[data-v-4c105e3e]::-webkit-scrollbar{height:6px}.categories-scroll-container[data-v-4c105e3e]::-webkit-scrollbar-track{background:#f1f8e9;border-radius:4px}.categories-scroll-container[data-v-4c105e3e]::-webkit-scrollbar-thumb{background:#c8e6c9;border-radius:4px}.categories-scroll-container[data-v-4c105e3e]::-webkit-scrollbar-thumb:hover{background:#a5d6a7}.category-item[data-v-4c105e3e]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:6px 12px;min-width:100px;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:14px;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.05);flex-shrink:0;white-space:nowrap}.category-item[data-v-4c105e3e]:hover{background-color:#e8f5e9;border:2px solid #4caf50;transform:translateY(-2px);box-shadow:0 4px 10px rgba(76,175,80,.2)}.category-item.active[data-v-4c105e3e]{background-color:#e8f5e9;color:#4caf50;font-weight:500;border:2px solid #4caf50;box-shadow:0 4px 12px rgba(76,175,80,.2)}.category-name[data-v-4c105e3e]{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-count[data-v-4c105e3e]{font-size:12px;color:#666;background-color:rgba(76,175,80,.1);padding:2px 8px;border-radius:10px;flex-shrink:0;font-weight:500}.category-item.active .category-count[data-v-4c105e3e]{background-color:rgba(76,175,80,.2);color:#4caf50}.audio-list-section[data-v-4c105e3e]{flex:1;background:linear-gradient(135deg,#fff,#e3f2fd);border-radius:20px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.08);border:3px solid #bbdefb;height:calc(100vh - 300px);display:flex;flex-direction:column}.list-header[data-v-4c105e3e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid #bbdefb}.list-title[data-v-4c105e3e]{font-size:18px;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-4c105e3e]{display:flex;align-items:center;gap:6px;background-color:#fff;padding:6px 11px;border-radius:16px;box-shadow:0 2px 4px rgba(0,0,0,.06)}.sort-label[data-v-4c105e3e]{font-size:11px;color:#666;font-weight:500}.sort-select[data-v-4c105e3e]{padding:5px 8px;border:1px solid #bbdefb;border-radius:8px;font-size:11px;background-color:#fff;cursor:pointer;transition:all .3s ease;outline:none}.sort-select[data-v-4c105e3e]:focus{border-color:#2196f3;box-shadow:0 0 0 3px rgba(33,150,243,.1)}.sort-select[data-v-4c105e3e]:hover{border-color:#64b5f6}.audio-list-content[data-v-4c105e3e]{flex:1;overflow-y:auto;margin-bottom:20px;scrollbar-width:thin;scrollbar-color:#bbdefb #e3f2fd}.audio-list-content[data-v-4c105e3e]::-webkit-scrollbar{width:8px}.audio-list-content[data-v-4c105e3e]::-webkit-scrollbar-track{background:#e3f2fd;border-radius:4px}.audio-list-content[data-v-4c105e3e]::-webkit-scrollbar-thumb{background:#bbdefb;border-radius:4px}.audio-list-content[data-v-4c105e3e]::-webkit-scrollbar-thumb:hover{background:#90caf9}.audio-cards-container[data-v-4c105e3e]{margin-bottom:30px}.empty-state[data-v-4c105e3e],.loading-state[data-v-4c105e3e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center;background-color:#fff;border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.05)}.loading-spinner[data-v-4c105e3e]{width:60px;height:60px;border:6px solid #bbdefb;border-top-color:#2196f3;border-radius:50%;animation:spin-4c105e3e 1s linear infinite;margin-bottom:20px;box-shadow:0 0 20px rgba(33,150,243,.15)}@keyframes spin-4c105e3e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-icon[data-v-4c105e3e]{font-size:80px;margin-bottom:20px;color:#ff9800;filter:drop-shadow(0 4px 8px rgba(255,152,0,.2))}.empty-state h3[data-v-4c105e3e]{color:#ff9800;font-size:24px;margin-bottom:10px;font-weight:700}.empty-state p[data-v-4c105e3e]{color:#666;font-size:16px;margin:0;line-height:1.6}.pagination[data-v-4c105e3e]{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:15px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.btn-page[data-v-4c105e3e]{padding:8px 20px;border:1px solid #bbdefb;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;transition:all .3s ease;outline:none}.btn-page[data-v-4c105e3e]:hover:not(:disabled){background-color:#2196f3;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(33,150,243,.2)}.btn-page[data-v-4c105e3e]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-4c105e3e]{font-size:14px;color:#666;font-weight:500}.page-jump[data-v-4c105e3e]{display:flex;align-items:center;gap:8px}.jump-input-field[data-v-4c105e3e]{width:60px;padding:6px 10px;border:1px solid #bbdefb;border-radius:6px;font-size:14px;text-align:center;outline:none;transition:all .3s ease}.jump-input-field[data-v-4c105e3e]:focus{border-color:#2196f3;box-shadow:0 0 0 3px rgba(33,150,243,.1)}.btn-jump[data-v-4c105e3e]{padding:6px 12px;border:1px solid #bbdefb;border-radius:6px;font-size:13px;background-color:#fff;cursor:pointer;transition:all .3s ease;outline:none}.btn-jump[data-v-4c105e3e]:hover:not(:disabled){background-color:#2196f3;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(33,150,243,.2)}.btn-jump[data-v-4c105e3e]:disabled{opacity:.5;cursor:not-allowed}.btn-page-number[data-v-4c105e3e]{padding:6px 12px;border:1px solid #bbdefb;border-radius:6px;font-size:14px;background-color:#fff;cursor:pointer;transition:all .3s ease;outline:none;min-width:36px}.btn-page-number[data-v-4c105e3e]:hover{background-color:#2196f3;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(33,150,243,.2)}.btn-page-number.active[data-v-4c105e3e]{background-color:#2196f3;color:#fff;font-weight:500;box-shadow:0 2px 8px rgba(33,150,243,.2)}@media (max-width:1024px){.main-content[data-v-4c105e3e]{gap:20px}.categories-sidebar[data-v-4c105e3e]{width:250px}.audio-cards-grid[data-v-4c105e3e]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}@media (max-width:768px){.yinwen-hall-container[data-v-4c105e3e]{padding:15px}.search-input[data-v-4c105e3e]{padding:14px 50px 14px 20px;font-size:15px}.search-btn[data-v-4c105e3e]{width:45px;height:45px;font-size:18px}.main-content[data-v-4c105e3e]{flex-direction:column;gap:25px}.categories-sidebar[data-v-4c105e3e]{width:100%;padding:20px}.categories-list[data-v-4c105e3e]{max-height:220px;overflow-y:auto;padding-right:8px}.category-item[data-v-4c105e3e]{padding:12px 15px;font-size:15px}.audio-cards-grid[data-v-4c105e3e]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.audio-list-container[data-v-4c105e3e]{padding:20px}.list-title[data-v-4c105e3e]{font-size:20px}.sort-options[data-v-4c105e3e]{flex-direction:column;align-items:flex-start;gap:8px}.audio-info[data-v-4c105e3e]{padding:20px}.audio-title[data-v-4c105e3e]{font-size:18px}.audio-description[data-v-4c105e3e]{font-size:14px;-webkit-line-clamp:2}}@media (max-width:480px){.audio-cards-grid[data-v-4c105e3e]{grid-template-columns:1fr}.list-header[data-v-4c105e3e]{flex-direction:column;align-items:flex-start;gap:15px}}.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-2ccf845b]{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-2ccf845b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:3px solid #4caf50}.passage-content[data-v-2ccf845b]{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.passage-content[data-v-2ccf845b]::-webkit-scrollbar{display:none}.paragraph-translation[data-v-2ccf845b]{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.translation-toggle-btn[data-v-2ccf845b]{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-2ccf845b]:hover{background-color:#e0e0e0;border-color:#bbb}.translation-content[data-v-2ccf845b]{margin-top:10px;padding:15px;background-color:#f9f9f9;border-radius:6px;border:1px solid #eee}.sentence-translation-item[data-v-2ccf845b]{margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed #ddd}.sentence-translation-item[data-v-2ccf845b]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.original-sentence[data-v-2ccf845b]{font-size:14px;line-height:1.5;margin-bottom:6px;color:#333}.translated-sentence[data-v-2ccf845b]{font-size:14px;line-height:1.5;color:#666;font-style:italic}.file-title-area h2[data-v-2ccf845b]{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-2ccf845b]{gap:25px}.mode-switch[data-v-2ccf845b],.source-switch[data-v-2ccf845b]{display:flex;align-items:center}.toggle-switch[data-v-2ccf845b]{display:flex;align-items:center;justify-content:center;gap:8px}.toggle-label-left[data-v-2ccf845b],.toggle-label-right[data-v-2ccf845b]{font-size:12px;font-weight:700;color:#666;transition:color .3s ease;min-width:50px;text-align:center}.toggle-label-left.active[data-v-2ccf845b],.toggle-label-right.active[data-v-2ccf845b]{color:#4caf50}.switch[data-v-2ccf845b]{width:80px}.slider[data-v-2ccf845b]{background-color:#ccc}.slider[data-v-2ccf845b]:before{height:26px;width:26px}.toggle-switch input:checked+.slider[data-v-2ccf845b]{background-color:#2196f3}.toggle-switch input:checked:focus+.slider[data-v-2ccf845b]{box-shadow:0 0 1px #2196f3}.toggle-switch input:not(:checked)+.slider[data-v-2ccf845b]{background-color:#4caf50}.toggle-switch input:not(:checked):focus+.slider[data-v-2ccf845b]{box-shadow:0 0 1px #4caf50}input:checked+.slider[data-v-2ccf845b]:before{transform:translateX(46px)}.toggle-label-left[data-v-2ccf845b],.toggle-label-right[data-v-2ccf845b]{font-size:14px;cursor:pointer;transition:color .4s}.toggle-label-left.active[data-v-2ccf845b]{color:#4caf50}.toggle-label-right.active[data-v-2ccf845b]{color:#2196f3}.display-mode-switch[data-v-2ccf845b]{display:flex;gap:10px}.mode-switch button[data-v-2ccf845b]{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-2ccf845b]{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-2ccf845b]:hover{background-color:#f1f8e9;transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.15)}.mode-switch button.active[data-v-2ccf845b]:hover{background-color:#45a049;box-shadow:0 6px 15px rgba(76,175,80,.4)}.passage-display[data-v-2ccf845b]{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-2ccf845b]{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-2ccf845b]{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-2ccf845b .3s ease}@keyframes fadeIn-2ccf845b{0%{opacity:0;transform:translate(-50%,-55%)}to{opacity:1;transform:translate(-50%,-50%)}}.word-translation-popup-overlay[data-v-2ccf845b]{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-2ccf845b]{margin-bottom:10px;padding-bottom:5px;border-bottom:2px solid #bbdefb}.word-translation-popup .popup-header h4[data-v-2ccf845b]{margin:0 0 0 0;font-size:16px;color:#1976d2;font-weight:400;text-align:center}.word-translation-popup .close-btn[data-v-2ccf845b]{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-2ccf845b]:hover{background-color:#f0f0f0;color:#333}.word-translation-popup .popup-body[data-v-2ccf845b]{padding:0}.word-translation-popup .translation-content[data-v-2ccf845b]{font-size:15px;line-height:1.6}.word-translation-popup .translation-word[data-v-2ccf845b]{font-weight:700;font-size:18px;color:#1976d2;margin-bottom:5px}.word-translation-popup .translation-word-container[data-v-2ccf845b]{display:flex;align-items:center;gap:10px;margin-bottom:5px}.word-translation-popup .play-pronunciation-btn[data-v-2ccf845b]{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-2ccf845b]:hover{background-color:#45a049;transform:scale(1.1)}.word-translation-popup .play-pronunciation-btn[data-v-2ccf845b]:active{transform:scale(.95)}.word-translation-popup .play-pronunciation-btn[data-v-2ccf845b]:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.word-translation-popup .play-pronunciation-btn .play-icon[data-v-2ccf845b]{width:20px;height:20px;display:block}.word-translation-popup .play-pronunciation-btn span[data-v-2ccf845b]{font-size:12px;color:#fff}.word-translation-popup .translation-phonetic[data-v-2ccf845b]{color:#666;font-family:monospace;margin-bottom:10px;font-size:14px}.word-translation-popup .translation-text[data-v-2ccf845b]{color:#333;margin-bottom:10px}.passage-display[data-v-2ccf845b]{position:relative;overflow:visible}.passage-content .word-item[data-v-2ccf845b]{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-2ccf845b]{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-2ccf845b]: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-2ccf845b]{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-2ccf845b]{margin-right:8px;display:inline}.play-control-area[data-v-2ccf845b]{gap:10px;flex-wrap:wrap}.paragraph-controls[data-v-2ccf845b]{display:flex;align-items:center;gap:10px;margin-left:20px;padding-left:20px;border-left:1px solid #ddd}.current-paragraph[data-v-2ccf845b]{font-weight:700;min-width:60px;text-align:center}.paragraph-nav[data-v-2ccf845b]{margin-bottom:20px;padding:15px;background-color:#f5f5f5;border-radius:8px;border:1px solid #ddd}.paragraph-nav h4[data-v-2ccf845b]{margin-top:0;margin-bottom:10px;color:#333}.paragraph-list[data-v-2ccf845b]{display:flex;flex-wrap:wrap;gap:10px}.paragraph-nav-item[data-v-2ccf845b]{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-2ccf845b]:hover{background-color:#e3f2fd;border-color:#2196f3}.paragraph-nav-item.active[data-v-2ccf845b]{background-color:#2196f3;color:#fff;border-color:#2196f3}.paragraph-section[data-v-2ccf845b]{margin-bottom:30px;padding:20px;background-color:#f9f9f9;border-radius:8px;border:1px solid #eee;transition:all .3s ease}.paragraph-section[data-v-2ccf845b]:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.paragraph-section.active[data-v-2ccf845b]{border-color:#2196f3;box-shadow:0 2px 8px rgba(33,150,243,.2);background-color:#f3f7ff}.paragraph-title[data-v-2ccf845b]{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-2ccf845b]{line-height:1.6;font-size:20.8px!important}.passage-content .paragraph-section[data-v-2ccf845b]{display:block}.passage-content .paragraph-content[data-v-2ccf845b]{display:block;font-size:20.8px!important}.main-content[data-v-2ccf845b]{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-2ccf845b]{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-2ccf845b]{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-2ccf845b]{flex:1;overflow-y:auto;margin-top:10px;padding-right:5px}.sentence-list[data-v-2ccf845b]::-webkit-scrollbar{width:8px}.sentence-list[data-v-2ccf845b]::-webkit-scrollbar-track{background:#e3f2fd;border-radius:10px}.sentence-list[data-v-2ccf845b]::-webkit-scrollbar-thumb{background:#2196f3;border-radius:10px;border:2px solid #e3f2fd}.sentence-item[data-v-2ccf845b]{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-2ccf845b]: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-2ccf845b]{background-color:#e8f5e9;border-left-color:#4caf50;box-shadow:0 4px 15px rgba(76,175,80,.2);transform:translateX(5px)}.sentence-text[data-v-2ccf845b]{font-size:15px;line-height:1.6;color:#333;margin-bottom:5px;font-weight:500}.sentence-time[data-v-2ccf845b]{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-2ccf845b]{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-2ccf845b]{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-2ccf845b]{margin:0;font-size:20px;color:#4caf50;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.refresh-btn[data-v-2ccf845b]{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-2ccf845b]:hover{background-color:#45a049;box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.refresh-btn[data-v-2ccf845b]:active{background-color:#3d8b40;transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.content-display[data-v-2ccf845b]{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-2ccf845b]::-webkit-scrollbar{width:8px}.content-display[data-v-2ccf845b]::-webkit-scrollbar-track{background:#f1f8e9;border-radius:10px}.content-display[data-v-2ccf845b]::-webkit-scrollbar-thumb{background:#4caf50;border-radius:10px;border:2px solid #f1f8e9}.single-sentence[data-v-2ccf845b]{width:100%;text-align:center}.highlighted-text[data-v-2ccf845b]{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-2ccf845b]{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-2ccf845b]{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-2ccf845b]:hover{background-color:#c8e6c9;color:#1b5e20;transform:translateY(-1px)}.words-display .active-word[data-v-2ccf845b]{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-2ccf845b]{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-2ccf845b]{margin:0 0 10px 0;font-size:16px;color:#1976d2;border-bottom:2px solid #bbdefb;padding-bottom:5px}.translation-content[data-v-2ccf845b]{font-size:15px;line-height:1.6}.translation-word[data-v-2ccf845b]{font-weight:700;font-size:18px;color:#1976d2;margin-bottom:5px}.translation-display .translation-word-container[data-v-2ccf845b]{display:flex;align-items:center;gap:10px;margin-bottom:5px}.translation-display .play-pronunciation-btn[data-v-2ccf845b]{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-2ccf845b]:hover{background-color:#45a049;transform:scale(1.1)}.translation-display .play-pronunciation-btn[data-v-2ccf845b]:active{transform:scale(.95)}.translation-display .play-pronunciation-btn[data-v-2ccf845b]:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.translation-display .play-pronunciation-btn .play-icon[data-v-2ccf845b]{width:20px;height:20px;display:block}.translation-display .play-pronunciation-btn span[data-v-2ccf845b]{font-size:12px;color:#fff}.translation-phonetic[data-v-2ccf845b]{color:#666;font-family:monospace;margin-bottom:10px;font-size:14px}.translation-text[data-v-2ccf845b]{color:#333;margin-bottom:10px}.translation-definition[data-v-2ccf845b]{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-2ccf845b]{width:100%;padding:20px;background-color:#fff;border-radius:15px}.text-line[data-v-2ccf845b]{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-2ccf845b]{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-2ccf845b]{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-2ccf845b]{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-2ccf845b]{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-2ccf845b]{margin-bottom:15px}.category-selector select[data-v-2ccf845b]{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-2ccf845b]:hover{border-color:#ff9800;box-shadow:0 4px 12px rgba(255,152,0,.15)}.files-list[data-v-2ccf845b]{flex:1;overflow-y:auto;margin-top:10px;padding-right:5px}.files-list[data-v-2ccf845b]::-webkit-scrollbar{width:8px}.files-list[data-v-2ccf845b]::-webkit-scrollbar-track{background:#fff3e0;border-radius:10px}.files-list[data-v-2ccf845b]::-webkit-scrollbar-thumb{background:#ff9800;border-radius:10px;border:2px solid #fff3e0}.file-item[data-v-2ccf845b]{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-2ccf845b]: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-2ccf845b]{background-color:#e8f5e9;border-left-color:#4caf50;box-shadow:0 4px 15px rgba(76,175,80,.2);transform:translateX(5px)}.file-name[data-v-2ccf845b]{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-2ccf845b]{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-2ccf845b]{background-color:#e8f5e9;color:#4caf50}.file-status.transcribing[data-v-2ccf845b]{background-color:#fff3e0;color:#ff9800}.play-control-area[data-v-2ccf845b]{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-2ccf845b]{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-2ccf845b]{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-2ccf845b]{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.switch[data-v-2ccf845b]{position:relative;display:inline-block;width:60px;height:34px}.switch input[data-v-2ccf845b]{opacity:0;width:0;height:0}.slider[data-v-2ccf845b]{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-2ccf845b]: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-2ccf845b]{background-color:rgba(255,235,59,.8);border-color:#ffeb3b}input:checked+.slider[data-v-2ccf845b]:before{transform:translateX(26px)}.play-control-area>div[data-v-2ccf845b]{display:flex;align-items:center;gap:10px}.play-control-area>div>button[data-v-2ccf845b]{flex-shrink:0}.play-control-area button[data-v-2ccf845b]{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-2ccf845b]: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-2ccf845b]: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-2ccf845b]{font-size:18px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.progress-info[data-v-2ccf845b]{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-2ccf845b]{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-2ccf845b]{width:100%;height:100%;position:relative;cursor:pointer}.progress-fill[data-v-2ccf845b]{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-2ccf845b]{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-2ccf845b]: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-2ccf845b]{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.audio-files-area[data-v-2ccf845b]{grid-column:1/-1}}@media (max-width:768px){.main-content[data-v-2ccf845b]{grid-template-columns:1fr}.file-title-area[data-v-2ccf845b]{flex-direction:column;gap:15px;align-items:flex-start}.play-control-area[data-v-2ccf845b]{flex-direction:column;gap:10px}.progress-info[data-v-2ccf845b]{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}}