/* ============================================================
   quickq-pc 重构 · responsive.css（原站 responsive.css 参数）
   ============================================================ */

@media (min-width: 992px) and (max-width: 1600px) {
  .qpc-banner.qpc-banner--home:before { right: -19%; width: calc(100% + 500px); }
}

@media (min-width: 1401px) and (max-width: 3000px) {
  .qpc-banner.qpc-banner--home:before { right: 0px; }
}

/* 1. Large devices (less than 1200px) */
@media (max-width: 1199.98px) {
  .qpc-nav > ul > li { padding-left: 13px; padding-right: 13px; }
  .qpc-banner.qpc-banner--home:before { top: -12%; right: -35%; width: 100%; background-position: 98% 10%; height: 115%; }
  .qpc-download__img { width: 600px; margin-left: -70px; }
  .qpc-download__img.type2 { margin-left: 0; width: 550px; }
  .qpc-blog-card__title h3 { font-size: 20px; line-height: 32px; clear: both; padding-top: 15px; }
  .qpc-download-app h2.h1 { font-size: 42px; line-height: 55px; margin-bottom: 18px; }
  .qpc-download-app h3 { font-size: 24px; margin-bottom: 55px; }
  .qpc-banner__text .qpc-btn + .qpc-btn { margin-left: 10px; margin-top: 0; }
}

