/* =========================================================
   quickql-new | responsive.css
   响应式层：全部断点规则（参数原样继承原站源码）
   ========================================================= */

/* ---------- 1200 ~ 1600 ---------- */
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .qq-block--gallery  { padding-top: 100px; padding-bottom: 200px; }
  .qq-block--inner    { padding-top: 200px; }
  .qq-block--features { padding-top: 200px; padding-bottom: 110px; }
  .qq-block--reviews  { padding-top: 0px; padding-bottom: 0px; }
  .qq-footer          { padding-top: 80px; background: #f4feff; padding-bottom: 0px; }
  .qq-hero__slide     { min-height: 900px; }
  .qq-showcase__info  { margin-top: 72px; left: 33%; }
  .qq-showcase__info p { padding-right: 0px; }
  .qq-block--listing  { padding-top: 0; padding-bottom: 120px; }
  .qq-block--services { padding-top: 300px; padding-bottom: 150px; }
}

/* ---------- 1200 ~ 1500 ---------- */
@media (min-width: 1200px) and (max-width: 1500px) {
  .qq-capabilities__deco--offset { top: 246px !important; transform: translateY(0); }
  .qq-capabilities__deco img      { max-width: 70%; }
}

/* ---------- 1200 ~ 1440 ---------- */
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .qq-download__media { right: 0px; }
}

/* ---------- 1200 ~ 1300 ---------- */
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .qq-capabilities__deco { top: 50%; transform: translateY(-50%); }
  .qq-capabilities__deco img { max-width: 50%; top: 50%; }
  .qq-hero__media img { right: 0px; }
}

/* ---------- 992 ~ 1199 ---------- */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .qq-block--gallery     { padding-top: 0px; padding-bottom: 200px; }
  .qq-block--inner       { padding-top: 300px; }
  .qq-block--listing     { padding-top: 0; padding-bottom: 70px; }
  .qq-block--reviews     { padding-top: 0px; padding-bottom: 100px; }
  .qq-block--features    { padding-top: 100px; padding-bottom: 30px; }
  .qq-block--services    { padding-top: 200px; padding-bottom: 150px; }
  .qq-footer             { padding-top: 70px; padding-bottom: 50px; background: transparent; }
  .qq-block--pagehead    { padding-top: 200px; }
  .qq-hero__slide        { padding-top: 100px; }
  .qq-hero__heading      { font-size: 55px; line-height: 1.2; }
  .qq-hero__media img    { right: 0px; }
  .qq-capabilities__deco--offset { top: 300px; }
  .qq-capabilities__deco img { display: none !important; }
  .qq-sec-head__title    { font-size: 40px; }
  .qq-reviews-wrap       { padding: 0 0px; }
  .qq-download           { padding-top: 150px; padding-bottom: 150px; }
  .qq-download__media    { top: 45px; right: 0; }
  .qq-showcase__info     { left: 38%; margin-top: 0px; }
  .qq-showcase__info p { margin-bottom: 20px; padding-right: 26px; }
  .qq-service-card       { padding: 84px 25px 56px; }
}

/* ---------- 768 ~ 991 ---------- */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .qq-block--gallery     { padding-top: 0px; padding-bottom: 100px; }
  .qq-block--inner       { padding-top: 300px; }
  .qq-block--listing     { padding-top: 0; padding-bottom: 70px; }
  .qq-block--reviews     { padding-top: 0px; padding-bottom: 60px; }
  .qq-block--features    { padding-top: 70px; padding-bottom: 15px; }
  .qq-block--services    { padding-top: 150px; padding-bottom: 70px; }
  .qq-footer             { padding-top: 70px; padding-bottom: 50px; background: transparent; }
  .qq-block--pagehead    { padding-top: 150px; }
  .qq-hero__slide        { padding-top: 40px; min-height: 600px; }
  .qq-hero__heading      { font-size: 50px; line-height: 1.2; }
  .qq-hero__sub          { margin-bottom: 54px; padding-right: 0px; }
  .qq-capabilities__deco--offset { top: 300px; }
  .qq-capability__desc   { font-size: 15px; }
  .qq-reviews-wrap       { padding: 0 0px; }
  .qq-download           { padding-top: 100px; padding-bottom: 100px; }
  .qq-download__media    { top: 45px; right: 0; }
  .qq-showcase__info     { left: 17%; margin-top: 40px; }
  .qq-showcase__info p { margin-bottom: 20px; padding-right: 26px; }
  .qq-showcase__slider.owl-loaded { right: 0%; }
}

