/* ============================================================
   SF999PK.COM 响应式样式 · PC / 平板 / 手机 自适应
   ============================================================ */

/* ---------- 平板 ---------- */
@media (max-width:1024px){
  .layout{grid-template-columns:1fr 280px;}
  .news-grid{grid-template-columns:1fr;}
  .footer-main{grid-template-columns:1fr 1fr;}
}

/* ---------- 手机 ---------- */
@media (max-width:768px){
  .topbar .tb-right{display:none;}
  .topbar .container{justify-content:center;}
  .site-header .container{flex-wrap:wrap;gap:12px;}
  .logo-box img{height:52px;}
  .site-name h1{font-size:26px;}
  .site-name p{font-size:11px;letter-spacing:2px;}
  .header-search{order:3;width:100%;max-width:none;}

  .main-nav{border-radius:12px;}
  .nav-toggle{display:block;}
  .nav-list{
    display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;
    background:linear-gradient(180deg,#a3112b,#6d1fb5);border-radius:0 0 14px 14px;
    box-shadow:0 20px 40px rgba(0,0,0,.5);max-height:70vh;overflow-y:auto;
  }
  .nav-list.open{display:flex;}
  .nav-list a{padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.1);}
  .nav-list a.active::after{left:18px;right:auto;width:46px;}
  .main-nav .container{position:relative;}

  .banner-wrap img{aspect-ratio:16/9;}
  .banner-corner{display:none;}
  .sec-title h2,.sec-title h3{font-size:17px;}

  .layout{grid-template-columns:1fr;}
  .sidebar{position:static;order:3;}
  .news-card img{width:118px;height:84px;}
  .srv-table th,.srv-table td{padding:8px 6px;font-size:12.5px;}
  .srv-table .col-line{display:none;}

  .article-head h1{font-size:20px;}
  .article-body{font-size:14.5px;}
  .article-nav a{min-width:100%;}

  .footer-main{grid-template-columns:1fr;gap:18px;padding:22px 0 10px;}
  .type-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .type-item img{height:118px;}

  .to-top{right:14px;bottom:18px;width:40px;height:40px;}
  .dl-section{gap:12px;}
  .page-hero h1{font-size:21px;}
}

/* ---------- 超小屏 ---------- */
@media (max-width:420px){
  .logo-box img{height:44px;}
  .site-name h1{font-size:22px;}
  .news-grid{grid-template-columns:1fr;}
  .type-grid{grid-template-columns:1fr 1fr;}
  .type-item img{height:96px;}
  .srv-table .col-ver{display:none;}
}

/* ---------- 打印 ---------- */
@media print{
  .main-nav,.topbar,.sidebar,.ad-zone,.to-top,.site-footer,.article-nav{display:none !important;}
  body{background:#fff;color:#000;}
  .card{background:#fff;border:1px solid #ccc;box-shadow:none;}
}