@media(max-width:768px){
  html,body{
    overflow-x:hidden!important;
  }

  .top,
  .wrap,
  .friend-links,
  .foot{
    max-width:420px!important;
    width:calc(100% - 14px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .top{
    margin-top:12px!important;
    border-radius:10px 10px 0 0!important;
    position:relative!important;
  }

  .top-inner{
    display:block!important;
    padding:12px 9px 8px!important;
  }

  .logo{
    display:block!important;
    font-size:22px!important;
    line-height:1.2!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    margin-bottom:10px!important;
  }

  .nav{
    display:flex!important;
    gap:16px!important;
    width:100%!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    font-size:15px!important;
    padding:0 34px 6px 0!important;
    scrollbar-width:none!important;
  }

  .nav::-webkit-scrollbar{
    display:none!important;
  }

  .search{
    display:none!important;
  }

  .wrap{
    padding:9px!important;
    border-radius:0 0 10px 10px!important;
  }

  .mobile-cat-toggle{
    display:block!important;
    position:absolute!important;
    right:10px!important;
    top:48px!important;
    width:28px!important;
    height:28px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    font-size:0!important;
    line-height:1!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }

  .mobile-cat-toggle::before{
    content:"☰";
    font-size:26px!important;
    font-weight:900!important;
  }

  .catbar{
    display:none!important;
    margin:4px 0 14px!important;
    padding:10px!important;
    max-height:260px!important;
    overflow-y:auto!important;
    border-radius:12px!important;
    background:rgba(0,0,0,.16)!important;
    border:1px solid rgba(255,255,255,.12)!important;
  }

  body.show-cats .catbar{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }

  .catbar a{
    font-size:12px!important;
    padding:6px 9px!important;
    border-radius:999px!important;
  }

  .section{
    margin-bottom:22px!important;
  }

  .head{
    margin:8px 0 10px!important;
  }

  .head h2{
    font-size:18px!important;
    padding-left:0!important;
    border-left:0!important;
  }

  .head h2::before{
    content:"VIP ";
    font-weight:900!important;
    font-style:italic!important;
  }

  .more{
    display:none!important;
  }

  .grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px 9px!important;
  }

  .card{
    border-radius:10px!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }

  .thumb{
    position:relative!important;
    border-radius:8px 8px 0 0!important;
    overflow:hidden!important;
  }

  .thumb img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/10!important;
    object-fit:cover!important;
    display:block!important;
  }

  .date{
    display:none!important;
  }

  .dur{
    right:4px!important;
    bottom:4px!important;
    font-size:10px!important;
    padding:2px 5px!important;
    border-radius:4px!important;
  }

  .card h3{
    font-size:13px!important;
    line-height:1.32!important;
    height:35px!important;
    margin:7px!important;
    overflow:hidden!important;
  }

  .meta{
    display:none!important;
  }

  .player video{
    width:100%!important;
    max-height:56vh!important;
    border-radius:10px!important;
  }

  .desc{
    padding:12px!important;
    border-radius:10px!important;
    font-size:13px!important;
    line-height:1.65!important;
  }

  .tags{
    gap:7px!important;
  }

  .tag{
    font-size:12px!important;
    padding:6px 9px!important;
  }

  .friend-links{
    padding:10px!important;
    font-size:12px!important;
    line-height:1.8!important;
  }

  .foot{
    padding:18px 8px!important;
    font-size:12px!important;
  }
}

@media(max-width:420px){
  .top,
  .wrap,
  .friend-links,
  .foot{
    width:calc(100% - 12px)!important;
  }

  .logo{
    font-size:20px!important;
  }

  .nav{
    gap:14px!important;
    font-size:14px!important;
  }

  .grid{
    gap:10px 8px!important;
  }

  .card h3{
    font-size:12.5px!important;
  }
}

/* ===== Fix mobile category + remove VIP label ===== */
@media(max-width:768px){
  .head h2::before{
    content:""!important;
    display:none!important;
  }

  .mobile-cat-toggle{
    display:block!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:100%!important;
    height:auto!important;
    margin:0 0 10px!important;
    padding:9px 11px!important;
    border-radius:9px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.08)!important;
    color:inherit!important;
    font-size:14px!important;
    font-weight:800!important;
    text-align:left!important;
  }

  .mobile-cat-toggle::before{
    content:""!important;
  }

  .catbar{
    display:none!important;
    margin:0 0 12px!important;
    padding:10px!important;
    max-height:240px!important;
    overflow-y:auto!important;
    border-radius:10px!important;
  }

  body.show-cats .catbar{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
  }

  .catbar a{
    font-size:12px!important;
    padding:6px 9px!important;
  }
}

