*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);transition:background .3s,color .3s}body.light{--bg:#f5f5f5;--text:#333;--card:#fff;--primary:#e50914}body.dark{--bg:#121212;--text:#eee;--card:#1e1e1e;--primary:#f40614}

/* ====== PC端：标题10% | 大分类40% | 搜索框40% | 深浅10% ====== */
@media(min-width:768px){
  .header{background:var(--card);box-shadow:0 2px 4px rgba(0,0,0,.2);position:sticky;top:0;z-index:100}
  .nav{display:flex;align-items:center;width:100%;padding:0 15px;height:60px}
  .title{width:10%;font-size:24px;font-weight:bold;color:var(--primary)}/* 左10% */
  .nav-menu{width:40%;display:flex;gap:12px;justify-content:flex-start;align-items:center;list-style:none;margin:0;padding:0;font-size:14px}/* 左40% 大分类 */
  .nav-menu a{text-decoration:none;color:var(--text);transition:color .3s}.nav-menu a:hover{color:var(--primary)}
  .search-box{display:flex;align-items:center;position:relative;width:40%;margin:0 2.5%}/* 中40% 缩短 */
  .search-input{width:100%;padding:8px 35px 8px 15px;border:1px solid #888;border-radius:20px;outline:none;font-size:14px}/* 满宽 */
  #searchBtn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:var(--primary);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center}#searchBtn svg{width:14px;height:14px;fill:#fff}
  .theme-btn{width:10%;display:flex;align-items:center;justify-content:flex-end;gap:6px;background:none;border:none;color:var(--text);font-size:14px}/* 右10% 深浅切换 */
  .theme-btn svg{width:18px;height:18px;fill:currentColor}
  .pcshow{padding: 0 10%;}
  .title a{color: inherit;text-decoration: none;}
}

/* ====== 移动端：标题 + 搜索框 + 深浅切换（百分比宽度） ====== */
@media(max-width:767px){
  .header{background:var(--card);box-shadow:0 2px 4px rgba(0,0,0,.2);position:sticky;top:0;z-index:100}
  .nav{display:flex;align-items:center;width:100%;padding:0 15px;height:60px}
  .title{width:20%;font-size:5vw;font-weight:bold;color:var(--primary)}/* 左20% */
  .search-box{display:flex;align-items:center;position:relative;width:60%;margin:0 2.5%}/* 中60% */
  .search-input{width:100%;padding:8px 35px 8px 15px;border:1px solid #888;border-radius:20px;outline:none;font-size:14px}/* 满宽 */
  #searchBtn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:var(--primary);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center}#searchBtn svg{width:14px;height:14px;fill:#fff}
  .theme-btn{width:20%;display:flex;align-items:center;justify-content:flex-end;gap:6px;background:none;border:none;color:var(--text);font-size:14px}/* 右20% 深浅切换 */
  .theme-btn svg{width:18px;height:18px;fill:currentColor}
  .nav-menu{display:none}/* 移动端隐藏大分类 */
  .title a{color: inherit;text-decoration: none;font-size: 5vw;}
}

.filter-section{background:var(--card);margin:15px;padding:15px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.filter-title{font-size:18px;font-weight:bold;margin-bottom:15px}.filter-row{display:flex;align-items:center;margin-bottom:15px;overflow:hidden}.filter-label{flex-shrink:0;font-weight:bold;margin-right:10px;font-size:14px;width:48px}.filter-scroll{flex:1;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter-options{display:flex;gap:10px;padding-bottom:5px}.filter-tag{padding:6px 0px;background:#8882;border-radius:15px;font-size:14px;white-space:nowrap;transition:all .3s}.filter-tag.active{background:var(--primary);color:#fff}.content{margin:15px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}@media(min-width:768px){.video-grid{grid-template-columns:repeat(7,1fr);gap:20px}}.video-card{position: relative;background:var(--card);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .3s}.video-card:hover{transform:translateY(-5px)}.video-poster{width:100%;aspect-ratio:3/4;object-fit:cover;}.video-info{padding:10px}.video-title{font-size:14px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-meta{font-size:12px;color:#888;display:flex;justify-content:space-between;margin-top:5px}.pagination{display:flex;justify-content:center;align-items:center;margin:30px 0;gap:10px}.page-btn{padding:8px 0px;background:var(--card);border:1px solid #888;border-radius:4px;font-size:14px;color:var(--text)}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn:disabled{opacity:.5;cursor:not-allowed}
.pagination a{color: inherit;text-decoration: none;padding: 0px 12px;cursor: default;}
.filter-section a{color: inherit;text-decoration: none;padding: 0 15px;cursor: default;}
.stroke-white { font-size: 13px; font-weight: bold; color: white; text-shadow: 1px 1px 0 #ff0000, -1px 1px 0 #ff0000, 1px -1px 0 #ff0000, -1px -1px 0 #ff0000; position: absolute; top: 20px; right: 3px; }
.video-grid a{color: inherit;text-decoration: none;cursor: default;}
.stroke-white2 { font-size: 13px; font-weight: bold; color: white; text-shadow: 1px 1px 0 #ff0000, -1px 1px 0 #ff0000, 1px -1px 0 #ff0000, -1px -1px 0 #ff0000; position: absolute; top: 5px; right: 3px; }
.player-source-box{background:var(--card);margin:15px;padding:15px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.2);}
.pspan{margin-top: 20px; display: block; font-size: 12px; color: #7f7f7f;}
.abc{overflow:hidden;white-space:nowrap}
.abc-track{display:inline-flex;animation:scroll 10s linear infinite}
@keyframes scroll{to{transform:translateX(-50%)}}