/* 2. Large tablets (less than 992px) */
@media (max-width: 991.98px) {
  .qpc-pb-120 { padding-bottom: 80px; }
  .qpc-pt-120 { padding-top: 80px; }
  .qpc-banner__text h1 { font-size: 22px; }
  .qpc-banner__shapes .shape5 { top: 31%; left: 49%; }
  .qpc-header .row { position: relative; }
  .qpc-header .row > div:nth-child(2) { position: static; }
  .qpc-header { padding: 10px 0; }
  .qpc-nav ul ul li a:hover:before,
  .qpc-nav ul ul li.active a:before,
  .qpc-nav ul ul li:hover > a:before { opacity: 0; }
  .qpc-nav > ul > li { padding-top: 0px; padding-bottom: 0px; margin-left: 0px !important; }
  .qpc-nav > ul > li:first-child { border-top: 0px !important; }
  .qpc-nav ul li a { color: #fff; padding: 12px 15px !important; }
  .qpc-nav > ul ul li:not(:last-child) { border-bottom: 0; }
  .qpc-nav ul ul li a { padding-left: 30px !important; width: auto; }
  .qpc-nav { text-align: right; position: initial; }
  .qpc-nav > ul {
    position: absolute !important;
    top: 44px !important;
    left: 15px !important;
    width: calc(100% - 30px) !important;
    background: #36324a;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-height: 350px;
    overflow-y: auto;
  }
  .qpc-nav ul li a { color: #081340; }
  .qpc-nav ul,
  .qpc-nav ul ul,
  .qpc-nav ul ul ul,
  .qpc-nav > ul,
  .qpc-nav.align-center > ul,
  .qpc-nav > ul > li > ul,
  .qpc-nav > ul > li:hover > ul,
  .qpc-nav ul ul li:hover > ul {
    position: relative;
    left: 0;
    right: auto;
    top: 0;
    width: 100%;
    display: none;
    padding: 0;
    opacity: 1;
    text-align: left;
    z-index: 99999;
  }
  .qpc-nav ul li { width: 100%; border-top: 1px solid; }
  .qpc-nav > ul > li > a,
  .qpc-nav ul ul li a,
  .qpc-nav ul ul li:first-child > a,
  .qpc-nav ul ul li:last-child > a { border-radius: 0; box-shadow: none; }
  .qpc-nav ul li a i { display: none; }
  .qpc-nav ul ul ul li a { padding-left: 45px !important; }
  .qpc-nav #menu-button { color: #f77ade; font-size: 28px; display: inline-block; cursor: pointer; }
  .qpc-nav .submenu-button {
    position: absolute;
    right: 0;
    display: block;
    width: 50px;
    height: 40px;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    z-index: 10;
    cursor: pointer;
  }
  .qpc-nav ul ul .submenu-button { height: 44px; }
  .qpc-nav .submenu-button:before {
    content: '';
    position: absolute;
    right: 22.5px;
    top: 18px;
    display: block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #fff;
    z-index: 99;
  }
  .qpc-nav .submenu-opened:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: 14px; }
  .qpc-nav ul ul .submenu-button:before { top: 19.5px; }
  .qpc-nav ul ul .submenu-button.submenu-opened:before { top: 15.5px; }
  .qpc-nav #menu-button.menu-opened:before,
  .qpc-nav .submenu-button.submenu-opened:before { border-top-color: #f77ade; }
  .qpc-nav > ul > li:not(.active):hover > a,
  .qpc-nav > ul > li:not(.active) > a:hover { color: #f77ade; }
  .qpc-nav > ul > li > ul { background: #1c1967; }
  .qpc-nav > ul > li > ul,
  .qpc-nav ul ul ul { box-shadow: none; border-bottom: 0; }
  .qpc-nav > ul > li > ul:before,
  .qpc-nav ul ul ul:before { display: none; }
  .qpc-nav ul ul ul li:first-child { padding-top: 0; }
  .qpc-nav ul ul ul li:last-child { padding-bottom: 0; }
  .qpc-nav ul ul li:hover > a,
  .qpc-nav ul ul li > a:hover { color: #fff; }
  .qpc-nav ul ul ul:after { display: none; }
  .qpc-nav > ul > li > a:after,
  .qpc-nav > ul > li.active > a:after,
  .qpc-nav > ul > li:hover > a:after { display: none; }
  .qpc-nav > ul > li:hover > a:before,
  .qpc-nav > ul > li.active > a:before { display: none; }
  .qpc-nav ul ul li a { font-size: 14px; background: #ffffff; color: #333333; }
  .qpc-page-head { padding-top: 150px; padding-bottom: 140px; }
  .qpc-sec-head h2 { font-size: 36px; }
  .qpc-sec-head { margin: -8px 40px 50px; }
  .qpc-header .qpc-nav > ul > li:hover > a,
  .qpc-header .qpc-nav > ul > li.active > a { color: #fff; }
  .qpc-header.is-sticky .qpc-nav > ul > li:hover > a,
  .qpc-header.is-sticky .qpc-nav > ul > li.active > a { color: #fff; }
  .qpc-nav ul li a { color: #979caf; }
  .qpc-header.is-sticky .qpc-nav > ul > li > a { color: #979caf; }
  .qpc-nav ul ul li a { background: #081340; color: #979caf; }
  .qpc-header.is-sticky .qpc-nav ul ul li a,
  .qpc-header .qpc-nav ul ul li a { background: #36324a; color: #979caf; }
  .qpc-counter .counter { font-size: 40px; margin-bottom: 15px; }
  .qpc-download h2 { line-height: 48px; font-size: 36px; }
  .qpc-download-app h2.h1 { font-size: 36px; line-height: 48px; margin-bottom: 18px; }
  .qpc-pb-110 { padding-bottom: 50px; }
  .qpc-pb-90 { padding-bottom: 30px; }
  .qpc-pt-120 { padding-top: 60px; }
  .qpc-download__img { margin-bottom: 30px; }
  .qpc-pb-120 { padding-bottom: 60px; }
  .qpc-pt-110 { padding-top: 50px; }
  .qpc-pb-150 { padding-bottom: 60px; }
  .qpc-footer__widget { margin-bottom: 30px; }
  .qpc-footer { position: relative; background: #F7F6F9; padding-top: 35px; }
  .qpc-footer__legal { padding: 34px 0 47px; }
  .qpc-download__img.type2 { margin-bottom: 0; margin-top: 30px; }
  .qpc-pt-115 { padding-top: 60px; }
  .qpc-pb-80 { padding-bottom: 20px; }
}

@media (max-width: 991px) {
  .qpc-banner.qpc-banner--home:before,
  .qpc-banner.qpc-banner--home.banner2:before { display: none; }
  .qpc-pb-80 { padding-bottom: 60px; }
  .qpc-pt-115 { padding-top: 80px; }
  .qpc-pb-110 { padding-bottom: 80px; }
  .qpc-footer { position: relative; background: #F7F6F9; }
  .qpc-pb-150 { padding-bottom: 80px; }
  .qpc-pt-110 { padding-top: 80px; }
  .qpc-counter .counter { font-size: 40px; }
  h1, .h1 { font-size: 22px; line-height: 50px; }
  .qpc-download h2 { margin-bottom: 20px; }
  .qpc-download__img { width: 100%; margin-left: 0; }
  .qpc-download__img img { max-width: 100%; }
  .qpc-download__img.type2 { margin-left: 0; width: 100%; }
  .qpc-blog-card__title h3 { font-size: 20px; line-height: 28px; clear: both; padding-top: 15px; }
  .qpc-blog-card__details p { font-size: 13px; line-height: 30px; margin-bottom: 16px; }
  .qpc-download-app h2.h1 { font-size: 24px; line-height: 40px; margin-bottom: 18px; }
  .qpc-download-app h3 { font-size: 13px; margin-bottom: 20px; }
  .qpc-download-app .qpc-btn {
    border-color: #f77ade;
    color: #fff;
    background: #f77ade;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 600;
    padding: 11px 33px;
  }
  .qpc-logo img { max-width: 100px; }
}

/* 3. Medium devices (less than 768px) */
@media (max-width: 767.98px) {
  .qpc-logo img { max-width: 100px; }
  .qpc-btn { padding: 10px 5px; margin: 10px 0; width: 45%; }
  /* 原站怪癖：下载区第二个按钮宽度解析到视口（45vw ≈ 原站实测 45% 视口宽），
     产生 46px 横向溢出（原站如此，保留） */
  .qpc-download .qpc-btn + .qpc-btn { width: 45vw; }
  .center .qpc-feature { margin: 0px; }
  .qpc-nav-button-wrap { justify-content: flex-end; }
  .qpc-page-head__inner h1.h2 { font-size: 42px; }
  .qpc-sec-head { margin: -8px 0px 78px; }
  .qpc-banner__text { padding-bottom: 80px; }
  .qpc-download-app { padding: 0 0px; }
  .qpc-download__img.type2 { width: 100%; }
  .qpc-pb-115 { padding-bottom: 60px; }
  .qpc-banner.qpc-banner--home:before { top: -1% !important; right: -0% !important; width: 100% !important; background-position: -26% 2%; }
  .qpc-footer { position: relative; background: #F7F6F9; padding-top: 35px; }
  h2, .h2 { font-size: 20px !important; line-height: 36px !important; }
  body, p { font-size: 14px; }
}

/* 4. Small devices (less than 576px) */
@media (max-width: 575.98px) {
  .qpc-banner { padding: 150px 0 96px; }
  .qpc-download__img { width: 100%; margin-left: 0; }
  .qpc-footer { position: relative; background: #F7F6F9; padding-top: 35px; }
  .qpc-footer__top { padding: 0; }
  .qpc-footer__links .qpc-link-left { float: none; width: 49%; display: inline-block; }
  .qpc-footer__links .qpc-link-right { float: none; width: 50%; display: inline-block; }
}