.nav[data-v-8f70a160]{position:fixed;bottom:0;left:0;width:100%;background-color:#333;color:#fff;display:flex;justify-content:space-between;padding:10px}.nav-icons[data-v-8f70a160]{display:flex;justify-content:flex-start}.nav-icons button[data-v-8f70a160]{background:none;border:none;cursor:pointer;margin-right:10px;color:#fff}.nav-icons button i[data-v-8f70a160]{font-size:1.6em}.nav-text[data-v-8f70a160]{display:flex;justify-content:flex-end;margin-right:10px}.nav-button[data-v-8f70a160]{background:none;border:none;cursor:pointer;color:#fff}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:0}.video-player{width:100%;height:250px;position:fixed;top:0;left:0;z-index:1000}.video-container{position:relative;width:100%;height:100%}.video-container video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.play-button i{font-size:50px;color:#fff}.video-grid-player{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding-top:280px;padding-bottom:20px}.video-item{display:flex;flex-direction:column;align-items:center}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:5px}.thumbnail-container{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.video-info{margin-top:0;text-align:center}.video-name{font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:5px}.video-date,.video-size{font-size:14px;margin-top:5px}.loading-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.loading-text{font-size:16px;color:#666;margin-top:10px}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.player-controls{position:fixed;top:250px;right:10px;z-index:1000;background:rgba(0,0,0,.5);padding:10px;border-radius:5px}.play-mode-btn{cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.play-mode-btn i{font-size:20px;color:#fff;transition:transform .3s}.play-mode-btn:hover i{transform:scale(1.2)}.video-item.playing{background:rgba(52,152,219,.1);border-radius:8px;box-shadow:0 0 8px rgba(52,116,219,.3)}.playing-icon{font-size:12px;color:#3498db;margin-left:5px}.video-grid-container[data-v-37744268]{width:100%;padding:0;margin:0}.video-grid-container .video-grid[data-v-37744268]{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:20px!important;padding:10px!important;box-sizing:border-box!important;width:100%!important;list-style:none!important;margin:0!important}@media (max-width:768px){.video-grid-container .video-grid[data-v-37744268]{grid-template-columns:repeat(2,1fr)!important;gap:15px!important;padding:8px!important}}@media (max-width:480px){.video-grid-container .video-grid[data-v-37744268]{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;padding:5px!important}}.video-grid-container .video-item[data-v-37744268]{display:flex!important;flex-direction:column!important;align-items:center!important;transition:all .3s ease;width:100%;box-sizing:border-box}.video-item[data-v-37744268]:hover{transform:translateY(-4px)}.video-item:hover .video-thumbnail[data-v-37744268]{transform:scale(1.05)}.video-item[data-is-dir=true][data-v-37744268]{cursor:pointer}.video-item[data-is-dir=true]:hover .folder-icon[data-v-37744268]{transform:none}.thumbnail-container[data-v-37744268]{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.video-thumbnail[data-v-37744268]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;transition:transform .3s ease}.icon-overlay[data-v-37744268]{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.2);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .3s ease}.video-item:hover .icon-overlay[data-v-37744268]{transform:scale(1.1);background:rgba(0,0,0,.2)}.folder-icon[data-v-37744268]{color:rgba(255,215,0,.4)}.folder-icon[data-v-37744268],.video-icon[data-v-37744268]{font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.video-icon[data-v-37744268]{color:hsla(0,0%,100%,.4)}.video-info[data-v-37744268]{margin-top:0;text-align:center}.video-name[data-v-37744268]{font-size:13px;font-weight:500;color:#2c3e50;margin-top:8px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:100%;padding:0 8px}.video-date[data-v-37744268],.video-size[data-v-37744268]{font-size:14px;margin-top:5px}.loading-container[data-v-37744268]{padding:20px 0;text-align:center;margin-top:20px}.loading-text[data-v-37744268]{font-size:16px;color:#666;margin-top:10px}.loading-spinner[data-v-37744268]{display:inline-block;margin-bottom:10px}.loading-container[data-v-37744268]{display:flex;justify-content:center;align-items:center;width:100%;height:100px;margin:20px 0}.loading-spinner[data-v-37744268]{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#09f;animation:spin-37744268 1s ease-in-out infinite}@keyframes spin-37744268{to{transform:rotate(1turn)}}.no-more-data[data-v-37744268]{text-align:center;padding:20px;color:#999;font-size:14px}.empty-container[data-v-37744268]{text-align:center;padding:40px;color:#999;font-size:16px}.tabbar[data-v-12203bb0]{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:50px;z-index:999;background:#fff;border-bottom:1px solid #e5e5e5}.tab[data-v-12203bb0]{padding:15px 40px;cursor:pointer;color:#333;font-weight:800;font-size:16px;margin:0 8px;transition:all .3s ease;position:relative}.tab[data-v-12203bb0]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%) scaleX(0);width:50%;height:3px;background-color:#007bff;transition:transform .3s ease}.tab[data-v-12203bb0]:hover{color:#000}.tab[data-v-12203bb0]:active:after{transform:translateX(-50%) scaleX(.8);transition:transform .1s ease}.tab.active[data-v-12203bb0]{color:#007bff;font-weight:900}.tab.active[data-v-12203bb0]:after{transform:translateX(-50%) scaleX(1)}@media (max-width:768px){.tabbar[data-v-12203bb0]{height:45px}.tab[data-v-12203bb0]{padding:12px 24px;margin:0 6px;font-size:13px}}@media (max-width:480px){.tabbar[data-v-12203bb0]{height:40px}.tab[data-v-12203bb0]{flex:1;padding:10px 5px;margin:0;font-size:12px;text-align:center}}.video-grid[data-v-71ccdccc]{margin-top:50px}.video-grid[data-v-71ccdccc] .video-grid-container{margin-top:0}.search-page[data-v-54727e64]{padding:20px;max-width:1200px;margin:0 auto}.search-container[data-v-54727e64]{display:flex;align-items:center;gap:10px;margin-bottom:20px}.search-results[data-v-54727e64]{padding-top:10px}.search-history[data-v-54727e64]{margin-bottom:20px}.search-labels[data-v-54727e64]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.search-history-title[data-v-54727e64]{font-size:16px;font-weight:700;color:#333}.clear-button[data-v-54727e64]{padding:6px 12px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;font-size:14px;cursor:pointer;transition:all .2s}.clear-button[data-v-54727e64]:hover{background-color:#e9ecef;color:#495057}.history-buttons[data-v-54727e64]{display:flex;flex-wrap:wrap;gap:8px}.search-history-item[data-v-54727e64]{padding:8px 16px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;cursor:pointer;font-size:14px;color:#495057;transition:all .2s;white-space:nowrap}.search-history-item[data-v-54727e64]:hover{background-color:#007bff;color:#fff;border-color:#007bff}.search-input[data-v-54727e64]{flex:1;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;outline:none;transition:border-color .2s}.search-input[data-v-54727e64]:focus{border-color:#007bff}.search-button[data-v-54727e64]{padding:12px 24px;border:none;border-radius:8px;background-color:#007bff;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.search-button[data-v-54727e64]:hover{background-color:#0056b3}.results-container[data-v-54727e64]{margin-top:20px}.search-results[data-v-54727e64]{padding-top:0}.video-grid-player[data-v-54727e64]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;padding:20px 0}@media (max-width:768px){.video-grid-player[data-v-54727e64]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:15px 0}}@media (max-width:480px){.video-grid-player[data-v-54727e64]{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px 0}}.video-item[data-v-54727e64]{cursor:pointer;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;min-height:200px}.video-item[data-v-54727e64]:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.video-thumbnail[data-v-54727e64]{width:100%!important;height:120px!important;-o-object-fit:cover!important;object-fit:cover!important;display:block!important;background-color:#f8f9fa;border:1px solid #e9ecef;flex-shrink:0;position:static!important;top:auto!important;left:auto!important}@media (max-width:480px){.video-item[data-v-54727e64]{min-height:180px}.video-thumbnail[data-v-54727e64]{height:100px!important;position:static!important;top:auto!important;left:auto!important}.video-info[data-v-54727e64]{padding:6px}}.video-info[data-v-54727e64]{padding:8px;flex:1;display:flex;align-items:flex-start}.video-name[data-v-54727e64]{font-size:12px;font-weight:500;color:#333;margin:0;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}@media (max-width:480px){.video-name[data-v-54727e64]{font-size:11px;-webkit-line-clamp:3;line-clamp:3}}