/* ====== Responsive CSS — 移动端适配 ====== */

@media (max-width: 1024px) {
  .container{padding:0 20px}
  .hero-title{font-size:36px}
  .hero-desc{font-size:15px;max-width:500px}
  .hero-visual{display:none}
  .hero-content{text-align:center}
  .hero-actions{justify-content:center}
  .template-grid{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .section-header{text-align:center}
  .ucenter-layout{flex-direction:column}
  .ucenter-sidebar{width:100%}
  .ucenter-nav{flex-direction:row;overflow-x:auto;gap:6px}
  .uc-nav-item{flex-shrink:0;white-space:nowrap;font-size:13px}
}

@media (max-width: 768px) {
  .container{padding:0 16px}
  .hero-section{padding:80px 0 60px}
  .hero-title{font-size:28px;line-height:1.3}
  .hero-desc{font-size:14px;max-width:100%}
  .hero-badge{font-size:12px;margin-bottom:16px}
  .hero-actions{flex-direction:column;gap:12px;width:100%}
  .hero-actions .hero-btn{width:100%;justify-content:center}
  .hero-blobs{display:none}
  .hero-card-stack{display:none}

  .template-grid{grid-template-columns:1fr;gap:16px}
  .template-card{max-width:100%}

  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stats-item h3{font-size:28px}
  .stats-item p{font-size:13px}

  .service-grid{grid-template-columns:1fr}
  .testimonial-grid{grid-template-columns:1fr}
  .cta-section{padding:50px 20px}
  .cta-title{font-size:24px}

  .page-banner{padding:40px 0 30px}
  .page-banner h1{font-size:24px}
  .page-banner-desc{font-size:13px}

  .site-header{height:60px}
  .site-header.scrolled{backdrop-filter:none}
  .logo-img{width:102px;height:42px}
  .logo-text{font-size:16px}
  .nav-menu{position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(10,10,26,.97);backdrop-filter:blur(30px);flex-direction:column;padding:20px;transform:translateX(-100%);transition:transform .3s ease;z-index:999;overflow-y:auto}
  .nav-menu.open{transform:translateX(0)}
  .nav-item{border-bottom:1px solid rgba(255,255,255,.06);padding:0}
  .nav-item>a{display:block;padding:14px 0;font-size:16px}
  .menu-toggle{display:flex !important;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1000}
  .menu-toggle span{display:block;width:24px;height:2px;background:#fff;transition:all .3s}
  .menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
  .menu-toggle.active span:nth-child(2){opacity:0}
  .menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
  .header-actions{gap:8px}
  .dropdown{position:static;background:none;border:none;padding:0 0 12px 16px;box-shadow:none;min-width:auto;opacity:1;visibility:visible;transform:none}
  .dropdown a{padding:10px 0;font-size:14px}

  .footer-content{flex-direction:column;gap:30px;text-align:center}
  .footer-links,.footer-social{justify-content:center}
  .footer-wave{height:40px}

  .search-overlay-content input{font-size:20px;padding:12px 24px}
  .search-result-item{flex-direction:column}
  .search-result-img{width:100%;height:160px}

  .article-layout{flex-direction:column}
  .article-detail{padding:20px}
  .related-grid{grid-template-columns:repeat(2,1fr);gap:12px}

  .comments-area{padding:20px}
  .comment-body{padding:16px}

  .not-found-num{font-size:80px}
  .not-found-title{font-size:22px}

  .auth-card{padding:28px 20px;border-radius:20px}
  .form-row.two-col{flex-direction:column}
  .uc-card{padding:20px}

  .sidebar{width:100%}
  .content-layout{flex-direction:column}

  .qz-inputs{flex-direction:column;gap:8px}
  .qz-inputs input{width:100%}

  .announcement-bar{font-size:12px;padding:6px 12px}
  .wechat-modal-content{width:90%;max-width:320px;padding:28px 24px}

  .back-to-top{right:16px;bottom:20px;width:42px;height:42px}
  .progress-ring{display:none}
}

@media (max-width: 480px) {
  .hero-title{font-size:24px}
  .hero-section{padding:60px 0 40px}
  .section{padding:40px 0}
  .section-title{font-size:22px}
  .stats-grid{grid-template-columns:1fr}
  .template-img{height:200px}
  .template-title{font-size:15px}
  .page-banner h1{font-size:20px}
  .fav-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .related-grid{grid-template-columns:1fr}
  .comment-avatar{width:36px;height:36px}
  .pagination-inner{flex-wrap:wrap;gap:4px}
  .pagination-inner a,.pagination-inner span{padding:6px 10px;font-size:13px}
  .not-found-num{font-size:64px}
}