:root{--bg:#09090a;--bg2:#141517;--text:#fff;--text-muted:#666;--accent:#ff8c00;--btn-bg:#ffc904}body{background:var(--bg);color:var(--text);margin:0;min-height:100vh;padding:0}ol,ul{list-style:none}.app{min-height:100vh}.app,.header{display:flex;flex-direction:column}.header{align-items:stretch;background:var(--bg2);box-sizing:border-box;padding:10px 0 0;position:sticky;top:0;width:100%;z-index:10}.header-top{height:60px;justify-content:space-between;padding:0 16px}.header-top,.logo-link{align-items:center;display:flex}.logo-link{background:none;text-decoration:none}.logo-img{background:transparent;border:none;border-radius:100px;display:block;height:54px;-o-object-fit:contain;object-fit:contain;outline:none;width:120px}.header .logo span{color:var(--accent)}.header .menu-toggle{cursor:pointer;font-size:1.5rem;margin-left:auto;padding:0 10px 10px}.nav-tabs{background:var(--bg);display:flex;overflow-x:auto;padding:6px 8px}.nav-tabs .tab{color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:14px;margin-right:12px;white-space:nowrap}.nav-tabs .tab.active{border-bottom:2px solid var(--accent);color:var(--text)}.feature-nav{background:var(--bg2);display:flex;justify-content:space-around;padding:10px 0}.feature-nav .item{align-items:center;color:var(--text);cursor:pointer;display:flex;flex-direction:column;font-size:12px}.feature-nav .item img{height:32px;margin-bottom:4px;width:32px}.category-grid{background:var(--bg);display:flex;flex-wrap:wrap;gap:3px;padding:3px}.category-grid .cat-btn{background:var(--bg2);border:none;border-radius:4px;box-sizing:border-box;color:var(--text);cursor:pointer;display:inline-block;flex:1 0 21%;font-size:13px;min-width:0;padding:10px 6px;text-align:center;text-decoration:none;word-break:break-all}.category-grid .cat-btn:hover{background:#1e1e22}@media (max-width:600px){.category-grid .cat-btn{flex:1 0 23%;max-width:24.3%}}.sub-tabs{background:var(--bg);display:flex;overflow-x:auto;padding:6px 8px}.sub-tabs .tab{color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:13px;margin-right:12px;white-space:nowrap}.sub-tabs .tab.active{border-bottom:2px solid var(--accent);color:var(--text)}.video-section{background:var(--bg);flex:1;overflow-y:auto;padding:3px}.video-list{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0 0 20px 15px}.video-item{box-sizing:border-box;flex:1 0 calc(30% - 10px)}@media (min-width:960px){.video-list{gap:20px}.video-item{flex:1 0 calc(25% - 20px)}}.video-thumb{border-radius:6px;overflow:hidden;position:relative}.video-thumb img{border-radius:15px;display:block;height:110px;width:90%}.video-thumb .playtime{background:#0009;border-radius:3px;bottom:4px;color:#fff;font-size:11px;padding:2px 4px;position:absolute;right:4px}.video-info{font-size:13px;line-height:1.2;margin-top:6px}.video-info .meta{color:var(--text-muted);font-size:11px;margin-top:2px}.overlay-btn{align-items:center;background:var(--btn-bg);border-radius:24px;bottom:64px;box-shadow:0 2px 6px #0000004d;color:#000;display:flex;font-size:14px;left:50%;padding:8px 16px;position:fixed;transform:translate(-50%);z-index:20}.overlay-btn img{margin-right:8px;width:24px}.audio-bar{align-items:center;bottom:56px;color:var(--text);font-size:12px;gap:8px;padding:6px 12px;position:fixed;z-index:15}.audio-bar,.bottom-nav{background:var(--bg2);display:flex;left:0;right:0}.bottom-nav{bottom:0;justify-content:space-around;padding:8px 0;z-index:100}.bottom-nav .nav-item{color:var(--text-muted);cursor:pointer;flex:1;font-size:12px;text-align:center}.bottom-nav .nav-item.active{color:var(--accent)}@media (max-width:600px){.category-grid .cat-btn{flex:1 0 calc(50% - 8px)}}@media (min-width:960px){body{background:var(--bg)}.app{background:var(--bg);border-radius:12px;box-shadow:0 0 30px #0000001a;margin:0 auto;max-width:960px;min-height:100vh;position:relative}.category-grid,.feature-nav,.header,.nav-tabs,.sub-tabs,.video-section{border-radius:0 0 12px 12px;box-sizing:border-box;margin:0 auto;max-width:960px;width:960px}.header{background:var(--bg2);border-radius:12px 0 0}.video-section{padding:5px 3px}.category-grid .cat-btn{flex:1 0 calc(12.5% - 8px)}.video-list{gap:5px}.video-item{flex:1 0 calc(20% - 20px)}.bottom-nav{border-radius:0 0 12px 12px;left:50%!important;width:960px!important}.overlay-btn{left:50%;transform:translate(-50%)}}.pagination{align-items:center;background:var(--bg2);border-radius:14px;box-shadow:0 2px 16px #0002;display:flex;font-size:15px;gap:18px;justify-content:center;margin:14px 0 30px;min-height:44px;padding:8px 20px;position:relative;z-index:9}.pagination span{color:var(--text-muted);font-size:15px;letter-spacing:1px;min-width:90px;text-align:center}.pagination button{background:var(--accent);border:none;border-radius:9px;box-shadow:0 1px 4px #00000017;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:7px 18px;transition:background .18s,color .18s,box-shadow .18s}.pagination button:hover:not(:disabled){background:#fff;box-shadow:0 2px 8px #ff8c001f;color:var(--accent)}.pagination button:disabled{background:#36353b!important;color:#aaa!important;cursor:not-allowed;opacity:.6}@media (max-width:600px){.pagination{font-size:13px;gap:8px;min-height:40px;padding:7px 6px}.pagination button{font-size:13px;padding:6px 12px}.pagination span{font-size:13px;min-width:50px}}.video-list .title a,.video-list .title a:active,.video-list .title a:hover,.video-list .title a:link,.video-list .title a:visited,.video-list .video-thumb,.video-list .video-thumb:active,.video-list .video-thumb:hover,.video-list .video-thumb:link,.video-list .video-thumb:visited{background:none!important;box-shadow:none!important;color:inherit!important;outline:none!important;text-decoration:none!important}.player-section{align-items:flex-start;display:flex;justify-content:center;padding:5px 0}.player-wrap{background:#14141eed;border-radius:16px;box-shadow:0 2px 24px #0003;margin:0 auto;max-width:960px;padding:8px 5px;width:100%}.video-title{color:#fff;font-size:1.25em;font-weight:700;margin:7px}.video-meta{color:#aaa;font-size:14px;margin-bottom:8px;padding:0 7px 7px}.player-error,.player-loading{color:#eee;font-size:18px;padding:60px 0;text-align:center}.video-player{aspect-ratio:16/9;background:#000;border-radius:10px;display:block;margin:0 auto;width:100%}