/* ---------- 576 ~ 767 ---------- */
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .qq-block--inner       { padding-top: 200px; }
  .qq-block--reviews     { padding-top: 50px; padding-bottom: 0px; }
  .qq-block--features    { padding-top: 70px; padding-bottom: 15px; }
  .qq-block--services    { padding-top: 150px; padding-bottom: 70px; }
  .qq-block--gallery     { padding-top: 50px; padding-bottom: 50px; }
  .qq-block--listing     { padding-top: 0; padding-bottom: 70px; }
  .qq-footer             { padding-top: 70px; padding-bottom: 50px; background: transparent; }
  .qq-block--pagehead    { padding-top: 150px; }
  .qq-hero__slide        { padding-top: 40px; }
  .qq-download           { padding-top: 100px; padding-bottom: 100px; }
  .qq-download__media    { top: 45px; right: 0; }
  .qq-showcase__info     { left: 1%; margin-top: 20px; }
  .qq-showcase__slider.owl-loaded { right: 0%; }
}

/* ---------- ≤767 ---------- */
@media (max-width: 767px) {
  #scrollUp { right: 16px; }
  .qq-block--gallery     { padding-top: 50px; padding-bottom: 50px; }
  .qq-block--inner       { padding-top: 200px; }
  .qq-block--listing     { padding-top: 0; padding-bottom: 70px; }
  .qq-block--reviews     { padding-top: 35px; padding-bottom: 90px; }
  .qq-block--features    { padding-top: 70px; padding-bottom: 15px; }
  .qq-block--services    { padding-top: 150px; padding-bottom: 70px; }
  .qq-footer             { padding-top: 70px; padding-bottom: 50px; background: transparent; }
  .qq-block--pagehead    { padding-top: 130px; }
  .qq-hero__slide        { padding-top: 40px; min-height: 600px; }
  .qq-hero__heading      { font-size: 29px; line-height: 1.4; }
  .qq-hero__sub          { margin-bottom: 54px; padding-right: 0px; }
  .qq-sec-head__title    { font-size: 30px; line-height: 1.3; }
  .qq-reviews-wrap       { padding: 0 0px; }
  .qq-testimonial        { padding: 55px 29px 55px 34px; }
  .qq-testimonial__name  { font-size: 17px; }
  .qq-testimonial__text  { font-size: 15px; }
  .qq-download           { padding-top: 100px; padding-bottom: 100px; }
  .qq-download__media    { top: 45px; right: 0; }
  .qq-download__btns .qq-download__btn:last-child { display: block; padding-top: 10px; }
  .qq-showcase__info     { left: 1%; margin-top: 10px; }
  .qq-showcase__title    { font-size: 30px; }
  .qq-showcase__info p { margin-bottom: 20px; padding-right: 0px; }
  .qq-showcase__slider.owl-loaded { right: 0%; }
  .qq-capability         { margin-bottom: 30px; }
  .qq-capability__desc   { font-size: 13px; }
  .qq-post__nav--prev    { margin-bottom: 30px; }
  .qq-footer__legal      { padding-top: 0px; }
}

/* ---------- ≤991 ---------- */
@media (max-width: 991px) {
  /* 保留占位（原站此处仅 sidebar-widgets 规则，页面未使用） */
}

/* ---------- ≤600 ---------- */
@media (max-width: 600px) {
  /* 原站 blog-author 规则（页面未使用该组件）保留占位 */
}

/* ---------- ≥768 ---------- */
@media (min-width: 768px) {
  .qq-article-card__body { padding: 60px 30px 35px 35px; }
  .qq-article-card__title { font-size: 24px; margin-bottom: 15px; }
  .qq-post__body h2      { font-size: 24px; margin-bottom: 15px; }
  .qq-article-card__date { bottom: -20px; left: 40px; padding: 13px 30px; }
  .qq-article-card__date p { font-size: 18px; }
  .qq-news__grid         { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- ≥1024（Tailwind lg 断点，资讯网格 3 列） ---------- */
@media (min-width: 1024px) {
  .qq-news__grid         { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ---------- ≤768（原 youshi 内联样式断点） ---------- */
@media (max-width: 768px) {
  body[data-page="youshi"] .qq-sec-head__title { font-size: 1.8rem; }
}

/* ---------- ≤768（原站内页 767 断点） ---------- */
@media (max-width: 768px) {
  .qq-post__nav--prev { margin-bottom: 30px; }
}
@media (max-width: 768px) {
  body[data-page="home"] .qq-point,
  body[data-page="home"] .qq-audience-card { margin-bottom: 20px; }
  body[data-page="home"] .qq-tech__body,
  body[data-page="home"] .qq-tech__media { margin-bottom: 30px; }
}