/* =========================================================
   STARSCREEN V2 · 响应式：电脑 / 平板 / 手机共用一套结构
   ========================================================= */
@media(max-width:1180px){
  body[data-tone] .shell{width:min(calc(100% - 44px),var(--shell))}
  body[data-tone] .main-nav{gap:20px}
  body[data-tone] .header-search{width:170px}
  body[data-tone] .video-grid,body[data-tone] .video-grid-6,body[data-tone] .ss-home .video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body[data-tone] .hero-layout{grid-template-columns:minmax(0,1fr) 270px}
  body[data-tone] .hero-content{padding:38px 36px 80px}
  body[data-tone] .hero-controls{left:36px;right:36px}
  body[data-tone] .category-cards,body[data-tone] .category-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
  body[data-tone] .detail-main{grid-template-columns:190px minmax(0,1fr) 230px;gap:24px}
  body[data-tone] .player-layout{grid-template-columns:minmax(0,1fr) 270px}
}
@media(max-width:920px){
  body[data-tone] .header-inner{grid-template-columns:auto 1fr auto;gap:16px}
  body[data-tone] .main-nav{display:none}
  body[data-tone] .header-search{display:none}
  body[data-tone] .header-actions{margin-left:auto}
  body[data-tone] .hero-section{padding-top:calc(var(--header-h) + 20px)}
  body[data-tone] .hero-layout{display:block}
  body[data-tone] .hero-stage{min-height:520px}
  body[data-tone] .rank-panel{display:none}
  body[data-tone] .hero-content{padding:30px 26px 74px;grid-template-columns:1fr}
  body[data-tone] .hero-poster{display:none}
  body[data-tone] .hero-controls{left:26px;right:26px;bottom:18px}
  body[data-tone] .library-overview{grid-template-columns:repeat(4,1fr)}
  body[data-tone] .library-stat{padding:0 10px}
  body[data-tone] .library-stat strong{font-size:20px}
  body[data-tone] .library-stat-link{display:none}
  body[data-tone] .genre-strip{align-items:flex-start;flex-direction:column;gap:10px}
  body[data-tone] .category-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-tone] .category-grid .video-grid,body[data-tone] .shelf-panel .video-grid,body[data-tone] .search-page .video-grid,body[data-tone] .rank-page .video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body[data-tone] .detail-main{grid-template-columns:170px minmax(0,1fr);align-items:start}
  body[data-tone] .detail-facts{display:none}
  body[data-tone] .detail-grid{grid-template-columns:1fr}
  body[data-tone] .detail-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  body[data-tone] .player-layout{display:block}
  body[data-tone] .player-side{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  body[data-tone] .player-related{grid-column:1/-1}
  body[data-tone] .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
  body[data-tone] .category-hot-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  body[data-tone] .shell{width:calc(100% - 28px)}
  body[data-tone] .brand-text{font-size:16px}
  body[data-tone] .brand-sub,body[data-tone] .brand-dot{display:none}
  body[data-tone] .header-register{display:none}
  body[data-tone] .hero-section{padding-top:calc(var(--header-h) + 12px)}
  body[data-tone] .hero-stage{min-height:430px;border-radius:6px}
  body[data-tone] .hero-content{padding:24px 20px 68px}
  body[data-tone] .hero-title{font-size:36px}
  body[data-tone] .hero-sub{font-size:11px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body[data-tone] .hero-actions{gap:6px}
  body[data-tone] .hero-actions .btn-lg{min-height:38px;padding:0 14px;font-size:11px}
  body[data-tone] .hero-controls{left:20px;right:20px}
  body[data-tone] .hero-thumbs{display:none}
  body[data-tone] .library-overview{grid-template-columns:1fr 1fr;gap:14px 0;margin-top:20px;padding:12px 0}
  body[data-tone] .library-stat:nth-child(3){border-left:0;padding-left:0}
  body[data-tone] .library-stat strong{font-size:18px}
  body[data-tone] .library-stat span{font-size:8px}
  body[data-tone] .section{padding-top:38px}
  body[data-tone] .section-head h2,body[data-tone] .ss-section-head h2{font-size:22px}
  body[data-tone] .video-grid,body[data-tone] .video-grid-6,body[data-tone] .ss-home .video-grid,body[data-tone] .category-grid .video-grid,body[data-tone] .shelf-panel .video-grid,body[data-tone] .search-page .video-grid,body[data-tone] .rank-page .video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 8px}
  body[data-tone] .ss-rail{grid-auto-columns:138px;gap:9px}
  body[data-tone] .video-card-body h3{font-size:11px}
  body[data-tone] .video-card-body p{font-size:8.5px}
  body[data-tone] .category-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  body[data-tone] .category-card{min-height:120px}
  body[data-tone] .category-card-body strong{font-size:19px}
  body[data-tone] .genre-strip-head h2{font-size:16px}
  body[data-tone] .genre-chips{gap:5px}
  body[data-tone] .genre-chips a{font-size:9px;padding:5px 9px}
  body[data-tone] .category-content{padding-top:calc(var(--header-h) + 14px)}
  body[data-tone] .category-hot{padding:12px;border-radius:6px}
  body[data-tone] .category-hot-title h1{font-size:20px}
  body[data-tone] .category-hot-tools .category-sort{display:flex;overflow-x:auto;width:100%;flex-wrap:nowrap}
  body[data-tone] .category-hot-tools .category-hot-link{display:none}
  body[data-tone] .category-hot-item{padding:6px;gap:7px}
  body[data-tone] .category-hot-cover{width:48px}
  body[data-tone] .category-hot-copy strong{font-size:9px}
  body[data-tone] .category-hot-copy small{display:none}
  body[data-tone] .category-inline-bar .category-switch{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:2px}
  body[data-tone] .category-inline-bar .category-count{width:100%;text-align:right}
  body[data-tone] .detail-hero{padding-top:calc(var(--header-h) + 14px)}
  body[data-tone] .detail-main{grid-template-columns:112px minmax(0,1fr);gap:14px;padding:20px 0 24px}
  body[data-tone] .detail-info h1{font-size:29px}
  body[data-tone] .detail-subtitle{font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body[data-tone] .detail-meta{font-size:9px;gap:5px 10px;margin:10px 0}
  body[data-tone] .detail-actions .btn{padding:0 11px;font-size:10px;min-height:34px}
  body[data-tone] .detail-side{grid-template-columns:1fr}
  body[data-tone] .prose{font-size:12px}
  body[data-tone] .player-shell{padding-top:calc(var(--header-h) + 10px)}
  body[data-tone] .player-titlebar h1{font-size:22px}
  body[data-tone] .player-side{grid-template-columns:1fr}
  body[data-tone] .account-hero{padding-top:calc(var(--header-h) + 24px)}
  body[data-tone] .account-head{display:block}
  body[data-tone] .account-identity .avatar{width:58px;height:58px;font-size:20px}
  body[data-tone] .account-identity h1{font-size:27px}
  body[data-tone] .account-tabs{gap:14px;overflow-x:auto;white-space:nowrap}
  body[data-tone] .footer-panel{padding:36px 0 18px}
  body[data-tone] .footer-hero{display:block;padding-bottom:22px}
  body[data-tone] .footer-hero-actions{margin-top:14px}
  body[data-tone] .footer-grid{grid-template-columns:1fr 1fr;gap:24px;padding-top:24px}
  body[data-tone] .footer-brand{grid-column:1/-1}
  body[data-tone] .footer-bottom{display:block;line-height:2;font-size:8.5px}
  body[data-tone] .footer-note{margin-left:0}
}
@media(max-width:420px){
  body[data-tone] .video-grid,body[data-tone] .video-grid-6,body[data-tone] .ss-home .video-grid,body[data-tone] .category-grid .video-grid,body[data-tone] .shelf-panel .video-grid,body[data-tone] .search-page .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-tone] .hero-title{font-size:31px}
  body[data-tone] .detail-main{grid-template-columns:92px minmax(0,1fr)}
  body[data-tone] .detail-info h1{font-size:25px}
}

