/* responsive.css — 全部断点与动效降级，最后加载以覆盖基础规则 */
  @media (max-width:1080px){
    .detail-body{grid-template-columns:1fr}
    .detail-aside{position:static}
    .features{grid-template-columns:1fr}
  }
  @media (max-width:1023px){
    .layout{display:block}
    .sidebar{
      position:fixed;left:0;top:0;bottom:0;z-index:120;
      width:min(86vw,300px);max-width:300px;height:100vh;
      transform:translateX(-102%);
      transition:transform .28s cubic-bezier(.2,.8,.2,1);
      box-shadow:14px 0 44px -20px rgba(15,23,42,.5);
      border-right:1px solid #e8edf6;
    }
    .sidebar.open{transform:translateX(0)}
    .drawer-close{display:grid}
    .main-wrap{padding-top:0}
    .topbar{display:flex}
    .container{max-width:960px}
    .hero{padding:32px 26px}
    .hero h1{font-size:22px}
  }
  @media (min-width:1024px){
    .drawer-mask,.drawer-close{display:none!important}
    .topbar{display:none!important}
  }

  @media (max-width:640px){
    .filter-block{flex-direction:column;gap:8px}
    .filter-label{width:100%;padding-top:0}
    .grid{grid-template-columns:1fr}
    .detail-head{padding:20px;flex-direction:column;gap:14px}
    .detail-icon{width:60px;height:60px;font-size:28px}
    .stat-row{grid-template-columns:repeat(3,1fr);gap:10px}
    .stat{padding:14px}
    .stat b{font-size:18px}
    .vip-panel{flex-direction:column;align-items:flex-start}
    .preview-grid{grid-template-columns:1fr}
    .latest-card{flex:0 0 210px}
    .hero{padding:26px 20px;border-radius:20px}
    .hero h1{font-size:19px}
    .hero p{font-size:13px}
    .tb-brand{font-size:14px}
    .container{padding:0 14px}
  }
  @media (min-width:641px) and (max-width:1023px){
    .grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
    .latest-card{flex:0 0 240px}
  }
  @media (max-width:1023px){
    .mobile-actions{display:flex;gap:8px;padding:14px 20px 0}
  }
  @media (max-width:420px){
    .modal{padding:26px 20px 22px}
    .modal-actions{flex-direction:column}
    .stat-row{gap:8px}
    .stat{padding:12px 10px}
    .stat b{font-size:17px}
    .hero{padding:26px 18px}
    .hero h1{font-size:18px}
  }
  @media (max-width:640px){
    .quick-grid,.rule-steps{grid-template-columns:1fr}
    .earn-grid{grid-template-columns:1fr 1fr}
    .earn-cell b{font-size:18px}
    .auth-card{padding:20px}
    .auth-wrap{margin:10px auto}
    .stat-row{grid-template-columns:repeat(2,1fr)}
    .page-head h1{font-size:19px}
  }
  @media (max-width:640px){
    .stat-row.four{grid-template-columns:repeat(2,1fr)}
    .admin-summary{padding:14px 16px}
    .admin-tab{min-width:96px;font-size:13px;padding:9px 10px}
    .admin-grid,.feature-list{grid-template-columns:1fr}
    .block{padding:20px 18px}
    .block-row{gap:9px}
    .br-main{min-width:100%}
    .row-actions,.td-actions{width:100%}
    .admin-textarea{height:150px}
    .admin-savebar .btn-main{width:100%}
  }
  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{
      animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;
    }
    .card:hover,.latest-card:hover,.btn-unlock:hover,.btn-primary:hover,
    .btn-vip:hover,.sv-btn:hover{transform:none}
  }