/* =========================================================
   quickql-new | pages.css
   页面层：首页专属组件与首页内联样式的全新实现
   （均以 body[data-page="home"] 限定，避免污染其他页面）
   ========================================================= */

/* ---------- Hero 轮播 ---------- */
.qq-hero { margin-top: -1px; }
.qq-hero__slide {
  min-height: 1000px;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 130px;
  display: flex;
  align-items: center;
}
.qq-hero__caption { padding-top: 17px; position: relative; }
.qq-hero__heading {
  font-size: 65px;
  font-weight: 700;
  color: var(--qq-ink);
  font-family: "Nunito", sans-serif;
  line-height: 1.3;
  margin-bottom: 32px;
}
.qq-hero__sub { margin-bottom: 54px; padding-right: 155px; }
.qq-hero__media { float: right; }
.qq-hero__media img { position: relative; right: -120px; }
.qq-hero__actions { margin-bottom: 0; }
.qq-video-btn {
  background: var(--qq-magenta);
  width: 60px;
  height: 60px;
  display: inline-block;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  position: relative;
  margin-left: 16px;
  color: #fff;
}
.qq-video-btn:hover { color: #fff; }
.qq-video-btn:hover.qq-video-btn--pulse {
  animation: 1.3s cubic-bezier(0.8, 0, 0, 1) 0s normal none infinite running qq-pulse;
  box-shadow: 0 0 0 0 rgba(61, 1, 68, 0.302);
}

/* ---------- 首页专属（原 index.html 内联样式的重实现） ---------- */
body[data-page="home"] .qq-hero__tags { margin-top: 1.5rem; }
body[data-page="home"] .qq-tag {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  padding: 4px 12px;
  border-radius: 20px;
  margin-right: 8px;
  font-size: 14px;
  margin-top: 5px;
}
body[data-page="home"] .qq-testimonial__role { color: #666; font-size: 14px; margin-bottom: 10px; }
body[data-page="home"] .qq-testimonial__text { color: #555; line-height: 1.6; }
body[data-page="home"] .qq-testimonial__rating { color: var(--qq-gold); margin-top: 10px; }
body[data-page="home"] .qq-footer__contact p { margin-bottom: 8px; color: #ddd; }
body[data-page="home"] .qq-footer__social a {
  /* 生效值：style.css .footer-area .footer-social a (0,2,0) 压过内联 36px 规则 */
  width: 40px;
  height: 40px;
  font-size: 14px;
  border: 1px solid #fafafa;
  background: #fafafa;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  color: #949eb2;
  margin-right: 5px;
  border-radius: 50%;
  transition: .4s;
}
body[data-page="home"] .qq-footer__social a:hover {
  background: var(--qq-violet);
  transform: translateY(-3px);
}
body[data-page="home"] .qq-footer__social a:hover i { color: #fff; transition: .4s; }
body[data-page="home"] .qq-footer__link { color: #aaa; margin: 0 10px; }
body[data-page="home"] .qq-footer__link:hover { color: white; }