/* ===== Mobile search + more button ===== */
@media(max-width:768px){
  .search{
    display:flex!important;
    width:100%!important;
    margin:8px 0 0!important;
    gap:6px!important;
  }

  .search input{
    display:block!important;
    flex:1!important;
    width:auto!important;
    height:36px!important;
    padding:0 10px!important;
    border-radius:8px!important;
    font-size:13px!important;
  }

  .search button{
    display:block!important;
    height:36px!important;
    padding:0 12px!important;
    border-radius:8px!important;
    font-size:13px!important;
    white-space:nowrap!important;
  }

  .more{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:92px!important;
    height:32px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    font-size:13px!important;
    font-weight:800!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.15)!important;
    color:inherit!important;
  }

  .more::after{
    content:" ›";
    font-size:16px!important;
    margin-left:3px!important;
  }

  .head{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:8px!important;
  }

  .head h2{
    margin:0!important;
  }
}

/* PC hide mobile category toggle */
.mobile-cat-toggle{
  display:none!important;
}

@media(max-width:768px){
  .mobile-cat-toggle{
    display:block!important;
  }
}

/* ===== Mobile top nav row ===== */
@media(max-width:768px){

  .top-inner{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
  }

  .logo{
    margin-bottom:2px!important;
  }

  .nav{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:18px!important;
    width:100%!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    padding:0!important;
    margin:0!important;
    order:2!important;
  }

  .nav a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:15px!important;
    font-weight:700!important;
    flex:0 0 auto!important;
  }

  .mobile-cat-toggle{
    order:2!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:auto!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    font-size:15px!important;
    font-weight:700!important;
    box-shadow:none!important;
    line-height:1.2!important;
  }

  .mobile-cat-toggle::before{
    content:""!important;
  }

  .search{
    order:3!important;
    display:flex!important;
    width:100%!important;
    margin:0!important;
  }

  .search input{
    height:38px!important;
  }

  .search button{
    height:38px!important;
  }

  .catbar{
    margin-top:8px!important;
  }
}

/* ===== FINAL: mobile nav inline category ===== */
@media(max-width:768px){
  .top-inner{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }

  .nav{
    order:2!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:14px!important;
    width:100%!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    padding:0!important;
    margin:0!important;
  }

  .nav a,
  .nav .mobile-cat-toggle{
    display:inline-flex!important;
    width:auto!important;
    height:auto!important;
    min-width:max-content!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.2!important;
    color:inherit!important;
  }

  .nav .mobile-cat-toggle::before{
    content:""!important;
  }

  .search{
    order:3!important;
    display:flex!important;
    width:100%!important;
    margin:0!important;
  }

  .catbar{
    display:none!important;
    margin-top:8px!important;
  }

  body.show-cats .catbar{
    display:flex!important;
  }
}

@media(min-width:769px){
  .nav .mobile-cat-toggle{
    display:none!important;
  }
}

/* ===== Mobile final nav/search/category ===== */
@media(max-width:768px){

  .top-inner{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }

  .logo{
    order:1!important;
  }

  .nav{
    order:2!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    width:100%!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    padding:0!important;
    margin:0!important;
  }

  .nav a,
  .nav .mobile-cat-toggle{
    display:inline-flex!important;
    width:auto!important;
    min-width:max-content!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.2!important;
    color:inherit!important;
  }

  .nav .mobile-cat-toggle::before{
    content:""!important;
  }

  .search{
    order:3!important;
    display:flex!important;
    width:100%!important;
    margin:0!important;
    gap:6px!important;
  }

  .search input{
    flex:1!important;
    width:auto!important;
  }

  .search button{
    flex:0 0 auto!important;
  }

  .wrap > .mobile-cat-toggle{
    display:none!important;
  }

  .catbar{
    display:none!important;
    margin:0 0 12px!important;
  }

  body.show-cats .catbar{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
  }
}

@media(min-width:769px){
  .mobile-cat-toggle{
    display:none!important;
  }
}

/* ===== Mobile final nav/search/category ===== */
@media(max-width:768px){

  .top-inner{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }

  .logo{
    order:1!important;
  }

  .nav{
    order:2!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    width:100%!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    padding:0!important;
    margin:0!important;
  }

  .nav a,
  .nav .mobile-cat-toggle{
    display:inline-flex!important;
    width:auto!important;
    min-width:max-content!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.2!important;
    color:inherit!important;
  }

  .nav .mobile-cat-toggle::before{
    content:""!important;
  }

  .search{
    order:3!important;
    display:flex!important;
    width:100%!important;
    margin:0!important;
    gap:6px!important;
  }

  .search input{
    flex:1!important;
    width:auto!important;
  }

  .search button{
    flex:0 0 auto!important;
  }

  .wrap > .mobile-cat-toggle{
    display:none!important;
  }

  .catbar{
    display:none!important;
    margin:0 0 12px!important;
  }

  body.show-cats .catbar{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
  }
}

/* 广告容器 */
.partner-ads {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important; /* 广告间距 */
}

.partner-ad {
  flex: 0 0 calc(12.5% - 10px) !important; /* PC端 8个一行 */
  position: relative !important;
}

.partner-ad img {
  width: 100% !important;
  aspect-ratio: 1/1 !important; /* 保持正方形 */
  object-fit: cover !important;
  border-radius: 6px !important;
}

@media (max-width: 768px) {
  .partner-ad {
    flex: 0 0 calc(25% - 10px) !important; /* 手机端 4个一行 */
  }
}