.mobile-header{display:none;background-color:#06c;color:#fff;padding:10px 15px;align-items:center;justify-content:space-between;gap:10px}.mobile-header .hamburger-btn{font-size:20px;background:0 0;border:none;color:#fff;cursor:pointer}.mobile-search-box{flex:1;display:flex;align-items:center;max-width:400px}.mobile-search-box input{flex:1;border-radius:0;border:1px solid #ccc;padding:6px 15px;font-size:14px}.mobile-search-box button{background-color:#fff;color:#06c;border:1px solid #ccc;border-left:none;border-radius:0;padding:6px 12px;cursor:pointer}.mobile-search-box button:hover{background-color:#eee}.mobile-logout-btn{background-color:#fff;color:#06c;width:80px;border-radius:0;font-size:13px;font-weight:500;padding:6px 12px;white-space:nowrap}.mobile-logout-btn:hover{background-color:#e6e6e6}.mobile-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;background-color:#fff;box-shadow:2px 0 5px rgba(0,0,0,.3);z-index:9999;transition:left .3s ease-in-out;padding:10px;overflow-y:auto}.mobile-sidebar.open{left:0}.mobile-sidebar-header{margin-top:15px;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center}.user-nickname{display:block;font-size:16px;font-weight:700}.sidebar-logout{font-size:13px;text-decoration:none;color:#06c}.mobile-menu-list li{margin:10px 0}.mobile-menu-list a{text-decoration:none;color:#333;font-size:14px;display:flex;align-items:center}.mobile-menu-list a i{margin-right:8px;width:16px;text-align:center}.mobile-menu-title{font-size:16px;font-weight:700;margin:10px 0;color:#06c;padding-left:5px}.mobile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.3);z-index:9998;display:none}.mobile-overlay.active{display:block}#videoPlayerModal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:9999}#videoPlayerModal .modal-content{position:relative;width:90%;max-width:600px;margin:50px auto;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.5)}#videoPlayerModal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #eee}#videoPlayerModal .modal-header h3{margin:0;font-size:18px}#videoPlayerModal .close-btn{background:0 0;border:none;font-size:24px;cursor:pointer;color:#999}#videoPlayerModal .modal-body{padding:15px}#videoPlayerModal .video-player-container{position:relative;width:100%;background-color:#000}#videoPlayerModal #video-player{position:absolute;top:0;left:0;width:100%;height:100%}#videoPlayerModal .video-player-info{margin-top:15px}#videoPlayerModal .video-info-row{margin-bottom:5px}#videoPlayerModal #videoPlayerInfoTitle{font-size:16px;margin:0 0 5px 0}#videoPlayerModal #videoPlayerInfoUploader{font-size:14px;color:#666;margin-right:10px}#videoPlayerModal #videoPlayerInfoDate{font-size:12px;color:#999}.video-play-btn{cursor:pointer;position:relative}.video-play-btn::after{content:'\f144';font-family:'Font Awesome 5 Free';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:rgba(255,255,255,.8);opacity:0;transition:opacity .2s}.video-play-btn:hover::after{opacity:1}@media (max-width:1199px){.mobile-header{display:flex}.main-nav,.top-nav{display:none!important}.main-content,.sidebar{width:100%;max-width:100%;flex:none}.board-group{flex-direction:column}.board-group .ad-small-banner,.board-group .board-section{width:100%}.videos-album-container{flex-direction:column}.albums-panel{width:100%;margin-right:0;margin-bottom:20px}.videos-grid-container{width:100%}#videoPlayerModal .modal-content{width:95%;margin:30px auto}}.mobile-user-dropdown{margin:10px 0}.mobile-user-dropdown .user-nickname{display:block;font-size:16px;font-weight:700;cursor:pointer;padding:5px 0}.mobile-dropdown-menu{display:none;margin-top:6px;padding-left:10px}.mobile-dropdown-menu a{display:block;font-size:14px;padding:4px 0;color:#333;text-decoration:none}.mobile-dropdown-menu a:hover{color:#06c}.mobile-dropdown-menu.show{display:block}@media (max-width:767px){.search-box{width:100%}.footer-inner{flex-direction:column;align-items:center;gap:10px;text-align:center}.user-menu{justify-content:center;flex-wrap:wrap}.main-nav ul{flex-wrap:wrap;justify-content:center}.videos-grid{grid-template-columns:repeat(2,1fr);gap:10px}.album-card{flex:0 0 calc(50% - 20px)}.board-header{flex-direction:column;align-items:flex-start}.board-actions{width:100%;margin-top:10px}.board-actions .search-box{width:100%}#videoPlayerModal .modal-content{margin:20px auto}#videoPlayerModal .modal-header h3{font-size:16px}}@media (max-width:480px){.videos-grid{grid-template-columns:1fr}.album-card{flex:0 0 100%}.form-actions{flex-direction:column}.form-actions .btn{width:100%;margin-bottom:5px}.comment-header-info{flex-direction:column;align-items:flex-start}.comment-author{margin-bottom:5px}.mobile-search-box{max-width:200px}#videoPlayerModal .modal-content{width:100%;margin:10px auto}#videoPlayerModal .modal-header{padding:8px 10px}#videoPlayerModal .modal-body{padding:10px}#videoPlayerModal #videoPlayerInfoTitle{font-size:14px}#videoPlayerModal #videoPlayerInfoDate,#videoPlayerModal #videoPlayerInfoUploader{font-size:12px}}@media (max-width:768px){.breadcrumb{padding:8px 10px}.breadcrumb h1{font-size:12px;line-height:1.3;display:inline}.breadcrumb ol{font-size:11px}.breadcrumb li:not(:last-child)::after{margin:0 5px}img{max-width:100%;height:auto}body{font-size:14px;line-height:1.5}}