.header-card[data-v-6687ccd1]{background-color:#fff8dc;border:3px solid #ffcc80;border-radius:15px;padding:30px;box-shadow:0 8px 25px #00000026;text-align:center;position:static;margin:0 auto 20px;max-width:1200px}.title[data-v-6687ccd1]{font-size:2.5rem;font-weight:700;color:#4e342e;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.search-container[data-v-6687ccd1]{display:flex;gap:10px;max-width:500px;margin:0 auto;align-items:center}.search-input-wrapper[data-v-6687ccd1]{position:relative;flex:1}.search-input[data-v-6687ccd1]{width:100%;padding:15px 50px 15px 20px;font-size:1.1rem;border:2px solid #ffcc80;border-radius:25px;outline:none;background-color:#fff;transition:all .3s ease;box-shadow:inset 0 2px 5px #0000001a}.search-input[data-v-6687ccd1]:focus{border-color:#ffb74d;box-shadow:0 0 0 3px #ffcc8033,inset 0 2px 5px #0000001a;transform:translateY(-2px)}.search-input[data-v-6687ccd1]::placeholder{color:#999}.clear-button[data-v-6687ccd1]{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;color:#999;cursor:pointer;padding:5px;border-radius:50%;transition:all .2s ease}.clear-button[data-v-6687ccd1]:hover{background-color:#f0f0f0;color:#666}.search-button[data-v-6687ccd1]{padding:15px 20px;font-size:1.2rem;background:transparent;color:#4e342e;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;min-width:60px;height:54px;display:flex;align-items:center;justify-content:center}.search-button[data-v-6687ccd1]:hover{background-color:#ffcc8033;transform:translateY(-2px)}.search-button[data-v-6687ccd1]:active{transform:translateY(0);box-shadow:0 2px 5px #0000001a}.search-icon[data-v-6687ccd1]{width:36px;height:36px}.naming-rule[data-v-6687ccd1]{margin-top:10px;font-size:.85rem;color:#888;text-align:center;line-height:1.2}@media (max-width: 768px){.header-card[data-v-6687ccd1]{padding:20px;margin:0 auto 20px;border-radius:10px;max-width:none}.title[data-v-6687ccd1]{font-size:2rem;margin-bottom:15px}.search-container[data-v-6687ccd1]{gap:8px}.search-input[data-v-6687ccd1]{padding:12px 40px 12px 15px;font-size:1rem}.clear-button[data-v-6687ccd1]{right:12px;font-size:1rem}.search-button[data-v-6687ccd1]{padding:12px 16px;font-size:1.1rem;min-width:50px}}@media (max-width: 480px){.title[data-v-6687ccd1]{font-size:1.8rem}.search-container[data-v-6687ccd1]{gap:6px}.search-input[data-v-6687ccd1]{padding:10px 35px 10px 12px;font-size:.9rem}.search-button[data-v-6687ccd1]{padding:10px 14px;font-size:1rem;min-width:45px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;background-color:#fff3e0;color:#4e342e;line-height:1.6}#app{min-height:100vh;padding:20px}.header-container{padding:0 20px}.main-content{margin-top:0}@media (max-width: 768px){#app{padding:10px}.header-container{padding:0 10px}.main-content{margin-top:0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffcc80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffb74d}[data-v-c208f1fb] .highlight{background-color:#ef6c00;color:#fff3e0;padding:1px 2px;border-radius:2px;font-weight:700}.custom-audio-player[data-v-e70d84b7]{width:100%;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:8px;font-size:.8rem}.player-controls[data-v-e70d84b7]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.play-btn[data-v-e70d84b7]{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.play-btn[data-v-e70d84b7]:hover{background-color:#e9ecef}.file-name[data-v-e70d84b7]{flex:1;font-size:.75rem;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.volume-control[data-v-e70d84b7]{position:relative;display:flex;align-items:center}.volume-btn[data-v-e70d84b7]{background:none;border:none;font-size:1rem;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.volume-btn[data-v-e70d84b7]:hover{background-color:#e9ecef}.volume-slider-container[data-v-e70d84b7]{position:relative}.volume-slider-vertical[data-v-e70d84b7]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:8px 4px;box-shadow:0 2px 8px #00000026;z-index:10}.volume-range[data-v-e70d84b7]{writing-mode:bt-lr;-webkit-appearance:slider-vertical;width:20px;height:60px;background:#dee2e6;outline:none}.progress-controls[data-v-e70d84b7]{display:flex;align-items:center;gap:8px}.time[data-v-e70d84b7]{font-size:.7rem;color:#6c757d;min-width:35px;text-align:center}.progress-container[data-v-e70d84b7]{flex:1;cursor:pointer;padding:4px 0}.progress-bar[data-v-e70d84b7]{position:relative;height:4px;background-color:#dee2e6;border-radius:2px;overflow:hidden}.progress-fill[data-v-e70d84b7]{height:100%;background-color:#007bff;transition:width .1s ease}.progress-handle[data-v-e70d84b7]{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background-color:#007bff;border:2px solid white;border-radius:50%;box-shadow:0 1px 3px #0000004d;transition:left .1s ease}.progress-handle[data-v-e70d84b7]:hover{transform:translate(-50%,-50%) scale(1.2)}.song-card[data-v-85b2a5e2]{background-color:#fff8dc;border:2px solid #ffcc80;border-radius:15px;padding:20px;box-shadow:0 8px 25px #00000026;transition:all .3s ease;height:500px;display:flex;flex-direction:column;overflow:hidden}.song-card[data-v-85b2a5e2]:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000040}.song-title[data-v-85b2a5e2]{text-align:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #ccc;word-wrap:break-word;flex-shrink:0}.title-main[data-v-85b2a5e2]{font-size:1.2rem;font-weight:700;color:#4e342e;margin-bottom:2px}.title-meta[data-v-85b2a5e2]{font-size:.9rem;font-weight:400;color:#6d4c41;opacity:.8}.card-content[data-v-85b2a5e2]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:5px;min-height:0}.card-content[data-v-85b2a5e2]::-webkit-scrollbar{width:6px}.card-content[data-v-85b2a5e2]::-webkit-scrollbar-track{background:#ffcc801a;border-radius:3px}.card-content[data-v-85b2a5e2]::-webkit-scrollbar-thumb{background:#ffcc80;border-radius:3px}.card-content[data-v-85b2a5e2]::-webkit-scrollbar-thumb:hover{background:#ffb74d}.file-container[data-v-85b2a5e2]{flex-shrink:0;display:flex;flex-direction:column}.container-title[data-v-85b2a5e2]{font-size:.9rem;color:#888;margin-bottom:8px;font-weight:400;text-align:left}.file-list[data-v-85b2a5e2],.audio-list[data-v-85b2a5e2]{overflow-y:auto;max-height:120px}.file-list.scrollable[data-v-85b2a5e2],.audio-list.scrollable[data-v-85b2a5e2]{border:1px solid #ddd;border-radius:5px;padding:5px}.file-item[data-v-85b2a5e2]{display:flex;align-items:flex-start;padding:8px;margin-bottom:8px;background-color:#fff;border-radius:5px;border:1px solid #eee;min-height:40px}.file-icon[data-v-85b2a5e2]{width:16px;height:16px;margin-right:8px;margin-top:2px;flex-shrink:0}.file-name[data-v-85b2a5e2]{flex:1;font-size:.8rem;white-space:normal;word-wrap:break-word;word-break:break-all;line-height:1.3;margin-right:8px}.download-btn[data-v-85b2a5e2]{background:none;border:none;cursor:pointer;padding:2px;border-radius:3px;transition:background-color .2s}.download-btn[data-v-85b2a5e2]:hover{background-color:#f0f0f0}.download-icon[data-v-85b2a5e2]{width:14px;height:14px}.audio-item[data-v-85b2a5e2]{display:flex;align-items:flex-start;margin-bottom:8px;padding:5px;background-color:#fff;border-radius:5px;border:1px solid #eee;gap:8px}.audio-player[data-v-85b2a5e2]{flex:1;min-height:60px}.upload-section[data-v-85b2a5e2]{flex-shrink:0;margin-top:auto;padding-top:10px}.separator-line[data-v-85b2a5e2]{width:100%;height:1px;background-color:#ccc;margin-bottom:10px}.upload-container[data-v-85b2a5e2]{text-align:center}.upload-btn[data-v-85b2a5e2]{background-color:#ef6c00;color:#fff3e0;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:.8rem;transition:background-color .2s}.upload-btn[data-v-85b2a5e2]:hover{background-color:#e65100}.upload-progress[data-v-85b2a5e2]{margin-top:10px;font-size:.7rem}.progress-item[data-v-85b2a5e2]{margin-bottom:3px;padding:2px 5px;background-color:#f0f0f0;border-radius:3px}@media (max-width: 768px){.song-card[data-v-85b2a5e2]{padding:15px;height:450px}.title-main[data-v-85b2a5e2]{font-size:1.1rem}.title-meta[data-v-85b2a5e2]{font-size:.8rem}.file-name[data-v-85b2a5e2]{font-size:.7rem}.upload-btn[data-v-85b2a5e2]{font-size:.7rem;padding:6px 10px}.card-content[data-v-85b2a5e2]{gap:12px}.file-list[data-v-85b2a5e2],.audio-list[data-v-85b2a5e2]{max-height:100px}}.song-grid-container[data-v-1d9f9947]{max-width:1200px;margin:0 auto;padding:20px}.loading[data-v-1d9f9947],.error[data-v-1d9f9947],.no-results[data-v-1d9f9947]{text-align:center;padding:40px 20px}.loading-spinner[data-v-1d9f9947]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #ffcc80;border-radius:50%;animation:spin-1d9f9947 1s linear infinite;margin:0 auto 20px}@keyframes spin-1d9f9947{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error[data-v-1d9f9947]{color:#d32f2f}.retry-btn[data-v-1d9f9947],.sync-btn[data-v-1d9f9947],.clear-search-btn[data-v-1d9f9947]{background-color:#ffcc80;color:#4e342e;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;margin-top:10px;transition:background-color .2s}.retry-btn[data-v-1d9f9947]:hover,.sync-btn[data-v-1d9f9947]:hover,.clear-search-btn[data-v-1d9f9947]:hover{background-color:#ffb74d}.search-info[data-v-1d9f9947]{text-align:center;padding:20px;background-color:#ffe0b2;border:1px solid #ffcc80;border-radius:5px;margin-bottom:20px}.search-info p[data-v-1d9f9947]{margin:0 0 10px;color:#4e342e}.song-grid[data-v-1d9f9947]{display:grid;gap:20px;margin-bottom:30px}@media (min-width: 769px){.song-grid[data-v-1d9f9947]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.song-grid[data-v-1d9f9947]{grid-template-columns:1fr;gap:15px}.song-grid-container[data-v-1d9f9947]{padding:10px}}@media (min-width: 769px) and (max-width: 1024px){.song-grid[data-v-1d9f9947]{grid-template-columns:repeat(2,1fr)}}.pagination-container[data-v-1d9f9947]{margin:30px 0;text-align:center}.pagination[data-v-1d9f9947]{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.pagination-btn[data-v-1d9f9947]{background-color:#ffcc80;color:#4e342e;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:all .2s}.pagination-btn[data-v-1d9f9947]:hover:not(:disabled){background-color:#ffb74d;transform:translateY(-1px)}.pagination-btn[data-v-1d9f9947]:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.page-numbers[data-v-1d9f9947]{display:flex;align-items:center;gap:5px}.page-btn[data-v-1d9f9947]{background-color:#fff;color:#4e342e;border:2px solid #ffcc80;padding:6px 12px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:all .2s;min-width:40px}.page-btn[data-v-1d9f9947]:hover:not(:disabled){background-color:#ffcc80;color:#4e342e;transform:translateY(-1px)}.page-btn.active[data-v-1d9f9947]{background-color:#ffcc80;color:#4e342e;font-weight:700}.page-btn[data-v-1d9f9947]:disabled{opacity:.6;cursor:not-allowed;transform:none}.ellipsis[data-v-1d9f9947]{color:#4e342e;padding:0 5px;font-size:.9rem}.page-info-container[data-v-1d9f9947]{display:flex;flex-direction:column;align-items:center;gap:15px}.page-info[data-v-1d9f9947]{color:#4e342e;font-size:.9rem}.page-jump[data-v-1d9f9947]{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#4e342e}.page-input[data-v-1d9f9947]{width:60px;padding:4px 8px;border:2px solid #ffcc80;border-radius:4px;text-align:center;font-size:.9rem;outline:none}.page-input[data-v-1d9f9947]:focus{border-color:#ffb74d;box-shadow:0 0 0 2px #ffcc8033}.jump-btn[data-v-1d9f9947]{background-color:#ffcc80;color:#4e342e;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.jump-btn[data-v-1d9f9947]:hover{background-color:#ffb74d;transform:translateY(-1px)}.jump-btn[data-v-1d9f9947]:active{transform:translateY(0)}@media (max-width: 768px){.pagination-container[data-v-1d9f9947]{margin:20px 0}.pagination[data-v-1d9f9947]{gap:5px;padding:0 10px}.pagination-btn[data-v-1d9f9947]{padding:6px 12px;font-size:.8rem}.page-btn[data-v-1d9f9947]{padding:4px 8px;font-size:.8rem;min-width:32px}.page-numbers[data-v-1d9f9947]{gap:3px}.ellipsis[data-v-1d9f9947]{font-size:.8rem;padding:0 3px}.page-info-container[data-v-1d9f9947]{gap:10px}.page-info[data-v-1d9f9947]{font-size:.8rem;text-align:center;line-height:1.4}.page-jump[data-v-1d9f9947]{flex-wrap:wrap;justify-content:center;gap:6px;font-size:.8rem}.page-input[data-v-1d9f9947]{width:50px;font-size:.8rem;padding:3px 6px}.jump-btn[data-v-1d9f9947]{font-size:.8rem;padding:3px 10px}}@media (max-width: 480px){.pagination[data-v-1d9f9947]{flex-direction:column;gap:10px;align-items:center}.page-numbers[data-v-1d9f9947]{order:1;justify-content:center}.pagination-btn[data-v-1d9f9947]{order:2;padding:8px 16px;font-size:.9rem}.page-info-container[data-v-1d9f9947]{order:3}.page-info[data-v-1d9f9947]{font-size:.75rem;padding:0 10px}.page-jump[data-v-1d9f9947]{font-size:.75rem}.page-input[data-v-1d9f9947]{width:45px;font-size:.75rem}.jump-btn[data-v-1d9f9947]{font-size:.75rem;padding:2px 8px}}.pagination-info[data-v-1d9f9947]{text-align:center;padding:20px;color:#4e342e;font-size:.9rem}.pagination-info p[data-v-1d9f9947]{margin:0}.home[data-v-ec9d1f5e]{width:100%}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}