/* ============================================================
   quickq-pc 重构 · components.css（banner/section-title/features/counter/blog卡/侧边栏/分页）
   ============================================================ */

/* ---------- Banner ---------- */
.qpc-banner { padding: 120px 0 96px; position: relative; overflow: hidden; }
.qpc-banner.qpc-banner--home:before {
  background: linear-gradient(to right, #144fe9, #b216c4);
  background-position: top right;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  top: 0%;
  right: -19%;
  position: absolute;
  content: "";
}
.qpc-banner__text { color: #fff !important; }
.qpc-banner__text h1 { color: #36324a; margin-bottom: 10px; }
.qpc-banner__text p { margin-bottom: 15px; font-size: 22px; }
.qpc-banner__text .qpc-btn { background: #fff; border-color: #fff; color: #214ae6; }
.qpc-banner__text .qpc-btn:hover { background: #36324a; border-color: #36324a; color: #fff; }
.qpc-banner__text .qpc-btn:before { background: #36324a; }
.qpc-banner__text .qpc-btn + .qpc-btn { background: transparent; border-color: #5b39c9; color: #5b39c9; margin-left: 10px; }
.qpc-banner__text .qpc-btn + .qpc-btn:hover { color: #fff; border-color: #5b39c9; background: #5b39c9; }
.qpc-banner__text .qpc-btn + .qpc-btn:hover:before { background: #5b39c9; }
.qpc-banner__img { -webkit-animation: bounce 1s ease-in-out 0s infinite alternate; animation: bounce 1s ease-in-out 0s infinite alternate; }
.qpc-banner__shapes .shape { position: absolute; -webkit-animation-duration: 3s; animation-duration: 3s; }
.qpc-banner__shapes .shape1 { top: -4%; left: -12%; }
.qpc-banner__shapes .shape2 { top: -24%; left: 37%; }
.qpc-banner__shapes .shape3 { top: 1%; left: -114%; }
.qpc-banner__shapes .shape4 { top: -5%; right: 13%; }
.qpc-banner__shapes .shape5 { top: 43%; left: 49%; }
.qpc-banner__shapes .shape6 { top: 53%; left: -12%; }
.qpc-banner__shapes .shape7 { top: 103%; right: -6%; }

/* ---------- 区块标题 ---------- */
.qpc-sec-head h2 { color: #36324a; font-weight: 600; margin-bottom: 10px; }
.qpc-sec-head p { color: #6f6c7f; line-height: 30px; }
.qpc-sec-head { position: relative; margin-top: -8px; margin: -8px 40px 78px; }

/* ---------- 特色卡（owl） ---------- */
.qpc-feature__icon { width: 95px; height: 95px; margin: auto; margin-bottom: 44px; }
.qpc-feature { padding: 74px 10px 66px; }
.center .qpc-feature { border: 4px solid #5b39c9; border-radius: 10px; margin: -10px -10px -10px -10px; }
.qpc-features .owl-stage-outer { padding-top: 10px; padding-bottom: 10px; }
.qpc-feature__icon svg rect, .qpc-feature__icon svg path { fill: #36324a; -webkit-transition: .3s all linear; transition: .3s all linear; }
.center .qpc-feature__icon svg rect, .center .qpc-feature__icon svg path { fill: #f77fdf; }
.qpc-feature p { margin-bottom: 0; color: #6f6c7f; font-size: 16px; line-height: 30px; }
.qpc-feature h5 { margin-bottom: 34px; color: #36324a; font-weight: 600; }
.qpc-features button.owl-dot {
  height: 7px;
  width: 7px;
  background: #ded7f4 !important;
  margin-right: 5px;
  border-radius: 50%;
  -webkit-transition: .3s all linear;
  transition: .3s all linear;
  line-height: 10px;
  vertical-align: middle;
}
.qpc-features button.owl-dot.active { background: #5b39c9 !important; height: 10px; width: 10px; }
.qpc-features .owl-dots { text-align: center; margin-top: 36px; }

/* ---------- 计数器 ---------- */
.qpc-counter .counter { font-size: 60px; font-weight: 200; color: #fff; line-height: 42px; margin-bottom: 21px; display: block; }
.qpc-counter p { font-size: 18px; color: #fff; font-weight: 400; margin-bottom: 0; }
.qpc-counter { margin-bottom: 30px; }

/* ---------- 下载/交互区（版本下载页） ---------- */
.qpc-download .qpc-download__icon { width: 65px; height: 65px; float: left; margin-right: 20px; }
.qpc-download h2 { color: #36324a; font-weight: 600; line-height: 54px; margin-bottom: 29px; }
.qpc-download p { margin-bottom: 10px; }
.qpc-download__img { width: 795px; margin: 0 auto; }
.qpc-download .qpc-download__icon svg#Capa_1 { fill: #f77ade; }

/* ---------- 下载 CTA（首页/介绍页底部） ---------- */
.qpc-download-app h2 { color: #36324a; }

/* ---------- 资讯卡片 ---------- */
.qpc-blog-card .qpc-blog-card__date p {
  margin-bottom: 0;
  line-height: 25px;
  text-align: center;
  margin-top: 15px;
  font-size: 14px;
  color: #36324a;
  font-weight: 600;
}
.qpc-blog-card__media { position: relative; overflow: hidden; border-radius: 10px; max-width: 300px; max-height: 200px; float: left; margin-right: 20px; }
.qpc-blog-card__date {
  position: absolute;
  top: 10px;
  height: 65px;
  width: 65px;
  background: #f0ecfe;
  border-radius: 50%;
  left: 10px;
  text-align: center;
  line-height: 65px;
}
.qpc-blog-card__title h1 {
  margin-top: -7px;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qpc-blog-card__title h1 a { -webkit-transition: .3s all linear; transition: .3s all linear; color: #36324a; }
.qpc-blog-card__title h1:hover a { color: #f77ade; }
.qpc-blog-card__title h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qpc-blog-card__title h3 a { -webkit-transition: .3s all linear; transition: .3s all linear; color: #36324a; }
.qpc-blog-card__title h3:hover a { color: #f77ade; }
.qpc-blog-card { margin-bottom: 30px; background: #fff; float: left; width: 48%; padding: 2%; }
.qpc-blog-card__details p { font-size: 16px; line-height: 30px; margin-bottom: 16px; color: #6f6c7f; }
.qpc-blog-card__details a { -webkit-transition: .3s all linear; transition: .3s all linear; }
.qpc-blog-card__details a:hover { color: #f77ade; }
.qpc-blog-card:hover .qpc-blog-card__media { box-shadow: 0 13px 30px rgba(0,0,0,.20); }
.qpc-blog-card__media { -webkit-transition: .3s all linear; transition: .3s all linear; }
.qpc-blog-card__meta { margin-bottom: 14px; }
.qpc-blog-card__media img { width: 100%; }
.qpc-blog-card__date p span { display: block; line-height: 1; }

/* 列表页卡片变体 */
.qpc-blog-list .qpc-blog-card__details { padding: 39px 0 0 0; }
.qpc-blog-list .qpc-blog-card__details p { margin-bottom: 34px; }
.qpc-blog-list .qpc-blog-card { margin-bottom: 100px; }
.qpc-blog-list .qpc-blog-card:hover .qpc-blog-card__media { box-shadow: none; }

/* ---------- 文章详情 ---------- */
.qpc-blog-details .qpc-blog-card__meta { margin-bottom: 14px; }
.qpc-blog-details__body p { font-size: 16px; }
.qpc-blog-details__body img { max-width: 100%; height: auto !important; }
.qpc-blog-prevnext p { margin-bottom: 0; }

/* ---------- 侧边栏 ---------- */
.qpc-widget:not(:first-child) { border: 4px solid #f7f6f9; border-radius: 10px; padding: 40px 45px; }
.qpc-widget__post p { margin-bottom: 0; color: #6f6c7f; line-height: 24px; }
.qpc-widget__post p a { color: currentColor; }
.qpc-widget__body ul li:not(:last-child) { padding-bottom: 30px; }
.qpc-widget__title h5 { margin-bottom: 30px; font-weight: 600; }
.qpc-widget__post .qpc-widget__post-img { width: 60px; border-radius: 10px; overflow: hidden; margin-right: 20px; }
.qpc-widget__post { -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.qpc-widget__post:hover p a, .qpc-widget__post:hover p { color: #36324a; }

/* ---------- 分页（原站为页面内联样式，此处等价实现） ---------- */
.qpc-pager { text-align: center; margin: 20px 0; }
.qpc-pager ul { display: flex; flex-wrap: wrap; justify-content: center; }
.qpc-pager ul li { display: inline-block; }
.qpc-pager ul li a { padding: 5px 15px; margin: 15px 5px; border: #dddddd solid 1px; display: inline-block; }
.qpc-pager ul li a:hover { border: #3ea8e2 solid 1px; color: #3ea8e2; }
.qpc-pager ul .active a { border: #3ea8e2 solid 1px; color: #3ea8e2; }