.video-search-area{padding:8px;background-color:#fff;border-bottom:1px solid #e4e4e4;position:relative;max-width:95%;margin:0 auto}.video-search-quick-search-bar{display:flex;align-items:center;gap:8px}.video-search-input-wrapper{display:flex;align-items:center;background-color:#f5f5f5;border-radius:6px;padding:6px 10px;position:relative}.video-search-icon{color:#666;margin-right:8px;font-size:16px}.video-search-placeholder{color:#999;font-size:14px}.video-search-hot-search-button{display:inline-flex;align-items:center;justify-content:space-between;padding:6px 12px;background-color:#f5f5f5;border:none;border-radius:6px;color:#666;font-size:14px;text-decoration:none;min-width:120px;white-space:nowrap;border:1px solid #CCC}.video-search-hot-search-button i{transition:transform .3s ease}.video-search-hot-search-button.expanded i{transform:rotate(180deg)}.video-search-history-dropdown{position:absolute;top:calc(100% - 8px);left:8px;right:8px;background-color:#fff;border-radius:0 0 6px 6px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1000;max-height:300px;overflow-y:auto;width:calc(100% - 16px)}.video-search-history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer}.video-search-history-item:last-child{border-bottom:none}.video-search-history-item:active{background-color:#f5f5f5}.video-search-history-item .keyword{color:#333;font-size:14px}.video-search-history-item .search-count{color:#999;font-size:12px}.video-search-history-item.empty{color:#999;text-align:center;cursor:default}.video-search-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:none;overflow:hidden;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.video-search-dialog.visible{display:block}.video-search-content{position:fixed;top:10px;left:0;right:0;background-color:#fff;border-radius:16px 16px 0 0;height:80vh;display:flex;flex-direction:column;width:95%;margin:0 auto;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.video-search-body{height:calc(100% - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 0 10px;touch-action:pan-y}.video-search-dialog.visible .video-search-content{transform:translateY(0)}.video-search-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #e4e4e4;flex-shrink:0}.video-search-header h3{margin:0;font-size:16px;color:#333}.video-search-close-button{background:none;border:none;color:#666;font-size:18px;padding:5px;cursor:pointer}.video-search-input-container{padding:12px;border-bottom:1px solid #e4e4e4;position:relative;z-index:100}.video-search-input-wrapper-inner{display:flex;align-items:center;background-color:#f5f5f5;border-radius:6px;padding:6px 10px}#video-search-input{flex:1;border:none;background:none;font-size:14px;color:#333;padding:0 8px}#video-search-input:focus{outline:none}.video-search-clear-button{display:none;background:none;border:none;color:#999;padding:5px;cursor:pointer}.video-search-hot-search-icon{background:none;border:none;color:#666;padding:5px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.video-search-hot-search-icon:hover{color:#ff6b6b}.video-search-hot-search-icon i{font-size:16px}.video-search-area-checkbox-container,.video-search-tag-classes-container{padding:10px}.video-search-hot-list{display:none;position:absolute;top:auto;left:0;right:0;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);max-height:300px;overflow-y:auto;z-index:1000;border:1px solid #e4e4e4;margin-top:5px}.video-search-hot-list.show{display:block}.video-search-hot-list-header{padding:10px 12px;border-bottom:1px solid #e4e4e4;color:#333;font-size:14px;font-weight:500;background-color:#f9f9f9}.video-search-section-title{display:flex;align-items:center;padding:8px 12px;color:#333;font-size:14px;background-color:#f9f9f9;border-bottom:1px solid #e4e4e4}.video-search-section-title i{margin-right:8px;color:#ff6b6b}#video-search-hot-videos-list{list-style:none;padding:0;margin:0}#video-search-hot-videos-list li{padding:10px 12px;color:#666;font-size:14px;cursor:pointer;transition:background-color .2s ease}#video-search-hot-videos-list li:hover{background-color:#f5f5f5}#video-search-hot-videos-list li:active{background-color:#f0f0f0}.video-search-area-selection{padding:15px 0;border-bottom:1px solid #e4e4e4}.video-search-checkbox-label{display:flex;align-items:center;margin-bottom:10px;cursor:pointer}.video-search-checkbox-label input[type=checkbox]{margin-right:8px}.video-search-checkbox-text{color:#000;font-size:14px}.video-search-tag-selection{padding:15px 0}.video-search-tag-class{margin-bottom:15px}.video-search-tag-class h3{margin:0 0 10px;font-size:14px;color:#333}.video-search-tags-container{display:flex;flex-wrap:wrap;gap:6px}.video-search-tag{padding:4px 10px;background-color:#f5f5f5;border-radius:12px;color:#000;font-size:12px;cursor:pointer}.video-search-tag.selected{background-color:#ff6b6b;color:#fff}.video-search-footer{display:flex;justify-content:space-between;padding:12px 15px;border-top:1px solid #e4e4e4;background-color:#fff;flex-shrink:0;z-index:10}.video-search-primary-button,.video-search-secondary-button{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:8px;border:none;font-size:14px;cursor:pointer;margin:0 5px}.video-search-primary-button{background-color:#ff6b6b;color:#fff}.video-search-secondary-button{background-color:#f5f5f5;color:#666}.video-search-primary-button i,.video-search-secondary-button i{margin-right:5px}@media (prefers-color-scheme: dark){.video-search-input-wrapper,.video-search-hot-search-button,.video-search-input-wrapper-inner,.video-search-tag{background-color:#2a2a2a}.video-search-content,.video-search-history-dropdown{background-color:#1a1a1a}.video-search-placeholder,.video-search-icon,.video-search-hot-search-button,#video-search-input,.video-search-section-title,.video-search-checkbox-text,.video-search-tag-class h3{color:#ccc}.video-search-history-item{border-bottom-color:#2a2a2a}.video-search-history-item .keyword{color:#ccc}.video-search-header,.video-search-input-container,.video-search-hot-list,.video-search-area-selection,.video-search-footer{border-color:#2a2a2a}.video-search-tag.selected{background-color:#ff6b6b;color:#fff}#video-search-hot-videos-list li:hover{background-color:#2a2a2a}#video-search-hot-videos-list li:active{background-color:#333}.video-search-hot-list{background-color:#1a1a1a;border-color:#2a2a2a}.video-search-section-title{background-color:#222;border-color:#2a2a2a}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-search-close-search-nav{color:#666;cursor:pointer;margin-left:8px;font-size:14px}.video-search-close-search-nav:hover{color:#333}@media (prefers-color-scheme: dark){.video-search-close-search-nav{color:#999}.video-search-close-search-nav:hover{color:#fff}}.video-search-result-text{display:inline-block;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}