/* iPhone / mobile home: keep the sticky header in normal flow so the hero cannot sit underneath it */
@media(max-width:920px){
  body[data-page="/"] .site-main{margin-top:0}
  body[data-page="/"] .hero-section{padding-top:14px}
}
@media(max-width:680px){
  body[data-page="/"] .hero-section{padding-top:12px}
  body[data-tone] .footer-panel{padding:34px 0 18px;border-radius:0;background:transparent}
}

/* 所有手机页面：顶栏在文档流内占位，彻底取消主体负边距 */
@media(max-width:920px){
  body[data-tone] .site-main{margin-top:0}
  body[data-tone] .hero-section{padding-top:12px}
  body[data-tone] .category-content{padding-top:16px}
  body[data-tone] .detail-v2,body[data-tone] .detail-hero{padding-top:16px}
  body[data-tone] .search-page{padding-top:20px}
  body[data-tone] .account-hero{padding-top:20px}
  body[data-tone] .player-shell{padding-top:12px}
  body[data-tone] .page-hero{padding-top:20px}
  body[data-tone] .page-compact{padding-top:18px}
  body[data-tone] .library-section,body[data-tone] .rank-section{padding-top:18px}
  body[data-tone] .main-nav a{font-size:12px;font-weight:600;letter-spacing:.02em}
}
@media(max-width:680px){
  body[data-tone] .detail-body{display:block!important;width:100%}
  body[data-tone] .detail-main{display:block!important;width:100%;max-width:none}
  body[data-tone] .detail-side{display:block!important;width:100%;margin-top:16px}
  body[data-tone] .detail-main .panel,body[data-tone] .detail-side .panel{width:100%}
  body[data-tone] .episode-panel{padding:16px!important}
  body[data-tone] .episode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:none}
  body[data-tone] .episode-chip{min-width:0;padding:9px 10px}
  body[data-tone] .episode-chip strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-tone] .episode-chip span{font-size:9px}
}

@media(max-width:920px){
  body[data-tone] .site-header{height:auto;min-height:var(--header-h)}
  body[data-tone] .header-inner{height:var(--header-h)}
  body[data-tone] .mobile-main-nav{
    display:flex;align-items:center;gap:22px;height:38px;overflow-x:auto;overflow-y:hidden;
    padding:0 14px;border-top:1px solid var(--ss-line);white-space:nowrap;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
  }
  body[data-tone] .mobile-main-nav::-webkit-scrollbar{display:none}
  body[data-tone] .mobile-main-nav a{
    position:relative;flex:none;padding:9px 0 8px;color:var(--ss-muted);
    font-size:11.5px;font-weight:600;letter-spacing:.02em;
  }
  body[data-tone] .mobile-main-nav a.is-active{color:var(--ss-text)}
  body[data-tone] .mobile-main-nav a.is-active::after{
    content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--ss-text);
  }
}

/* 手机/平板 Chrome：下滑收起顶栏，上滑再显示，避免 sticky 顶栏盖住内容 */
@media(max-width:920px){
  body[data-tone] .site-header.is-hidden{transform:translateY(-100%)!important}
}